/** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .ui-datepicker { display: none; z-index: 999999 !important; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; cursor: pointer; } .ui-datepicker .ui-datepicker-next-hover span, .ui-datepicker .ui-datepicker-prev-hover span { border-color: transparent #ff8400 transparent transparent; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -5px; font-size: 0px; width: 0px; height: 0px; border: solid; border-width: 5px 8px 5px 0; border-color: transparent #ff9635 transparent transparent; } .ui-datepicker .ui-datepicker-next span { margin-left: 0px; top: 50%; margin-top: -5px; border-width: 5px 0 5px 8px; border-color: transparent transparent transparent #ff9635; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month-year { width: 100%; } .ui-datepicker table { width: 100%; font-size: .9em; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: 4px; text-align: right; text-decoration: none; color: #000000; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float: right; } .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; } .ui-timepicker-div dl { text-align: left; } .ui-timepicker-div dl dt { height: 25px; margin-bottom: -22px; } .ui-timepicker-div dl .ui_tpicker_time_label { margin-bottom: -25px; } .ui-timepicker-div dl dd { margin: 0 10px 10px 65px; } .ui-timepicker-div td { font-size: 90%; } .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; } .ui-datepicker { padding: 15px; border: #ffffff 4px solid; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #efefef; -webkit-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.35); box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.35); } .ui-datepicker .ui-datepicker-header { background: transparent; border: none; padding-bottom: 10px; } .ui-datepicker .ui-datepicker-title .ui-datepicker-month { width: 47%; margin-right: 6%; } .ui-datepicker .ui-datepicker-title .ui-datepicker-year { width: 47%; } .ui-datepicker .ui-datepicker-calendar td { border: #cfcfcf 1px solid; } .ui-datepicker .ui-datepicker-calendar td a { padding: 4px; display: block; } .ui-datepicker .ui-datepicker-calendar td .ui-state-hover { background: #f9eae7; } .ui-datepicker .ui-datepicker-calendar { background: #ffffff; border: #cfcfcf 1px solid; border-collapse: collapse; } .ui-datepicker .ui-datepicker-calendar th { background: #efefef; border: #cfcfcf 1px solid; padding: 4px; text-transform: uppercase; } .ui-datepicker .ui-datepicker-calendar .ui-datepicker-week-col { text-align: center; border: #cfcfcf 1px solid; } .ui-datepicker { width: auto; } .ui-datepicker .ui-datepicker-calendar .ui-datepicker-today { background: #f3d7d2; } .ui-datepicker .ui-datepicker-calendar .ui-state-active { background: #ffdf66; } .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; } .ui-timepicker-div dl { text-align: left; } .ui-timepicker-div dl dd { margin: 0 0 10px 65px; } .ui-timepicker-div td { font-size: 90%; } .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; } .ui-slider { position: relative; text-align: left; } .ui-slider-horizontal .ui-slider-handle { margin-left: -5px; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; cursor: default; } .ui-slider-horizontal { height: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: none; background: #dadada; } .ui-slider-handle { height: 10px; width: 10px; -webkit-border-radius: 10px; border-radius: 10px; background: #f98b25; display: block; position: absolute; } .ui-timepicker-div { padding: 10px 0 5px 0; } .ui-datepicker .ui-datepicker-buttonpane { overflow: hidden; padding-top: 10px; border-top: #cfcfcf 1px solid; } .ui-datepicker .ui-datepicker-calendar .ui-state-disabled { background: #f9f9f9; } .ui-datepicker .ui-datepicker-calendar .ui-state-disabled span { color: #959595; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ } .ui-timepicker-div .ui_tpicker_unit_hide { display:none; } /** * Mageplaza * * NOTICE OF LICENSE * * This source file is subject to the Mageplaza.com license that is * available through the world-wide-web at this URL: * //www.mageplaza.com/LICENSE.txt * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade this extension to newer * version in the future. * * @category Mageplaza * @package Mageplaza_Blog * @copyright Copyright (c) Mageplaza (//www.mageplaza.com/) * @license //www.mageplaza.com/LICENSE.txt */.mp-blog-icon:before { background-repeat: no-repeat; color: #999999; content: ''; display: inline-flex; width: 12px; height: 12px; opacity: 50%; position: relative; top: 2px;}.mp-blog-calendar-times:before { background-image: url("../../frontend/Codeculture/ProAurumSchweiz/de_CH/Mageplaza_Blog/media/images/calendar-times.svg");}.mp-blog-user:before { background-image: url("../../frontend/Codeculture/ProAurumSchweiz/de_CH/Mageplaza_Blog/media/images/user.svg");}.mp-blog-comments:before { background-image: url("../../frontend/Codeculture/ProAurumSchweiz/de_CH/Mageplaza_Blog/media/images/comments.svg");}.mp-blog-traffic:before { background-image: url("../../frontend/Codeculture/ProAurumSchweiz/de_CH/Mageplaza_Blog/media/images/eye.svg");}.mp-blog-thumbs-up:before { background-image: url("../../frontend/Codeculture/ProAurumSchweiz/de_CH/Mageplaza_Blog/media/images/thumbs-up.svg");}@charset "UTF-8"; html { font-family: sans-serif; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } progress { vertical-align: baseline; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline-width: 0; } abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } b, strong { font-weight: inherit; } b, strong { font-weight: bolder; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background-color: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } svg:not(:root) { overflow: hidden; } code, kbd, pre, samp { /* stylelint-disable */ font-family: monospace, monospace; /* stylelint-enable */ font-size: 1em; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; overflow: visible; } button, .cart.table-wrapper .actions-toolbar > .action, .action-gift, input, select, textarea { font: inherit; } optgroup { font-weight: bold; } button, .cart.table-wrapper .actions-toolbar > .action, .action-gift, input, select { overflow: visible; } button, .cart.table-wrapper .actions-toolbar > .action, .action-gift, input, select, textarea { margin: 0; } button, .cart.table-wrapper .actions-toolbar > .action, .action-gift, select { text-transform: none; } [type="button"], [type="reset"], [type="submit"], button, .cart.table-wrapper .actions-toolbar > .action, .action-gift { cursor: pointer; } [disabled] { cursor: default; } [type="reset"], [type="submit"], button, .cart.table-wrapper .actions-toolbar > .action, .action-gift, html [type="button"] { -webkit-appearance: button; appearance: button; } button::-moz-focus-inner, .cart.table-wrapper .actions-toolbar > .action::-moz-focus-inner, .action-gift::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } button:-moz-focusring, .cart.table-wrapper .actions-toolbar > .action:-moz-focusring, .action-gift:-moz-focusring, input:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: field; appearance: field; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; appearance: none; } /* $button-disabled-background-color: $white !default $button-disabled-border-color: $grey-lighter !default $button-disabled-shadow: none !default $button-disabled-opacity: 0.5 !default $button-static-color: $grey !default $button-static-background-color: $white-ter !default $button-static-border-color: $grey-lighter !default */ @font-face { font-family: "pro-aurum-schweiz"; src: url("../../frontend/Codeculture/ProAurumSchweiz/de_CH/fonts/icons/pro-aurum-schweiz.eot"); src: url("../../frontend/Codeculture/ProAurumSchweiz/de_CH/fonts/icons/pro-aurum-schweiz.eot?#iefix") format("embedded-opentype"), url("../../frontend/Codeculture/ProAurumSchweiz/de_CH/fonts/icons/pro-aurum-schweiz.woff") format("woff"), url("../../frontend/Codeculture/ProAurumSchweiz/de_CH/fonts/icons/pro-aurum-schweiz.ttf") format("truetype"), url("../../frontend/Codeculture/ProAurumSchweiz/de_CH/fonts/icons/pro-aurum-schweiz.svg#pro-aurum-schweiz") format("svg"); font-weight: normal; font-style: normal; } [data-icon]:before, .breadcrumb-wrapper .sharing-wrapper .breadcrumb-mail:before, .breadcrumb-wrapper .sharing-wrapper .breadcrumb-facebook:before, .breadcrumb-wrapper .sharing-wrapper .breadcrumb-twitter:before, .breadcrumbs .items li:first-child > a:before, .nav-sections .navigation-container ul.navigation-list a.link-highlighted:before, .nav-sections .main-navigation .navigation-inner-dropdown > li a.link-highlighted:before, .off-canvas .mobile-menu-footer .social-link:before, .off-canvas .mobile-menu-wrapper .mobile-menu-title.show-back:before, .off-canvas .mobile-menu-wrapper .mobile-menu-nav .mobile-sub-nav .mobile-nav-element.has-children span.show-child-menu:before, .off-canvas-wrapper .right-menu-container li .link-login .user-logged-in:before, .off-canvas-wrapper .right-menu-container li .link-cart:before, .off-canvas-wrapper .right-menu-container li .link-pricelist:before, .off-canvas-wrapper .right-menu-container li .link-login:before, .pa-panel .panel-sign-up-shipping:before, .pa-panel .panel-sign-up-quality:before, .pa-panel .panel-sign-up-price:before, .contact-box .contact-content .info:before, .contact-box .question-content .info:before, .question-box .contact-content .info:before, .question-box .question-content .info:before, .info-tooltip:before, .modal .btn.phone:before, .modal .btn.mail:before, .accordion .tab-title:before, #contactLink.phone:before, .product-info-main .product-addto-links a.towishlist:before, .product-info-main .product-addto-links a.tocompare:before, .cart.table-wrapper .actions-toolbar > .action.action-delete:before, .cart-container .main.actions .clear:before, .checkout-index-index .back-to-shop-link:before, .account .column.sidebar .nav.items .item:before, .page-header .panel.wrapper .panel.header .top-line-wrapper .logout-link:before, .footer .footer-headline.linked a:before, .footer.content .links .checkmark:before, .footer.content .links .phone:before, .footer.content .links .mail a:before, .footer.content .links .contact-form a:before, .footer.content .links .faq a:before, .footer.content .links .formula-center a:before, .footer.content .links .facebook:before, .footer.content .links .twitter:before, .footer.content .links .youtube:before, .footer.content .links.hideable-on-small .footer-headline:before, .footer.content .links.hideable-on-small.hide-list .footer-headline:before { font-family: "pro-aurum-schweiz" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "pro-aurum-schweiz" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-custom-icons:before { content: "\52"; } .icon-home:before, .breadcrumbs .items li:first-child > a:before { content: "\54"; } .icon-cart:before, .off-canvas-wrapper .right-menu-container li .link-cart:before, .account .column.sidebar .nav.items .item:nth-of-type(2):before { content: "\55"; } .icon-folder-open:before { content: "\56"; } .icon-custom-icons-4:before { content: "\57"; } .icon-grid:before, .account .column.sidebar .nav.items .item:first-of-type:before { content: "\6c"; } .icon-login:before, .page-header .panel.wrapper .panel.header .top-line-wrapper .logout-link:before { content: "\71"; } .icon-checkmark-1:before, .off-canvas-wrapper .right-menu-container li .link-login .user-logged-in:before { content: "\48"; } .icon-checkmark:before, .footer.content .links .checkmark:before { content: "\4a"; } .icon-search:before { content: "\68"; } .icon-information-small-circle-outline:before, .contact-box .contact-content .info:before, .contact-box .question-content .info:before, .question-box .contact-content .info:before, .question-box .question-content .info:before, .info-tooltip:before { content: "\4f"; } .icon-info:before { content: "\50"; } .icon-custom-icons-3:before { content: "\51"; } .icon-android-time:before { content: "\53"; } .icon-close-empty:before, .cart.table-wrapper .actions-toolbar > .action.action-delete:before { content: "\7a"; } .icon-location:before { content: "\79"; } .icon-person:before, .off-canvas-wrapper .right-menu-container li .link-login:before, .account .column.sidebar .nav.items .item:nth-of-type(7):before { content: "\44"; } .icon-email:before, .breadcrumb-wrapper .sharing-wrapper .breadcrumb-mail:before, .off-canvas .mobile-menu-footer .social-link.mailto:before, .modal .btn.mail:before, .footer.content .links .mail a:before { content: "\70"; } .icon-close:before { content: "\62"; } .icon-angle-down:before, .footer.content .links.hideable-on-small.hide-list .footer-headline:before { content: "\46"; } .icon-angle-left:before, .off-canvas .mobile-menu-wrapper .mobile-menu-title.show-back:before { content: "\4e"; } .icon-angle-right:before, .off-canvas .mobile-menu-wrapper .mobile-menu-nav .mobile-sub-nav .mobile-nav-element.has-children span.show-child-menu:before { content: "\58"; } .icon-angle-up:before, .footer.content .links.hideable-on-small .footer-headline:before { content: "\59"; } .icon-cog:before { content: "\6d"; } .icon-star:before, .product-info-main .product-addto-links a.towishlist:before, .account .column.sidebar .nav.items .item:nth-of-type(4):before { content: "\6e"; } .icon-star-outline:before { content: "\72"; } .icon-trash:before, .cart-container .main.actions .clear:before { content: "\73"; } .icon-university:before, .account .column.sidebar .nav.items .item:nth-of-type(5):before { content: "\75"; } .icon-mra:before, .accordion .tab-title:before { content: "\41"; } .icon-question:before, .footer.content .links .faq a:before { content: "\45"; } .icon-telephone:before, .modal .btn.phone:before, #contactLink.phone:before, .footer.content .links .phone:before { content: "\65"; } .icon-youtube-square:before, .footer.content .links .youtube:before { content: "\61"; } .icon-clipboard-notes:before, .off-canvas-wrapper .right-menu-container li .link-pricelist:before { content: "\6b"; } .icon-twitter:before, .breadcrumb-wrapper .sharing-wrapper .breadcrumb-twitter:before, .off-canvas .mobile-menu-footer .social-link.twitter:before, .footer.content .links .twitter:before { content: "\69"; } .icon-facebook:before, .breadcrumb-wrapper .sharing-wrapper .breadcrumb-facebook:before, .off-canvas .mobile-menu-footer .social-link.facebook:before, .footer.content .links .facebook:before { content: "\6a"; } .icon-arrow-left:before, .checkout-index-index .back-to-shop-link:before { content: "\6f"; } .icon-arrow-down:before { content: "\4b"; } .icon-arrow-right:before, .nav-sections .navigation-container ul.navigation-list a.link-highlighted:before, .nav-sections .main-navigation .navigation-inner-dropdown > li a.link-highlighted:before, .footer .footer-headline.linked a:before { content: "\5a"; } .icon-arrow-up:before { content: "\30"; } .icon-google-plus:before { content: "\67"; } .icon-share:before { content: "\74"; } .icon-print:before { content: "\76"; } .icon-map:before { content: "\77"; } .icon-download:before, .account .column.sidebar .nav.items .item:nth-of-type(3):before { content: "\47"; } .icon-rss-two:before { content: "\66"; } .icon-euro:before { content: "\49"; } .icon-calculator:before { content: "\31"; } .icon-radio-waves:before, .product-info-main .product-addto-links a.tocompare:before { content: "\32"; } .icon-radio-waves-disable:before { content: "\33"; } .icon-calendar-days:before { content: "\43"; } .icon-thumbs-up:before { content: "\42"; } .icon-thumbs-down:before { content: "\34"; } .icon-edit:before { content: "\4c"; } .icon-chat-1:before, .footer.content .links .formula-center a:before { content: "\35"; } .icon-chat-2:before, .footer.content .links .contact-form a:before { content: "\63"; } .icon-credit-card:before { content: "\36"; } .icon-burger-menu-large:before { content: "\37"; } .icon-burger-menu:before { content: "\38"; } .icon-visible:before { content: "\39"; } .icon-invisible:before { content: "\21"; } .icon-chart:before { content: "\22"; } .icon-credit-card-clean:before { content: "\64"; } .icon-inbox:before { content: "\23"; } .icon-company:before { content: "\24"; } .icon-bag:before { content: "\25"; } .icon-chart-line:before { content: "\26"; } .icon-down:before { content: "\27"; } .icon-checkbox-outline:before { content: "\29"; } .icon-sort-amount-asc:before { content: "\2a"; } .icon-stop-watch:before { content: "\78"; } .icon-stop-watch-remove:before { content: "\2b"; } .icon-checkbox-outline-filled:before { content: "\2c"; } .icon-calendar-minus-o-1:before { content: "\2d"; } .icon-remove:before { content: "\2e"; } .icon-reload:before { content: "\2f"; } .icon-help:before { content: "\3a"; } .icon-checkbox-checked:before { content: "\3b"; } .icon-money:before { content: "\3c"; } .icon-faq-outline:before { content: "\3d"; } .icon-reload-time:before { content: "\3e"; } .icon-location-1:before, .account .column.sidebar .nav.items .item:nth-of-type(6):before { content: "\3f"; } .icon-i-up:before { content: "\4d"; } .icon-lock:before { content: "\28"; } .icon-key:before, .account .column.sidebar .nav.items .item:nth-of-type(8):before { content: "\40"; } /*! bulma.io v0.7.1 | MIT License | github.com/jgthms/bulma */ @keyframes spinAround { from { transform: rotate(0deg); } to { transform: rotate(359deg); } } .delete, .modal-close, .is-unselectable, .button, .file, .breadcrumb, .pagination-previous, .pagination-next, .pagination-link, .pagination-ellipsis, .tabs { -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; } .select:not(.is-multiple):not(.is-loading)::after, .navbar-link::after { border: 3px solid transparent; border-radius: 2px; border-right: 0; border-top: 0; content: " "; display: block; height: 0.625em; margin-top: -0.4375em; pointer-events: none; position: absolute; top: 50%; transform: rotate(-45deg); transform-origin: center; width: 0.625em; } .box:not(:last-child), .content:not(:last-child), .notification:not(:last-child), .progress:not(:last-child), .table:not(:last-child), .table-container:not(:last-child), .title:not(:last-child), .subtitle:not(:last-child), .block:not(:last-child), .highlight:not(:last-child), .breadcrumb:not(:last-child), .level:not(:last-child), .message:not(:last-child), .tabs:not(:last-child) { margin-bottom: 1.5rem; } .delete, .modal-close { -moz-appearance: none; -webkit-appearance: none; background-color: rgba(0, 0, 0, 0.2); border: none; border-radius: 290486px; cursor: pointer; display: inline-block; flex-grow: 0; flex-shrink: 0; font-size: 0; height: 20px; max-height: 20px; max-width: 20px; min-height: 20px; min-width: 20px; outline: none; position: relative; vertical-align: top; width: 20px; } .delete::before, .modal-close::before, .delete::after, .modal-close::after { background-color: white; content: ""; display: block; left: 50%; position: absolute; top: 50%; transform: translateX(-50%) translateY(-50%) rotate(45deg); transform-origin: center center; } .delete::before, .modal-close::before { height: 2px; width: 50%; } .delete::after, .modal-close::after { height: 50%; width: 2px; } .delete:hover, .modal-close:hover, .delete:focus, .modal-close:focus { background-color: rgba(0, 0, 0, 0.3); } .delete:active, .modal-close:active { background-color: rgba(0, 0, 0, 0.4); } .is-small.delete, .is-small.modal-close { height: 16px; max-height: 16px; max-width: 16px; min-height: 16px; min-width: 16px; width: 16px; } .is-medium.delete, .is-medium.modal-close { height: 24px; max-height: 24px; max-width: 24px; min-height: 24px; min-width: 24px; width: 24px; } .is-large.delete, .is-large.modal-close { height: 32px; max-height: 32px; max-width: 32px; min-height: 32px; min-width: 32px; width: 32px; } .button.is-loading::after, .select.is-loading::after, .control.is-loading::after, .loader { animation: spinAround 500ms infinite linear; border: 2px solid #dbdbdb; border-radius: 290486px; border-right-color: transparent; border-top-color: transparent; content: ""; display: block; height: 1em; position: relative; width: 1em; } .is-overlay, .image.is-square img, .image.is-1by1 img, .image.is-5by4 img, .image.is-4by3 img, .image.is-3by2 img, .image.is-5by3 img, .image.is-16by9 img, .image.is-2by1 img, .image.is-3by1 img, .image.is-4by5 img, .image.is-3by4 img, .image.is-2by3 img, .image.is-3by5 img, .image.is-9by16 img, .image.is-1by2 img, .image.is-1by3 img, .modal, .modal-background, .hero-video { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .button, .input, .textarea, .select select, .file-cta, .file-name, .pagination-previous, .pagination-next, .pagination-link, .pagination-ellipsis { -moz-appearance: none; -webkit-appearance: none; align-items: center; border: 1px solid transparent; border-radius: 4px; box-shadow: none; display: inline-flex; font-size: 1rem; height: 2.25em; justify-content: flex-start; line-height: 1.5; padding-bottom: calc(0.375em - 1px); padding-left: calc(0.625em - 1px); padding-right: calc(0.625em - 1px); padding-top: calc(0.375em - 1px); position: relative; vertical-align: top; } .button:focus, .input:focus, .textarea:focus, .select select:focus, .file-cta:focus, .file-name:focus, .pagination-previous:focus, .pagination-next:focus, .pagination-link:focus, .pagination-ellipsis:focus, .is-focused.button, .is-focused.input, .is-focused.textarea, .select select.is-focused, .is-focused.file-cta, .is-focused.file-name, .is-focused.pagination-previous, .is-focused.pagination-next, .is-focused.pagination-link, .is-focused.pagination-ellipsis, .button:active, .input:active, .textarea:active, .select select:active, .file-cta:active, .file-name:active, .pagination-previous:active, .pagination-next:active, .pagination-link:active, .pagination-ellipsis:active, .is-active.button, .is-active.input, .is-active.textarea, .select select.is-active, .is-active.file-cta, .is-active.file-name, .is-active.pagination-previous, .is-active.pagination-next, .is-active.pagination-link, .is-active.pagination-ellipsis { outline: none; } .button[disabled], .input[disabled], .textarea[disabled], .select select[disabled], .file-cta[disabled], .file-name[disabled], .pagination-previous[disabled], .pagination-next[disabled], .pagination-link[disabled], .pagination-ellipsis[disabled] { cursor: not-allowed; } /*! minireset.css v0.0.3 | MIT License | github.com/jgthms/minireset.css */ html, body, p, ol, ul, li, dl, dt, dd, blockquote, figure, fieldset, legend, textarea, pre, iframe, hr, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } ul { list-style: none; } button, .cart.table-wrapper .actions-toolbar > .action, .action-gift, input, select, textarea { margin: 0; } html { box-sizing: border-box; } *, *::before, *::after { box-sizing: inherit; } img, audio, video { height: auto; max-width: 100%; } iframe { border: 0; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; text-align: left; } html { background-color: white; font-size: 16px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; min-width: 300px; overflow-x: hidden; overflow-y: scroll; text-rendering: optimizeLegibility; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; } article, aside, figure, footer, header, hgroup, section { display: block; } body, button, .cart.table-wrapper .actions-toolbar > .action, .action-gift, input, select, textarea { font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } code, pre { -moz-osx-font-smoothing: auto; -webkit-font-smoothing: auto; font-family: monospace; } body { color: #ddd; font-size: 1rem; font-weight: 400; line-height: 1.5; } a { color: #3273dc; cursor: pointer; text-decoration: none; } a strong { color: currentColor; } a:hover { color: #555; } code { background-color: whitesmoke; color: #ff3860; font-size: 0.875em; font-weight: normal; padding: 0.25em 0.5em 0.25em; } hr { background-color: whitesmoke; border: none; display: block; height: 2px; margin: 1.5rem 0; } img { height: auto; max-width: 100%; } input[type="checkbox"], input[type="radio"] { vertical-align: baseline; } small { font-size: 0.875em; } span { font-style: inherit; font-weight: inherit; } strong { color: #555; font-weight: 700; } pre { -webkit-overflow-scrolling: touch; background-color: whitesmoke; color: #ddd; font-size: 0.875em; overflow-x: auto; padding: 1.25rem 1.5rem; white-space: pre; word-wrap: normal; } pre code { background-color: transparent; color: currentColor; font-size: 1em; padding: 0; } table td, table th { text-align: left; vertical-align: top; } table th { color: #555; } .is-clearfix::after { clear: both; content: " "; display: table; } .is-pulled-left { float: left !important; } .is-pulled-right { float: right !important; } .is-clipped { overflow: hidden !important; } .is-size-1 { font-size: 3rem !important; } .is-size-2 { font-size: 2.5rem !important; } .is-size-3 { font-size: 2rem !important; } .is-size-4 { font-size: 1.5rem !important; } .is-size-5 { font-size: 1.25rem !important; } .is-size-6 { font-size: 1rem !important; } .is-size-7 { font-size: 0.75rem !important; } @media screen and (max-width: 768px) { .is-size-1-mobile { font-size: 3rem !important; } .is-size-2-mobile { font-size: 2.5rem !important; } .is-size-3-mobile { font-size: 2rem !important; } .is-size-4-mobile { font-size: 1.5rem !important; } .is-size-5-mobile { font-size: 1.25rem !important; } .is-size-6-mobile { font-size: 1rem !important; } .is-size-7-mobile { font-size: 0.75rem !important; } } @media screen and (min-width: 769px), print { .is-size-1-tablet { font-size: 3rem !important; } .is-size-2-tablet { font-size: 2.5rem !important; } .is-size-3-tablet { font-size: 2rem !important; } .is-size-4-tablet { font-size: 1.5rem !important; } .is-size-5-tablet { font-size: 1.25rem !important; } .is-size-6-tablet { font-size: 1rem !important; } .is-size-7-tablet { font-size: 0.75rem !important; } } @media screen and (max-width: 990px) { .is-size-1-touch { font-size: 3rem !important; } .is-size-2-touch { font-size: 2.5rem !important; } .is-size-3-touch { font-size: 2rem !important; } .is-size-4-touch { font-size: 1.5rem !important; } .is-size-5-touch { font-size: 1.25rem !important; } .is-size-6-touch { font-size: 1rem !important; } .is-size-7-touch { font-size: 0.75rem !important; } } @media screen and (min-width: 991px) { .is-size-1-desktop { font-size: 3rem !important; } .is-size-2-desktop { font-size: 2.5rem !important; } .is-size-3-desktop { font-size: 2rem !important; } .is-size-4-desktop { font-size: 1.5rem !important; } .is-size-5-desktop { font-size: 1.25rem !important; } .is-size-6-desktop { font-size: 1rem !important; } .is-size-7-desktop { font-size: 0.75rem !important; } } @media screen and (min-width: 1199px) { .is-size-1-widescreen { font-size: 3rem !important; } .is-size-2-widescreen { font-size: 2.5rem !important; } .is-size-3-widescreen { font-size: 2rem !important; } .is-size-4-widescreen { font-size: 1.5rem !important; } .is-size-5-widescreen { font-size: 1.25rem !important; } .is-size-6-widescreen { font-size: 1rem !important; } .is-size-7-widescreen { font-size: 0.75rem !important; } } @media screen and (min-width: 1344px) { .is-size-1-fullhd { font-size: 3rem !important; } .is-size-2-fullhd { font-size: 2.5rem !important; } .is-size-3-fullhd { font-size: 2rem !important; } .is-size-4-fullhd { font-size: 1.5rem !important; } .is-size-5-fullhd { font-size: 1.25rem !important; } .is-size-6-fullhd { font-size: 1rem !important; } .is-size-7-fullhd { font-size: 0.75rem !important; } } .has-text-centered { text-align: center !important; } .has-text-justified { text-align: justify !important; } .has-text-left { text-align: left !important; } .has-text-right { text-align: right !important; } @media screen and (max-width: 768px) { .has-text-centered-mobile { text-align: center !important; } } @media screen and (min-width: 769px), print { .has-text-centered-tablet { text-align: center !important; } } @media screen and (min-width: 769px) and (max-width: 990px) { .has-text-centered-tablet-only { text-align: center !important; } } @media screen and (max-width: 990px) { .has-text-centered-touch { text-align: center !important; } } @media screen and (min-width: 991px) { .has-text-centered-desktop { text-align: center !important; } } @media screen and (min-width: 991px) and (max-width: 1198px) { .has-text-centered-desktop-only { text-align: center !important; } } @media screen and (min-width: 1199px) { .has-text-centered-widescreen { text-align: center !important; } } @media screen and (min-width: 1199px) and (max-width: 1343px) { .has-text-centered-widescreen-only { text-align: center !important; } } @media screen and (min-width: 1344px) { .has-text-centered-fullhd { text-align: center !important; } } @media screen and (max-width: 768px) { .has-text-justified-mobile { text-align: justify !important; } } @media screen and (min-width: 769px), print { .has-text-justified-tablet { text-align: justify !important; } } @media screen and (min-width: 769px) and (max-width: 990px) { .has-text-justified-tablet-only { text-align: justify !important; } } @media screen and (max-width: 990px) { .has-text-justified-touch { text-align: justify !important; } } @media screen and (min-width: 991px) { .has-text-justified-desktop { text-align: justify !important; } } @media screen and (min-width: 991px) and (max-width: 1198px) { .has-text-justified-desktop-only { text-align: justify !important; } } @media screen and (min-width: 1199px) { .has-text-justified-widescreen { text-align: justify !important; } } @media screen and (min-width: 1199px) and (max-width: 1343px) { .has-text-justified-widescreen-only { text-align: justify !important; } } @media screen and (min-width: 1344px) { .has-text-justified-fullhd { text-align: justify !important; } } @media screen and (max-width: 768px) { .has-text-left-mobile { text-align: left !important; } } @media screen and (min-width: 769px), print { .has-text-left-tablet { text-align: left !important; } } @media screen and (min-width: 769px) and (max-width: 990px) { .has-text-left-tablet-only { text-align: left !important; } } @media screen and (max-width: 990px) { .has-text-left-touch { text-align: left !important; } } @media screen and (min-width: 991px) { .has-text-left-desktop { text-align: left !important; } } @media screen and (min-width: 991px) and (max-width: 1198px) { .has-text-left-desktop-only { text-align: left !important; } } @media screen and (min-width: 1199px) { .has-text-left-widescreen { text-align: left !important; } } @media screen and (min-width: 1199px) and (max-width: 1343px) { .has-text-left-widescreen-only { text-align: left !important; } } @media screen and (min-width: 1344px) { .has-text-left-fullhd { text-align: left !important; } } @media screen and (max-width: 768px) { .has-text-right-mobile { text-align: right !important; } } @media screen and (min-width: 769px), print { .has-text-right-tablet { text-align: right !important; } } @media screen and (min-width: 769px) and (max-width: 990px) { .has-text-right-tablet-only { text-align: right !important; } } @media screen and (max-width: 990px) { .has-text-right-touch { text-align: right !important; } } @media screen and (min-width: 991px) { .has-text-right-desktop { text-align: right !important; } } @media screen and (min-width: 991px) and (max-width: 1198px) { .has-text-right-desktop-only { text-align: right !important; } } @media screen and (min-width: 1199px) { .has-text-right-widescreen { text-align: right !important; } } @media screen and (min-width: 1199px) and (max-width: 1343px) { .has-text-right-widescreen-only { text-align: right !important; } } @media screen and (min-width: 1344px) { .has-text-right-fullhd { text-align: right !important; } } .is-capitalized { text-transform: capitalize !important; } .is-lowercase { text-transform: lowercase !important; } .is-uppercase { text-transform: uppercase !important; } .is-italic { font-style: italic !important; } .has-text-white { color: white !important; } a.has-text-white:hover, a.has-text-white:focus { color: #e6e6e6 !important; } .has-background-white { background-color: white !important; } .has-text-black { color: #000 !important; } a.has-text-black:hover, a.has-text-black:focus { color: black !important; } .has-background-black { background-color: #000 !important; } .has-text-light { color: whitesmoke !important; } a.has-text-light:hover, a.has-text-light:focus { color: #dbdbdb !important; } .has-background-light { background-color: whitesmoke !important; } .has-text-dark { color: #555 !important; } a.has-text-dark:hover, a.has-text-dark:focus { color: #3c3c3c !important; } .has-background-dark { background-color: #555 !important; } .has-text-primary { color: #cd9f28 !important; } a.has-text-primary:hover, a.has-text-primary:focus { color: #a27e20 !important; } .has-background-primary { background-color: #cd9f28 !important; } .has-text-link { color: #3273dc !important; } a.has-text-link:hover, a.has-text-link:focus { color: #205bbc !important; } .has-background-link { background-color: #3273dc !important; } .has-text-info { color: #209cee !important; } a.has-text-info:hover, a.has-text-info:focus { color: #0f81cc !important; } .has-background-info { background-color: #209cee !important; } .has-text-success { color: #23d160 !important; } a.has-text-success:hover, a.has-text-success:focus { color: #1ca64c !important; } .has-background-success { background-color: #23d160 !important; } .has-text-warning { color: #ffdd57 !important; } a.has-text-warning:hover, a.has-text-warning:focus { color: #ffd324 !important; } .has-background-warning { background-color: #ffdd57 !important; } .has-text-danger { color: #ff3860 !important; } a.has-text-danger:hover, a.has-text-danger:focus { color: #ff0537 !important; } .has-background-danger { background-color: #ff3860 !important; } .has-text-black-bis { color: #222 !important; } .has-background-black-bis { background-color: #222 !important; } .has-text-black-ter { color: #242424 !important; } .has-background-black-ter { background-color: #242424 !important; } .has-text-grey-darker { color: #555 !important; } .has-background-grey-darker { background-color: #555 !important; } .has-text-grey-dark { color: #ddd !important; } .has-background-grey-dark { background-color: #ddd !important; } .has-text-grey { color: #f2f2f2 !important; } .has-background-grey { background-color: #f2f2f2 !important; } .has-text-grey-light { color: #b5b5b5 !important; } .has-background-grey-light { background-color: #b5b5b5 !important; } .has-text-grey-lighter { color: #dbdbdb !important; } .has-background-grey-lighter { background-color: #dbdbdb !important; } .has-text-white-ter { color: whitesmoke !important; } .has-background-white-ter { background-color: whitesmoke !important; } .has-text-white-bis { color: #fafafa !important; } .has-background-white-bis { background-color: #fafafa !important; } .has-text-weight-light { font-weight: 300 !important; } .has-text-weight-normal { font-weight: 400 !important; } .has-text-weight-semibold { font-weight: 600 !important; } .has-text-weight-bold { font-weight: 700 !important; } .is-block { display: block !important; } @media screen and (max-width: 768px) { .is-block-mobile { display: block !important; } } @media screen and (min-width: 769px), print { .is-block-tablet { display: block !important; } } @media screen and (min-width: 769px) and (max-width: 990px) { .is-block-tablet-only { display: block !important; } } @media screen and (max-width: 990px) { .is-block-touch { display: block !important; } } @media screen and (min-width: 991px) { .is-block-desktop { display: block !important; } } @media screen and (min-width: 991px) and (max-width: 1198px) { .is-block-desktop-only { display: block !important; } } @media screen and (min-width: 1199px) { .is-block-widescreen { display: block !important; } } @media screen and (min-width: 1199px) and (max-width: 1343px) { .is-block-widescreen-only { display: block !important; } } @media screen and (min-width: 1344px) { .is-block-fullhd { display: block !important; } } .is-flex { display: flex !important; } @media screen and (max-width: 768px) { .is-flex-mobile { display: flex !important; } } @media screen and (min-width: 769px), print { .is-flex-tablet { display: flex !important; } } @media screen and (min-width: 769px) and (max-width: 990px) { .is-flex-tablet-only { display: flex !important; } } @media screen and (max-width: 990px) { .is-flex-touch { display: flex !important; } } @media screen and (min-width: 991px) { .is-flex-desktop { display: flex !important; } } @media screen and (min-width: 991px) and (max-width: 1198px) { .is-flex-desktop-only { display: flex !important; } } @media screen and (min-width: 1199px) { .is-flex-widescreen { display: flex !important; } } @media screen and (min-width: 1199px) and (max-width: 1343px) { .is-flex-widescreen-only { display: flex !important; } } @media screen and (min-width: 1344px) { .is-flex-fullhd { display: flex !important; } } .is-inline { display: inline !important; } @media screen and (max-width: 768px) { .is-inline-mobile { display: inline !important; } } @media screen and (min-width: 769px), print { .is-inline-tablet { display: inline !important; } } @media screen and (min-width: 769px) and (max-width: 990px) { .is-inline-tablet-only { display: inline !important; } } @media screen and (max-width: 990px) { .is-inline-touch { display: inline !important; } } @media screen and (min-width: 991px) { .is-inline-desktop { display: inline !important; } } @media screen and (min-width: 991px) and (max-width: 1198px) { .is-inline-desktop-only { display: inline !important; } } @media screen and (min-width: 1199px) { .is-inline-widescreen { display: inline !important; } } @media screen and (min-width: 1199px) and (max-width: 1343px) { .is-inline-widescreen-only { display: inline !important; } } @media screen and (min-width: 1344px) { .is-inline-fullhd { display: inline !important; } } .is-inline-block { display: inline-block !important; } @media screen and (max-width: 768px) { .is-inline-block-mobile { display: inline-block !important; } } @media screen and (min-width: 769px), print { .is-inline-block-tablet { display: inline-block !important; } } @media screen and (min-width: 769px) and (max-width: 990px) { .is-inline-block-tablet-only { display: inline-block !important; } } @media screen and (max-width: 990px) { .is-inline-block-touch { display: inline-block !important; } } @media screen and (min-width: 991px) { .is-inline-block-desktop { display: inline-block !important; } } @media screen and (min-width: 991px) and (max-width: 1198px) { .is-inline-block-desktop-only { display: inline-block !important; } } @media screen and (min-width: 1199px) { .is-inline-block-widescreen { display: inline-block !important; } } @media screen and (min-width: 1199px) and (max-width: 1343px) { .is-inline-block-widescreen-only { display: inline-block !important; } } @media screen and (min-width: 1344px) { .is-inline-block-fullhd { display: inline-block !important; } } .is-inline-flex { display: inline-flex !important; } @media screen and (max-width: 768px) { .is-inline-flex-mobile { display: inline-flex !important; } } @media screen and (min-width: 769px), print { .is-inline-flex-tablet { display: inline-flex !important; } } @media screen and (min-width: 769px) and (max-width: 990px) { .is-inline-flex-tablet-only { display: inline-flex !important; } } @media screen and (max-width: 990px) { .is-inline-flex-touch { display: inline-flex !important; } } @media screen and (min-width: 991px) { .is-inline-flex-desktop { display: inline-flex !important; } } @media screen and (min-width: 991px) and (max-width: 1198px) { .is-inline-flex-desktop-only { display: inline-flex !important; } } @media screen and (min-width: 1199px) { .is-inline-flex-widescreen { display: inline-flex !important; } } @media screen and (min-width: 1199px) and (max-width: 1343px) { .is-inline-flex-widescreen-only { display: inline-flex !important; } } @media screen and (min-width: 1344px) { .is-inline-flex-fullhd { display: inline-flex !important; } } .is-hidden { display: none !important; } @media screen and (max-width: 768px) { .is-hidden-mobile { display: none !important; } } @media screen and (min-width: 769px), print { .is-hidden-tablet { display: none !important; } } @media screen and (min-width: 769px) and (max-width: 990px) { .is-hidden-tablet-only { display: none !important; } } @media screen and (max-width: 990px) { .is-hidden-touch { display: none !important; } } @media screen and (min-width: 991px) { .is-hidden-desktop { display: none !important; } } @media screen and (min-width: 991px) and (max-width: 1198px) { .is-hidden-desktop-only { display: none !important; } } @media screen and (min-width: 1199px) { .is-hidden-widescreen { display: none !important; } } @media screen and (min-width: 1199px) and (max-width: 1343px) { .is-hidden-widescreen-only { display: none !important; } } @media screen and (min-width: 1344px) { .is-hidden-fullhd { display: none !important; } } .is-invisible { visibility: hidden !important; } @media screen and (max-width: 768px) { .is-invisible-mobile { visibility: hidden !important; } } @media screen and (min-width: 769px), print { .is-invisible-tablet { visibility: hidden !important; } } @media screen and (min-width: 769px) and (max-width: 990px) { .is-invisible-tablet-only { visibility: hidden !important; } } @media screen and (max-width: 990px) { .is-invisible-touch { visibility: hidden !important; } } @media screen and (min-width: 991px) { .is-invisible-desktop { visibility: hidden !important; } } @media screen and (min-width: 991px) and (max-width: 1198px) { .is-invisible-desktop-only { visibility: hidden !important; } } @media screen and (min-width: 1199px) { .is-invisible-widescreen { visibility: hidden !important; } } @media screen and (min-width: 1199px) and (max-width: 1343px) { .is-invisible-widescreen-only { visibility: hidden !important; } } @media screen and (min-width: 1344px) { .is-invisible-fullhd { visibility: hidden !important; } } .is-marginless { margin: 0 !important; } .is-paddingless { padding: 0 !important; } .is-radiusless { border-radius: 0 !important; } .is-shadowless { box-shadow: none !important; } .box { background-color: white; border-radius: 6px; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1); color: #ddd; display: block; padding: 1.25rem; } a.box:hover, a.box:focus { box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1), 0 0 0 1px #3273dc; } a.box:active { box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px #3273dc; } .button { background-color: #cd9f28; border-color: #cd9f28; border-width: 1px; color: #222; cursor: pointer; justify-content: center; padding-bottom: calc(0.375em - 1px); padding-left: 0.75em; padding-right: 0.75em; padding-top: calc(0.375em - 1px); text-align: center; white-space: nowrap; } .button strong { color: inherit; } .button .icon, .button .icon.is-small, .button .icon.is-medium, .button .icon.is-large { height: 1.5em; width: 1.5em; } .button .icon:first-child:not(:last-child) { margin-left: calc(-0.375em - 1px); margin-right: 0.1875em; } .button .icon:last-child:not(:first-child) { margin-left: 0.1875em; margin-right: calc(-0.375em - 1px); } .button .icon:first-child:last-child { margin-left: calc(-0.375em - 1px); margin-right: calc(-0.375em - 1px); } .button:hover, .button.is-hovered { border-color: #b88e24; color: #222; } .button:focus, .button.is-focused { border-color: #cd9f28; color: #cd9f28; } .button:focus:not(:active), .button.is-focused:not(:active) { box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); } .button:active, .button.is-active { border-color: #b88e24; color: #b88e24; } .button.is-text { background-color: transparent; border-color: transparent; color: #ddd; text-decoration: underline; } .button.is-text:hover, .button.is-text.is-hovered, .button.is-text:focus, .button.is-text.is-focused { background-color: #b88e24; color: #555; } .button.is-text:active, .button.is-text.is-active { background-color: #a37e20; color: #555; } .button.is-text[disabled] { background-color: transparent; border-color: transparent; box-shadow: none; } .button.is-white { background-color: white; border-color: transparent; color: #000; } .button.is-white:hover, .button.is-white.is-hovered { background-color: #f9f9f9; border-color: transparent; color: #000; } .button.is-white:focus, .button.is-white.is-focused { border-color: transparent; color: #000; } .button.is-white:focus:not(:active), .button.is-white.is-focused:not(:active) { box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); } .button.is-white:active, .button.is-white.is-active { background-color: #f2f2f2; border-color: transparent; color: #000; } .button.is-white[disabled] { background-color: white; border-color: transparent; box-shadow: none; } .button.is-white.is-inverted { background-color: #000; color: white; } .button.is-white.is-inverted:hover { background-color: black; } .button.is-white.is-inverted[disabled] { background-color: #000; border-color: transparent; box-shadow: none; color: white; } .button.is-white.is-loading::after { border-color: transparent transparent #000 #000 !important; } .button.is-white.is-outlined { background-color: transparent; border-color: white; color: white; } .button.is-white.is-outlined:hover, .button.is-white.is-outlined:focus { background-color: white; border-color: white; color: #000; } .button.is-white.is-outlined.is-loading::after { border-color: transparent transparent white white !important; } .button.is-white.is-outlined[disabled] { background-color: transparent; border-color: white; box-shadow: none; color: white; } .button.is-white.is-inverted.is-outlined { background-color: transparent; border-color: #000; color: #000; } .button.is-white.is-inverted.is-outlined:hover, .button.is-white.is-inverted.is-outlined:focus { background-color: #000; color: white; } .button.is-white.is-inverted.is-outlined[disabled] { background-color: transparent; border-color: #000; box-shadow: none; color: #000; } .button.is-black { background-color: #000; border-color: transparent; color: white; } .button.is-black:hover, .button.is-black.is-hovered { background-color: black; border-color: transparent; color: white; } .button.is-black:focus, .button.is-black.is-focused { border-color: transparent; color: white; } .button.is-black:focus:not(:active), .button.is-black.is-focused:not(:active) { box-shadow: 0 0 0 0.125em rgba(0, 0, 0, 0.25); } .button.is-black:active, .button.is-black.is-active { background-color: black; border-color: transparent; color: white; } .button.is-black[disabled] { background-color: #000; border-color: transparent; box-shadow: none; } .button.is-black.is-inverted { background-color: white; color: #000; } .button.is-black.is-inverted:hover { background-color: #f2f2f2; } .button.is-black.is-inverted[disabled] { background-color: white; border-color: transparent; box-shadow: none; color: #000; } .button.is-black.is-loading::after { border-color: transparent transparent white white !important; } .button.is-black.is-outlined { background-color: transparent; border-color: #000; color: #000; } .button.is-black.is-outlined:hover, .button.is-black.is-outlined:focus { background-color: #000; border-color: #000; color: white; } .button.is-black.is-outlined.is-loading::after { border-color: transparent transparent #000 #000 !important; } .button.is-black.is-outlined[disabled] { background-color: transparent; border-color: #000; box-shadow: none; color: #000; } .button.is-black.is-inverted.is-outlined { background-color: transparent; border-color: white; color: white; } .button.is-black.is-inverted.is-outlined:hover, .button.is-black.is-inverted.is-outlined:focus { background-color: white; color: #000; } .button.is-black.is-inverted.is-outlined[disabled] { background-color: transparent; border-color: white; box-shadow: none; color: white; } .button.is-light { background-color: whitesmoke; border-color: transparent; color: #555; } .button.is-light:hover, .button.is-light.is-hovered { background-color: #eeeeee; border-color: transparent; color: #555; } .button.is-light:focus, .button.is-light.is-focused { border-color: transparent; color: #555; } .button.is-light:focus:not(:active), .button.is-light.is-focused:not(:active) { box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); } .button.is-light:active, .button.is-light.is-active { background-color: #e8e8e8; border-color: transparent; color: #555; } .button.is-light[disabled] { background-color: whitesmoke; border-color: transparent; box-shadow: none; } .button.is-light.is-inverted { background-color: #555; color: whitesmoke; } .button.is-light.is-inverted:hover { background-color: #484848; } .button.is-light.is-inverted[disabled] { background-color: #555; border-color: transparent; box-shadow: none; color: whitesmoke; } .button.is-light.is-loading::after { border-color: transparent transparent #555 #555 !important; } .button.is-light.is-outlined { background-color: transparent; border-color: whitesmoke; color: whitesmoke; } .button.is-light.is-outlined:hover, .button.is-light.is-outlined:focus { background-color: whitesmoke; border-color: whitesmoke; color: #555; } .button.is-light.is-outlined.is-loading::after { border-color: transparent transparent whitesmoke whitesmoke !important; } .button.is-light.is-outlined[disabled] { background-color: transparent; border-color: whitesmoke; box-shadow: none; color: whitesmoke; } .button.is-light.is-inverted.is-outlined { background-color: transparent; border-color: #555; color: #555; } .button.is-light.is-inverted.is-outlined:hover, .button.is-light.is-inverted.is-outlined:focus { background-color: #555; color: whitesmoke; } .button.is-light.is-inverted.is-outlined[disabled] { background-color: transparent; border-color: #555; box-shadow: none; color: #555; } .button.is-dark { background-color: #555; border-color: transparent; color: whitesmoke; } .button.is-dark:hover, .button.is-dark.is-hovered { background-color: #4f4f4f; border-color: transparent; color: whitesmoke; } .button.is-dark:focus, .button.is-dark.is-focused { border-color: transparent; color: whitesmoke; } .button.is-dark:focus:not(:active), .button.is-dark.is-focused:not(:active) { box-shadow: 0 0 0 0.125em rgba(85, 85, 85, 0.25); } .button.is-dark:active, .button.is-dark.is-active { background-color: #484848; border-color: transparent; color: whitesmoke; } .button.is-dark[disabled] { background-color: #555; border-color: transparent; box-shadow: none; } .button.is-dark.is-inverted { background-color: whitesmoke; color: #555; } .button.is-dark.is-inverted:hover { background-color: #e8e8e8; } .button.is-dark.is-inverted[disabled] { background-color: whitesmoke; border-color: transparent; box-shadow: none; color: #555; } .button.is-dark.is-loading::after { border-color: transparent transparent whitesmoke whitesmoke !important; } .button.is-dark.is-outlined { background-color: transparent; border-color: #555; color: #555; } .button.is-dark.is-outlined:hover, .button.is-dark.is-outlined:focus { background-color: #555; border-color: #555; color: whitesmoke; } .button.is-dark.is-outlined.is-loading::after { border-color: transparent transparent #555 #555 !important; } .button.is-dark.is-outlined[disabled] { background-color: transparent; border-color: #555; box-shadow: none; color: #555; } .button.is-dark.is-inverted.is-outlined { background-color: transparent; border-color: whitesmoke; color: whitesmoke; } .button.is-dark.is-inverted.is-outlined:hover, .button.is-dark.is-inverted.is-outlined:focus { background-color: whitesmoke; color: #555; } .button.is-dark.is-inverted.is-outlined[disabled] { background-color: transparent; border-color: whitesmoke; box-shadow: none; color: whitesmoke; } .button.is-primary { background-color: #cd9f28; border-color: transparent; color: #fff; } .button.is-primary:hover, .button.is-primary.is-hovered { background-color: #c29726; border-color: transparent; color: #fff; } .button.is-primary:focus, .button.is-primary.is-focused { border-color: transparent; color: #fff; } .button.is-primary:focus:not(:active), .button.is-primary.is-focused:not(:active) { box-shadow: 0 0 0 0.125em rgba(205, 159, 40, 0.25); } .button.is-primary:active, .button.is-primary.is-active { background-color: #b88e24; border-color: transparent; color: #fff; } .button.is-primary[disabled] { background-color: #cd9f28; border-color: transparent; box-shadow: none; } .button.is-primary.is-inverted { background-color: #fff; color: #cd9f28; } .button.is-primary.is-inverted:hover { background-color: #f2f2f2; } .button.is-primary.is-inverted[disabled] { background-color: #fff; border-color: transparent; box-shadow: none; color: #cd9f28; } .button.is-primary.is-loading::after { border-color: transparent transparent #fff #fff !important; } .button.is-primary.is-outlined { background-color: transparent; border-color: #cd9f28; color: #cd9f28; } .button.is-primary.is-outlined:hover, .button.is-primary.is-outlined:focus { background-color: #cd9f28; border-color: #cd9f28; color: #fff; } .button.is-primary.is-outlined.is-loading::after { border-color: transparent transparent #cd9f28 #cd9f28 !important; } .button.is-primary.is-outlined[disabled] { background-color: transparent; border-color: #cd9f28; box-shadow: none; color: #cd9f28; } .button.is-primary.is-inverted.is-outlined { background-color: transparent; border-color: #fff; color: #fff; } .button.is-primary.is-inverted.is-outlined:hover, .button.is-primary.is-inverted.is-outlined:focus { background-color: #fff; color: #cd9f28; } .button.is-primary.is-inverted.is-outlined[disabled] { background-color: transparent; border-color: #fff; box-shadow: none; color: #fff; } .button.is-link { background-color: #3273dc; border-color: transparent; color: #fff; } .button.is-link:hover, .button.is-link.is-hovered { background-color: #276cda; border-color: transparent; color: #fff; } .button.is-link:focus, .button.is-link.is-focused { border-color: transparent; color: #fff; } .button.is-link:focus:not(:active), .button.is-link.is-focused:not(:active) { box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); } .button.is-link:active, .button.is-link.is-active { background-color: #2366d1; border-color: transparent; color: #fff; } .button.is-link[disabled] { background-color: #3273dc; border-color: transparent; box-shadow: none; } .button.is-link.is-inverted { background-color: #fff; color: #3273dc; } .button.is-link.is-inverted:hover { background-color: #f2f2f2; } .button.is-link.is-inverted[disabled] { background-color: #fff; border-color: transparent; box-shadow: none; color: #3273dc; } .button.is-link.is-loading::after { border-color: transparent transparent #fff #fff !important; } .button.is-link.is-outlined { background-color: transparent; border-color: #3273dc; color: #3273dc; } .button.is-link.is-outlined:hover, .button.is-link.is-outlined:focus { background-color: #3273dc; border-color: #3273dc; color: #fff; } .button.is-link.is-outlined.is-loading::after { border-color: transparent transparent #3273dc #3273dc !important; } .button.is-link.is-outlined[disabled] { background-color: transparent; border-color: #3273dc; box-shadow: none; color: #3273dc; } .button.is-link.is-inverted.is-outlined { background-color: transparent; border-color: #fff; color: #fff; } .button.is-link.is-inverted.is-outlined:hover, .button.is-link.is-inverted.is-outlined:focus { background-color: #fff; color: #3273dc; } .button.is-link.is-inverted.is-outlined[disabled] { background-color: transparent; border-color: #fff; box-shadow: none; color: #fff; } .button.is-info { background-color: #209cee; border-color: transparent; color: #fff; } .button.is-info:hover, .button.is-info.is-hovered { background-color: #1496ed; border-color: transparent; color: #fff; } .button.is-info:focus, .button.is-info.is-focused { border-color: transparent; color: #fff; } .button.is-info:focus:not(:active), .button.is-info.is-focused:not(:active) { box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25); } .button.is-info:active, .button.is-info.is-active { background-color: #118fe4; border-color: transparent; color: #fff; } .button.is-info[disabled] { background-color: #209cee; border-color: transparent; box-shadow: none; } .button.is-info.is-inverted { background-color: #fff; color: #209cee; } .button.is-info.is-inverted:hover { background-color: #f2f2f2; } .button.is-info.is-inverted[disabled] { background-color: #fff; border-color: transparent; box-shadow: none; color: #209cee; } .button.is-info.is-loading::after { border-color: transparent transparent #fff #fff !important; } .button.is-info.is-outlined { background-color: transparent; border-color: #209cee; color: #209cee; } .button.is-info.is-outlined:hover, .button.is-info.is-outlined:focus { background-color: #209cee; border-color: #209cee; color: #fff; } .button.is-info.is-outlined.is-loading::after { border-color: transparent transparent #209cee #209cee !important; } .button.is-info.is-outlined[disabled] { background-color: transparent; border-color: #209cee; box-shadow: none; color: #209cee; } .button.is-info.is-inverted.is-outlined { background-color: transparent; border-color: #fff; color: #fff; } .button.is-info.is-inverted.is-outlined:hover, .button.is-info.is-inverted.is-outlined:focus { background-color: #fff; color: #209cee; } .button.is-info.is-inverted.is-outlined[disabled] { background-color: transparent; border-color: #fff; box-shadow: none; color: #fff; } .button.is-success { background-color: #23d160; border-color: transparent; color: #fff; } .button.is-success:hover, .button.is-success.is-hovered { background-color: #22c65b; border-color: transparent; color: #fff; } .button.is-success:focus, .button.is-success.is-focused { border-color: transparent; color: #fff; } .button.is-success:focus:not(:active), .button.is-success.is-focused:not(:active) { box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25); } .button.is-success:active, .button.is-success.is-active { background-color: #20bc56; border-color: transparent; color: #fff; } .button.is-success[disabled] { background-color: #23d160; border-color: transparent; box-shadow: none; } .button.is-success.is-inverted { background-color: #fff; color: #23d160; } .button.is-success.is-inverted:hover { background-color: #f2f2f2; } .button.is-success.is-inverted[disabled] { background-color: #fff; border-color: transparent; box-shadow: none; color: #23d160; } .button.is-success.is-loading::after { border-color: transparent transparent #fff #fff !important; } .button.is-success.is-outlined { background-color: transparent; border-color: #23d160; color: #23d160; } .button.is-success.is-outlined:hover, .button.is-success.is-outlined:focus { background-color: #23d160; border-color: #23d160; color: #fff; } .button.is-success.is-outlined.is-loading::after { border-color: transparent transparent #23d160 #23d160 !important; } .button.is-success.is-outlined[disabled] { background-color: transparent; border-color: #23d160; box-shadow: none; color: #23d160; } .button.is-success.is-inverted.is-outlined { background-color: transparent; border-color: #fff; color: #fff; } .button.is-success.is-inverted.is-outlined:hover, .button.is-success.is-inverted.is-outlined:focus { background-color: #fff; color: #23d160; } .button.is-success.is-inverted.is-outlined[disabled] { background-color: transparent; border-color: #fff; box-shadow: none; color: #fff; } .button.is-warning { background-color: #ffdd57; border-color: transparent; color: rgba(0, 0, 0, 0.7); } .button.is-warning:hover, .button.is-warning.is-hovered { background-color: #ffdb4a; border-color: transparent; color: rgba(0, 0, 0, 0.7); } .button.is-warning:focus, .button.is-warning.is-focused { border-color: transparent; color: rgba(0, 0, 0, 0.7); } .button.is-warning:focus:not(:active), .button.is-warning.is-focused:not(:active) { box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); } .button.is-warning:active, .button.is-warning.is-active { background-color: #ffd83d; border-color: transparent; color: rgba(0, 0, 0, 0.7); } .button.is-warning[disabled] { background-color: #ffdd57; border-color: transparent; box-shadow: none; } .button.is-warning.is-inverted { background-color: rgba(0, 0, 0, 0.7); color: #ffdd57; } .button.is-warning.is-inverted:hover { background-color: rgba(0, 0, 0, 0.7); } .button.is-warning.is-inverted[disabled] { background-color: rgba(0, 0, 0, 0.7); border-color: transparent; box-shadow: none; color: #ffdd57; } .button.is-warning.is-loading::after { border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; } .button.is-warning.is-outlined { background-color: transparent; border-color: #ffdd57; color: #ffdd57; } .button.is-warning.is-outlined:hover, .button.is-warning.is-outlined:focus { background-color: #ffdd57; border-color: #ffdd57; color: rgba(0, 0, 0, 0.7); } .button.is-warning.is-outlined.is-loading::after { border-color: transparent transparent #ffdd57 #ffdd57 !important; } .button.is-warning.is-outlined[disabled] { background-color: transparent; border-color: #ffdd57; box-shadow: none; color: #ffdd57; } .button.is-warning.is-inverted.is-outlined { background-color: transparent; border-color: rgba(0, 0, 0, 0.7); color: rgba(0, 0, 0, 0.7); } .button.is-warning.is-inverted.is-outlined:hover, .button.is-warning.is-inverted.is-outlined:focus { background-color: rgba(0, 0, 0, 0.7); color: #ffdd57; } .button.is-warning.is-inverted.is-outlined[disabled] { background-color: transparent; border-color: rgba(0, 0, 0, 0.7); box-shadow: none; color: rgba(0, 0, 0, 0.7); } .button.is-danger { background-color: #ff3860; border-color: transparent; color: #fff; } .button.is-danger:hover, .button.is-danger.is-hovered { background-color: #ff2b56; border-color: transparent; color: #fff; } .button.is-danger:focus, .button.is-danger.is-focused { border-color: transparent; color: #fff; } .button.is-danger:focus:not(:active), .button.is-danger.is-focused:not(:active) { box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25); } .button.is-danger:active, .button.is-danger.is-active { background-color: #ff1f4b; border-color: transparent; color: #fff; } .button.is-danger[disabled] { background-color: #ff3860; border-color: transparent; box-shadow: none; } .button.is-danger.is-inverted { background-color: #fff; color: #ff3860; } .button.is-danger.is-inverted:hover { background-color: #f2f2f2; } .button.is-danger.is-inverted[disabled] { background-color: #fff; border-color: transparent; box-shadow: none; color: #ff3860; } .button.is-danger.is-loading::after { border-color: transparent transparent #fff #fff !important; } .button.is-danger.is-outlined { background-color: transparent; border-color: #ff3860; color: #ff3860; } .button.is-danger.is-outlined:hover, .button.is-danger.is-outlined:focus { background-color: #ff3860; border-color: #ff3860; color: #fff; } .button.is-danger.is-outlined.is-loading::after { border-color: transparent transparent #ff3860 #ff3860 !important; } .button.is-danger.is-outlined[disabled] { background-color: transparent; border-color: #ff3860; box-shadow: none; color: #ff3860; } .button.is-danger.is-inverted.is-outlined { background-color: transparent; border-color: #fff; color: #fff; } .button.is-danger.is-inverted.is-outlined:hover, .button.is-danger.is-inverted.is-outlined:focus { background-color: #fff; color: #ff3860; } .button.is-danger.is-inverted.is-outlined[disabled] { background-color: transparent; border-color: #fff; box-shadow: none; color: #fff; } .button.is-small { border-radius: 2px; font-size: 0.75rem; } .button.is-medium { font-size: 1.25rem; } .button.is-large { font-size: 1.5rem; } .button[disabled] { background-color: white; border-color: #dbdbdb; box-shadow: none; opacity: 0.5; } .button.is-fullwidth { display: flex; width: 100%; } .button.is-loading { color: transparent !important; pointer-events: none; } .button.is-loading::after { position: absolute; left: calc(50% - (1em / 2)); top: calc(50% - (1em / 2)); position: absolute !important; } .button.is-static { background-color: whitesmoke; border-color: #dbdbdb; color: #f2f2f2; box-shadow: none; pointer-events: none; } .button.is-rounded { border-radius: 290486px; padding-left: 1em; padding-right: 1em; } .buttons { align-items: center; display: flex; flex-wrap: wrap; justify-content: flex-start; } .buttons .button { margin-bottom: 0.5rem; } .buttons .button:not(:last-child) { margin-right: 0.5rem; } .buttons:last-child { margin-bottom: -0.5rem; } .buttons:not(:last-child) { margin-bottom: 1rem; } .buttons.has-addons .button:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } .buttons.has-addons .button:not(:last-child) { border-bottom-right-radius: 0; border-top-right-radius: 0; margin-right: -1px; } .buttons.has-addons .button:last-child { margin-right: 0; } .buttons.has-addons .button:hover, .buttons.has-addons .button.is-hovered { z-index: 2; } .buttons.has-addons .button:focus, .buttons.has-addons .button.is-focused, .buttons.has-addons .button:active, .buttons.has-addons .button.is-active, .buttons.has-addons .button.is-selected { z-index: 3; } .buttons.has-addons .button:focus:hover, .buttons.has-addons .button.is-focused:hover, .buttons.has-addons .button:active:hover, .buttons.has-addons .button.is-active:hover, .buttons.has-addons .button.is-selected:hover { z-index: 4; } .buttons.has-addons .button.is-expanded { flex-grow: 1; } .buttons.is-centered { justify-content: center; } .buttons.is-right { justify-content: flex-end; } .container { margin: 0 auto; position: relative; } @media screen and (min-width: 991px) { .container { max-width: 991px; width: 991px; } .container.is-fluid { margin-left: 0px; margin-right: 0px; max-width: none; width: auto; } } @media screen and (max-width: 1198px) { .container.is-widescreen { max-width: 1199px; width: auto; } } @media screen and (max-width: 1343px) { .container.is-fullhd { max-width: 1344px; width: auto; } } @media screen and (min-width: 1199px) { .container { max-width: 1199px; width: 1199px; } } @media screen and (min-width: 1344px) { .container { max-width: 1344px; width: 1344px; } } .content li + li { margin-top: 0.25em; } .content p:not(:last-child), .content dl:not(:last-child), .content ol:not(:last-child), .content ul:not(:last-child), .content blockquote:not(:last-child), .content pre:not(:last-child), .content table:not(:last-child) { margin-bottom: 1em; } .content h1, .content h2, .content h3, .content h4, .content h5, .content h6 { color: #555; font-weight: 600; line-height: 1.125; } .content h1 { font-size: 2em; margin-bottom: 0.5em; } .content h1:not(:first-child) { margin-top: 1em; } .content h2 { font-size: 1.75em; margin-bottom: 0.5714em; } .content h2:not(:first-child) { margin-top: 1.1428em; } .content h3 { font-size: 1.5em; margin-bottom: 0.6666em; } .content h3:not(:first-child) { margin-top: 1.3333em; } .content h4 { font-size: 1.25em; margin-bottom: 0.8em; } .content h5 { font-size: 1.125em; margin-bottom: 0.8888em; } .content h6 { font-size: 1em; margin-bottom: 1em; } .content blockquote { background-color: whitesmoke; border-left: 5px solid #dbdbdb; padding: 1.25em 1.5em; } .content ol { list-style: decimal outside; margin-left: 2em; margin-top: 1em; } .content ul { list-style: disc outside; margin-left: 2em; margin-top: 1em; } .content ul ul { list-style-type: circle; margin-top: 0.5em; } .content ul ul ul { list-style-type: square; } .content dd { margin-left: 2em; } .content figure { margin-left: 2em; margin-right: 2em; text-align: center; } .content figure:not(:first-child) { margin-top: 2em; } .content figure:not(:last-child) { margin-bottom: 2em; } .content figure img { display: inline-block; } .content figure figcaption { font-style: italic; } .content pre { -webkit-overflow-scrolling: touch; overflow-x: auto; padding: 1.25em 1.5em; white-space: pre; word-wrap: normal; } .content sup, .content sub { font-size: 75%; } .content table { width: 100%; } .content table td, .content table th { border: 1px solid #dbdbdb; border-width: 0 0 1px; padding: 0.5em 0.75em; vertical-align: top; } .content table th { color: #555; text-align: left; } .content table thead td, .content table thead th { border-width: 0 0 2px; color: #555; } .content table tfoot td, .content table tfoot th { border-width: 2px 0 0; color: #555; } .content table tbody tr:last-child td, .content table tbody tr:last-child th { border-bottom-width: 0; } .content.is-small { font-size: 0.75rem; } .content.is-medium { font-size: 1.25rem; } .content.is-large { font-size: 1.5rem; } .input, .textarea { background-color: white; border-color: #dbdbdb; color: #555; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); max-width: 100%; width: 100%; } .input::-moz-placeholder, .textarea::-moz-placeholder { color: rgba(85, 85, 85, 0.3); } .input::-webkit-input-placeholder, .textarea::-webkit-input-placeholder { color: rgba(85, 85, 85, 0.3); } .input:-moz-placeholder, .textarea:-moz-placeholder { color: rgba(85, 85, 85, 0.3); } .input:-ms-input-placeholder, .textarea:-ms-input-placeholder { color: rgba(85, 85, 85, 0.3); } .input:hover, .input.is-hovered, .textarea:hover, .textarea.is-hovered { border-color: #b5b5b5; } .input:focus, .input.is-focused, .input:active, .input.is-active, .textarea:focus, .textarea.is-focused, .textarea:active, .textarea.is-active { border-color: #3273dc; box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); } .input[disabled], .textarea[disabled] { background-color: whitesmoke; border-color: whitesmoke; box-shadow: none; color: #f2f2f2; } .input[disabled]::-moz-placeholder, .textarea[disabled]::-moz-placeholder { color: rgba(242, 242, 242, 0.3); } .input[disabled]::-webkit-input-placeholder, .textarea[disabled]::-webkit-input-placeholder { color: rgba(242, 242, 242, 0.3); } .input[disabled]:-moz-placeholder, .textarea[disabled]:-moz-placeholder { color: rgba(242, 242, 242, 0.3); } .input[disabled]:-ms-input-placeholder, .textarea[disabled]:-ms-input-placeholder { color: rgba(242, 242, 242, 0.3); } .input[readonly], .textarea[readonly] { box-shadow: none; } .input.is-white, .textarea.is-white { border-color: white; } .input.is-white:focus, .input.is-white.is-focused, .input.is-white:active, .input.is-white.is-active, .textarea.is-white:focus, .textarea.is-white.is-focused, .textarea.is-white:active, .textarea.is-white.is-active { box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); } .input.is-black, .textarea.is-black { border-color: #000; } .input.is-black:focus, .input.is-black.is-focused, .input.is-black:active, .input.is-black.is-active, .textarea.is-black:focus, .textarea.is-black.is-focused, .textarea.is-black:active, .textarea.is-black.is-active { box-shadow: 0 0 0 0.125em rgba(0, 0, 0, 0.25); } .input.is-light, .textarea.is-light { border-color: whitesmoke; } .input.is-light:focus, .input.is-light.is-focused, .input.is-light:active, .input.is-light.is-active, .textarea.is-light:focus, .textarea.is-light.is-focused, .textarea.is-light:active, .textarea.is-light.is-active { box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); } .input.is-dark, .textarea.is-dark { border-color: #555; } .input.is-dark:focus, .input.is-dark.is-focused, .input.is-dark:active, .input.is-dark.is-active, .textarea.is-dark:focus, .textarea.is-dark.is-focused, .textarea.is-dark:active, .textarea.is-dark.is-active { box-shadow: 0 0 0 0.125em rgba(85, 85, 85, 0.25); } .input.is-primary, .textarea.is-primary { border-color: #cd9f28; } .input.is-primary:focus, .input.is-primary.is-focused, .input.is-primary:active, .input.is-primary.is-active, .textarea.is-primary:focus, .textarea.is-primary.is-focused, .textarea.is-primary:active, .textarea.is-primary.is-active { box-shadow: 0 0 0 0.125em rgba(205, 159, 40, 0.25); } .input.is-link, .textarea.is-link { border-color: #3273dc; } .input.is-link:focus, .input.is-link.is-focused, .input.is-link:active, .input.is-link.is-active, .textarea.is-link:focus, .textarea.is-link.is-focused, .textarea.is-link:active, .textarea.is-link.is-active { box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); } .input.is-info, .textarea.is-info { border-color: #209cee; } .input.is-info:focus, .input.is-info.is-focused, .input.is-info:active, .input.is-info.is-active, .textarea.is-info:focus, .textarea.is-info.is-focused, .textarea.is-info:active, .textarea.is-info.is-active { box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25); } .input.is-success, .textarea.is-success { border-color: #23d160; } .input.is-success:focus, .input.is-success.is-focused, .input.is-success:active, .input.is-success.is-active, .textarea.is-success:focus, .textarea.is-success.is-focused, .textarea.is-success:active, .textarea.is-success.is-active { box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25); } .input.is-warning, .textarea.is-warning { border-color: #ffdd57; } .input.is-warning:focus, .input.is-warning.is-focused, .input.is-warning:active, .input.is-warning.is-active, .textarea.is-warning:focus, .textarea.is-warning.is-focused, .textarea.is-warning:active, .textarea.is-warning.is-active { box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); } .input.is-danger, .textarea.is-danger { border-color: #ff3860; } .input.is-danger:focus, .input.is-danger.is-focused, .input.is-danger:active, .input.is-danger.is-active, .textarea.is-danger:focus, .textarea.is-danger.is-focused, .textarea.is-danger:active, .textarea.is-danger.is-active { box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25); } .input.is-small, .textarea.is-small { border-radius: 2px; font-size: 0.75rem; } .input.is-medium, .textarea.is-medium { font-size: 1.25rem; } .input.is-large, .textarea.is-large { font-size: 1.5rem; } .input.is-fullwidth, .textarea.is-fullwidth { display: block; width: 100%; } .input.is-inline, .textarea.is-inline { display: inline; width: auto; } .input.is-rounded { border-radius: 290486px; padding-left: 1em; padding-right: 1em; } .input.is-static { background-color: transparent; border-color: transparent; box-shadow: none; padding-left: 0; padding-right: 0; } .textarea { display: block; max-width: 100%; min-width: 100%; padding: 0.625em; resize: vertical; } .textarea:not([rows]) { max-height: 600px; min-height: 120px; } .textarea[rows] { height: initial; } .textarea.has-fixed-size { resize: none; } .checkbox, .radio { cursor: pointer; display: inline-block; line-height: 1.25; position: relative; } .checkbox input, .radio input { cursor: pointer; } .checkbox:hover, .radio:hover { color: #555; } .checkbox[disabled], .radio[disabled] { color: #f2f2f2; cursor: not-allowed; } .radio + .radio { margin-left: 0.5em; } .select { display: inline-block; max-width: 100%; position: relative; vertical-align: top; } .select:not(.is-multiple) { height: 2.25em; } .select:not(.is-multiple):not(.is-loading)::after { border-color: #3273dc; right: 1.125em; z-index: 4; } .select.is-rounded select { border-radius: 290486px; padding-left: 1em; } .select select { background-color: white; border-color: #dbdbdb; color: #555; cursor: pointer; display: block; font-size: 1em; max-width: 100%; outline: none; } .select select::-moz-placeholder { color: rgba(85, 85, 85, 0.3); } .select select::-webkit-input-placeholder { color: rgba(85, 85, 85, 0.3); } .select select:-moz-placeholder { color: rgba(85, 85, 85, 0.3); } .select select:-ms-input-placeholder { color: rgba(85, 85, 85, 0.3); } .select select:hover, .select select.is-hovered { border-color: #b5b5b5; } .select select:focus, .select select.is-focused, .select select:active, .select select.is-active { border-color: #3273dc; box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); } .select select[disabled] { background-color: whitesmoke; border-color: whitesmoke; box-shadow: none; color: #f2f2f2; } .select select[disabled]::-moz-placeholder { color: rgba(242, 242, 242, 0.3); } .select select[disabled]::-webkit-input-placeholder { color: rgba(242, 242, 242, 0.3); } .select select[disabled]:-moz-placeholder { color: rgba(242, 242, 242, 0.3); } .select select[disabled]:-ms-input-placeholder { color: rgba(242, 242, 242, 0.3); } .select select::-ms-expand { display: none; } .select select[disabled]:hover { border-color: whitesmoke; } .select select:not([multiple]) { padding-right: 2.5em; } .select select[multiple] { height: initial; padding: 0; } .select select[multiple] option { padding: 0.5em 1em; } .select:not(.is-multiple):not(.is-loading):hover::after { border-color: #555; } .select.is-white:not(:hover)::after { border-color: white; } .select.is-white select { border-color: white; } .select.is-white select:hover, .select.is-white select.is-hovered { border-color: #f2f2f2; } .select.is-white select:focus, .select.is-white select.is-focused, .select.is-white select:active, .select.is-white select.is-active { box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); } .select.is-black:not(:hover)::after { border-color: #000; } .select.is-black select { border-color: #000; } .select.is-black select:hover, .select.is-black select.is-hovered { border-color: black; } .select.is-black select:focus, .select.is-black select.is-focused, .select.is-black select:active, .select.is-black select.is-active { box-shadow: 0 0 0 0.125em rgba(0, 0, 0, 0.25); } .select.is-light:not(:hover)::after { border-color: whitesmoke; } .select.is-light select { border-color: whitesmoke; } .select.is-light select:hover, .select.is-light select.is-hovered { border-color: #e8e8e8; } .select.is-light select:focus, .select.is-light select.is-focused, .select.is-light select:active, .select.is-light select.is-active { box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); } .select.is-dark:not(:hover)::after { border-color: #555; } .select.is-dark select { border-color: #555; } .select.is-dark select:hover, .select.is-dark select.is-hovered { border-color: #484848; } .select.is-dark select:focus, .select.is-dark select.is-focused, .select.is-dark select:active, .select.is-dark select.is-active { box-shadow: 0 0 0 0.125em rgba(85, 85, 85, 0.25); } .select.is-primary:not(:hover)::after { border-color: #cd9f28; } .select.is-primary select { border-color: #cd9f28; } .select.is-primary select:hover, .select.is-primary select.is-hovered { border-color: #b88e24; } .select.is-primary select:focus, .select.is-primary select.is-focused, .select.is-primary select:active, .select.is-primary select.is-active { box-shadow: 0 0 0 0.125em rgba(205, 159, 40, 0.25); } .select.is-link:not(:hover)::after { border-color: #3273dc; } .select.is-link select { border-color: #3273dc; } .select.is-link select:hover, .select.is-link select.is-hovered { border-color: #2366d1; } .select.is-link select:focus, .select.is-link select.is-focused, .select.is-link select:active, .select.is-link select.is-active { box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); } .select.is-info:not(:hover)::after { border-color: #209cee; } .select.is-info select { border-color: #209cee; } .select.is-info select:hover, .select.is-info select.is-hovered { border-color: #118fe4; } .select.is-info select:focus, .select.is-info select.is-focused, .select.is-info select:active, .select.is-info select.is-active { box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25); } .select.is-success:not(:hover)::after { border-color: #23d160; } .select.is-success select { border-color: #23d160; } .select.is-success select:hover, .select.is-success select.is-hovered { border-color: #20bc56; } .select.is-success select:focus, .select.is-success select.is-focused, .select.is-success select:active, .select.is-success select.is-active { box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25); } .select.is-warning:not(:hover)::after { border-color: #ffdd57; } .select.is-warning select { border-color: #ffdd57; } .select.is-warning select:hover, .select.is-warning select.is-hovered { border-color: #ffd83d; } .select.is-warning select:focus, .select.is-warning select.is-focused, .select.is-warning select:active, .select.is-warning select.is-active { box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); } .select.is-danger:not(:hover)::after { border-color: #ff3860; } .select.is-danger select { border-color: #ff3860; } .select.is-danger select:hover, .select.is-danger select.is-hovered { border-color: #ff1f4b; } .select.is-danger select:focus, .select.is-danger select.is-focused, .select.is-danger select:active, .select.is-danger select.is-active { box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25); } .select.is-small { border-radius: 2px; font-size: 0.75rem; } .select.is-medium { font-size: 1.25rem; } .select.is-large { font-size: 1.5rem; } .select.is-disabled::after { border-color: #f2f2f2; } .select.is-fullwidth { width: 100%; } .select.is-fullwidth select { width: 100%; } .select.is-loading::after { margin-top: 0; position: absolute; right: 0.625em; top: 0.625em; transform: none; } .select.is-loading.is-small:after { font-size: 0.75rem; } .select.is-loading.is-medium:after { font-size: 1.25rem; } .select.is-loading.is-large:after { font-size: 1.5rem; } .file { align-items: stretch; display: flex; justify-content: flex-start; position: relative; } .file.is-white .file-cta { background-color: white; border-color: transparent; color: #000; } .file.is-white:hover .file-cta, .file.is-white.is-hovered .file-cta { background-color: #f9f9f9; border-color: transparent; color: #000; } .file.is-white:focus .file-cta, .file.is-white.is-focused .file-cta { border-color: transparent; box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25); color: #000; } .file.is-white:active .file-cta, .file.is-white.is-active .file-cta { background-color: #f2f2f2; border-color: transparent; color: #000; } .file.is-black .file-cta { background-color: #000; border-color: transparent; color: white; } .file.is-black:hover .file-cta, .file.is-black.is-hovered .file-cta { background-color: black; border-color: transparent; color: white; } .file.is-black:focus .file-cta, .file.is-black.is-focused .file-cta { border-color: transparent; box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.25); color: white; } .file.is-black:active .file-cta, .file.is-black.is-active .file-cta { background-color: black; border-color: transparent; color: white; } .file.is-light .file-cta { background-color: whitesmoke; border-color: transparent; color: #555; } .file.is-light:hover .file-cta, .file.is-light.is-hovered .file-cta { background-color: #eeeeee; border-color: transparent; color: #555; } .file.is-light:focus .file-cta, .file.is-light.is-focused .file-cta { border-color: transparent; box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25); color: #555; } .file.is-light:active .file-cta, .file.is-light.is-active .file-cta { background-color: #e8e8e8; border-color: transparent; color: #555; } .file.is-dark .file-cta { background-color: #555; border-color: transparent; color: whitesmoke; } .file.is-dark:hover .file-cta, .file.is-dark.is-hovered .file-cta { background-color: #4f4f4f; border-color: transparent; color: whitesmoke; } .file.is-dark:focus .file-cta, .file.is-dark.is-focused .file-cta { border-color: transparent; box-shadow: 0 0 0.5em rgba(85, 85, 85, 0.25); color: whitesmoke; } .file.is-dark:active .file-cta, .file.is-dark.is-active .file-cta { background-color: #484848; border-color: transparent; color: whitesmoke; } .file.is-primary .file-cta { background-color: #cd9f28; border-color: transparent; color: #fff; } .file.is-primary:hover .file-cta, .file.is-primary.is-hovered .file-cta { background-color: #c29726; border-color: transparent; color: #fff; } .file.is-primary:focus .file-cta, .file.is-primary.is-focused .file-cta { border-color: transparent; box-shadow: 0 0 0.5em rgba(205, 159, 40, 0.25); color: #fff; } .file.is-primary:active .file-cta, .file.is-primary.is-active .file-cta { background-color: #b88e24; border-color: transparent; color: #fff; } .file.is-link .file-cta { background-color: #3273dc; border-color: transparent; color: #fff; } .file.is-link:hover .file-cta, .file.is-link.is-hovered .file-cta { background-color: #276cda; border-color: transparent; color: #fff; } .file.is-link:focus .file-cta, .file.is-link.is-focused .file-cta { border-color: transparent; box-shadow: 0 0 0.5em rgba(50, 115, 220, 0.25); color: #fff; } .file.is-link:active .file-cta, .file.is-link.is-active .file-cta { background-color: #2366d1; border-color: transparent; color: #fff; } .file.is-info .file-cta { background-color: #209cee; border-color: transparent; color: #fff; } .file.is-info:hover .file-cta, .file.is-info.is-hovered .file-cta { background-color: #1496ed; border-color: transparent; color: #fff; } .file.is-info:focus .file-cta, .file.is-info.is-focused .file-cta { border-color: transparent; box-shadow: 0 0 0.5em rgba(32, 156, 238, 0.25); color: #fff; } .file.is-info:active .file-cta, .file.is-info.is-active .file-cta { background-color: #118fe4; border-color: transparent; color: #fff; } .file.is-success .file-cta { background-color: #23d160; border-color: transparent; color: #fff; } .file.is-success:hover .file-cta, .file.is-success.is-hovered .file-cta { background-color: #22c65b; border-color: transparent; color: #fff; } .file.is-success:focus .file-cta, .file.is-success.is-focused .file-cta { border-color: transparent; box-shadow: 0 0 0.5em rgba(35, 209, 96, 0.25); color: #fff; } .file.is-success:active .file-cta, .file.is-success.is-active .file-cta { background-color: #20bc56; border-color: transparent; color: #fff; } .file.is-warning .file-cta { background-color: #ffdd57; border-color: transparent; color: rgba(0, 0, 0, 0.7); } .file.is-warning:hover .file-cta, .file.is-warning.is-hovered .file-cta { background-color: #ffdb4a; border-color: transparent; color: rgba(0, 0, 0, 0.7); } .file.is-warning:focus .file-cta, .file.is-warning.is-focused .file-cta { border-color: transparent; box-shadow: 0 0 0.5em rgba(255, 221, 87, 0.25); color: rgba(0, 0, 0, 0.7); } .file.is-warning:active .file-cta, .file.is-warning.is-active .file-cta { background-color: #ffd83d; border-color: transparent; color: rgba(0, 0, 0, 0.7); } .file.is-danger .file-cta { background-color: #ff3860; border-color: transparent; color: #fff; } .file.is-danger:hover .file-cta, .file.is-danger.is-hovered .file-cta { background-color: #ff2b56; border-color: transparent; color: #fff; } .file.is-danger:focus .file-cta, .file.is-danger.is-focused .file-cta { border-color: transparent; box-shadow: 0 0 0.5em rgba(255, 56, 96, 0.25); color: #fff; } .file.is-danger:active .file-cta, .file.is-danger.is-active .file-cta { background-color: #ff1f4b; border-color: transparent; color: #fff; } .file.is-small { font-size: 0.75rem; } .file.is-medium { font-size: 1.25rem; } .file.is-medium .file-icon .fa { font-size: 21px; } .file.is-large { font-size: 1.5rem; } .file.is-large .file-icon .fa { font-size: 28px; } .file.has-name .file-cta { border-bottom-right-radius: 0; border-top-right-radius: 0; } .file.has-name .file-name { border-bottom-left-radius: 0; border-top-left-radius: 0; } .file.has-name.is-empty .file-cta { border-radius: 4px; } .file.has-name.is-empty .file-name { display: none; } .file.is-boxed .file-label { flex-direction: column; } .file.is-boxed .file-cta { flex-direction: column; height: auto; padding: 1em 3em; } .file.is-boxed .file-name { border-width: 0 1px 1px; } .file.is-boxed .file-icon { height: 1.5em; width: 1.5em; } .file.is-boxed .file-icon .fa { font-size: 21px; } .file.is-boxed.is-small .file-icon .fa { font-size: 14px; } .file.is-boxed.is-medium .file-icon .fa { font-size: 28px; } .file.is-boxed.is-large .file-icon .fa { font-size: 35px; } .file.is-boxed.has-name .file-cta { border-radius: 4px 4px 0 0; } .file.is-boxed.has-name .file-name { border-radius: 0 0 4px 4px; border-width: 0 1px 1px; } .file.is-centered { justify-content: center; } .file.is-fullwidth .file-label { width: 100%; } .file.is-fullwidth .file-name { flex-grow: 1; max-width: none; } .file.is-right { justify-content: flex-end; } .file.is-right .file-cta { border-radius: 0 4px 4px 0; } .file.is-right .file-name { border-radius: 4px 0 0 4px; border-width: 1px 0 1px 1px; order: -1; } .file-label { align-items: stretch; display: flex; cursor: pointer; justify-content: flex-start; overflow: hidden; position: relative; } .file-label:hover .file-cta { background-color: #eeeeee; color: #555; } .file-label:hover .file-name { border-color: #d5d5d5; } .file-label:active .file-cta { background-color: #e8e8e8; color: #555; } .file-label:active .file-name { border-color: #cfcfcf; } .file-input { height: 0.01em; left: 0; outline: none; position: absolute; top: 0; width: 0.01em; } .file-cta, .file-name { border-color: #dbdbdb; border-radius: 4px; font-size: 1em; padding-left: 1em; padding-right: 1em; white-space: nowrap; } .file-cta { background-color: whitesmoke; color: #ddd; } .file-name { border-color: #dbdbdb; border-style: solid; border-width: 1px 1px 1px 0; display: block; max-width: 16em; overflow: hidden; text-align: left; text-overflow: ellipsis; } .file-icon { align-items: center; display: flex; height: 1em; justify-content: center; margin-right: 0.5em; width: 1em; } .file-icon .fa { font-size: 14px; } .label { color: #555; display: block; font-size: 1rem; font-weight: 700; } .label:not(:last-child) { margin-bottom: 0.5em; } .label.is-small { font-size: 0.75rem; } .label.is-medium { font-size: 1.25rem; } .label.is-large { font-size: 1.5rem; } .help { display: block; font-size: 0.75rem; margin-top: 0.25rem; } .help.is-white { color: white; } .help.is-black { color: #000; } .help.is-light { color: whitesmoke; } .help.is-dark { color: #555; } .help.is-primary { color: #cd9f28; } .help.is-link { color: #3273dc; } .help.is-info { color: #209cee; } .help.is-success { color: #23d160; } .help.is-warning { color: #ffdd57; } .help.is-danger { color: #ff3860; } .field:not(:last-child) { margin-bottom: 0.75rem; } .field.has-addons { display: flex; justify-content: flex-start; } .field.has-addons .control:not(:last-child) { margin-right: -1px; } .field.has-addons .control:not(:first-child):not(:last-child) .button, .field.has-addons .control:not(:first-child):not(:last-child) .input, .field.has-addons .control:not(:first-child):not(:last-child) .select select { border-radius: 0; } .field.has-addons .control:first-child .button, .field.has-addons .control:first-child .input, .field.has-addons .control:first-child .select select { border-bottom-right-radius: 0; border-top-right-radius: 0; } .field.has-addons .control:last-child .button, .field.has-addons .control:last-child .input, .field.has-addons .control:last-child .select select { border-bottom-left-radius: 0; border-top-left-radius: 0; } .field.has-addons .control .button:hover, .field.has-addons .control .button.is-hovered, .field.has-addons .control .input:hover, .field.has-addons .control .input.is-hovered, .field.has-addons .control .select select:hover, .field.has-addons .control .select select.is-hovered { z-index: 2; } .field.has-addons .control .button:focus, .field.has-addons .control .button.is-focused, .field.has-addons .control .button:active, .field.has-addons .control .button.is-active, .field.has-addons .control .input:focus, .field.has-addons .control .input.is-focused, .field.has-addons .control .input:active, .field.has-addons .control .input.is-active, .field.has-addons .control .select select:focus, .field.has-addons .control .select select.is-focused, .field.has-addons .control .select select:active, .field.has-addons .control .select select.is-active { z-index: 3; } .field.has-addons .control .button:focus:hover, .field.has-addons .control .button.is-focused:hover, .field.has-addons .control .button:active:hover, .field.has-addons .control .button.is-active:hover, .field.has-addons .control .input:focus:hover, .field.has-addons .control .input.is-focused:hover, .field.has-addons .control .input:active:hover, .field.has-addons .control .input.is-active:hover, .field.has-addons .control .select select:focus:hover, .field.has-addons .control .select select.is-focused:hover, .field.has-addons .control .select select:active:hover, .field.has-addons .control .select select.is-active:hover { z-index: 4; } .field.has-addons .control.is-expanded { flex-grow: 1; } .field.has-addons.has-addons-centered { justify-content: center; } .field.has-addons.has-addons-right { justify-content: flex-end; } .field.has-addons.has-addons-fullwidth .control { flex-grow: 1; flex-shrink: 0; } .field.is-grouped { display: flex; justify-content: flex-start; } .field.is-grouped > .control { flex-shrink: 0; } .field.is-grouped > .control:not(:last-child) { margin-bottom: 0; margin-right: 0.75rem; } .field.is-grouped > .control.is-expanded { flex-grow: 1; flex-shrink: 1; } .field.is-grouped.is-grouped-centered { justify-content: center; } .field.is-grouped.is-grouped-right { justify-content: flex-end; } .field.is-grouped.is-grouped-multiline { flex-wrap: wrap; } .field.is-grouped.is-grouped-multiline > .control:last-child, .field.is-grouped.is-grouped-multiline > .control:not(:last-child) { margin-bottom: 0.75rem; } .field.is-grouped.is-grouped-multiline:last-child { margin-bottom: -0.75rem; } .field.is-grouped.is-grouped-multiline:not(:last-child) { margin-bottom: 0; } @media screen and (min-width: 769px), print { .field.is-horizontal { display: flex; } } .field-label .label { font-size: inherit; } @media screen and (max-width: 768px) { .field-label { margin-bottom: 0.5rem; } } @media screen and (min-width: 769px), print { .field-label { flex-basis: 0; flex-grow: 1; flex-shrink: 0; margin-right: 1.5rem; text-align: right; } .field-label.is-small { font-size: 0.75rem; padding-top: 0.375em; } .field-label.is-normal { padding-top: 0.375em; } .field-label.is-medium { font-size: 1.25rem; padding-top: 0.375em; } .field-label.is-large { font-size: 1.5rem; padding-top: 0.375em; } } .field-body .field .field { margin-bottom: 0; } @media screen and (min-width: 769px), print { .field-body { display: flex; flex-basis: 0; flex-grow: 5; flex-shrink: 1; } .field-body .field { margin-bottom: 0; } .field-body > .field { flex-shrink: 1; } .field-body > .field:not(.is-narrow) { flex-grow: 1; } .field-body > .field:not(:last-child) { margin-right: 0.75rem; } } .control { font-size: 1rem; position: relative; text-align: left; } .control.has-icon .icon { color: #dbdbdb; height: 2.25em; pointer-events: none; position: absolute; top: 0; width: 2.25em; z-index: 4; } .control.has-icon .input:focus + .icon { color: #f2f2f2; } .control.has-icon .input.is-small + .icon { font-size: 0.75rem; } .control.has-icon .input.is-medium + .icon { font-size: 1.25rem; } .control.has-icon .input.is-large + .icon { font-size: 1.5rem; } .control.has-icon:not(.has-icon-right) .icon { left: 0; } .control.has-icon:not(.has-icon-right) .input { padding-left: 2.25em; } .control.has-icon.has-icon-right .icon { right: 0; } .control.has-icon.has-icon-right .input { padding-right: 2.25em; } .control.has-icons-left .input:focus ~ .icon, .control.has-icons-left .select:focus ~ .icon, .control.has-icons-right .input:focus ~ .icon, .control.has-icons-right .select:focus ~ .icon { color: #f2f2f2; } .control.has-icons-left .input.is-small ~ .icon, .control.has-icons-left .select.is-small ~ .icon, .control.has-icons-right .input.is-small ~ .icon, .control.has-icons-right .select.is-small ~ .icon { font-size: 0.75rem; } .control.has-icons-left .input.is-medium ~ .icon, .control.has-icons-left .select.is-medium ~ .icon, .control.has-icons-right .input.is-medium ~ .icon, .control.has-icons-right .select.is-medium ~ .icon { font-size: 1.25rem; } .control.has-icons-left .input.is-large ~ .icon, .control.has-icons-left .select.is-large ~ .icon, .control.has-icons-right .input.is-large ~ .icon, .control.has-icons-right .select.is-large ~ .icon { font-size: 1.5rem; } .control.has-icons-left .icon, .control.has-icons-right .icon { color: #dbdbdb; height: 2.25em; pointer-events: none; position: absolute; top: 0; width: 2.25em; z-index: 4; } .control.has-icons-left .input, .control.has-icons-left .select select { padding-left: 2.25em; } .control.has-icons-left .icon.is-left { left: 0; } .control.has-icons-right .input, .control.has-icons-right .select select { padding-right: 2.25em; } .control.has-icons-right .icon.is-right { right: 0; } .control.is-loading::after { position: absolute !important; right: 0.625em; top: 0.625em; z-index: 4; } .control.is-loading.is-small:after { font-size: 0.75rem; } .control.is-loading.is-medium:after { font-size: 1.25rem; } .control.is-loading.is-large:after { font-size: 1.5rem; } .icon { align-items: center; display: inline-flex; justify-content: center; height: 1.5rem; width: 1.5rem; } .icon.is-small { height: 1rem; width: 1rem; } .icon.is-medium { height: 2rem; width: 2rem; } .icon.is-large { height: 3rem; width: 3rem; } .image { display: block; position: relative; } .image img { display: block; height: auto; width: 100%; } .image img.is-rounded { border-radius: 290486px; } .image.is-square img, .image.is-1by1 img, .image.is-5by4 img, .image.is-4by3 img, .image.is-3by2 img, .image.is-5by3 img, .image.is-16by9 img, .image.is-2by1 img, .image.is-3by1 img, .image.is-4by5 img, .image.is-3by4 img, .image.is-2by3 img, .image.is-3by5 img, .image.is-9by16 img, .image.is-1by2 img, .image.is-1by3 img { height: 100%; width: 100%; } .image.is-square, .image.is-1by1 { padding-top: 100%; } .image.is-5by4 { padding-top: 80%; } .image.is-4by3 { padding-top: 75%; } .image.is-3by2 { padding-top: 66.6666%; } .image.is-5by3 { padding-top: 60%; } .image.is-16by9 { padding-top: 56.25%; } .image.is-2by1 { padding-top: 50%; } .image.is-3by1 { padding-top: 33.3333%; } .image.is-4by5 { padding-top: 125%; } .image.is-3by4 { padding-top: 133.3333%; } .image.is-2by3 { padding-top: 150%; } .image.is-3by5 { padding-top: 166.6666%; } .image.is-9by16 { padding-top: 177.7777%; } .image.is-1by2 { padding-top: 200%; } .image.is-1by3 { padding-top: 300%; } .image.is-16x16 { height: 16px; width: 16px; } .image.is-24x24 { height: 24px; width: 24px; } .image.is-32x32 { height: 32px; width: 32px; } .image.is-48x48 { height: 48px; width: 48px; } .image.is-64x64 { height: 64px; width: 64px; } .image.is-96x96 { height: 96px; width: 96px; } .image.is-128x128 { height: 128px; width: 128px; } .notification { background-color: whitesmoke; border-radius: 4px; padding: 1.25rem 2.5rem 1.25rem 1.5rem; position: relative; } .notification a:not(.button) { color: currentColor; text-decoration: underline; } .notification strong { color: currentColor; } .notification code, .notification pre { background: white; } .notification pre code { background: transparent; } .notification > .delete { position: absolute; right: 0.5rem; top: 0.5rem; } .notification .title, .notification .subtitle, .notification .content { color: currentColor; } .notification.is-white { background-color: white; color: #000; } .notification.is-black { background-color: #000; color: white; } .notification.is-light { background-color: whitesmoke; color: #555; } .notification.is-dark { background-color: #555; color: whitesmoke; } .notification.is-primary { background-color: #cd9f28; color: #fff; } .notification.is-link { background-color: #3273dc; color: #fff; } .notification.is-info { background-color: #209cee; color: #fff; } .notification.is-success { background-color: #23d160; color: #fff; } .notification.is-warning { background-color: #ffdd57; color: rgba(0, 0, 0, 0.7); } .notification.is-danger { background-color: #ff3860; color: #fff; } .progress { -moz-appearance: none; -webkit-appearance: none; border: none; border-radius: 290486px; display: block; height: 1rem; overflow: hidden; padding: 0; width: 100%; } .progress::-webkit-progress-bar { background-color: #dbdbdb; } .progress::-webkit-progress-value { background-color: #ddd; } .progress::-moz-progress-bar { background-color: #ddd; } .progress::-ms-fill { background-color: #ddd; border: none; } .progress.is-white::-webkit-progress-value { background-color: white; } .progress.is-white::-moz-progress-bar { background-color: white; } .progress.is-white::-ms-fill { background-color: white; } .progress.is-black::-webkit-progress-value { background-color: #000; } .progress.is-black::-moz-progress-bar { background-color: #000; } .progress.is-black::-ms-fill { background-color: #000; } .progress.is-light::-webkit-progress-value { background-color: whitesmoke; } .progress.is-light::-moz-progress-bar { background-color: whitesmoke; } .progress.is-light::-ms-fill { background-color: whitesmoke; } .progress.is-dark::-webkit-progress-value { background-color: #555; } .progress.is-dark::-moz-progress-bar { background-color: #555; } .progress.is-dark::-ms-fill { background-color: #555; } .progress.is-primary::-webkit-progress-value { background-color: #cd9f28; } .progress.is-primary::-moz-progress-bar { background-color: #cd9f28; } .progress.is-primary::-ms-fill { background-color: #cd9f28; } .progress.is-link::-webkit-progress-value { background-color: #3273dc; } .progress.is-link::-moz-progress-bar { background-color: #3273dc; } .progress.is-link::-ms-fill { background-color: #3273dc; } .progress.is-info::-webkit-progress-value { background-color: #209cee; } .progress.is-info::-moz-progress-bar { background-color: #209cee; } .progress.is-info::-ms-fill { background-color: #209cee; } .progress.is-success::-webkit-progress-value { background-color: #23d160; } .progress.is-success::-moz-progress-bar { background-color: #23d160; } .progress.is-success::-ms-fill { background-color: #23d160; } .progress.is-warning::-webkit-progress-value { background-color: #ffdd57; } .progress.is-warning::-moz-progress-bar { background-color: #ffdd57; } .progress.is-warning::-ms-fill { background-color: #ffdd57; } .progress.is-danger::-webkit-progress-value { background-color: #ff3860; } .progress.is-danger::-moz-progress-bar { background-color: #ff3860; } .progress.is-danger::-ms-fill { background-color: #ff3860; } .progress.is-small { height: 0.75rem; } .progress.is-medium { height: 1.25rem; } .progress.is-large { height: 1.5rem; } .table { background-color: white; color: #555; } .table td, .table th { border: 1px solid #dbdbdb; border-width: 0 0 1px; padding: 0.5em 0.75em; vertical-align: top; } .table td.is-white, .table th.is-white { background-color: white; border-color: white; color: #000; } .table td.is-black, .table th.is-black { background-color: #000; border-color: #000; color: white; } .table td.is-light, .table th.is-light { background-color: whitesmoke; border-color: whitesmoke; color: #555; } .table td.is-dark, .table th.is-dark { background-color: #555; border-color: #555; color: whitesmoke; } .table td.is-primary, .table th.is-primary { background-color: #cd9f28; border-color: #cd9f28; color: #fff; } .table td.is-link, .table th.is-link { background-color: #3273dc; border-color: #3273dc; color: #fff; } .table td.is-info, .table th.is-info { background-color: #209cee; border-color: #209cee; color: #fff; } .table td.is-success, .table th.is-success { background-color: #23d160; border-color: #23d160; color: #fff; } .table td.is-warning, .table th.is-warning { background-color: #ffdd57; border-color: #ffdd57; color: rgba(0, 0, 0, 0.7); } .table td.is-danger, .table th.is-danger { background-color: #ff3860; border-color: #ff3860; color: #fff; } .table td.is-narrow, .table th.is-narrow { white-space: nowrap; width: 1%; } .table td.is-selected, .table th.is-selected { background-color: #cd9f28; color: #fff; } .table td.is-selected a, .table td.is-selected strong, .table th.is-selected a, .table th.is-selected strong { color: currentColor; } .table th { color: #555; text-align: left; } .table tr.is-selected { background-color: #cd9f28; color: #fff; } .table tr.is-selected a, .table tr.is-selected strong { color: currentColor; } .table tr.is-selected td, .table tr.is-selected th { border-color: #fff; color: currentColor; } .table thead td, .table thead th { border-width: 0 0 2px; color: #555; } .table tfoot td, .table tfoot th { border-width: 2px 0 0; color: #555; } .table tbody tr:last-child td, .table tbody tr:last-child th { border-bottom-width: 0; } .table.is-bordered td, .table.is-bordered th { border-width: 1px; } .table.is-bordered tr:last-child td, .table.is-bordered tr:last-child th { border-bottom-width: 1px; } .table.is-fullwidth { width: 100%; } .table.is-hoverable tbody tr:not(.is-selected):hover { background-color: #fafafa; } .table.is-hoverable.is-striped tbody tr:not(.is-selected):hover { background-color: whitesmoke; } .table.is-narrow td, .table.is-narrow th { padding: 0.25em 0.5em; } .table.is-striped tbody tr:not(.is-selected):nth-child(even) { background-color: #fafafa; } .table-container { -webkit-overflow-scrolling: touch; overflow: auto; overflow-y: hidden; max-width: 100%; } .tags { align-items: center; display: flex; flex-wrap: wrap; justify-content: flex-start; } .tags .tag { margin-bottom: 0.5rem; } .tags .tag:not(:last-child) { margin-right: 0.5rem; } .tags:last-child { margin-bottom: -0.5rem; } .tags:not(:last-child) { margin-bottom: 1rem; } .tags.has-addons .tag { margin-right: 0; } .tags.has-addons .tag:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } .tags.has-addons .tag:not(:last-child) { border-bottom-right-radius: 0; border-top-right-radius: 0; } .tags.is-centered { justify-content: center; } .tags.is-centered .tag { margin-right: 0.25rem; margin-left: 0.25rem; } .tags.is-right { justify-content: flex-end; } .tags.is-right .tag:not(:first-child) { margin-left: 0.5rem; } .tags.is-right .tag:not(:last-child) { margin-right: 0; } .tag:not(body) { align-items: center; background-color: whitesmoke; border-radius: 4px; color: #ddd; display: inline-flex; font-size: 0.75rem; height: 2em; justify-content: center; line-height: 1.5; padding-left: 0.75em; padding-right: 0.75em; white-space: nowrap; } .tag:not(body) .delete { margin-left: 0.25rem; margin-right: -0.375rem; } .tag:not(body).is-white { background-color: white; color: #000; } .tag:not(body).is-black { background-color: #000; color: white; } .tag:not(body).is-light { background-color: whitesmoke; color: #555; } .tag:not(body).is-dark { background-color: #555; color: whitesmoke; } .tag:not(body).is-primary { background-color: #cd9f28; color: #fff; } .tag:not(body).is-link { background-color: #3273dc; color: #fff; } .tag:not(body).is-info { background-color: #209cee; color: #fff; } .tag:not(body).is-success { background-color: #23d160; color: #fff; } .tag:not(body).is-warning { background-color: #ffdd57; color: rgba(0, 0, 0, 0.7); } .tag:not(body).is-danger { background-color: #ff3860; color: #fff; } .tag:not(body).is-medium { font-size: 1rem; } .tag:not(body).is-large { font-size: 1.25rem; } .tag:not(body) .icon:first-child:not(:last-child) { margin-left: -0.375em; margin-right: 0.1875em; } .tag:not(body) .icon:last-child:not(:first-child) { margin-left: 0.1875em; margin-right: -0.375em; } .tag:not(body) .icon:first-child:last-child { margin-left: -0.375em; margin-right: -0.375em; } .tag:not(body).is-delete { margin-left: 1px; padding: 0; position: relative; width: 2em; } .tag:not(body).is-delete::before, .tag:not(body).is-delete::after { background-color: currentColor; content: ""; display: block; left: 50%; position: absolute; top: 50%; transform: translateX(-50%) translateY(-50%) rotate(45deg); transform-origin: center center; } .tag:not(body).is-delete::before { height: 1px; width: 50%; } .tag:not(body).is-delete::after { height: 50%; width: 1px; } .tag:not(body).is-delete:hover, .tag:not(body).is-delete:focus { background-color: #e8e8e8; } .tag:not(body).is-delete:active { background-color: #dbdbdb; } .tag:not(body).is-rounded { border-radius: 290486px; } a.tag:hover { text-decoration: underline; } .title, .subtitle { word-break: break-word; } .title em, .title span, .subtitle em, .subtitle span { font-weight: inherit; } .title sub, .subtitle sub { font-size: 0.75em; } .title sup, .subtitle sup { font-size: 0.75em; } .title .tag, .subtitle .tag { vertical-align: middle; } .title { color: #555; font-size: 2rem; font-weight: 600; line-height: 1.125; } .title strong { color: inherit; font-weight: inherit; } .title + .highlight { margin-top: -0.75rem; } .title:not(.is-spaced) + .subtitle { margin-top: -1.25rem; } .title.is-1 { font-size: 3rem; } .title.is-2 { font-size: 2.5rem; } .title.is-3 { font-size: 2rem; } .title.is-4 { font-size: 1.5rem; } .title.is-5 { font-size: 1.25rem; } .title.is-6 { font-size: 1rem; } .title.is-7 { font-size: 0.75rem; } .subtitle { color: #ddd; font-size: 1.25rem; font-weight: 400; line-height: 1.25; } .subtitle strong { color: #555; font-weight: 600; } .subtitle:not(.is-spaced) + .title { margin-top: -1.25rem; } .subtitle.is-1 { font-size: 3rem; } .subtitle.is-2 { font-size: 2.5rem; } .subtitle.is-3 { font-size: 2rem; } .subtitle.is-4 { font-size: 1.5rem; } .subtitle.is-5 { font-size: 1.25rem; } .subtitle.is-6 { font-size: 1rem; } .subtitle.is-7 { font-size: 0.75rem; } .heading { display: block; font-size: 11px; letter-spacing: 1px; margin-bottom: 5px; text-transform: uppercase; } .highlight { font-weight: 400; max-width: 100%; overflow: hidden; padding: 0; } .highlight pre { overflow: auto; max-width: 100%; } .number { align-items: center; background-color: whitesmoke; border-radius: 290486px; display: inline-flex; font-size: 1.25rem; height: 2em; justify-content: center; margin-right: 1.5rem; min-width: 2.5em; padding: 0.25rem 0.5rem; text-align: center; vertical-align: top; } .breadcrumb { font-size: 1rem; white-space: nowrap; } .breadcrumb a { align-items: center; color: #3273dc; display: flex; justify-content: center; padding: 0 0.75em; } .breadcrumb a:hover { color: #555; } .breadcrumb li { align-items: center; display: flex; } .breadcrumb li:first-child a { padding-left: 0; } .breadcrumb li.is-active a { color: #555; cursor: default; pointer-events: none; } .breadcrumb li + li::before { color: #b5b5b5; content: "\0002f"; } .breadcrumb ul, .breadcrumb ol { align-items: flex-start; display: flex; flex-wrap: wrap; justify-content: flex-start; } .breadcrumb .icon:first-child { margin-right: 0.5em; } .breadcrumb .icon:last-child { margin-left: 0.5em; } .breadcrumb.is-centered ol, .breadcrumb.is-centered ul { justify-content: center; } .breadcrumb.is-right ol, .breadcrumb.is-right ul { justify-content: flex-end; } .breadcrumb.is-small { font-size: 0.75rem; } .breadcrumb.is-medium { font-size: 1.25rem; } .breadcrumb.is-large { font-size: 1.5rem; } .breadcrumb.has-arrow-separator li + li::before { content: "\02192"; } .breadcrumb.has-bullet-separator li + li::before { content: "\02022"; } .breadcrumb.has-dot-separator li + li::before { content: "\000b7"; } .breadcrumb.has-succeeds-separator li + li::before { content: "\0227B"; } .card { background-color: white; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1); color: #ddd; max-width: 100%; position: relative; } .card-header { background-color: none; align-items: stretch; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); display: flex; } .card-header-title { align-items: center; color: #555; display: flex; flex-grow: 1; font-weight: 700; padding: 0.75rem; } .card-header-title.is-centered { justify-content: center; } .card-header-icon { align-items: center; cursor: pointer; display: flex; justify-content: center; padding: 0.75rem; } .card-image { display: block; position: relative; } .card-content { background-color: none; padding: 1.5rem; } .card-footer { background-color: none; border-top: 1px solid #dbdbdb; align-items: stretch; display: flex; } .card-footer-item { align-items: center; display: flex; flex-basis: 0; flex-grow: 1; flex-shrink: 0; justify-content: center; padding: 0.75rem; } .card-footer-item:not(:last-child) { border-right: 1px solid #dbdbdb; } .card .media:not(:last-child) { margin-bottom: 0.75rem; } .dropdown { display: inline-flex; position: relative; vertical-align: top; } .dropdown.is-active .dropdown-menu, .dropdown.is-hoverable:hover .dropdown-menu { display: block; } .dropdown.is-right .dropdown-menu { left: auto; right: 0; } .dropdown.is-up .dropdown-menu { bottom: 100%; padding-bottom: 3px; padding-top: initial; top: auto; } .dropdown-menu { display: none; left: 0; min-width: 12rem; padding-top: 3px; position: absolute; top: 100%; z-index: 20; } .dropdown-content { background-color: white; border-radius: 4px; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1); padding-bottom: 0.5rem; padding-top: 0.5rem; } .dropdown-item { color: #000; display: block; font-size: 0.875rem; line-height: 1.5; padding: 0.375rem 1rem; position: relative; } a.dropdown-item { padding-right: 3rem; white-space: nowrap; } a.dropdown-item:hover { background-color: whitesmoke; color: #000; } a.dropdown-item.is-active { background-color: #cd9f28; color: #000; } .dropdown-divider { background-color: #dbdbdb; border: none; display: block; height: 1px; margin: 0.5rem 0; } .level { align-items: center; justify-content: space-between; } .level code { border-radius: 4px; } .level img { display: inline-block; vertical-align: top; } .level.is-mobile { display: flex; } .level.is-mobile .level-left, .level.is-mobile .level-right { display: flex; } .level.is-mobile .level-left + .level-right { margin-top: 0; } .level.is-mobile .level-item { margin-right: 0.75rem; } .level.is-mobile .level-item:not(:last-child) { margin-bottom: 0; } .level.is-mobile .level-item:not(.is-narrow) { flex-grow: 1; } @media screen and (min-width: 769px), print { .level { display: flex; } .level > .level-item:not(.is-narrow) { flex-grow: 1; } } .level-item { align-items: center; display: flex; flex-basis: auto; flex-grow: 0; flex-shrink: 0; justify-content: center; } .level-item .title, .level-item .subtitle { margin-bottom: 0; } @media screen and (max-width: 768px) { .level-item:not(:last-child) { margin-bottom: 0.75rem; } } .level-left, .level-right { flex-basis: auto; flex-grow: 0; flex-shrink: 0; } .level-left .level-item.is-flexible, .level-right .level-item.is-flexible { flex-grow: 1; } @media screen and (min-width: 769px), print { .level-left .level-item:not(:last-child), .level-right .level-item:not(:last-child) { margin-right: 0.75rem; } } .level-left { align-items: center; justify-content: flex-start; } @media screen and (max-width: 768px) { .level-left + .level-right { margin-top: 1.5rem; } } @media screen and (min-width: 769px), print { .level-left { display: flex; } } .level-right { align-items: center; justify-content: flex-end; } @media screen and (min-width: 769px), print { .level-right { display: flex; } } .media { align-items: flex-start; display: flex; text-align: left; } .media .content:not(:last-child) { margin-bottom: 0.75rem; } .media .media { border-top: 1px solid rgba(219, 219, 219, 0.5); display: flex; padding-top: 0.75rem; } .media .media .content:not(:last-child), .media .media .control:not(:last-child) { margin-bottom: 0.5rem; } .media .media .media { padding-top: 0.5rem; } .media .media .media + .media { margin-top: 0.5rem; } .media + .media { border-top: 1px solid rgba(219, 219, 219, 0.5); margin-top: 1rem; padding-top: 1rem; } .media.is-large + .media { margin-top: 1.5rem; padding-top: 1.5rem; } .media-left, .media-right { flex-basis: auto; flex-grow: 0; flex-shrink: 0; } .media-left { margin-right: 1rem; } .media-right { margin-left: 1rem; } .media-content { flex-basis: auto; flex-grow: 1; flex-shrink: 1; text-align: left; } .menu { font-size: 1rem; } .menu.is-small { font-size: 0.75rem; } .menu.is-medium { font-size: 1.25rem; } .menu.is-large { font-size: 1.5rem; } .menu-list { line-height: 1.25; } .menu-list a { border-radius: 2px; color: #ddd; display: block; padding: 0.5em 0.75em; } .menu-list a:hover { background-color: whitesmoke; color: #555; } .menu-list a.is-active { background-color: #3273dc; color: #fff; } .menu-list li ul { border-left: 1px solid #dbdbdb; margin: 0.75em; padding-left: 0.75em; } .menu-label { color: #f2f2f2; font-size: 0.75em; letter-spacing: 0.1em; text-transform: uppercase; } .menu-label:not(:first-child) { margin-top: 1em; } .menu-label:not(:last-child) { margin-bottom: 1em; } .message { background-color: whitesmoke; border-radius: 4px; font-size: 1rem; } .message strong { color: currentColor; } .message a:not(.button):not(.tag) { color: currentColor; text-decoration: underline; } .message.is-small { font-size: 0.75rem; } .message.is-medium { font-size: 1.25rem; } .message.is-large { font-size: 1.5rem; } .message.is-white { background-color: white; } .message.is-white .message-header { background-color: white; color: #000; } .message.is-white .message-body { border-color: white; color: #4d4d4d; } .message.is-black { background-color: #fafafa; } .message.is-black .message-header { background-color: #000; color: white; } .message.is-black .message-body { border-color: #000; color: black; } .message.is-light { background-color: #fafafa; } .message.is-light .message-header { background-color: whitesmoke; color: #555; } .message.is-light .message-body { border-color: whitesmoke; color: #505050; } .message.is-dark { background-color: #fafafa; } .message.is-dark .message-header { background-color: #555; color: whitesmoke; } .message.is-dark .message-body { border-color: #555; color: #3d3d3d; } .message.is-primary { background-color: #fdfbf6; } .message.is-primary .message-header { background-color: #cd9f28; color: #fff; } .message.is-primary .message-body { border-color: #cd9f28; color: #443714; } .message.is-link { background-color: #f6f9fe; } .message.is-link .message-header { background-color: #3273dc; color: #fff; } .message.is-link .message-body { border-color: #3273dc; color: #22509a; } .message.is-info { background-color: #f6fbfe; } .message.is-info .message-header { background-color: #209cee; color: #fff; } .message.is-info .message-body { border-color: #209cee; color: #12537e; } .message.is-success { background-color: #f6fef9; } .message.is-success .message-header { background-color: #23d160; color: #fff; } .message.is-success .message-body { border-color: #23d160; color: #0e301a; } .message.is-warning { background-color: #fffdf5; } .message.is-warning .message-header { background-color: #ffdd57; color: rgba(0, 0, 0, 0.7); } .message.is-warning .message-body { border-color: #ffdd57; color: #3b3108; } .message.is-danger { background-color: #fff5f7; } .message.is-danger .message-header { background-color: #ff3860; color: #fff; } .message.is-danger .message-body { border-color: #ff3860; color: #cd0930; } .message-header { align-items: center; background-color: #ddd; border-radius: 4px 4px 0 0; color: rgba(0, 0, 0, 0.7); display: flex; font-weight: 700; justify-content: space-between; line-height: 1.25; padding: 0.75em 1em; position: relative; } .message-header .delete { flex-grow: 0; flex-shrink: 0; margin-left: 0.75em; } .message-header + .message-body { border-width: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .message-body { border-color: #dbdbdb; border-radius: 4px; border-style: solid; border-width: 0 0 0 4px; color: #ddd; padding: 1.25em 1.5em; } .message-body code, .message-body pre { background-color: white; } .message-body pre code { background-color: transparent; } .modal { align-items: center; display: none; justify-content: center; overflow: hidden; position: fixed; z-index: 40; } .modal.is-active { display: flex; } .modal-background { background-color: rgba(0, 0, 0, 0.86); } .modal-content, .modal-card { margin: 0 20px; max-height: calc(100vh - 160px); overflow: auto; position: relative; width: 100%; } @media screen and (min-width: 769px), print { .modal-content, .modal-card { margin: 0 auto; max-height: calc(100vh - 40px); width: 640px; } } .modal-close { background: none; height: 40px; position: fixed; right: 20px; top: 20px; width: 40px; } .modal-card { display: flex; flex-direction: column; max-height: calc(100vh - 40px); overflow: hidden; } .modal-card-head, .modal-card-foot { align-items: center; background-color: whitesmoke; display: flex; flex-shrink: 0; justify-content: flex-start; padding: 20px; position: relative; } .modal-card-head { border-bottom: 1px solid #dbdbdb; border-top-left-radius: 6px; border-top-right-radius: 6px; } .modal-card-title { color: #555; flex-grow: 1; flex-shrink: 0; font-size: 1.5rem; line-height: 1; } .modal-card-foot { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-top: 1px solid #dbdbdb; } .modal-card-foot .button:not(:last-child) { margin-right: 10px; } .modal-card-body { -webkit-overflow-scrolling: touch; background-color: white; flex-grow: 1; flex-shrink: 1; overflow: auto; padding: 20px; } .navbar { background-color: white; min-height: 3.25rem; position: relative; z-index: 30; } .navbar.is-white { background-color: white; color: #000; } .navbar.is-white .navbar-brand > .navbar-item, .navbar.is-white .navbar-brand .navbar-link { color: #000; } .navbar.is-white .navbar-brand > a.navbar-item:hover, .navbar.is-white .navbar-brand > a.navbar-item.is-active, .navbar.is-white .navbar-brand .navbar-link:hover, .navbar.is-white .navbar-brand .navbar-link.is-active { background-color: #f2f2f2; color: #000; } .navbar.is-white .navbar-brand .navbar-link::after { border-color: #000; } @media screen and (min-width: 991px) { .navbar.is-white .navbar-start > .navbar-item, .navbar.is-white .navbar-start .navbar-link, .navbar.is-white .navbar-end > .navbar-item, .navbar.is-white .navbar-end .navbar-link { color: #000; } .navbar.is-white .navbar-start > a.navbar-item:hover, .navbar.is-white .navbar-start > a.navbar-item.is-active, .navbar.is-white .navbar-start .navbar-link:hover, .navbar.is-white .navbar-start .navbar-link.is-active, .navbar.is-white .navbar-end > a.navbar-item:hover, .navbar.is-white .navbar-end > a.navbar-item.is-active, .navbar.is-white .navbar-end .navbar-link:hover, .navbar.is-white .navbar-end .navbar-link.is-active { background-color: #f2f2f2; color: #000; } .navbar.is-white .navbar-start .navbar-link::after, .navbar.is-white .navbar-end .navbar-link::after { border-color: #000; } .navbar.is-white .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-white .navbar-item.has-dropdown.is-active .navbar-link { background-color: #f2f2f2; color: #000; } .navbar.is-white .navbar-dropdown a.navbar-item.is-active { background-color: white; color: #000; } } .navbar.is-black { background-color: #000; color: white; } .navbar.is-black .navbar-brand > .navbar-item, .navbar.is-black .navbar-brand .navbar-link { color: white; } .navbar.is-black .navbar-brand > a.navbar-item:hover, .navbar.is-black .navbar-brand > a.navbar-item.is-active, .navbar.is-black .navbar-brand .navbar-link:hover, .navbar.is-black .navbar-brand .navbar-link.is-active { background-color: black; color: white; } .navbar.is-black .navbar-brand .navbar-link::after { border-color: white; } @media screen and (min-width: 991px) { .navbar.is-black .navbar-start > .navbar-item, .navbar.is-black .navbar-start .navbar-link, .navbar.is-black .navbar-end > .navbar-item, .navbar.is-black .navbar-end .navbar-link { color: white; } .navbar.is-black .navbar-start > a.navbar-item:hover, .navbar.is-black .navbar-start > a.navbar-item.is-active, .navbar.is-black .navbar-start .navbar-link:hover, .navbar.is-black .navbar-start .navbar-link.is-active, .navbar.is-black .navbar-end > a.navbar-item:hover, .navbar.is-black .navbar-end > a.navbar-item.is-active, .navbar.is-black .navbar-end .navbar-link:hover, .navbar.is-black .navbar-end .navbar-link.is-active { background-color: black; color: white; } .navbar.is-black .navbar-start .navbar-link::after, .navbar.is-black .navbar-end .navbar-link::after { border-color: white; } .navbar.is-black .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-black .navbar-item.has-dropdown.is-active .navbar-link { background-color: black; color: white; } .navbar.is-black .navbar-dropdown a.navbar-item.is-active { background-color: #000; color: white; } } .navbar.is-light { background-color: whitesmoke; color: #555; } .navbar.is-light .navbar-brand > .navbar-item, .navbar.is-light .navbar-brand .navbar-link { color: #555; } .navbar.is-light .navbar-brand > a.navbar-item:hover, .navbar.is-light .navbar-brand > a.navbar-item.is-active, .navbar.is-light .navbar-brand .navbar-link:hover, .navbar.is-light .navbar-brand .navbar-link.is-active { background-color: #e8e8e8; color: #555; } .navbar.is-light .navbar-brand .navbar-link::after { border-color: #555; } @media screen and (min-width: 991px) { .navbar.is-light .navbar-start > .navbar-item, .navbar.is-light .navbar-start .navbar-link, .navbar.is-light .navbar-end > .navbar-item, .navbar.is-light .navbar-end .navbar-link { color: #555; } .navbar.is-light .navbar-start > a.navbar-item:hover, .navbar.is-light .navbar-start > a.navbar-item.is-active, .navbar.is-light .navbar-start .navbar-link:hover, .navbar.is-light .navbar-start .navbar-link.is-active, .navbar.is-light .navbar-end > a.navbar-item:hover, .navbar.is-light .navbar-end > a.navbar-item.is-active, .navbar.is-light .navbar-end .navbar-link:hover, .navbar.is-light .navbar-end .navbar-link.is-active { background-color: #e8e8e8; color: #555; } .navbar.is-light .navbar-start .navbar-link::after, .navbar.is-light .navbar-end .navbar-link::after { border-color: #555; } .navbar.is-light .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-light .navbar-item.has-dropdown.is-active .navbar-link { background-color: #e8e8e8; color: #555; } .navbar.is-light .navbar-dropdown a.navbar-item.is-active { background-color: whitesmoke; color: #555; } } .navbar.is-dark { background-color: #555; color: whitesmoke; } .navbar.is-dark .navbar-brand > .navbar-item, .navbar.is-dark .navbar-brand .navbar-link { color: whitesmoke; } .navbar.is-dark .navbar-brand > a.navbar-item:hover, .navbar.is-dark .navbar-brand > a.navbar-item.is-active, .navbar.is-dark .navbar-brand .navbar-link:hover, .navbar.is-dark .navbar-brand .navbar-link.is-active { background-color: #484848; color: whitesmoke; } .navbar.is-dark .navbar-brand .navbar-link::after { border-color: whitesmoke; } @media screen and (min-width: 991px) { .navbar.is-dark .navbar-start > .navbar-item, .navbar.is-dark .navbar-start .navbar-link, .navbar.is-dark .navbar-end > .navbar-item, .navbar.is-dark .navbar-end .navbar-link { color: whitesmoke; } .navbar.is-dark .navbar-start > a.navbar-item:hover, .navbar.is-dark .navbar-start > a.navbar-item.is-active, .navbar.is-dark .navbar-start .navbar-link:hover, .navbar.is-dark .navbar-start .navbar-link.is-active, .navbar.is-dark .navbar-end > a.navbar-item:hover, .navbar.is-dark .navbar-end > a.navbar-item.is-active, .navbar.is-dark .navbar-end .navbar-link:hover, .navbar.is-dark .navbar-end .navbar-link.is-active { background-color: #484848; color: whitesmoke; } .navbar.is-dark .navbar-start .navbar-link::after, .navbar.is-dark .navbar-end .navbar-link::after { border-color: whitesmoke; } .navbar.is-dark .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-dark .navbar-item.has-dropdown.is-active .navbar-link { background-color: #484848; color: whitesmoke; } .navbar.is-dark .navbar-dropdown a.navbar-item.is-active { background-color: #555; color: whitesmoke; } } .navbar.is-primary { background-color: #cd9f28; color: #fff; } .navbar.is-primary .navbar-brand > .navbar-item, .navbar.is-primary .navbar-brand .navbar-link { color: #fff; } .navbar.is-primary .navbar-brand > a.navbar-item:hover, .navbar.is-primary .navbar-brand > a.navbar-item.is-active, .navbar.is-primary .navbar-brand .navbar-link:hover, .navbar.is-primary .navbar-brand .navbar-link.is-active { background-color: #b88e24; color: #fff; } .navbar.is-primary .navbar-brand .navbar-link::after { border-color: #fff; } @media screen and (min-width: 991px) { .navbar.is-primary .navbar-start > .navbar-item, .navbar.is-primary .navbar-start .navbar-link, .navbar.is-primary .navbar-end > .navbar-item, .navbar.is-primary .navbar-end .navbar-link { color: #fff; } .navbar.is-primary .navbar-start > a.navbar-item:hover, .navbar.is-primary .navbar-start > a.navbar-item.is-active, .navbar.is-primary .navbar-start .navbar-link:hover, .navbar.is-primary .navbar-start .navbar-link.is-active, .navbar.is-primary .navbar-end > a.navbar-item:hover, .navbar.is-primary .navbar-end > a.navbar-item.is-active, .navbar.is-primary .navbar-end .navbar-link:hover, .navbar.is-primary .navbar-end .navbar-link.is-active { background-color: #b88e24; color: #fff; } .navbar.is-primary .navbar-start .navbar-link::after, .navbar.is-primary .navbar-end .navbar-link::after { border-color: #fff; } .navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link { background-color: #b88e24; color: #fff; } .navbar.is-primary .navbar-dropdown a.navbar-item.is-active { background-color: #cd9f28; color: #fff; } } .navbar.is-link { background-color: #3273dc; color: #fff; } .navbar.is-link .navbar-brand > .navbar-item, .navbar.is-link .navbar-brand .navbar-link { color: #fff; } .navbar.is-link .navbar-brand > a.navbar-item:hover, .navbar.is-link .navbar-brand > a.navbar-item.is-active, .navbar.is-link .navbar-brand .navbar-link:hover, .navbar.is-link .navbar-brand .navbar-link.is-active { background-color: #2366d1; color: #fff; } .navbar.is-link .navbar-brand .navbar-link::after { border-color: #fff; } @media screen and (min-width: 991px) { .navbar.is-link .navbar-start > .navbar-item, .navbar.is-link .navbar-start .navbar-link, .navbar.is-link .navbar-end > .navbar-item, .navbar.is-link .navbar-end .navbar-link { color: #fff; } .navbar.is-link .navbar-start > a.navbar-item:hover, .navbar.is-link .navbar-start > a.navbar-item.is-active, .navbar.is-link .navbar-start .navbar-link:hover, .navbar.is-link .navbar-start .navbar-link.is-active, .navbar.is-link .navbar-end > a.navbar-item:hover, .navbar.is-link .navbar-end > a.navbar-item.is-active, .navbar.is-link .navbar-end .navbar-link:hover, .navbar.is-link .navbar-end .navbar-link.is-active { background-color: #2366d1; color: #fff; } .navbar.is-link .navbar-start .navbar-link::after, .navbar.is-link .navbar-end .navbar-link::after { border-color: #fff; } .navbar.is-link .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-link .navbar-item.has-dropdown.is-active .navbar-link { background-color: #2366d1; color: #fff; } .navbar.is-link .navbar-dropdown a.navbar-item.is-active { background-color: #3273dc; color: #fff; } } .navbar.is-info { background-color: #209cee; color: #fff; } .navbar.is-info .navbar-brand > .navbar-item, .navbar.is-info .navbar-brand .navbar-link { color: #fff; } .navbar.is-info .navbar-brand > a.navbar-item:hover, .navbar.is-info .navbar-brand > a.navbar-item.is-active, .navbar.is-info .navbar-brand .navbar-link:hover, .navbar.is-info .navbar-brand .navbar-link.is-active { background-color: #118fe4; color: #fff; } .navbar.is-info .navbar-brand .navbar-link::after { border-color: #fff; } @media screen and (min-width: 991px) { .navbar.is-info .navbar-start > .navbar-item, .navbar.is-info .navbar-start .navbar-link, .navbar.is-info .navbar-end > .navbar-item, .navbar.is-info .navbar-end .navbar-link { color: #fff; } .navbar.is-info .navbar-start > a.navbar-item:hover, .navbar.is-info .navbar-start > a.navbar-item.is-active, .navbar.is-info .navbar-start .navbar-link:hover, .navbar.is-info .navbar-start .navbar-link.is-active, .navbar.is-info .navbar-end > a.navbar-item:hover, .navbar.is-info .navbar-end > a.navbar-item.is-active, .navbar.is-info .navbar-end .navbar-link:hover, .navbar.is-info .navbar-end .navbar-link.is-active { background-color: #118fe4; color: #fff; } .navbar.is-info .navbar-start .navbar-link::after, .navbar.is-info .navbar-end .navbar-link::after { border-color: #fff; } .navbar.is-info .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-info .navbar-item.has-dropdown.is-active .navbar-link { background-color: #118fe4; color: #fff; } .navbar.is-info .navbar-dropdown a.navbar-item.is-active { background-color: #209cee; color: #fff; } } .navbar.is-success { background-color: #23d160; color: #fff; } .navbar.is-success .navbar-brand > .navbar-item, .navbar.is-success .navbar-brand .navbar-link { color: #fff; } .navbar.is-success .navbar-brand > a.navbar-item:hover, .navbar.is-success .navbar-brand > a.navbar-item.is-active, .navbar.is-success .navbar-brand .navbar-link:hover, .navbar.is-success .navbar-brand .navbar-link.is-active { background-color: #20bc56; color: #fff; } .navbar.is-success .navbar-brand .navbar-link::after { border-color: #fff; } @media screen and (min-width: 991px) { .navbar.is-success .navbar-start > .navbar-item, .navbar.is-success .navbar-start .navbar-link, .navbar.is-success .navbar-end > .navbar-item, .navbar.is-success .navbar-end .navbar-link { color: #fff; } .navbar.is-success .navbar-start > a.navbar-item:hover, .navbar.is-success .navbar-start > a.navbar-item.is-active, .navbar.is-success .navbar-start .navbar-link:hover, .navbar.is-success .navbar-start .navbar-link.is-active, .navbar.is-success .navbar-end > a.navbar-item:hover, .navbar.is-success .navbar-end > a.navbar-item.is-active, .navbar.is-success .navbar-end .navbar-link:hover, .navbar.is-success .navbar-end .navbar-link.is-active { background-color: #20bc56; color: #fff; } .navbar.is-success .navbar-start .navbar-link::after, .navbar.is-success .navbar-end .navbar-link::after { border-color: #fff; } .navbar.is-success .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-success .navbar-item.has-dropdown.is-active .navbar-link { background-color: #20bc56; color: #fff; } .navbar.is-success .navbar-dropdown a.navbar-item.is-active { background-color: #23d160; color: #fff; } } .navbar.is-warning { background-color: #ffdd57; color: rgba(0, 0, 0, 0.7); } .navbar.is-warning .navbar-brand > .navbar-item, .navbar.is-warning .navbar-brand .navbar-link { color: rgba(0, 0, 0, 0.7); } .navbar.is-warning .navbar-brand > a.navbar-item:hover, .navbar.is-warning .navbar-brand > a.navbar-item.is-active, .navbar.is-warning .navbar-brand .navbar-link:hover, .navbar.is-warning .navbar-brand .navbar-link.is-active { background-color: #ffd83d; color: rgba(0, 0, 0, 0.7); } .navbar.is-warning .navbar-brand .navbar-link::after { border-color: rgba(0, 0, 0, 0.7); } @media screen and (min-width: 991px) { .navbar.is-warning .navbar-start > .navbar-item, .navbar.is-warning .navbar-start .navbar-link, .navbar.is-warning .navbar-end > .navbar-item, .navbar.is-warning .navbar-end .navbar-link { color: rgba(0, 0, 0, 0.7); } .navbar.is-warning .navbar-start > a.navbar-item:hover, .navbar.is-warning .navbar-start > a.navbar-item.is-active, .navbar.is-warning .navbar-start .navbar-link:hover, .navbar.is-warning .navbar-start .navbar-link.is-active, .navbar.is-warning .navbar-end > a.navbar-item:hover, .navbar.is-warning .navbar-end > a.navbar-item.is-active, .navbar.is-warning .navbar-end .navbar-link:hover, .navbar.is-warning .navbar-end .navbar-link.is-active { background-color: #ffd83d; color: rgba(0, 0, 0, 0.7); } .navbar.is-warning .navbar-start .navbar-link::after, .navbar.is-warning .navbar-end .navbar-link::after { border-color: rgba(0, 0, 0, 0.7); } .navbar.is-warning .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-warning .navbar-item.has-dropdown.is-active .navbar-link { background-color: #ffd83d; color: rgba(0, 0, 0, 0.7); } .navbar.is-warning .navbar-dropdown a.navbar-item.is-active { background-color: #ffdd57; color: rgba(0, 0, 0, 0.7); } } .navbar.is-danger { background-color: #ff3860; color: #fff; } .navbar.is-danger .navbar-brand > .navbar-item, .navbar.is-danger .navbar-brand .navbar-link { color: #fff; } .navbar.is-danger .navbar-brand > a.navbar-item:hover, .navbar.is-danger .navbar-brand > a.navbar-item.is-active, .navbar.is-danger .navbar-brand .navbar-link:hover, .navbar.is-danger .navbar-brand .navbar-link.is-active { background-color: #ff1f4b; color: #fff; } .navbar.is-danger .navbar-brand .navbar-link::after { border-color: #fff; } @media screen and (min-width: 991px) { .navbar.is-danger .navbar-start > .navbar-item, .navbar.is-danger .navbar-start .navbar-link, .navbar.is-danger .navbar-end > .navbar-item, .navbar.is-danger .navbar-end .navbar-link { color: #fff; } .navbar.is-danger .navbar-start > a.navbar-item:hover, .navbar.is-danger .navbar-start > a.navbar-item.is-active, .navbar.is-danger .navbar-start .navbar-link:hover, .navbar.is-danger .navbar-start .navbar-link.is-active, .navbar.is-danger .navbar-end > a.navbar-item:hover, .navbar.is-danger .navbar-end > a.navbar-item.is-active, .navbar.is-danger .navbar-end .navbar-link:hover, .navbar.is-danger .navbar-end .navbar-link.is-active { background-color: #ff1f4b; color: #fff; } .navbar.is-danger .navbar-start .navbar-link::after, .navbar.is-danger .navbar-end .navbar-link::after { border-color: #fff; } .navbar.is-danger .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-danger .navbar-item.has-dropdown.is-active .navbar-link { background-color: #ff1f4b; color: #fff; } .navbar.is-danger .navbar-dropdown a.navbar-item.is-active { background-color: #ff3860; color: #fff; } } .navbar > .container { align-items: stretch; display: flex; min-height: 3.25rem; width: 100%; } .navbar.has-shadow { box-shadow: 0 2px 0 0 whitesmoke; } .navbar.is-fixed-bottom, .navbar.is-fixed-top { left: 0; position: fixed; right: 0; z-index: 30; } .navbar.is-fixed-bottom { bottom: 0; } .navbar.is-fixed-bottom.has-shadow { box-shadow: 0 -2px 0 0 whitesmoke; } .navbar.is-fixed-top { top: 0; } html.has-navbar-fixed-top, body.has-navbar-fixed-top { padding-top: 3.25rem; } html.has-navbar-fixed-bottom, body.has-navbar-fixed-bottom { padding-bottom: 3.25rem; } .navbar-brand, .navbar-tabs { align-items: stretch; display: flex; flex-shrink: 0; min-height: 3.25rem; } .navbar-brand a.navbar-item:hover { background-color: transparent; } .navbar-tabs { -webkit-overflow-scrolling: touch; max-width: 100vw; overflow-x: auto; overflow-y: hidden; } .navbar-burger { cursor: pointer; display: block; height: 3.25rem; position: relative; width: 3.25rem; margin-left: auto; } .navbar-burger span { background-color: currentColor; display: block; height: 1px; left: calc(50% - 8px); position: absolute; transform-origin: center; transition-duration: 86ms; transition-property: background-color, opacity, transform; transition-timing-function: ease-out; width: 16px; } .navbar-burger span:nth-child(1) { top: calc(50% - 6px); } .navbar-burger span:nth-child(2) { top: calc(50% - 1px); } .navbar-burger span:nth-child(3) { top: calc(50% + 4px); } .navbar-burger:hover { background-color: rgba(0, 0, 0, 0.05); } .navbar-burger.is-active span:nth-child(1) { transform: translateY(5px) rotate(45deg); } .navbar-burger.is-active span:nth-child(2) { opacity: 0; } .navbar-burger.is-active span:nth-child(3) { transform: translateY(-5px) rotate(-45deg); } .navbar-menu { display: none; } .navbar-item, .navbar-link { color: #ddd; display: block; line-height: 1.5; padding: 0.5rem 0.75rem; position: relative; } .navbar-item .icon:only-child, .navbar-link .icon:only-child { margin-left: -0.25rem; margin-right: -0.25rem; } a.navbar-item, .navbar-link { cursor: pointer; } a.navbar-item:hover, a.navbar-item.is-active, .navbar-link:hover, .navbar-link.is-active { background-color: #fafafa; color: #3273dc; } .navbar-item { display: block; flex-grow: 0; flex-shrink: 0; } .navbar-item img { max-height: 1.75rem; } .navbar-item.has-dropdown { padding: 0; } .navbar-item.is-expanded { flex-grow: 1; flex-shrink: 1; } .navbar-item.is-tab { border-bottom: 1px solid transparent; min-height: 3.25rem; padding-bottom: calc(0.5rem - 1px); } .navbar-item.is-tab:hover { background-color: transparent; border-bottom-color: #3273dc; } .navbar-item.is-tab.is-active { background-color: transparent; border-bottom-color: #3273dc; border-bottom-style: solid; border-bottom-width: 3px; color: #3273dc; padding-bottom: calc(0.5rem - 3px); } .navbar-content { flex-grow: 1; flex-shrink: 1; } .navbar-link { padding-right: 2.5em; } .navbar-link::after { border-color: #3273dc; margin-top: -0.375em; right: 1.125em; } .navbar-dropdown { font-size: 0.875rem; padding-bottom: 0.5rem; padding-top: 0.5rem; } .navbar-dropdown .navbar-item { padding-left: 1.5rem; padding-right: 1.5rem; } .navbar-divider { background-color: whitesmoke; border: none; display: none; height: 2px; margin: 0.5rem 0; } @media screen and (max-width: 990px) { .navbar > .container { display: block; } .navbar-brand .navbar-item, .navbar-tabs .navbar-item { align-items: center; display: flex; } .navbar-link::after { display: none; } .navbar-menu { background-color: white; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1); padding: 0.5rem 0; } .navbar-menu.is-active { display: block; } .navbar.is-fixed-bottom-touch, .navbar.is-fixed-top-touch { left: 0; position: fixed; right: 0; z-index: 30; } .navbar.is-fixed-bottom-touch { bottom: 0; } .navbar.is-fixed-bottom-touch.has-shadow { box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.1); } .navbar.is-fixed-top-touch { top: 0; } .navbar.is-fixed-top .navbar-menu, .navbar.is-fixed-top-touch .navbar-menu { -webkit-overflow-scrolling: touch; max-height: calc(100vh - 3.25rem); overflow: auto; } html.has-navbar-fixed-top-touch, body.has-navbar-fixed-top-touch { padding-top: 3.25rem; } html.has-navbar-fixed-bottom-touch, body.has-navbar-fixed-bottom-touch { padding-bottom: 3.25rem; } } @media screen and (min-width: 991px) { .navbar, .navbar-menu, .navbar-start, .navbar-end { align-items: stretch; display: flex; } .navbar { min-height: 3.25rem; } .navbar.is-spaced { padding: 1rem 2rem; } .navbar.is-spaced .navbar-start, .navbar.is-spaced .navbar-end { align-items: center; } .navbar.is-spaced a.navbar-item, .navbar.is-spaced .navbar-link { border-radius: 4px; } .navbar.is-transparent a.navbar-item:hover, .navbar.is-transparent a.navbar-item.is-active, .navbar.is-transparent .navbar-link:hover, .navbar.is-transparent .navbar-link.is-active { background-color: transparent !important; } .navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link { background-color: transparent !important; } .navbar.is-transparent .navbar-dropdown a.navbar-item:hover { background-color: whitesmoke; color: #000; } .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active { background-color: whitesmoke; color: #3273dc; } .navbar-burger { display: none; } .navbar-item, .navbar-link { align-items: center; display: flex; } .navbar-item { display: flex; } .navbar-item.has-dropdown { align-items: stretch; } .navbar-item.has-dropdown-up .navbar-link::after { transform: rotate(135deg) translate(0.25em, -0.25em); } .navbar-item.has-dropdown-up .navbar-dropdown { border-bottom: 2px solid #dbdbdb; border-radius: 6px 6px 0 0; border-top: none; bottom: 100%; box-shadow: 0 -8px 8px rgba(0, 0, 0, 0.1); top: auto; } .navbar-item.is-active .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown { display: block; } .navbar.is-spaced .navbar-item.is-active .navbar-dropdown, .navbar-item.is-active .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:hover .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed { opacity: 1; pointer-events: auto; transform: translateY(0); } .navbar-menu { flex-grow: 1; flex-shrink: 0; } .navbar-start { justify-content: flex-start; margin-right: auto; } .navbar-end { justify-content: flex-end; margin-left: auto; } .navbar-dropdown { background-color: white; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-top: 2px solid #dbdbdb; box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1); display: none; font-size: 0.875rem; left: 0; min-width: 100%; position: absolute; top: 100%; z-index: 20; } .navbar-dropdown .navbar-item { padding: 0.375rem 1rem; white-space: nowrap; } .navbar-dropdown a.navbar-item { padding-right: 3rem; } .navbar-dropdown a.navbar-item:hover { background-color: whitesmoke; color: #000; } .navbar-dropdown a.navbar-item.is-active { background-color: whitesmoke; color: #3273dc; } .navbar.is-spaced .navbar-dropdown, .navbar-dropdown.is-boxed { border-radius: 6px; border-top: none; box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1); display: block; opacity: 0; pointer-events: none; top: calc(100% + (-4px)); transform: translateY(-5px); transition-duration: 86ms; transition-property: opacity, transform; } .navbar-dropdown.is-right { left: auto; right: 0; } .navbar-divider { display: block; } .navbar > .container .navbar-brand, .container > .navbar .navbar-brand { margin-left: -1rem; } .navbar > .container .navbar-menu, .container > .navbar .navbar-menu { margin-right: -1rem; } .navbar.is-fixed-bottom-desktop, .navbar.is-fixed-top-desktop { left: 0; position: fixed; right: 0; z-index: 30; } .navbar.is-fixed-bottom-desktop { bottom: 0; } .navbar.is-fixed-bottom-desktop.has-shadow { box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.1); } .navbar.is-fixed-top-desktop { top: 0; } html.has-navbar-fixed-top-desktop, body.has-navbar-fixed-top-desktop { padding-top: 3.25rem; } html.has-navbar-fixed-bottom-desktop, body.has-navbar-fixed-bottom-desktop { padding-bottom: 3.25rem; } html.has-spaced-navbar-fixed-top, body.has-spaced-navbar-fixed-top { padding-top: 5.25rem; } html.has-spaced-navbar-fixed-bottom, body.has-spaced-navbar-fixed-bottom { padding-bottom: 5.25rem; } a.navbar-item.is-active, .navbar-link.is-active { color: #000; } a.navbar-item.is-active:not(:hover), .navbar-link.is-active:not(:hover) { background-color: transparent; } .navbar-item.has-dropdown:hover .navbar-link, .navbar-item.has-dropdown.is-active .navbar-link { background-color: #fafafa; } } .pagination { font-size: 1rem; margin: -0.25rem; } .pagination.is-small { font-size: 0.75rem; } .pagination.is-medium { font-size: 1.25rem; } .pagination.is-large { font-size: 1.5rem; } .pagination.is-rounded .pagination-previous, .pagination.is-rounded .pagination-next { padding-left: 1em; padding-right: 1em; border-radius: 290486px; } .pagination.is-rounded .pagination-link { border-radius: 290486px; } .pagination, .pagination-list { align-items: center; display: flex; justify-content: center; text-align: center; } .pagination-previous, .pagination-next, .pagination-link, .pagination-ellipsis { font-size: 1em; padding-left: 0.5em; padding-right: 0.5em; justify-content: center; margin: 0.25rem; text-align: center; } .pagination-previous, .pagination-next, .pagination-link { border-color: #dbdbdb; color: #555; min-width: 2.25em; } .pagination-previous:hover, .pagination-next:hover, .pagination-link:hover { border-color: #b5b5b5; color: #555; } .pagination-previous:focus, .pagination-next:focus, .pagination-link:focus { border-color: #3273dc; } .pagination-previous:active, .pagination-next:active, .pagination-link:active { box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2); } .pagination-previous[disabled], .pagination-next[disabled], .pagination-link[disabled] { background-color: #dbdbdb; border-color: #dbdbdb; box-shadow: none; color: #f2f2f2; opacity: 0.5; } .pagination-previous, .pagination-next { padding-left: 0.75em; padding-right: 0.75em; white-space: nowrap; } .pagination-link.is-current { background-color: #3273dc; border-color: #3273dc; color: #fff; } .pagination-ellipsis { color: #b5b5b5; pointer-events: none; } .pagination-list { flex-wrap: wrap; } @media screen and (max-width: 768px) { .pagination { flex-wrap: wrap; } .pagination-previous, .pagination-next { flex-grow: 1; flex-shrink: 1; } .pagination-list li { flex-grow: 1; flex-shrink: 1; } } @media screen and (min-width: 769px), print { .pagination-list { flex-grow: 1; flex-shrink: 1; justify-content: flex-start; order: 1; } .pagination-previous { order: 2; } .pagination-next { order: 3; } .pagination { justify-content: space-between; } .pagination.is-centered .pagination-previous { order: 1; } .pagination.is-centered .pagination-list { justify-content: center; order: 2; } .pagination.is-centered .pagination-next { order: 3; } .pagination.is-right .pagination-previous { order: 1; } .pagination.is-right .pagination-next { order: 2; } .pagination.is-right .pagination-list { justify-content: flex-end; order: 3; } } .panel { font-size: 1rem; } .panel:not(:last-child) { margin-bottom: 1.5rem; } .panel-heading, .panel-tabs, .panel-block { border-bottom: 1px solid #dbdbdb; border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; } .panel-heading:first-child, .panel-tabs:first-child, .panel-block:first-child { border-top: 1px solid #dbdbdb; } .panel-heading { background-color: whitesmoke; border-radius: 4px 4px 0 0; color: #555; font-size: 1.25em; font-weight: 300; line-height: 1.25; padding: 0.5em 0.75em; } .panel-tabs { align-items: flex-end; display: flex; font-size: 0.875em; justify-content: center; } .panel-tabs a { border-bottom: 1px solid #dbdbdb; margin-bottom: -1px; padding: 0.5em; } .panel-tabs a.is-active { border-bottom-color: #ddd; color: #555; } .panel-list a { color: #ddd; } .panel-list a:hover { color: #3273dc; } .panel-block { align-items: center; color: #555; display: flex; justify-content: flex-start; padding: 0.5em 0.75em; } .panel-block input[type="checkbox"] { margin-right: 0.75em; } .panel-block > .control { flex-grow: 1; flex-shrink: 1; width: 100%; } .panel-block.is-wrapped { flex-wrap: wrap; } .panel-block.is-active { border-left-color: #3273dc; color: #555; } .panel-block.is-active .panel-icon { color: #3273dc; } a.panel-block, label.panel-block { cursor: pointer; } a.panel-block:hover, label.panel-block:hover { background-color: whitesmoke; } .panel-icon { display: inline-block; font-size: 14px; height: 1em; line-height: 1em; text-align: center; vertical-align: top; width: 1em; color: #f2f2f2; margin-right: 0.75em; } .panel-icon .fa { font-size: inherit; line-height: inherit; } .tabs { -webkit-overflow-scrolling: touch; align-items: stretch; display: flex; font-size: 1rem; justify-content: space-between; overflow: hidden; overflow-x: auto; white-space: nowrap; } .tabs a { align-items: center; border-bottom-color: #dbdbdb; border-bottom-style: solid; border-bottom-width: 1px; color: #ddd; display: flex; justify-content: center; margin-bottom: -1px; padding: 0.5em 1em; vertical-align: top; } .tabs a:hover { border-bottom-color: #555; color: #555; } .tabs li { display: block; } .tabs li.is-active a { border-bottom-color: #3273dc; color: #3273dc; } .tabs ul { align-items: center; border-bottom-color: #dbdbdb; border-bottom-style: solid; border-bottom-width: 1px; display: flex; flex-grow: 1; flex-shrink: 0; justify-content: flex-start; } .tabs ul.is-left { padding-right: 0.75em; } .tabs ul.is-center { flex: none; justify-content: center; padding-left: 0.75em; padding-right: 0.75em; } .tabs ul.is-right { justify-content: flex-end; padding-left: 0.75em; } .tabs .icon:first-child { margin-right: 0.5em; } .tabs .icon:last-child { margin-left: 0.5em; } .tabs.is-centered ul { justify-content: center; } .tabs.is-right ul { justify-content: flex-end; } .tabs.is-boxed a { border: 1px solid transparent; border-radius: 4px 4px 0 0; } .tabs.is-boxed a:hover { background-color: whitesmoke; border-bottom-color: #dbdbdb; } .tabs.is-boxed li.is-active a { background-color: white; border-color: #dbdbdb; border-bottom-color: transparent !important; } .tabs.is-fullwidth li { flex-grow: 1; flex-shrink: 0; } .tabs.is-toggle a { border-color: #dbdbdb; border-style: solid; border-width: 1px; margin-bottom: 0; position: relative; } .tabs.is-toggle a:hover { background-color: whitesmoke; border-color: #b5b5b5; z-index: 2; } .tabs.is-toggle li + li { margin-left: -1px; } .tabs.is-toggle li:first-child a { border-radius: 4px 0 0 4px; } .tabs.is-toggle li:last-child a { border-radius: 0 4px 4px 0; } .tabs.is-toggle li.is-active a { background-color: #3273dc; border-color: #3273dc; color: #fff; z-index: 1; } .tabs.is-toggle ul { border-bottom: none; } .tabs.is-toggle.is-toggle-rounded li:first-child a { border-bottom-left-radius: 290486px; border-top-left-radius: 290486px; padding-left: 1.25em; } .tabs.is-toggle.is-toggle-rounded li:last-child a { border-bottom-right-radius: 290486px; border-top-right-radius: 290486px; padding-right: 1.25em; } .tabs.is-small { font-size: 0.75rem; } .tabs.is-medium { font-size: 1.25rem; } .tabs.is-large { font-size: 1.5rem; } .column { display: block; flex-basis: 0; flex-grow: 1; flex-shrink: 1; padding: 0.75rem; } .columns.is-mobile > .column.is-narrow { flex: none; } .columns.is-mobile > .column.is-full { flex: none; width: 100%; } .columns.is-mobile > .column.is-three-quarters { flex: none; width: 75%; } .columns.is-mobile > .column.is-two-thirds { flex: none; width: 66.6666%; } .columns.is-mobile > .column.is-half { flex: none; width: 50%; } .columns.is-mobile > .column.is-one-third { flex: none; width: 33.3333%; } .columns.is-mobile > .column.is-one-quarter { flex: none; width: 25%; } .columns.is-mobile > .column.is-one-fifth { flex: none; width: 20%; } .columns.is-mobile > .column.is-two-fifths { flex: none; width: 40%; } .columns.is-mobile > .column.is-three-fifths { flex: none; width: 60%; } .columns.is-mobile > .column.is-four-fifths { flex: none; width: 80%; } .columns.is-mobile > .column.is-offset-three-quarters { margin-left: 75%; } .columns.is-mobile > .column.is-offset-two-thirds { margin-left: 66.6666%; } .columns.is-mobile > .column.is-offset-half { margin-left: 50%; } .columns.is-mobile > .column.is-offset-one-third { margin-left: 33.3333%; } .columns.is-mobile > .column.is-offset-one-quarter { margin-left: 25%; } .columns.is-mobile > .column.is-offset-one-fifth { margin-left: 20%; } .columns.is-mobile > .column.is-offset-two-fifths { margin-left: 40%; } .columns.is-mobile > .column.is-offset-three-fifths { margin-left: 60%; } .columns.is-mobile > .column.is-offset-four-fifths { margin-left: 80%; } .columns.is-mobile > .column.is-1 { flex: none; width: 8.33333%; } .columns.is-mobile > .column.is-offset-1 { margin-left: 8.33333%; } .columns.is-mobile > .column.is-2 { flex: none; width: 16.66667%; } .columns.is-mobile > .column.is-offset-2 { margin-left: 16.66667%; } .columns.is-mobile > .column.is-3 { flex: none; width: 25%; } .columns.is-mobile > .column.is-offset-3 { margin-left: 25%; } .columns.is-mobile > .column.is-4 { flex: none; width: 33.33333%; } .columns.is-mobile > .column.is-offset-4 { margin-left: 33.33333%; } .columns.is-mobile > .column.is-5 { flex: none; width: 41.66667%; } .columns.is-mobile > .column.is-offset-5 { margin-left: 41.66667%; } .columns.is-mobile > .column.is-6 { flex: none; width: 50%; } .columns.is-mobile > .column.is-offset-6 { margin-left: 50%; } .columns.is-mobile > .column.is-7 { flex: none; width: 58.33333%; } .columns.is-mobile > .column.is-offset-7 { margin-left: 58.33333%; } .columns.is-mobile > .column.is-8 { flex: none; width: 66.66667%; } .columns.is-mobile > .column.is-offset-8 { margin-left: 66.66667%; } .columns.is-mobile > .column.is-9 { flex: none; width: 75%; } .columns.is-mobile > .column.is-offset-9 { margin-left: 75%; } .columns.is-mobile > .column.is-10 { flex: none; width: 83.33333%; } .columns.is-mobile > .column.is-offset-10 { margin-left: 83.33333%; } .columns.is-mobile > .column.is-11 { flex: none; width: 91.66667%; } .columns.is-mobile > .column.is-offset-11 { margin-left: 91.66667%; } .columns.is-mobile > .column.is-12 { flex: none; width: 100%; } .columns.is-mobile > .column.is-offset-12 { margin-left: 100%; } @media screen and (max-width: 768px) { .column.is-narrow-mobile { flex: none; } .column.is-full-mobile { flex: none; width: 100%; } .column.is-three-quarters-mobile { flex: none; width: 75%; } .column.is-two-thirds-mobile { flex: none; width: 66.6666%; } .column.is-half-mobile { flex: none; width: 50%; } .column.is-one-third-mobile { flex: none; width: 33.3333%; } .column.is-one-quarter-mobile { flex: none; width: 25%; } .column.is-one-fifth-mobile { flex: none; width: 20%; } .column.is-two-fifths-mobile { flex: none; width: 40%; } .column.is-three-fifths-mobile { flex: none; width: 60%; } .column.is-four-fifths-mobile { flex: none; width: 80%; } .column.is-offset-three-quarters-mobile { margin-left: 75%; } .column.is-offset-two-thirds-mobile { margin-left: 66.6666%; } .column.is-offset-half-mobile { margin-left: 50%; } .column.is-offset-one-third-mobile { margin-left: 33.3333%; } .column.is-offset-one-quarter-mobile { margin-left: 25%; } .column.is-offset-one-fifth-mobile { margin-left: 20%; } .column.is-offset-two-fifths-mobile { margin-left: 40%; } .column.is-offset-three-fifths-mobile { margin-left: 60%; } .column.is-offset-four-fifths-mobile { margin-left: 80%; } .column.is-1-mobile { flex: none; width: 8.33333%; } .column.is-offset-1-mobile { margin-left: 8.33333%; } .column.is-2-mobile { flex: none; width: 16.66667%; } .column.is-offset-2-mobile { margin-left: 16.66667%; } .column.is-3-mobile { flex: none; width: 25%; } .column.is-offset-3-mobile { margin-left: 25%; } .column.is-4-mobile { flex: none; width: 33.33333%; } .column.is-offset-4-mobile { margin-left: 33.33333%; } .column.is-5-mobile { flex: none; width: 41.66667%; } .column.is-offset-5-mobile { margin-left: 41.66667%; } .column.is-6-mobile { flex: none; width: 50%; } .column.is-offset-6-mobile { margin-left: 50%; } .column.is-7-mobile { flex: none; width: 58.33333%; } .column.is-offset-7-mobile { margin-left: 58.33333%; } .column.is-8-mobile { flex: none; width: 66.66667%; } .column.is-offset-8-mobile { margin-left: 66.66667%; } .column.is-9-mobile { flex: none; width: 75%; } .column.is-offset-9-mobile { margin-left: 75%; } .column.is-10-mobile { flex: none; width: 83.33333%; } .column.is-offset-10-mobile { margin-left: 83.33333%; } .column.is-11-mobile { flex: none; width: 91.66667%; } .column.is-offset-11-mobile { margin-left: 91.66667%; } .column.is-12-mobile { flex: none; width: 100%; } .column.is-offset-12-mobile { margin-left: 100%; } } @media screen and (min-width: 769px), print { .column.is-narrow, .column.is-narrow-tablet { flex: none; } .column.is-full, .column.is-full-tablet { flex: none; width: 100%; } .column.is-three-quarters, .column.is-three-quarters-tablet { flex: none; width: 75%; } .column.is-two-thirds, .column.is-two-thirds-tablet { flex: none; width: 66.6666%; } .column.is-half, .column.is-half-tablet { flex: none; width: 50%; } .column.is-one-third, .column.is-one-third-tablet { flex: none; width: 33.3333%; } .column.is-one-quarter, .column.is-one-quarter-tablet { flex: none; width: 25%; } .column.is-one-fifth, .column.is-one-fifth-tablet { flex: none; width: 20%; } .column.is-two-fifths, .column.is-two-fifths-tablet { flex: none; width: 40%; } .column.is-three-fifths, .column.is-three-fifths-tablet { flex: none; width: 60%; } .column.is-four-fifths, .column.is-four-fifths-tablet { flex: none; width: 80%; } .column.is-offset-three-quarters, .column.is-offset-three-quarters-tablet { margin-left: 75%; } .column.is-offset-two-thirds, .column.is-offset-two-thirds-tablet { margin-left: 66.6666%; } .column.is-offset-half, .column.is-offset-half-tablet { margin-left: 50%; } .column.is-offset-one-third, .column.is-offset-one-third-tablet { margin-left: 33.3333%; } .column.is-offset-one-quarter, .column.is-offset-one-quarter-tablet { margin-left: 25%; } .column.is-offset-one-fifth, .column.is-offset-one-fifth-tablet { margin-left: 20%; } .column.is-offset-two-fifths, .column.is-offset-two-fifths-tablet { margin-left: 40%; } .column.is-offset-three-fifths, .column.is-offset-three-fifths-tablet { margin-left: 60%; } .column.is-offset-four-fifths, .column.is-offset-four-fifths-tablet { margin-left: 80%; } .column.is-1, .column.is-1-tablet { flex: none; width: 8.33333%; } .column.is-offset-1, .column.is-offset-1-tablet { margin-left: 8.33333%; } .column.is-2, .column.is-2-tablet { flex: none; width: 16.66667%; } .column.is-offset-2, .column.is-offset-2-tablet { margin-left: 16.66667%; } .column.is-3, .column.is-3-tablet { flex: none; width: 25%; } .column.is-offset-3, .column.is-offset-3-tablet { margin-left: 25%; } .column.is-4, .column.is-4-tablet { flex: none; width: 33.33333%; } .column.is-offset-4, .column.is-offset-4-tablet { margin-left: 33.33333%; } .column.is-5, .column.is-5-tablet { flex: none; width: 41.66667%; } .column.is-offset-5, .column.is-offset-5-tablet { margin-left: 41.66667%; } .column.is-6, .column.is-6-tablet { flex: none; width: 50%; } .column.is-offset-6, .column.is-offset-6-tablet { margin-left: 50%; } .column.is-7, .column.is-7-tablet { flex: none; width: 58.33333%; } .column.is-offset-7, .column.is-offset-7-tablet { margin-left: 58.33333%; } .column.is-8, .column.is-8-tablet { flex: none; width: 66.66667%; } .column.is-offset-8, .column.is-offset-8-tablet { margin-left: 66.66667%; } .column.is-9, .column.is-9-tablet { flex: none; width: 75%; } .column.is-offset-9, .column.is-offset-9-tablet { margin-left: 75%; } .column.is-10, .column.is-10-tablet { flex: none; width: 83.33333%; } .column.is-offset-10, .column.is-offset-10-tablet { margin-left: 83.33333%; } .column.is-11, .column.is-11-tablet { flex: none; width: 91.66667%; } .column.is-offset-11, .column.is-offset-11-tablet { margin-left: 91.66667%; } .column.is-12, .column.is-12-tablet { flex: none; width: 100%; } .column.is-offset-12, .column.is-offset-12-tablet { margin-left: 100%; } } @media screen and (max-width: 990px) { .column.is-narrow-touch { flex: none; } .column.is-full-touch { flex: none; width: 100%; } .column.is-three-quarters-touch { flex: none; width: 75%; } .column.is-two-thirds-touch { flex: none; width: 66.6666%; } .column.is-half-touch { flex: none; width: 50%; } .column.is-one-third-touch { flex: none; width: 33.3333%; } .column.is-one-quarter-touch { flex: none; width: 25%; } .column.is-one-fifth-touch { flex: none; width: 20%; } .column.is-two-fifths-touch { flex: none; width: 40%; } .column.is-three-fifths-touch { flex: none; width: 60%; } .column.is-four-fifths-touch { flex: none; width: 80%; } .column.is-offset-three-quarters-touch { margin-left: 75%; } .column.is-offset-two-thirds-touch { margin-left: 66.6666%; } .column.is-offset-half-touch { margin-left: 50%; } .column.is-offset-one-third-touch { margin-left: 33.3333%; } .column.is-offset-one-quarter-touch { margin-left: 25%; } .column.is-offset-one-fifth-touch { margin-left: 20%; } .column.is-offset-two-fifths-touch { margin-left: 40%; } .column.is-offset-three-fifths-touch { margin-left: 60%; } .column.is-offset-four-fifths-touch { margin-left: 80%; } .column.is-1-touch { flex: none; width: 8.33333%; } .column.is-offset-1-touch { margin-left: 8.33333%; } .column.is-2-touch { flex: none; width: 16.66667%; } .column.is-offset-2-touch { margin-left: 16.66667%; } .column.is-3-touch { flex: none; width: 25%; } .column.is-offset-3-touch { margin-left: 25%; } .column.is-4-touch { flex: none; width: 33.33333%; } .column.is-offset-4-touch { margin-left: 33.33333%; } .column.is-5-touch { flex: none; width: 41.66667%; } .column.is-offset-5-touch { margin-left: 41.66667%; } .column.is-6-touch { flex: none; width: 50%; } .column.is-offset-6-touch { margin-left: 50%; } .column.is-7-touch { flex: none; width: 58.33333%; } .column.is-offset-7-touch { margin-left: 58.33333%; } .column.is-8-touch { flex: none; width: 66.66667%; } .column.is-offset-8-touch { margin-left: 66.66667%; } .column.is-9-touch { flex: none; width: 75%; } .column.is-offset-9-touch { margin-left: 75%; } .column.is-10-touch { flex: none; width: 83.33333%; } .column.is-offset-10-touch { margin-left: 83.33333%; } .column.is-11-touch { flex: none; width: 91.66667%; } .column.is-offset-11-touch { margin-left: 91.66667%; } .column.is-12-touch { flex: none; width: 100%; } .column.is-offset-12-touch { margin-left: 100%; } } @media screen and (min-width: 991px) { .column.is-narrow-desktop { flex: none; } .column.is-full-desktop { flex: none; width: 100%; } .column.is-three-quarters-desktop { flex: none; width: 75%; } .column.is-two-thirds-desktop { flex: none; width: 66.6666%; } .column.is-half-desktop { flex: none; width: 50%; } .column.is-one-third-desktop { flex: none; width: 33.3333%; } .column.is-one-quarter-desktop { flex: none; width: 25%; } .column.is-one-fifth-desktop { flex: none; width: 20%; } .column.is-two-fifths-desktop { flex: none; width: 40%; } .column.is-three-fifths-desktop { flex: none; width: 60%; } .column.is-four-fifths-desktop { flex: none; width: 80%; } .column.is-offset-three-quarters-desktop { margin-left: 75%; } .column.is-offset-two-thirds-desktop { margin-left: 66.6666%; } .column.is-offset-half-desktop { margin-left: 50%; } .column.is-offset-one-third-desktop { margin-left: 33.3333%; } .column.is-offset-one-quarter-desktop { margin-left: 25%; } .column.is-offset-one-fifth-desktop { margin-left: 20%; } .column.is-offset-two-fifths-desktop { margin-left: 40%; } .column.is-offset-three-fifths-desktop { margin-left: 60%; } .column.is-offset-four-fifths-desktop { margin-left: 80%; } .column.is-1-desktop { flex: none; width: 8.33333%; } .column.is-offset-1-desktop { margin-left: 8.33333%; } .column.is-2-desktop { flex: none; width: 16.66667%; } .column.is-offset-2-desktop { margin-left: 16.66667%; } .column.is-3-desktop { flex: none; width: 25%; } .column.is-offset-3-desktop { margin-left: 25%; } .column.is-4-desktop { flex: none; width: 33.33333%; } .column.is-offset-4-desktop { margin-left: 33.33333%; } .column.is-5-desktop { flex: none; width: 41.66667%; } .column.is-offset-5-desktop { margin-left: 41.66667%; } .column.is-6-desktop { flex: none; width: 50%; } .column.is-offset-6-desktop { margin-left: 50%; } .column.is-7-desktop { flex: none; width: 58.33333%; } .column.is-offset-7-desktop { margin-left: 58.33333%; } .column.is-8-desktop { flex: none; width: 66.66667%; } .column.is-offset-8-desktop { margin-left: 66.66667%; } .column.is-9-desktop { flex: none; width: 75%; } .column.is-offset-9-desktop { margin-left: 75%; } .column.is-10-desktop { flex: none; width: 83.33333%; } .column.is-offset-10-desktop { margin-left: 83.33333%; } .column.is-11-desktop { flex: none; width: 91.66667%; } .column.is-offset-11-desktop { margin-left: 91.66667%; } .column.is-12-desktop { flex: none; width: 100%; } .column.is-offset-12-desktop { margin-left: 100%; } } @media screen and (min-width: 1199px) { .column.is-narrow-widescreen { flex: none; } .column.is-full-widescreen { flex: none; width: 100%; } .column.is-three-quarters-widescreen { flex: none; width: 75%; } .column.is-two-thirds-widescreen { flex: none; width: 66.6666%; } .column.is-half-widescreen { flex: none; width: 50%; } .column.is-one-third-widescreen { flex: none; width: 33.3333%; } .column.is-one-quarter-widescreen { flex: none; width: 25%; } .column.is-one-fifth-widescreen { flex: none; width: 20%; } .column.is-two-fifths-widescreen { flex: none; width: 40%; } .column.is-three-fifths-widescreen { flex: none; width: 60%; } .column.is-four-fifths-widescreen { flex: none; width: 80%; } .column.is-offset-three-quarters-widescreen { margin-left: 75%; } .column.is-offset-two-thirds-widescreen { margin-left: 66.6666%; } .column.is-offset-half-widescreen { margin-left: 50%; } .column.is-offset-one-third-widescreen { margin-left: 33.3333%; } .column.is-offset-one-quarter-widescreen { margin-left: 25%; } .column.is-offset-one-fifth-widescreen { margin-left: 20%; } .column.is-offset-two-fifths-widescreen { margin-left: 40%; } .column.is-offset-three-fifths-widescreen { margin-left: 60%; } .column.is-offset-four-fifths-widescreen { margin-left: 80%; } .column.is-1-widescreen { flex: none; width: 8.33333%; } .column.is-offset-1-widescreen { margin-left: 8.33333%; } .column.is-2-widescreen { flex: none; width: 16.66667%; } .column.is-offset-2-widescreen { margin-left: 16.66667%; } .column.is-3-widescreen { flex: none; width: 25%; } .column.is-offset-3-widescreen { margin-left: 25%; } .column.is-4-widescreen { flex: none; width: 33.33333%; } .column.is-offset-4-widescreen { margin-left: 33.33333%; } .column.is-5-widescreen { flex: none; width: 41.66667%; } .column.is-offset-5-widescreen { margin-left: 41.66667%; } .column.is-6-widescreen { flex: none; width: 50%; } .column.is-offset-6-widescreen { margin-left: 50%; } .column.is-7-widescreen { flex: none; width: 58.33333%; } .column.is-offset-7-widescreen { margin-left: 58.33333%; } .column.is-8-widescreen { flex: none; width: 66.66667%; } .column.is-offset-8-widescreen { margin-left: 66.66667%; } .column.is-9-widescreen { flex: none; width: 75%; } .column.is-offset-9-widescreen { margin-left: 75%; } .column.is-10-widescreen { flex: none; width: 83.33333%; } .column.is-offset-10-widescreen { margin-left: 83.33333%; } .column.is-11-widescreen { flex: none; width: 91.66667%; } .column.is-offset-11-widescreen { margin-left: 91.66667%; } .column.is-12-widescreen { flex: none; width: 100%; } .column.is-offset-12-widescreen { margin-left: 100%; } } @media screen and (min-width: 1344px) { .column.is-narrow-fullhd { flex: none; } .column.is-full-fullhd { flex: none; width: 100%; } .column.is-three-quarters-fullhd { flex: none; width: 75%; } .column.is-two-thirds-fullhd { flex: none; width: 66.6666%; } .column.is-half-fullhd { flex: none; width: 50%; } .column.is-one-third-fullhd { flex: none; width: 33.3333%; } .column.is-one-quarter-fullhd { flex: none; width: 25%; } .column.is-one-fifth-fullhd { flex: none; width: 20%; } .column.is-two-fifths-fullhd { flex: none; width: 40%; } .column.is-three-fifths-fullhd { flex: none; width: 60%; } .column.is-four-fifths-fullhd { flex: none; width: 80%; } .column.is-offset-three-quarters-fullhd { margin-left: 75%; } .column.is-offset-two-thirds-fullhd { margin-left: 66.6666%; } .column.is-offset-half-fullhd { margin-left: 50%; } .column.is-offset-one-third-fullhd { margin-left: 33.3333%; } .column.is-offset-one-quarter-fullhd { margin-left: 25%; } .column.is-offset-one-fifth-fullhd { margin-left: 20%; } .column.is-offset-two-fifths-fullhd { margin-left: 40%; } .column.is-offset-three-fifths-fullhd { margin-left: 60%; } .column.is-offset-four-fifths-fullhd { margin-left: 80%; } .column.is-1-fullhd { flex: none; width: 8.33333%; } .column.is-offset-1-fullhd { margin-left: 8.33333%; } .column.is-2-fullhd { flex: none; width: 16.66667%; } .column.is-offset-2-fullhd { margin-left: 16.66667%; } .column.is-3-fullhd { flex: none; width: 25%; } .column.is-offset-3-fullhd { margin-left: 25%; } .column.is-4-fullhd { flex: none; width: 33.33333%; } .column.is-offset-4-fullhd { margin-left: 33.33333%; } .column.is-5-fullhd { flex: none; width: 41.66667%; } .column.is-offset-5-fullhd { margin-left: 41.66667%; } .column.is-6-fullhd { flex: none; width: 50%; } .column.is-offset-6-fullhd { margin-left: 50%; } .column.is-7-fullhd { flex: none; width: 58.33333%; } .column.is-offset-7-fullhd { margin-left: 58.33333%; } .column.is-8-fullhd { flex: none; width: 66.66667%; } .column.is-offset-8-fullhd { margin-left: 66.66667%; } .column.is-9-fullhd { flex: none; width: 75%; } .column.is-offset-9-fullhd { margin-left: 75%; } .column.is-10-fullhd { flex: none; width: 83.33333%; } .column.is-offset-10-fullhd { margin-left: 83.33333%; } .column.is-11-fullhd { flex: none; width: 91.66667%; } .column.is-offset-11-fullhd { margin-left: 91.66667%; } .column.is-12-fullhd { flex: none; width: 100%; } .column.is-offset-12-fullhd { margin-left: 100%; } } .columns { margin-left: -0.75rem; margin-right: -0.75rem; margin-top: -0.75rem; } .columns:last-child { margin-bottom: -0.75rem; } .columns:not(:last-child) { margin-bottom: calc(1.5rem - 0.75rem); } .columns.is-centered { justify-content: center; } .columns.is-gapless { margin-left: 0; margin-right: 0; margin-top: 0; } .columns.is-gapless > .column { margin: 0; padding: 0 !important; } .columns.is-gapless:not(:last-child) { margin-bottom: 1.5rem; } .columns.is-gapless:last-child { margin-bottom: 0; } .columns.is-mobile { display: flex; } .columns.is-multiline { flex-wrap: wrap; } .columns.is-vcentered { align-items: center; } @media screen and (min-width: 769px), print { .columns:not(.is-desktop) { display: flex; } } @media screen and (min-width: 991px) { .columns.is-desktop { display: flex; } } .columns.is-variable { --columnGap: 0.75rem; margin-left: calc(-1 * var(--columnGap)); margin-right: calc(-1 * var(--columnGap)); } .columns.is-variable .column { padding-left: var(--columnGap); padding-right: var(--columnGap); } .columns.is-variable.is-0 { --columnGap: 0rem; } .columns.is-variable.is-1 { --columnGap: 0.25rem; } .columns.is-variable.is-2 { --columnGap: 0.5rem; } .columns.is-variable.is-3 { --columnGap: 0.75rem; } .columns.is-variable.is-4 { --columnGap: 1rem; } .columns.is-variable.is-5 { --columnGap: 1.25rem; } .columns.is-variable.is-6 { --columnGap: 1.5rem; } .columns.is-variable.is-7 { --columnGap: 1.75rem; } .columns.is-variable.is-8 { --columnGap: 2rem; } .tile { align-items: stretch; display: block; flex-basis: 0; flex-grow: 1; flex-shrink: 1; min-height: min-content; } .tile.is-ancestor { margin-left: -0.75rem; margin-right: -0.75rem; margin-top: -0.75rem; } .tile.is-ancestor:last-child { margin-bottom: -0.75rem; } .tile.is-ancestor:not(:last-child) { margin-bottom: 0.75rem; } .tile.is-child { margin: 0 !important; } .tile.is-parent { padding: 0.75rem; } .tile.is-vertical { flex-direction: column; } .tile.is-vertical > .tile.is-child:not(:last-child) { margin-bottom: 1.5rem !important; } @media screen and (min-width: 769px), print { .tile:not(.is-child) { display: flex; } .tile.is-1 { flex: none; width: 8.33333%; } .tile.is-2 { flex: none; width: 16.66667%; } .tile.is-3 { flex: none; width: 25%; } .tile.is-4 { flex: none; width: 33.33333%; } .tile.is-5 { flex: none; width: 41.66667%; } .tile.is-6 { flex: none; width: 50%; } .tile.is-7 { flex: none; width: 58.33333%; } .tile.is-8 { flex: none; width: 66.66667%; } .tile.is-9 { flex: none; width: 75%; } .tile.is-10 { flex: none; width: 83.33333%; } .tile.is-11 { flex: none; width: 91.66667%; } .tile.is-12 { flex: none; width: 100%; } } .hero { align-items: stretch; display: flex; flex-direction: column; justify-content: space-between; } .hero .navbar { background: none; } .hero .tabs ul { border-bottom: none; } .hero.is-white { background-color: white; color: #000; } .hero.is-white a:not(.button):not(.dropdown-item):not(.tag), .hero.is-white strong { color: inherit; } .hero.is-white .title { color: #000; } .hero.is-white .subtitle { color: rgba(0, 0, 0, 0.9); } .hero.is-white .subtitle a:not(.button), .hero.is-white .subtitle strong { color: #000; } @media screen and (max-width: 990px) { .hero.is-white .navbar-menu { background-color: white; } } .hero.is-white .navbar-item, .hero.is-white .navbar-link { color: rgba(0, 0, 0, 0.7); } .hero.is-white a.navbar-item:hover, .hero.is-white a.navbar-item.is-active, .hero.is-white .navbar-link:hover, .hero.is-white .navbar-link.is-active { background-color: #f2f2f2; color: #000; } .hero.is-white .tabs a { color: #000; opacity: 0.9; } .hero.is-white .tabs a:hover { opacity: 1; } .hero.is-white .tabs li.is-active a { opacity: 1; } .hero.is-white .tabs.is-boxed a, .hero.is-white .tabs.is-toggle a { color: #000; } .hero.is-white .tabs.is-boxed a:hover, .hero.is-white .tabs.is-toggle a:hover { background-color: rgba(0, 0, 0, 0.1); } .hero.is-white .tabs.is-boxed li.is-active a, .hero.is-white .tabs.is-boxed li.is-active a:hover, .hero.is-white .tabs.is-toggle li.is-active a, .hero.is-white .tabs.is-toggle li.is-active a:hover { background-color: #000; border-color: #000; color: white; } .hero.is-white.is-bold { background-image: linear-gradient(141deg, #e6e6e6 0%, white 71%, white 100%); } @media screen and (max-width: 768px) { .hero.is-white.is-bold .navbar-menu { background-image: linear-gradient(141deg, #e6e6e6 0%, white 71%, white 100%); } } .hero.is-black { background-color: #000; color: white; } .hero.is-black a:not(.button):not(.dropdown-item):not(.tag), .hero.is-black strong { color: inherit; } .hero.is-black .title { color: white; } .hero.is-black .subtitle { color: rgba(255, 255, 255, 0.9); } .hero.is-black .subtitle a:not(.button), .hero.is-black .subtitle strong { color: white; } @media screen and (max-width: 990px) { .hero.is-black .navbar-menu { background-color: #000; } } .hero.is-black .navbar-item, .hero.is-black .navbar-link { color: rgba(255, 255, 255, 0.7); } .hero.is-black a.navbar-item:hover, .hero.is-black a.navbar-item.is-active, .hero.is-black .navbar-link:hover, .hero.is-black .navbar-link.is-active { background-color: black; color: white; } .hero.is-black .tabs a { color: white; opacity: 0.9; } .hero.is-black .tabs a:hover { opacity: 1; } .hero.is-black .tabs li.is-active a { opacity: 1; } .hero.is-black .tabs.is-boxed a, .hero.is-black .tabs.is-toggle a { color: white; } .hero.is-black .tabs.is-boxed a:hover, .hero.is-black .tabs.is-toggle a:hover { background-color: rgba(0, 0, 0, 0.1); } .hero.is-black .tabs.is-boxed li.is-active a, .hero.is-black .tabs.is-boxed li.is-active a:hover, .hero.is-black .tabs.is-toggle li.is-active a, .hero.is-black .tabs.is-toggle li.is-active a:hover { background-color: white; border-color: white; color: #000; } .hero.is-black.is-bold { background-image: linear-gradient(141deg, black 0%, #000 71%, #0d0d0d 100%); } @media screen and (max-width: 768px) { .hero.is-black.is-bold .navbar-menu { background-image: linear-gradient(141deg, black 0%, #000 71%, #0d0d0d 100%); } } .hero.is-light { background-color: whitesmoke; color: #555; } .hero.is-light a:not(.button):not(.dropdown-item):not(.tag), .hero.is-light strong { color: inherit; } .hero.is-light .title { color: #555; } .hero.is-light .subtitle { color: rgba(85, 85, 85, 0.9); } .hero.is-light .subtitle a:not(.button), .hero.is-light .subtitle strong { color: #555; } @media screen and (max-width: 990px) { .hero.is-light .navbar-menu { background-color: whitesmoke; } } .hero.is-light .navbar-item, .hero.is-light .navbar-link { color: rgba(85, 85, 85, 0.7); } .hero.is-light a.navbar-item:hover, .hero.is-light a.navbar-item.is-active, .hero.is-light .navbar-link:hover, .hero.is-light .navbar-link.is-active { background-color: #e8e8e8; color: #555; } .hero.is-light .tabs a { color: #555; opacity: 0.9; } .hero.is-light .tabs a:hover { opacity: 1; } .hero.is-light .tabs li.is-active a { opacity: 1; } .hero.is-light .tabs.is-boxed a, .hero.is-light .tabs.is-toggle a { color: #555; } .hero.is-light .tabs.is-boxed a:hover, .hero.is-light .tabs.is-toggle a:hover { background-color: rgba(0, 0, 0, 0.1); } .hero.is-light .tabs.is-boxed li.is-active a, .hero.is-light .tabs.is-boxed li.is-active a:hover, .hero.is-light .tabs.is-toggle li.is-active a, .hero.is-light .tabs.is-toggle li.is-active a:hover { background-color: #555; border-color: #555; color: whitesmoke; } .hero.is-light.is-bold { background-image: linear-gradient(141deg, #dfd8d9 0%, whitesmoke 71%, white 100%); } @media screen and (max-width: 768px) { .hero.is-light.is-bold .navbar-menu { background-image: linear-gradient(141deg, #dfd8d9 0%, whitesmoke 71%, white 100%); } } .hero.is-dark { background-color: #555; color: whitesmoke; } .hero.is-dark a:not(.button):not(.dropdown-item):not(.tag), .hero.is-dark strong { color: inherit; } .hero.is-dark .title { color: whitesmoke; } .hero.is-dark .subtitle { color: rgba(245, 245, 245, 0.9); } .hero.is-dark .subtitle a:not(.button), .hero.is-dark .subtitle strong { color: whitesmoke; } @media screen and (max-width: 990px) { .hero.is-dark .navbar-menu { background-color: #555; } } .hero.is-dark .navbar-item, .hero.is-dark .navbar-link { color: rgba(245, 245, 245, 0.7); } .hero.is-dark a.navbar-item:hover, .hero.is-dark a.navbar-item.is-active, .hero.is-dark .navbar-link:hover, .hero.is-dark .navbar-link.is-active { background-color: #484848; color: whitesmoke; } .hero.is-dark .tabs a { color: whitesmoke; opacity: 0.9; } .hero.is-dark .tabs a:hover { opacity: 1; } .hero.is-dark .tabs li.is-active a { opacity: 1; } .hero.is-dark .tabs.is-boxed a, .hero.is-dark .tabs.is-toggle a { color: whitesmoke; } .hero.is-dark .tabs.is-boxed a:hover, .hero.is-dark .tabs.is-toggle a:hover { background-color: rgba(0, 0, 0, 0.1); } .hero.is-dark .tabs.is-boxed li.is-active a, .hero.is-dark .tabs.is-boxed li.is-active a:hover, .hero.is-dark .tabs.is-toggle li.is-active a, .hero.is-dark .tabs.is-toggle li.is-active a:hover { background-color: whitesmoke; border-color: whitesmoke; color: #555; } .hero.is-dark.is-bold { background-image: linear-gradient(141deg, #413638 0%, #555 71%, #675e5d 100%); } @media screen and (max-width: 768px) { .hero.is-dark.is-bold .navbar-menu { background-image: linear-gradient(141deg, #413638 0%, #555 71%, #675e5d 100%); } } .hero.is-primary { background-color: #cd9f28; color: #fff; } .hero.is-primary a:not(.button):not(.dropdown-item):not(.tag), .hero.is-primary strong { color: inherit; } .hero.is-primary .title { color: #fff; } .hero.is-primary .subtitle { color: rgba(255, 255, 255, 0.9); } .hero.is-primary .subtitle a:not(.button), .hero.is-primary .subtitle strong { color: #fff; } @media screen and (max-width: 990px) { .hero.is-primary .navbar-menu { background-color: #cd9f28; } } .hero.is-primary .navbar-item, .hero.is-primary .navbar-link { color: rgba(255, 255, 255, 0.7); } .hero.is-primary a.navbar-item:hover, .hero.is-primary a.navbar-item.is-active, .hero.is-primary .navbar-link:hover, .hero.is-primary .navbar-link.is-active { background-color: #b88e24; color: #fff; } .hero.is-primary .tabs a { color: #fff; opacity: 0.9; } .hero.is-primary .tabs a:hover { opacity: 1; } .hero.is-primary .tabs li.is-active a { opacity: 1; } .hero.is-primary .tabs.is-boxed a, .hero.is-primary .tabs.is-toggle a { color: #fff; } .hero.is-primary .tabs.is-boxed a:hover, .hero.is-primary .tabs.is-toggle a:hover { background-color: rgba(0, 0, 0, 0.1); } .hero.is-primary .tabs.is-boxed li.is-active a, .hero.is-primary .tabs.is-boxed li.is-active a:hover, .hero.is-primary .tabs.is-toggle li.is-active a, .hero.is-primary .tabs.is-toggle li.is-active a:hover { background-color: #fff; border-color: #fff; color: #cd9f28; } .hero.is-primary.is-bold { background-image: linear-gradient(141deg, #ac6916 0%, #cd9f28 71%, #deca31 100%); } @media screen and (max-width: 768px) { .hero.is-primary.is-bold .navbar-menu { background-image: linear-gradient(141deg, #ac6916 0%, #cd9f28 71%, #deca31 100%); } } .hero.is-link { background-color: #3273dc; color: #fff; } .hero.is-link a:not(.button):not(.dropdown-item):not(.tag), .hero.is-link strong { color: inherit; } .hero.is-link .title { color: #fff; } .hero.is-link .subtitle { color: rgba(255, 255, 255, 0.9); } .hero.is-link .subtitle a:not(.button), .hero.is-link .subtitle strong { color: #fff; } @media screen and (max-width: 990px) { .hero.is-link .navbar-menu { background-color: #3273dc; } } .hero.is-link .navbar-item, .hero.is-link .navbar-link { color: rgba(255, 255, 255, 0.7); } .hero.is-link a.navbar-item:hover, .hero.is-link a.navbar-item.is-active, .hero.is-link .navbar-link:hover, .hero.is-link .navbar-link.is-active { background-color: #2366d1; color: #fff; } .hero.is-link .tabs a { color: #fff; opacity: 0.9; } .hero.is-link .tabs a:hover { opacity: 1; } .hero.is-link .tabs li.is-active a { opacity: 1; } .hero.is-link .tabs.is-boxed a, .hero.is-link .tabs.is-toggle a { color: #fff; } .hero.is-link .tabs.is-boxed a:hover, .hero.is-link .tabs.is-toggle a:hover { background-color: rgba(0, 0, 0, 0.1); } .hero.is-link .tabs.is-boxed li.is-active a, .hero.is-link .tabs.is-boxed li.is-active a:hover, .hero.is-link .tabs.is-toggle li.is-active a, .hero.is-link .tabs.is-toggle li.is-active a:hover { background-color: #fff; border-color: #fff; color: #3273dc; } .hero.is-link.is-bold { background-image: linear-gradient(141deg, #1577c6 0%, #3273dc 71%, #4366e5 100%); } @media screen and (max-width: 768px) { .hero.is-link.is-bold .navbar-menu { background-image: linear-gradient(141deg, #1577c6 0%, #3273dc 71%, #4366e5 100%); } } .hero.is-info { background-color: #209cee; color: #fff; } .hero.is-info a:not(.button):not(.dropdown-item):not(.tag), .hero.is-info strong { color: inherit; } .hero.is-info .title { color: #fff; } .hero.is-info .subtitle { color: rgba(255, 255, 255, 0.9); } .hero.is-info .subtitle a:not(.button), .hero.is-info .subtitle strong { color: #fff; } @media screen and (max-width: 990px) { .hero.is-info .navbar-menu { background-color: #209cee; } } .hero.is-info .navbar-item, .hero.is-info .navbar-link { color: rgba(255, 255, 255, 0.7); } .hero.is-info a.navbar-item:hover, .hero.is-info a.navbar-item.is-active, .hero.is-info .navbar-link:hover, .hero.is-info .navbar-link.is-active { background-color: #118fe4; color: #fff; } .hero.is-info .tabs a { color: #fff; opacity: 0.9; } .hero.is-info .tabs a:hover { opacity: 1; } .hero.is-info .tabs li.is-active a { opacity: 1; } .hero.is-info .tabs.is-boxed a, .hero.is-info .tabs.is-toggle a { color: #fff; } .hero.is-info .tabs.is-boxed a:hover, .hero.is-info .tabs.is-toggle a:hover { background-color: rgba(0, 0, 0, 0.1); } .hero.is-info .tabs.is-boxed li.is-active a, .hero.is-info .tabs.is-boxed li.is-active a:hover, .hero.is-info .tabs.is-toggle li.is-active a, .hero.is-info .tabs.is-toggle li.is-active a:hover { background-color: #fff; border-color: #fff; color: #209cee; } .hero.is-info.is-bold { background-image: linear-gradient(141deg, #04a6d7 0%, #209cee 71%, #3287f5 100%); } @media screen and (max-width: 768px) { .hero.is-info.is-bold .navbar-menu { background-image: linear-gradient(141deg, #04a6d7 0%, #209cee 71%, #3287f5 100%); } } .hero.is-success { background-color: #23d160; color: #fff; } .hero.is-success a:not(.button):not(.dropdown-item):not(.tag), .hero.is-success strong { color: inherit; } .hero.is-success .title { color: #fff; } .hero.is-success .subtitle { color: rgba(255, 255, 255, 0.9); } .hero.is-success .subtitle a:not(.button), .hero.is-success .subtitle strong { color: #fff; } @media screen and (max-width: 990px) { .hero.is-success .navbar-menu { background-color: #23d160; } } .hero.is-success .navbar-item, .hero.is-success .navbar-link { color: rgba(255, 255, 255, 0.7); } .hero.is-success a.navbar-item:hover, .hero.is-success a.navbar-item.is-active, .hero.is-success .navbar-link:hover, .hero.is-success .navbar-link.is-active { background-color: #20bc56; color: #fff; } .hero.is-success .tabs a { color: #fff; opacity: 0.9; } .hero.is-success .tabs a:hover { opacity: 1; } .hero.is-success .tabs li.is-active a { opacity: 1; } .hero.is-success .tabs.is-boxed a, .hero.is-success .tabs.is-toggle a { color: #fff; } .hero.is-success .tabs.is-boxed a:hover, .hero.is-success .tabs.is-toggle a:hover { background-color: rgba(0, 0, 0, 0.1); } .hero.is-success .tabs.is-boxed li.is-active a, .hero.is-success .tabs.is-boxed li.is-active a:hover, .hero.is-success .tabs.is-toggle li.is-active a, .hero.is-success .tabs.is-toggle li.is-active a:hover { background-color: #fff; border-color: #fff; color: #23d160; } .hero.is-success.is-bold { background-image: linear-gradient(141deg, #12af2f 0%, #23d160 71%, #2ce28a 100%); } @media screen and (max-width: 768px) { .hero.is-success.is-bold .navbar-menu { background-image: linear-gradient(141deg, #12af2f 0%, #23d160 71%, #2ce28a 100%); } } .hero.is-warning { background-color: #ffdd57; color: rgba(0, 0, 0, 0.7); } .hero.is-warning a:not(.button):not(.dropdown-item):not(.tag), .hero.is-warning strong { color: inherit; } .hero.is-warning .title { color: rgba(0, 0, 0, 0.7); } .hero.is-warning .subtitle { color: rgba(0, 0, 0, 0.9); } .hero.is-warning .subtitle a:not(.button), .hero.is-warning .subtitle strong { color: rgba(0, 0, 0, 0.7); } @media screen and (max-width: 990px) { .hero.is-warning .navbar-menu { background-color: #ffdd57; } } .hero.is-warning .navbar-item, .hero.is-warning .navbar-link { color: rgba(0, 0, 0, 0.7); } .hero.is-warning a.navbar-item:hover, .hero.is-warning a.navbar-item.is-active, .hero.is-warning .navbar-link:hover, .hero.is-warning .navbar-link.is-active { background-color: #ffd83d; color: rgba(0, 0, 0, 0.7); } .hero.is-warning .tabs a { color: rgba(0, 0, 0, 0.7); opacity: 0.9; } .hero.is-warning .tabs a:hover { opacity: 1; } .hero.is-warning .tabs li.is-active a { opacity: 1; } .hero.is-warning .tabs.is-boxed a, .hero.is-warning .tabs.is-toggle a { color: rgba(0, 0, 0, 0.7); } .hero.is-warning .tabs.is-boxed a:hover, .hero.is-warning .tabs.is-toggle a:hover { background-color: rgba(0, 0, 0, 0.1); } .hero.is-warning .tabs.is-boxed li.is-active a, .hero.is-warning .tabs.is-boxed li.is-active a:hover, .hero.is-warning .tabs.is-toggle li.is-active a, .hero.is-warning .tabs.is-toggle li.is-active a:hover { background-color: rgba(0, 0, 0, 0.7); border-color: rgba(0, 0, 0, 0.7); color: #ffdd57; } .hero.is-warning.is-bold { background-image: linear-gradient(141deg, #ffaf24 0%, #ffdd57 71%, #fffa70 100%); } @media screen and (max-width: 768px) { .hero.is-warning.is-bold .navbar-menu { background-image: linear-gradient(141deg, #ffaf24 0%, #ffdd57 71%, #fffa70 100%); } } .hero.is-danger { background-color: #ff3860; color: #fff; } .hero.is-danger a:not(.button):not(.dropdown-item):not(.tag), .hero.is-danger strong { color: inherit; } .hero.is-danger .title { color: #fff; } .hero.is-danger .subtitle { color: rgba(255, 255, 255, 0.9); } .hero.is-danger .subtitle a:not(.button), .hero.is-danger .subtitle strong { color: #fff; } @media screen and (max-width: 990px) { .hero.is-danger .navbar-menu { background-color: #ff3860; } } .hero.is-danger .navbar-item, .hero.is-danger .navbar-link { color: rgba(255, 255, 255, 0.7); } .hero.is-danger a.navbar-item:hover, .hero.is-danger a.navbar-item.is-active, .hero.is-danger .navbar-link:hover, .hero.is-danger .navbar-link.is-active { background-color: #ff1f4b; color: #fff; } .hero.is-danger .tabs a { color: #fff; opacity: 0.9; } .hero.is-danger .tabs a:hover { opacity: 1; } .hero.is-danger .tabs li.is-active a { opacity: 1; } .hero.is-danger .tabs.is-boxed a, .hero.is-danger .tabs.is-toggle a { color: #fff; } .hero.is-danger .tabs.is-boxed a:hover, .hero.is-danger .tabs.is-toggle a:hover { background-color: rgba(0, 0, 0, 0.1); } .hero.is-danger .tabs.is-boxed li.is-active a, .hero.is-danger .tabs.is-boxed li.is-active a:hover, .hero.is-danger .tabs.is-toggle li.is-active a, .hero.is-danger .tabs.is-toggle li.is-active a:hover { background-color: #fff; border-color: #fff; color: #ff3860; } .hero.is-danger.is-bold { background-image: linear-gradient(141deg, #ff0561 0%, #ff3860 71%, #ff5257 100%); } @media screen and (max-width: 768px) { .hero.is-danger.is-bold .navbar-menu { background-image: linear-gradient(141deg, #ff0561 0%, #ff3860 71%, #ff5257 100%); } } .hero.is-small .hero-body { padding-bottom: 1.5rem; padding-top: 1.5rem; } @media screen and (min-width: 769px), print { .hero.is-medium .hero-body { padding-bottom: 9rem; padding-top: 9rem; } } @media screen and (min-width: 769px), print { .hero.is-large .hero-body { padding-bottom: 18rem; padding-top: 18rem; } } .hero.is-halfheight .hero-body, .hero.is-fullheight .hero-body { align-items: center; display: flex; } .hero.is-halfheight .hero-body > .container, .hero.is-fullheight .hero-body > .container { flex-grow: 1; flex-shrink: 1; } .hero.is-halfheight { min-height: 50vh; } .hero.is-fullheight { min-height: 100vh; } .hero-video { overflow: hidden; } .hero-video video { left: 50%; min-height: 100%; min-width: 100%; position: absolute; top: 50%; transform: translate3d(-50%, -50%, 0); } .hero-video.is-transparent { opacity: 0.3; } @media screen and (max-width: 768px) { .hero-video { display: none; } } .hero-buttons { margin-top: 1.5rem; } @media screen and (max-width: 768px) { .hero-buttons .button { display: flex; } .hero-buttons .button:not(:last-child) { margin-bottom: 0.75rem; } } @media screen and (min-width: 769px), print { .hero-buttons { display: flex; justify-content: center; } .hero-buttons .button:not(:last-child) { margin-right: 1.5rem; } } .hero-head, .hero-foot { flex-grow: 0; flex-shrink: 0; } .hero-body { flex-grow: 1; flex-shrink: 0; padding: 3rem 1.5rem; } .section { padding: 3rem 1.5rem; } @media screen and (min-width: 991px) { .section.is-medium { padding: 9rem 1.5rem; } .section.is-large { padding: 18rem 1.5rem; } } .footer { background-color: #fafafa; padding: 3rem 1.5rem 6rem; } body { margin: 0; padding: 0; } article, aside, details, figcaption, figure, main, footer, header, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } nav ul, nav ol { list-style: none none; } img { border: 0; } img, object, video, embed { height: auto; max-width: 100%; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } html { font-size: 62.5%; font-size-adjust: 100%; } body { color: #333; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; line-height: 1.42857; font-size: 1.4rem; } p { margin-top: 0; } p { margin-bottom: 1.5rem; } abbr[title] { border-bottom: 1px dotted #d1d1d1; cursor: help; } b, strong { font-weight: 700; } em, i { font-style: italic; } mark { background: #f0f0f0; color: black; } small, .small { font-size: 12px; } hr { border: 0; border-top: 1px solid #d1d1d1; margin-bottom: 20px; margin-top: 20px; } sub, sup { font-size: 71.42857%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } dfn { font-style: italic; } h1 { font-weight: 300; line-height: 1.1; font-size: 2.6rem; margin-top: 0; margin-bottom: 2rem; } h2 { font-weight: 300; line-height: 1.1; font-size: 2.6rem; margin-top: 2.5rem; margin-bottom: 2rem; } h3 { font-weight: 300; line-height: 1.1; font-size: 1.8rem; margin-top: 1.5rem; margin-bottom: 1.5rem; } h4 { font-weight: 700; line-height: 1.1; font-size: 1.4rem; margin-top: 2rem; margin-bottom: 2rem; } h5 { font-weight: 700; line-height: 1.1; font-size: 1.2rem; margin-top: 2rem; margin-bottom: 2rem; } h6 { font-weight: 700; line-height: 1.1; font-size: 1rem; margin-top: 2rem; margin-bottom: 2rem; } h1 small, h1 .small, h2 small, h2 .small, h3 small, h3 .small, h4 small, h4 .small, h5 small, h5 .small, h6 small, h6 .small { color: #333; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; line-height: 1; } a, .alink { color: #1979c3; text-decoration: none; } a:visited, .alink:visited { color: #1979c3; text-decoration: none; } a:hover, .alink:hover { color: #006bb4; text-decoration: underline; } a:active, .alink:active { color: #ff5501; text-decoration: underline; } ul, ol { margin-top: 0; margin-bottom: 2.5rem; } ul > li, ol > li { margin-top: 0; margin-bottom: 1.5rem; } ul ul, ul ol, ol ul, ol ol { margin-bottom: 0; } dl { margin-bottom: 20px; margin-top: 0; } dt { font-weight: 700; margin-bottom: 10px; margin-top: 0; } dd { margin-bottom: 15px; margin-top: 0; margin-left: 0; } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } code { background: #f0f0f0; color: #111111; padding: 2px 4px; font-size: 1.2rem; white-space: nowrap; } kbd { background: #f0f0f0; color: #111111; padding: 2px 4px; font-size: 1.2rem; } pre { background: #f0f0f0; border: 1px solid #d1d1d1; color: #111111; line-height: 1.42857; margin: 0 0 15px; padding: 15px; font-size: 1.2rem; display: block; word-wrap: break-word; } pre code { background-color: transparent; border-radius: 0; color: inherit; font-size: inherit; padding: 0; white-space: pre-wrap; } blockquote { border-left: 0 solid #d1d1d1; margin: 0 0 20px 40px; padding: 0; color: #333; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: italic; font-weight: 400; line-height: 1.42857; font-size: 1.4rem; } blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0; } blockquote footer, blockquote small, blockquote .small { color: #333; line-height: 1.42857; font-size: 1rem; display: block; } blockquote footer:before, blockquote small:before, blockquote .small:before { content: "— "; } blockquote cite { font-style: normal; } blockquote:before, blockquote:after { content: ''; } q { quotes: none; } q:before, q:after { content: ''; content: none; } cite { font-style: normal; } table { width: 100%; border-collapse: collapse; border-spacing: 0; max-width: 100%; } table th { text-align: left; } table > tbody > tr > th, table > tbody > tr > td, table > tfoot > tr > th, table > tfoot > tr > td { vertical-align: top; } table > thead > tr > th, table > thead > tr > td { vertical-align: bottom; } table > thead > tr > th, table > thead > tr > td, table > tbody > tr > th, table > tbody > tr > td, table > tfoot > tr > th, table > tfoot > tr > td { padding: 8px 15px; } button, .cart.table-wrapper .actions-toolbar > .action, .action-gift { background-image: none; background: #f2f2f2; border: 1px solid #cdcdcd; color: #333; cursor: pointer; display: inline-block; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; margin: 0; padding: 7px 15px; font-size: 1.4rem; line-height: 1.6rem; box-sizing: border-box; vertical-align: middle; } button:focus, .cart.table-wrapper .actions-toolbar > .action:focus, .action-gift:focus, button:active, .cart.table-wrapper .actions-toolbar > .action:active, .action-gift:active { background: #e2e2e2; border: 1px solid #cdcdcd; color: #333; } button:hover, .cart.table-wrapper .actions-toolbar > .action:hover, .action-gift:hover { background: #e2e2e2; border: 1px solid #cdcdcd; color: #555; } button.disabled, .cart.table-wrapper .actions-toolbar > .disabled.action, .disabled.action-gift, button[disabled], .cart.table-wrapper .actions-toolbar > .action[disabled], .action-gift[disabled], fieldset[disabled] button, fieldset[disabled] .cart.table-wrapper .actions-toolbar > .action, .cart.table-wrapper fieldset[disabled] .actions-toolbar > .action, fieldset[disabled] .action-gift { opacity: 0.5; cursor: default; pointer-events: none; } button::-moz-focus-inner, .cart.table-wrapper .actions-toolbar > .action::-moz-focus-inner, .action-gift::-moz-focus-inner { border: 0; padding: 0; } input[type="text"], input[type="password"], input[type="url"], input[type="tel"], input[type="search"], input[type="number"], input[type="datetime"], input[type="email"] { background: #fff; background-clip: padding-box; border: 1px solid #c2c2c2; border-radius: 1px; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; height: 32px; line-height: 1.42857; padding: 0 9px; vertical-align: baseline; width: 100%; box-sizing: border-box; } input[type="text"]:disabled, input[type="password"]:disabled, input[type="url"]:disabled, input[type="tel"]:disabled, input[type="search"]:disabled, input[type="number"]:disabled, input[type="datetime"]:disabled, input[type="email"]:disabled { opacity: 0.5; } input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="datetime"]::-moz-placeholder, input[type="email"]::-moz-placeholder { color: #c2c2c2; } input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="datetime"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder { color: #c2c2c2; } input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="datetime"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder { color: #c2c2c2; } input[type="number"] { -moz-appearance: textfield; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } input[type="search"] { -webkit-appearance: none; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { -webkit-appearance: none; } select { background: #fff; background-clip: padding-box; border: 1px solid #c2c2c2; border-radius: 1px; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; height: 32px; line-height: 1.42857; padding: 10px 15px 4px; vertical-align: baseline; width: 100%; box-sizing: border-box; } select:disabled { opacity: 0.5; } select[multiple="multiple"] { height: auto; background-image: none; } textarea { background: #fff; background-clip: padding-box; border: 1px solid #c2c2c2; border-radius: 1px; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; height: auto; line-height: 1.42857; margin: 0; padding: 15px; vertical-align: baseline; width: 100%; box-sizing: border-box; resize: vertical; } textarea:disabled { opacity: 0.5; } textarea::-moz-placeholder { color: #c2c2c2; } textarea::-webkit-input-placeholder { color: #c2c2c2; } textarea:-ms-input-placeholder { color: #c2c2c2; } input.mage-error, select.mage-error, textarea.mage-error { border-color: #ed8380; } div.mage-error[generated] { color: #e02b27; font-size: 1.2rem; } input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } input::-moz-focus-inner { border: 0; padding: 0; } form { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } address { font-style: normal; } *:focus { box-shadow: none; outline: 0; } ._keyfocus *:focus, input:not([disabled]):focus, textarea:not([disabled]):focus, select:not([disabled]):focus { box-shadow: 0 0 3px 1px #68a8e0; } .actions-toolbar > .primary, .actions-toolbar > .secondary { text-align: center; margin-bottom: 15px; } .actions-toolbar > .primary .action, .actions-toolbar > .secondary .action { margin-bottom: 15px; } .actions-toolbar > .primary .action:last-child, .actions-toolbar > .secondary .action:last-child { margin-bottom: 0; } .actions-toolbar > .primary:last-child, .actions-toolbar > .secondary:last-child { margin-bottom: 0; } @media only screen and (min-width: 768px) { .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 10px 0 0; } .actions-toolbar .secondary a.action { margin-top: 6px; } .actions-toolbar > .secondary, .actions-toolbar > .primary { margin-bottom: 0; } .actions-toolbar > .secondary .action, .actions-toolbar > .primary .action { margin-bottom: 0; width: auto; } } .breadcrumb-wrapper { margin-left: auto; margin-right: auto; border-bottom: 1px solid #ddd; margin-bottom: 15px; } .breadcrumb-wrapper .sharing-wrapper { display: block; float: right; margin-top: 3px; } .breadcrumb-wrapper .sharing-wrapper a { display: inline-block; padding: 10px; text-decoration: none; font-size: 18px; vertical-align: middle; } .breadcrumb-wrapper .sharing-wrapper a:hover { text-decoration: none; } .breadcrumb-wrapper .sharing-wrapper .breadcrumb-mail:before, .breadcrumb-wrapper .sharing-wrapper .breadcrumb-facebook:before, .breadcrumb-wrapper .sharing-wrapper .breadcrumb-twitter:before { color: #cd9f28; font-size: 20px; } @media (max-width: 769px) { .breadcrumb-wrapper .sharing-wrapper { display: none; } } .breadcrumbs { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border-radius: 0; padding: 11px 15px; margin: 0; color: #888; } .breadcrumbs .items li { display: inline; } .breadcrumbs .items li:first-child > a:before { margin-right: 20px; color: #cd9f28; font-size: 20px; } .breadcrumbs .items li + li:before { content: "/ "; padding: 0 5px; color: #888; } .breadcrumbs .items .home { display: inline-block; width: 19px; height: 17px; white-space: nowrap; overflow: hidden; } .breadcrumbs .items a { background-color: transparent; color: #cd9f28; text-decoration: none; } .breadcrumbs .items a:hover { color: #a27e20; text-decoration: none; } @media screen and (min-width: 991px) { .breadcrumb-wrapper { max-width: 1280px; } } .buttons-set { clear: both; overflow: hidden; margin-top: 20px; } .button.is-primary { background-color: #cd9f28; color: #000; padding: 0 20px; font-size: 14px; line-height: 1.4; border-radius: 3px; border: 1px solid #cd9f28; font-weight: 400; text-decoration: none; } .btn { display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857; border-radius: 3px; -webkit-user-select: none; user-select: none; } .btn-buy { background: #108549; border-color: #0d6e3d; color: white; } .btn-buy:hover, .btn-buy:active { background: #0d6e3d; border-color: #0d6e3d; color: white; } .btn-sell { background: #d8230d; border-color: #c01f0c; color: white; } .btn-sell:hover, .btn-sell:active { background: #c01f0c; border-color: #c01f0c; color: white; } .btn-gold { background: #cd9f28; border-color: #b88e24; color: #222; } .btn-gold:hover, .btn-gold:active { background: #b88e24; border-color: #b88e24; color: #222; } .btn-default { color: #222; background-color: white; border-color: #ccc; } .btn-default:active { color: #222; background-color: #dbdbdb; border-color: #b5b5b5; } .btn-default:hover { background-color: #dbdbdb; } .btn-ghost { border: 1px solid rgba(255, 255, 255, 0.8); font-weight: 200; background: rgba(255, 255, 255, 0.2); } .btn-ghost, .btn-ghost:visited { color: rgba(255, 255, 255, 0.9); } .btn-ghost:hover { text-decoration: none; background: rgba(255, 255, 255, 0.9); color: #222; } .btn-text { display: inline-block; font-size: 12px; border: none; background: transparent; color: #cd9f28; } .btn-text:hover { display: inline-block; font-size: 12px; border: none; background: transparent; color: #b88e24; } a.navigation-search-button { display: inline; text-decoration: none; } a.navigation-search-button > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } a.navigation-search-button:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 20px; line-height: 16px; color: #333; content: ""; font-family: "icons-blank-theme"; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .nav-sections .main-navigation li.level0 > a.navigation-search-button { padding: 0; margin-left: 15px; } .qty-block .qty-wrapper, .col.qty .qty-wrapper { position: relative; padding-right: 0; width: 65px; display: inline-block; vertical-align: top; } .qty-block .qty-wrapper input.qty, .col.qty .qty-wrapper input.qty { margin-bottom: 0; text-align: center; display: block; width: 100%; height: 34px; padding: 6px 27px 6px 5px; font-size: 14px; line-height: 1.42857; color: #555; background-color: white; background-image: none; border: 1px solid #ccc; border-radius: 3px; transition: border-color ease-in-out .15s; } .qty-block .qty-wrapper .button, .qty-block .qty-wrapper .button:visited, .col.qty .qty-wrapper .button, .col.qty .qty-wrapper .button:visited { position: absolute; right: 1px; font-size: 9px; line-height: 16px; height: 16px; width: 25px; padding: 0 8px; border: none; border-left: 1px solid #ccc; border-radius: 0; background-color: white; } .qty-block .qty-wrapper .button.inc, .qty-block .qty-wrapper .button:visited.inc, .col.qty .qty-wrapper .button.inc, .col.qty .qty-wrapper .button:visited.inc { top: 1px; border-top-right-radius: 2px; } .qty-block .qty-wrapper .button.inc:before, .qty-block .qty-wrapper .button:visited.inc:before, .col.qty .qty-wrapper .button.inc:before, .col.qty .qty-wrapper .button:visited.inc:before { content: ''; width: 5px; height: 5px; border-right: 1px solid #000; border-bottom: 1px solid #000; transform: rotate(225deg); margin-top: 3px; } .qty-block .qty-wrapper .button.dec, .qty-block .qty-wrapper .button:visited.dec, .col.qty .qty-wrapper .button.dec, .col.qty .qty-wrapper .button:visited.dec { bottom: 1px; top: auto; border-bottom-right-radius: 2px; border-top: 1px solid #ccc; } .qty-block .qty-wrapper .button.dec:before, .qty-block .qty-wrapper .button:visited.dec:before, .col.qty .qty-wrapper .button.dec:before, .col.qty .qty-wrapper .button:visited.dec:before { content: ''; width: 5px; height: 5px; border-right: 1px solid #000; border-top: 1px solid #000; transform: rotate(135deg); margin-bottom: 3px; } .qty-block .qty-wrapper .button.inc:hover, .qty-block .qty-wrapper .button.dec:hover, .qty-block .qty-wrapper .button:visited.inc:hover, .qty-block .qty-wrapper .button:visited.dec:hover, .col.qty .qty-wrapper .button.inc:hover, .col.qty .qty-wrapper .button.dec:hover, .col.qty .qty-wrapper .button:visited.inc:hover, .col.qty .qty-wrapper .button:visited.dec:hover { background: #eee; } button.primary:not(.tocart), .cart.table-wrapper .actions-toolbar > .primary.action:not(.tocart), .primary.action-gift:not(.tocart), button.primary:not(.tocart):visited, .cart.table-wrapper .actions-toolbar > .primary.action:not(.tocart):visited, .primary.action-gift:not(.tocart):visited, a.primary:not(.tocart), a.primary:not(.tocart):visited { background-image: none; background: #cd9f28; border: #cd9f28; color: #000; cursor: pointer; display: inline-block; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; padding: 7px 15px; font-size: 1.4rem; box-sizing: border-box; vertical-align: middle; } button.primary:not(.tocart):focus, .cart.table-wrapper .actions-toolbar > .primary.action:not(.tocart):focus, .primary.action-gift:not(.tocart):focus, button.primary:not(.tocart):active, .cart.table-wrapper .actions-toolbar > .primary.action:not(.tocart):active, .primary.action-gift:not(.tocart):active, button.primary:not(.tocart):visited:focus, .cart.table-wrapper .actions-toolbar > .primary.action:not(.tocart):visited:focus, .primary.action-gift:not(.tocart):visited:focus, button.primary:not(.tocart):visited:active, .cart.table-wrapper .actions-toolbar > .primary.action:not(.tocart):visited:active, .primary.action-gift:not(.tocart):visited:active, a.primary:not(.tocart):focus, a.primary:not(.tocart):active, a.primary:not(.tocart):visited:focus, a.primary:not(.tocart):visited:active { background: #b88e24; border: #b88e24; color: #000; } button.primary:not(.tocart):hover, .cart.table-wrapper .actions-toolbar > .primary.action:not(.tocart):hover, .primary.action-gift:not(.tocart):hover, button.primary:not(.tocart):visited:hover, .cart.table-wrapper .actions-toolbar > .primary.action:not(.tocart):visited:hover, .primary.action-gift:not(.tocart):visited:hover, a.primary:not(.tocart):hover, a.primary:not(.tocart):visited:hover { background: #b88e24; border: #b88e24; color: #000; } button.primary:not(.tocart).disabled, .cart.table-wrapper .actions-toolbar > .primary.action:not(.tocart).disabled, .primary.action-gift:not(.tocart).disabled, button.primary:not(.tocart)[disabled], .cart.table-wrapper .actions-toolbar > .primary.action:not(.tocart)[disabled], .primary.action-gift:not(.tocart)[disabled], fieldset[disabled] button.primary:not(.tocart), fieldset[disabled] .cart.table-wrapper .actions-toolbar > .primary.action:not(.tocart), .cart.table-wrapper fieldset[disabled] .actions-toolbar > .primary.action:not(.tocart), fieldset[disabled] .primary.action-gift:not(.tocart), button.primary:not(.tocart):visited.disabled, .cart.table-wrapper .actions-toolbar > .primary.action:not(.tocart):visited.disabled, .primary.action-gift:not(.tocart):visited.disabled, button.primary:not(.tocart):visited[disabled], .cart.table-wrapper .actions-toolbar > .primary.action:not(.tocart):visited[disabled], .primary.action-gift:not(.tocart):visited[disabled], fieldset[disabled] button.primary:not(.tocart):visited, fieldset[disabled] .cart.table-wrapper .actions-toolbar > .primary.action:not(.tocart):visited, .cart.table-wrapper fieldset[disabled] .actions-toolbar > .primary.action:not(.tocart):visited, fieldset[disabled] .primary.action-gift:not(.tocart):visited, a.primary:not(.tocart).disabled, a.primary:not(.tocart)[disabled], fieldset[disabled] a.primary:not(.tocart), a.primary:not(.tocart):visited.disabled, a.primary:not(.tocart):visited[disabled], fieldset[disabled] a.primary:not(.tocart):visited { opacity: 0.5; cursor: default; pointer-events: none; } button.primary:not(.tocart), .cart.table-wrapper .actions-toolbar > .primary.action:not(.tocart), .primary.action-gift:not(.tocart), button.primary:not(.tocart) > span, .cart.table-wrapper .actions-toolbar > .primary.action:not(.tocart) > span, .primary.action-gift:not(.tocart) > span, button.primary:not(.tocart):visited, .cart.table-wrapper .actions-toolbar > .primary.action:not(.tocart):visited, .primary.action-gift:not(.tocart):visited, button.primary:not(.tocart):visited > span, .cart.table-wrapper .actions-toolbar > .primary.action:not(.tocart):visited > span, .primary.action-gift:not(.tocart):visited > span, a.primary:not(.tocart), a.primary:not(.tocart) > span, a.primary:not(.tocart):visited, a.primary:not(.tocart):visited > span { color: #000 !important; } button, .cart.table-wrapper .actions-toolbar > .action, .action-gift, .button, .action { border-radius: 3px; } a.btn-scrollup { position: fixed; bottom: -50px; right: 20px; width: 45px; padding: 10px; cursor: pointer; z-index: 10; transition: bottom .3s; } a.btn-scrollup, a.btn-scrollup > span.icon, a.btn-scrollup:hover, a.btn-scrollup:hover > span.icon { color: #333; text-decoration: none; } a.btn-scrollup.visible { bottom: 20px; } .abs-reset-list, .bundle-options-container .block-bundle-summary .bundle.items, .cart-container .checkout-methods-items, .opc-wrapper .opc, .opc-progress-bar, .checkout-agreements-items, .items, .block-wishlist-management .wishlist-select-items, .paypal-review .items-qty, .order-details-items .items-qty, .footer.content ul, .block-banners .banner-items, .block-banners-inline .banner-items, .block-event .slider-panel .slider { margin: 0; padding: 0; list-style: none none; } .abs-reset-list > li, .bundle-options-container .block-bundle-summary .bundle.items > li, .cart-container .checkout-methods-items > li, .opc-wrapper .opc > li, .opc-progress-bar > li, .checkout-agreements-items > li, .items > li, .block-wishlist-management .wishlist-select-items > li, .paypal-review .items-qty > li, .order-details-items .items-qty > li, .footer.content ul > li, .block-banners .banner-items > li, .block-banners-inline .banner-items > li, .block-event .slider-panel .slider > li { margin: 0; } .abs-action-link-button, .abs-action-addto-product, .bundle-options-container .block-bundle-summary .product-addto-links > .action, .product-options-bottom .action.towishlist, .block-bundle-summary .action.towishlist, .block-event .slider-panel .slider .item .action.event { background-image: none; background: #f2f2f2; border: 1px solid #cdcdcd; color: #333; cursor: pointer; display: inline-block; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; margin: 0; padding: 7px 15px; font-size: 1.4rem; line-height: 1.6rem; box-sizing: border-box; vertical-align: middle; display: inline-block; text-decoration: none; border-radius: 3px; } .abs-action-link-button:focus, .abs-action-addto-product:focus, .bundle-options-container .block-bundle-summary .product-addto-links > .action:focus, .product-options-bottom .action.towishlist:focus, .block-bundle-summary .action.towishlist:focus, .block-event .slider-panel .slider .item .action.event:focus, .abs-action-link-button:active, .abs-action-addto-product:active, .bundle-options-container .block-bundle-summary .product-addto-links > .action:active, .product-options-bottom .action.towishlist:active, .block-bundle-summary .action.towishlist:active, .block-event .slider-panel .slider .item .action.event:active { background: #e2e2e2; border: 1px solid #cdcdcd; color: #333; } .abs-action-link-button:hover, .abs-action-addto-product:hover, .bundle-options-container .block-bundle-summary .product-addto-links > .action:hover, .product-options-bottom .action.towishlist:hover, .block-bundle-summary .action.towishlist:hover, .block-event .slider-panel .slider .item .action.event:hover { background: #e2e2e2; border: 1px solid #cdcdcd; color: #555; } .abs-action-link-button.disabled, .disabled.abs-action-addto-product, .bundle-options-container .block-bundle-summary .product-addto-links > .disabled.action, .product-options-bottom .disabled.action.towishlist, .block-bundle-summary .disabled.action.towishlist, .block-event .slider-panel .slider .item .disabled.action.event, .abs-action-link-button[disabled], .abs-action-addto-product[disabled], .bundle-options-container .block-bundle-summary .product-addto-links > .action[disabled], .product-options-bottom .action.towishlist[disabled], .block-bundle-summary .action.towishlist[disabled], .block-event .slider-panel .slider .item .action.event[disabled], fieldset[disabled] .abs-action-link-button, fieldset[disabled] .abs-action-addto-product, fieldset[disabled] .bundle-options-container .block-bundle-summary .product-addto-links > .action, .bundle-options-container .block-bundle-summary fieldset[disabled] .product-addto-links > .action, fieldset[disabled] .product-options-bottom .action.towishlist, .product-options-bottom fieldset[disabled] .action.towishlist, fieldset[disabled] .block-bundle-summary .action.towishlist, .block-bundle-summary fieldset[disabled] .action.towishlist, fieldset[disabled] .block-event .slider-panel .slider .item .action.event, .block-event .slider-panel .slider .item fieldset[disabled] .action.event { opacity: 0.5; cursor: default; pointer-events: none; } .abs-action-link-button:hover, .abs-action-addto-product:hover, .bundle-options-container .block-bundle-summary .product-addto-links > .action:hover, .product-options-bottom .action.towishlist:hover, .block-bundle-summary .action.towishlist:hover, .block-event .slider-panel .slider .item .action.event:hover, .abs-action-link-button:active, .abs-action-addto-product:active, .bundle-options-container .block-bundle-summary .product-addto-links > .action:active, .product-options-bottom .action.towishlist:active, .block-bundle-summary .action.towishlist:active, .block-event .slider-panel .slider .item .action.event:active, .abs-action-link-button:focus, .abs-action-addto-product:focus, .bundle-options-container .block-bundle-summary .product-addto-links > .action:focus, .product-options-bottom .action.towishlist:focus, .block-bundle-summary .action.towishlist:focus, .block-event .slider-panel .slider .item .action.event:focus { text-decoration: none; } .abs-product-options-list dt, .cart.table-wrapper .item-options dt, .block-giftregistry-shared-items .product .item-options dt, .multicheckout .item-options dt { clear: left; float: left; margin: 0 15px 10px 0; } .abs-product-options-list dt:after, .cart.table-wrapper .item-options dt:after, .block-giftregistry-shared-items .product .item-options dt:after, .multicheckout .item-options dt:after { content: ': '; } .abs-product-options-list dd, .cart.table-wrapper .item-options dd, .block-giftregistry-shared-items .product .item-options dd, .multicheckout .item-options dd { display: inline-block; float: left; margin: 0 0 10px; } @media only screen and (min-width: 768px) { .abs-product-options-list-desktop dt, .block-giftregistry-shared .item-options dt { clear: left; float: left; margin: 0 15px 10px 0; } .abs-product-options-list-desktop dt:after, .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 10px; } } .abs-button-responsive, .actions-toolbar > .primary .action, .actions-toolbar > .secondary .action { width: 100%; } @media only screen and (min-width: 768px) { .abs-button-desktop { width: auto; } } @media only screen and (max-width: 767px) { .abs-button-responsive-smaller { width: 100%; } } @media only screen and (min-width: 768px) { .abs-blocks-2columns, .column .block-addbysku .block-content .box, .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%; } .abs-blocks-2columns:nth-child(odd), .column .block-addbysku .block-content .box: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; } .abs-blocks-2columns:nth-child(even), .column .block-addbysku .block-content .box: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; } } @media only screen and (min-width: 640px) { .abs-blocks-2columns-s { width: 48.8%; } .abs-blocks-2columns-s:nth-child(odd) { clear: left; float: left; } .abs-blocks-2columns-s:nth-child(even) { float: right; } } .abs-reset-image-wrapper, .cart.table-wrapper .product-image-wrapper, .minicart-items .product-image-wrapper, .block-giftregistry-shared-items .product-image-wrapper { height: auto; padding: 0 !important; } .abs-reset-image-wrapper .product-image-photo, .cart.table-wrapper .product-image-wrapper .product-image-photo, .minicart-items .product-image-wrapper .product-image-photo, .block-giftregistry-shared-items .product-image-wrapper .product-image-photo { position: static; } .abs-adaptive-images { display: block; height: auto; max-width: 100%; } .abs-adaptive-images-centered { display: block; height: auto; margin: 0 auto; max-width: 100%; } .abs-login-block-title, .login-container .block .block-title { font-size: 1.8rem; border-bottom: 1px solid #e8e8e8; margin-bottom: 15px; padding-bottom: 12px; } .abs-login-block-title strong, .login-container .block .block-title strong { font-weight: 500; } .abs-block-title, .abs-account-blocks .block-title, .account .column.main .block:not(.widget) .block-title, .multicheckout .block-title, .paypal-review .block .block-title, .magento-rma-guest-returns .column.main .block:not(.widget) .block-title, [class^='sales-guest-'] .column.main .block:not(.widget) .block-title, .sales-guest-view .column.main .block:not(.widget) .block-title, .block-giftregistry-results .block-title, .block-giftregistry-shared-items .block-title, .block-wishlist-search-results .block-title, .block-reorder .block-title, .widget .block-title, .block-wishlist .block-title { margin-bottom: 15px; } .abs-block-title > strong, .abs-account-blocks .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, .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, .widget .block-title > strong, .block-wishlist .block-title > strong { font-weight: 300; line-height: 1.1; font-size: 1.8rem; margin-top: 1.5rem; margin-bottom: 1.5rem; } .abs-account-blocks .block-title > .action, .account .column.main .block:not(.widget) .block-title > .action, .multicheckout .block-title > .action, .paypal-review .block .block-title > .action, .magento-rma-guest-returns .column.main .block:not(.widget) .block-title > .action, [class^='sales-guest-'] .column.main .block:not(.widget) .block-title > .action, .sales-guest-view .column.main .block:not(.widget) .block-title > .action { margin-left: 15px; } .abs-account-blocks .box-title, .account .column.main .block:not(.widget) .box-title, .multicheckout .box-title, .paypal-review .block .box-title, .magento-rma-guest-returns .column.main .block:not(.widget) .box-title, [class^='sales-guest-'] .column.main .block:not(.widget) .box-title, .sales-guest-view .column.main .block:not(.widget) .box-title { display: inline-block; margin: 0 0 10px; } .abs-account-blocks .box-title > span, .account .column.main .block:not(.widget) .box-title > span, .multicheckout .box-title > span, .paypal-review .block .box-title > span, .magento-rma-guest-returns .column.main .block:not(.widget) .box-title > span, [class^='sales-guest-'] .column.main .block:not(.widget) .box-title > span, .sales-guest-view .column.main .block:not(.widget) .box-title > span { font-weight: 700; line-height: 1.1; font-size: 1.4rem; margin-top: 2rem; margin-bottom: 2rem; } .abs-account-blocks .box-title > .action, .account .column.main .block:not(.widget) .box-title > .action, .multicheckout .box-title > .action, .paypal-review .block .box-title > .action, .magento-rma-guest-returns .column.main .block:not(.widget) .box-title > .action, [class^='sales-guest-'] .column.main .block:not(.widget) .box-title > .action, .sales-guest-view .column.main .block:not(.widget) .box-title > .action { font-weight: 400; margin-left: 15px; } .abs-account-blocks .block-content p:last-child, .account .column.main .block:not(.widget) .block-content p:last-child, .multicheckout .block-content p:last-child, .paypal-review .block .block-content p:last-child, .magento-rma-guest-returns .column.main .block:not(.widget) .block-content p:last-child, [class^='sales-guest-'] .column.main .block:not(.widget) .block-content p:last-child, .sales-guest-view .column.main .block:not(.widget) .block-content p:last-child { margin-bottom: 0; } .abs-account-blocks .block-content .box, .account .column.main .block:not(.widget) .block-content .box, .multicheckout .block-content .box, .paypal-review .block .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 { margin-bottom: 20px; } .abs-dropdown-simple, .giftregisty-dropdown, .wishlist-dropdown { display: inline-block; position: relative; } .abs-dropdown-simple:before, .giftregisty-dropdown:before, .wishlist-dropdown:before, .abs-dropdown-simple:after, .giftregisty-dropdown:after, .wishlist-dropdown:after { content: ''; display: table; } .abs-dropdown-simple:after, .giftregisty-dropdown:after, .wishlist-dropdown:after { clear: both; } .abs-dropdown-simple .action.toggle, .giftregisty-dropdown .action.toggle, .wishlist-dropdown .action.toggle { cursor: pointer; display: inline-block; text-decoration: none; } .abs-dropdown-simple .action.toggle:after, .giftregisty-dropdown .action.toggle:after, .wishlist-dropdown .action.toggle:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; line-height: 22px; color: inherit; content: ""; font-family: "icons-blank-theme"; margin: 0 0 0 5px; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-dropdown-simple .action.toggle:hover:after, .giftregisty-dropdown .action.toggle:hover:after, .wishlist-dropdown .action.toggle:hover:after { color: inherit; } .abs-dropdown-simple .action.toggle:active:after, .giftregisty-dropdown .action.toggle:active:after, .wishlist-dropdown .action.toggle:active:after { color: inherit; } .abs-dropdown-simple .action.toggle.active, .giftregisty-dropdown .action.toggle.active, .wishlist-dropdown .action.toggle.active { display: inline-block; text-decoration: none; } .abs-dropdown-simple .action.toggle.active:after, .giftregisty-dropdown .action.toggle.active:after, .wishlist-dropdown .action.toggle.active:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; line-height: 22px; color: inherit; content: ""; font-family: "icons-blank-theme"; margin: 0 0 0 5px; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-dropdown-simple .action.toggle.active:hover:after, .giftregisty-dropdown .action.toggle.active:hover:after, .wishlist-dropdown .action.toggle.active:hover:after { color: inherit; } .abs-dropdown-simple .action.toggle.active:active:after, .giftregisty-dropdown .action.toggle.active:active:after, .wishlist-dropdown .action.toggle.active:active:after { color: inherit; } .abs-dropdown-simple ul.dropdown, .giftregisty-dropdown ul.dropdown, .wishlist-dropdown ul.dropdown { margin: 0; padding: 0; list-style: none none; background: #fff; border: 1px solid #bbb; margin-top: 4px; min-width: 200px; z-index: 100; box-sizing: border-box; display: none; position: absolute; top: 100%; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15); } .abs-dropdown-simple ul.dropdown li, .giftregisty-dropdown ul.dropdown li, .wishlist-dropdown ul.dropdown li { margin: 0; padding: 5px 5px 5px 23px; } .abs-dropdown-simple ul.dropdown li:hover, .giftregisty-dropdown ul.dropdown li:hover, .wishlist-dropdown ul.dropdown li:hover { background: #e8e8e8; cursor: pointer; } .abs-dropdown-simple ul.dropdown:before, .giftregisty-dropdown ul.dropdown:before, .wishlist-dropdown ul.dropdown:before, .abs-dropdown-simple ul.dropdown:after, .giftregisty-dropdown ul.dropdown:after, .wishlist-dropdown ul.dropdown:after { border-bottom-style: solid; content: ''; display: block; height: 0; position: absolute; width: 0; } .abs-dropdown-simple ul.dropdown:before, .giftregisty-dropdown ul.dropdown:before, .wishlist-dropdown ul.dropdown:before { border: 6px solid; border-color: transparent transparent #fff transparent; z-index: 99; } .abs-dropdown-simple ul.dropdown:after, .giftregisty-dropdown ul.dropdown:after, .wishlist-dropdown ul.dropdown:after { border: 7px solid; border-color: transparent transparent #bbb transparent; z-index: 98; } .abs-dropdown-simple ul.dropdown:before, .giftregisty-dropdown ul.dropdown:before, .wishlist-dropdown ul.dropdown:before { left: 10px; top: -12px; } .abs-dropdown-simple ul.dropdown:after, .giftregisty-dropdown ul.dropdown:after, .wishlist-dropdown ul.dropdown:after { left: 9px; top: -14px; } .abs-dropdown-simple.active, .active.giftregisty-dropdown, .active.wishlist-dropdown { overflow: visible; } .abs-dropdown-simple.active ul.dropdown, .active.giftregisty-dropdown ul.dropdown, .active.wishlist-dropdown ul.dropdown { display: block; } .abs-input-qty, .column .block-addbysku .qty .qty, .bundle-options-container .input-text.qty, .account .table-return-items .qty .input-text, .table-giftregistry-items .field.qty .qty, .block-giftregistry-shared-items .qty .qty, .table.grouped .control .qty, .block-wishlist-info-items .input-text.qty, .multicheckout .table-wrapper .col .qty .input-text, .products-grid.wishlist .product-item .box-tocart input.qty, .sidebar .block-addbysku .fieldset .fields .field.qty .qty { text-align: center; width: 47px; } .abs-margin-for-blocks-and-widgets, .block, .sidebar .widget.block:not(:last-child), .sidebar .widget:not(:last-child), .block-banners, .block-banners-inline { margin-bottom: 40px; } .abs-remove-button-for-blocks, .filtered .item .action.remove { display: inline-block; text-decoration: none; } .abs-remove-button-for-blocks > span, .filtered .item .action.remove > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .abs-remove-button-for-blocks:before, .filtered .item .action.remove:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 26px; line-height: 15px; color: #303030; content: ""; font-family: "icons-blank-theme"; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-remove-button-for-blocks:hover:before, .filtered .item .action.remove:hover:before { color: #303030; } .abs-remove-button-for-blocks:active:before, .filtered .item .action.remove:active:before { color: #303030; } .abs-product-link { font-weight: 400; } .abs-product-link > a { color: #333; text-decoration: none; } .abs-product-link > a:visited { color: #333; text-decoration: underline; } .abs-product-link > a:hover { color: #333; text-decoration: underline; } .abs-product-link > a:active { color: #333; text-decoration: underline; } .abs-reset-left-margin, .form.giftregistry.items .actions-toolbar, .form-new-agreement .actions-toolbar, .fieldset .review-legend.legend, .form.wishlist.items .actions-toolbar { margin-left: 0; } @media only screen and (min-width: 768px) { .abs-reset-left-margin-desktop, .bundle-options-container .legend.title, .column.main .cart-summary .actions-toolbar, .cart.table-wrapper .item-actions .actions-toolbar, .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 { margin-left: 0; } } @media only screen and (min-width: 640px) { .abs-reset-left-margin-desktop-s, .column:not(.sidebar-main) .multicheckout .actions-toolbar, .multicheckout .block-shipping .box-shipping-method .fieldset .legend { margin-left: 0; } } .abs-action-remove, .abs-add-fields .action.remove, .form-giftregistry-share .action.remove, .form-giftregistry-edit .action.remove, .form-add-invitations .action.remove, .form-create-return .action.remove, .form.send.friend .action.remove { left: 15px; margin-left: 70%; position: absolute; top: 31px; width: auto; } @media only screen and (min-width: 768px) { .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: 150%; top: 6px; } } .abs-add-fields .fieldset, .form-giftregistry-share .fieldset, .form-giftregistry-edit .fieldset, .form-add-invitations .fieldset, .form-create-return .fieldset, .form.send.friend .fieldset { margin-bottom: 50px; } .abs-add-fields .fieldset .field:not(.choice) .control, .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: 70%; } .abs-add-fields .fieldset .actions-toolbar:not(:first-child) > .secondary, .form-giftregistry-share .fieldset .actions-toolbar:not(:first-child) > .secondary, .form-giftregistry-edit .fieldset .actions-toolbar:not(:first-child) > .secondary, .form-add-invitations .fieldset .actions-toolbar:not(:first-child) > .secondary, .form-create-return .fieldset .actions-toolbar:not(:first-child) > .secondary, .form.send.friend .fieldset .actions-toolbar:not(:first-child) > .secondary { float: left; } .abs-add-fields .fieldset .actions-toolbar:not(:first-child) > .secondary .action.add, .form-giftregistry-share .fieldset .actions-toolbar:not(:first-child) > .secondary .action.add, .form-giftregistry-edit .fieldset .actions-toolbar:not(:first-child) > .secondary .action.add, .form-add-invitations .fieldset .actions-toolbar:not(:first-child) > .secondary .action.add, .form-create-return .fieldset .actions-toolbar:not(:first-child) > .secondary .action.add, .form.send.friend .fieldset .actions-toolbar:not(:first-child) > .secondary .action.add { margin-top: 30px; } .abs-add-fields .fieldset .fields .actions-toolbar, .form-giftregistry-share .fieldset .fields .actions-toolbar, .form-giftregistry-edit .fieldset .fields .actions-toolbar, .form-add-invitations .fieldset .fields .actions-toolbar, .form-create-return .fieldset .fields .actions-toolbar, .form.send.friend .fieldset .fields .actions-toolbar { margin: 0; } .abs-add-fields .message.notice, .form-giftregistry-share .message.notice, .form-giftregistry-edit .message.notice, .form-add-invitations .message.notice, .form-create-return .message.notice, .form.send.friend .message.notice { margin: 30px 0 0; } .abs-add-fields .additional, .form-giftregistry-share .additional, .form-giftregistry-edit .additional, .form-add-invitations .additional, .form-create-return .additional, .form.send.friend .additional { margin-top: 55px; position: relative; } @media only screen and (min-width: 768px) { .abs-add-fields-desktop .fieldset .field:not(.choice) .control, .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%; } } @media only screen and (min-width: 768px) { .abs-margin-for-forms-desktop, .fieldset .legend, .login-container .fieldset:after { margin-left: 100%; } } @media only screen and (min-width: 640px) { .abs-margin-for-forms-desktop-s { margin-left: 100%; } } .abs-hidden, .order-details-items .order-items .order-gift-message:not(.expanded-content) { height: 0; visibility: hidden; } .abs-visually-hidden, .fieldset > .field.no-label > .label, .fieldset > .fields > .field.no-label > .label, .cart.table-wrapper .col.qty .label, .minicart-wrapper .action.showcart .text, .minicart-wrapper .action.showcart .counter-label, .checkout-index-index .page-title-wrapper, .checkout-payment-method .field-select-billing > .label, .checkout-payment-method .payments .legend, .checkout-payment-method .ccard .legend, .fieldset .fullname.field > .label, .account .column.main .limiter > .label, .field.street .field.additional .label, .account-nav .title, .page-product-downloadable .product-options-wrapper .fieldset .legend.links-title, .page-product-giftcard .fieldset.giftcard > .legend, .opc-wrapper .form-giftcard-account .field .label, .filter-options-content .filter-count-label, .block-wishlist-search-form .form-wishlist-search .fieldset > .legend, .page-multiple-wishlist .page-title-wrapper .page-title, .multicheckout .table-wrapper .col .label, .multicheckout .block .methods-shipping .item-content .fieldset > .legend, .block.newsletter .label, .block-reorder .product-item .label, .opc-wrapper .form-discount .field .label, .action.skip:not(:focus), .page-header .switcher .label, .page-footer .switcher .label, .products-grid.wishlist .product-item .comment-box .label { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } @media only screen and (max-width: 639px) { .abs-visually-hidden-mobile, .table-giftregistry-items .col.product:before { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } } @media only screen and (max-width: 767px) { .abs-visually-hidden-mobile-m { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } } @media only screen and (min-width: 640px) { .abs-visually-hidden-desktop-s { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } } @media only screen and (min-width: 768px) { .abs-visually-hidden-desktop, .block-search .label, .dashboard-welcome-toggler { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } } .abs-visually-hidden-reset, .shipping-policy-block.field-tooltip .field-tooltip-action span { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .abs-add-clearfix:before, .abs-add-fields .fieldset .actions-toolbar:not(:first-child):before, .form-giftregistry-share .fieldset .actions-toolbar:not(:first-child):before, .form-giftregistry-edit .fieldset .actions-toolbar:not(:first-child):before, .form-add-invitations .fieldset .actions-toolbar:not(:first-child):before, .form-create-return .fieldset .actions-toolbar:not(:first-child):before, .form.send.friend .fieldset .actions-toolbar:not(:first-child):before, .payment-method-braintree .hosted-date-wrap:before, .cart.table-wrapper .actions-toolbar:before, .cart.table-wrapper .item-options:before, .minicart-items .product-item > .product:before, .checkout-container:before, .checkout-onepage-success:before, .opc-estimated-wrapper:before, .opc-wrapper .field.addresses:before, .fieldset .fullname .field:before, .page-product-downloadable .product-add-form:before, .gift-options:before, .gift-item-block .content:before, .order-details-items .order-gift-message:before, .order-details-items .block-order-details-gift-message:before, .block-giftregistry-shared-items .product .item-options:before, .gift-wrapping-list:before, .opc-wrapper .data.table .gift-wrapping:before, .table-order-items .gift-wrapping:before, .table-order-review .gift-wrapping:before, .order-options .product:before, .map-popup .map-info-price:before, .multicheckout .item-options:before, .multicheckout .block:before, .multicheckout .block-content:before, .customer-review .product-details:before, .header.content:before, .abs-add-clearfix:after, .abs-add-fields .fieldset .actions-toolbar:not(:first-child):after, .form-giftregistry-share .fieldset .actions-toolbar:not(:first-child):after, .form-giftregistry-edit .fieldset .actions-toolbar:not(:first-child):after, .form-add-invitations .fieldset .actions-toolbar:not(:first-child):after, .form-create-return .fieldset .actions-toolbar:not(:first-child):after, .form.send.friend .fieldset .actions-toolbar:not(:first-child):after, .payment-method-braintree .hosted-date-wrap:after, .cart.table-wrapper .actions-toolbar:after, .cart.table-wrapper .item-options:after, .minicart-items .product-item > .product:after, .checkout-container:after, .checkout-onepage-success:after, .opc-estimated-wrapper:after, .opc-wrapper .field.addresses:after, .fieldset .fullname .field:after, .page-product-downloadable .product-add-form:after, .gift-options:after, .gift-item-block .content:after, .order-details-items .order-gift-message:after, .order-details-items .block-order-details-gift-message:after, .block-giftregistry-shared-items .product .item-options:after, .gift-wrapping-list:after, .opc-wrapper .data.table .gift-wrapping:after, .table-order-items .gift-wrapping:after, .table-order-review .gift-wrapping:after, .order-options .product:after, .map-popup .map-info-price:after, .multicheckout .item-options:after, .multicheckout .block:after, .multicheckout .block-content:after, .customer-review .product-details:after, .header.content:after { content: ''; display: table; } .abs-add-clearfix:after, .abs-add-fields .fieldset .actions-toolbar:not(:first-child):after, .form-giftregistry-share .fieldset .actions-toolbar:not(:first-child):after, .form-giftregistry-edit .fieldset .actions-toolbar:not(:first-child):after, .form-add-invitations .fieldset .actions-toolbar:not(:first-child):after, .form-create-return .fieldset .actions-toolbar:not(:first-child):after, .form.send.friend .fieldset .actions-toolbar:not(:first-child):after, .payment-method-braintree .hosted-date-wrap:after, .cart.table-wrapper .actions-toolbar:after, .cart.table-wrapper .item-options:after, .minicart-items .product-item > .product:after, .checkout-container:after, .checkout-onepage-success:after, .opc-estimated-wrapper:after, .opc-wrapper .field.addresses:after, .fieldset .fullname .field:after, .page-product-downloadable .product-add-form:after, .gift-options:after, .gift-item-block .content:after, .order-details-items .order-gift-message:after, .order-details-items .block-order-details-gift-message:after, .block-giftregistry-shared-items .product .item-options:after, .gift-wrapping-list:after, .opc-wrapper .data.table .gift-wrapping:after, .table-order-items .gift-wrapping:after, .table-order-review .gift-wrapping:after, .order-options .product:after, .map-popup .map-info-price:after, .multicheckout .item-options:after, .multicheckout .block:after, .multicheckout .block-content:after, .customer-review .product-details:after, .header.content:after { clear: both; } @media only screen and (min-width: 768px) { .abs-add-clearfix-desktop:before, .abs-pager-toolbar:before, .account .toolbar:before, .toolbar-giftregistry-results:before, .toolbar-wishlist-results:before, .column .block-addbysku .block-content:before, .block-cart-failed .block-content:before, .cart-container:before, .login-container:before, .account .column.main .block:not(.widget) .block-content:before, .block-addresses-list .items.addresses:before, .block-giftregistry-shared .item-options:before, .gift-wrapping .nested:before, .table .gift-wrapping .content:before, .block-wishlist-management:before, .paypal-review .block-content:before, .magento-rma-guest-returns .column.main .block:not(.widget) .block-content:before, [class^='sales-guest-'] .column.main .block:not(.widget) .block-content:before, .sales-guest-view .column.main .block:not(.widget) .block-content:before, .header.content:before, .page-header .header.panel:before, .abs-add-clearfix-desktop:after, .abs-pager-toolbar:after, .account .toolbar:after, .toolbar-giftregistry-results:after, .toolbar-wishlist-results:after, .column .block-addbysku .block-content:after, .block-cart-failed .block-content:after, .cart-container: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, .header.content:after, .page-header .header.panel:after { content: ''; display: table; } .abs-add-clearfix-desktop:after, .abs-pager-toolbar:after, .account .toolbar:after, .toolbar-giftregistry-results:after, .toolbar-wishlist-results:after, .column .block-addbysku .block-content:after, .block-cart-failed .block-content:after, .cart-container: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, .header.content:after, .page-header .header.panel:after { clear: both; } } @media only screen and (min-width: 640px) { .abs-add-clearfix-desktop-s:before, .multicheckout .block-billing:before, .abs-add-clearfix-desktop-s:after, .multicheckout .block-billing:after { content: ''; display: table; } .abs-add-clearfix-desktop-s:after, .multicheckout .block-billing:after { clear: both; } } @media only screen and (max-width: 639px) { .abs-add-clearfix-mobile:before, .abs-checkout-order-review tbody tr:before, .multicheckout.order-review .data.table tbody tr:before, .table-giftregistry-items .col.product:before, .account .toolbar:before, .abs-add-clearfix-mobile:after, .abs-checkout-order-review tbody tr:after, .multicheckout.order-review .data.table tbody tr:after, .table-giftregistry-items .col.product:after, .account .toolbar:after { content: ''; display: table; } .abs-add-clearfix-mobile:after, .abs-checkout-order-review tbody tr:after, .multicheckout.order-review .data.table tbody tr:after, .table-giftregistry-items .col.product:after, .account .toolbar:after { clear: both; } } @media only screen and (max-width: 767px) { .abs-add-clearfix-mobile-m:before, .form-create-return .fieldset > .actions-toolbar:before, .abs-add-clearfix-mobile-m:after, .form-create-return .fieldset > .actions-toolbar:after { content: ''; display: table; } .abs-add-clearfix-mobile-m:after, .form-create-return .fieldset > .actions-toolbar:after { clear: both; } } .abs-add-box-sizing, .abs-field-date .control, .field.date .control, .abs-field-tooltip, .field .control._with-tooltip, .columns .column.main, .column .block-addbysku .sku, .bundle-options-container .block-bundle-summary, .search-autocomplete, .cart-summary, .opc-wrapper .shipping-address-item, .shipping-policy-block.field-tooltip .field-tooltip-content, .opc-block-summary, .sidebar .block-addbysku .fieldset .fields .field.sku, .block-event .slider-panel .slider .item .action.show { box-sizing: border-box; } @media only screen and (min-width: 768px) { .abs-add-box-sizing-desktop, .column.main { box-sizing: border-box; } } @media only screen and (min-width: 640px) { .abs-add-box-sizing-desktop-s, .multicheckout .block-shipping .box, .multicheckout .block-billing .box-billing-address, .multicheckout .block-billing .box-billing-method { box-sizing: border-box; } } @media only screen and (min-width: 768px) { .abs-add-box-sizing-desktop-m, .opc-wrapper { box-sizing: border-box; } } @media only screen and (min-width: 768px) { .abs-revert-field-type-desktop .fieldset > .field, .abs-revert-field-type-desktop .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 { 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 { float: none; width: auto; } .abs-revert-field-type-desktop .fieldset > .field > .label, .abs-revert-field-type-desktop .fieldset .fields > .field > .label { margin: 0 0 10px; display: inline-block; } .abs-revert-field-type-desktop .fieldset > .field.choice:before, .abs-revert-field-type-desktop .fieldset > .field.no-label:before, .abs-revert-field-type-desktop .fieldset .fields > .field.choice:before, .abs-revert-field-type-desktop .fieldset .fields > .field.no-label:before { display: none; } .abs-revert-field-type-desktop .fieldset > .field:not(:first-child):last-of-type, .abs-revert-field-type-desktop .fieldset .fields > .field:not(:first-child):last-of-type { margin-bottom: 0; } } .abs-navigation-icon { display: block; text-decoration: none; } .abs-navigation-icon:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 34px; line-height: 1.2; color: inherit; content: ""; font-family: "icons-blank-theme"; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-navigation-icon:after { position: absolute; right: 10px; top: 0; } .abs-split-button { display: inline-block; position: relative; vertical-align: middle; } .abs-split-button:before, .abs-split-button:after { content: ''; display: table; } .abs-split-button:after { clear: both; } .abs-split-button .action.split { float: left; margin: 0; } .abs-split-button .action.toggle { float: right; margin: 0; } .abs-split-button button.action.split, .abs-split-button .cart.table-wrapper .actions-toolbar > .action.split, .cart.table-wrapper .abs-split-button .actions-toolbar > .action.split, .abs-split-button .action.split.action-gift { border-bottom-right-radius: 0; border-top-right-radius: 0; } .abs-split-button button + .action.toggle, .abs-split-button .cart.table-wrapper .actions-toolbar > .action + .action.toggle, .cart.table-wrapper .abs-split-button .actions-toolbar > .action + .action.toggle, .abs-split-button .action-gift + .action.toggle { border-bottom-left-radius: 0; border-left: 0; border-top-left-radius: 0; } .abs-split-button .action.toggle { padding: 4px 10px; display: inline-block; text-decoration: none; } .abs-split-button .action.toggle > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .abs-split-button .action.toggle:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; line-height: 22px; color: inherit; content: ""; font-family: "icons-blank-theme"; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-split-button .action.toggle:hover:after { color: inherit; } .abs-split-button .action.toggle:active:after { color: inherit; } .abs-split-button .action.toggle.active { display: inline-block; text-decoration: none; } .abs-split-button .action.toggle.active > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .abs-split-button .action.toggle.active:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; line-height: 22px; color: inherit; content: ""; font-family: "icons-blank-theme"; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-split-button .action.toggle.active:hover:after { color: inherit; } .abs-split-button .action.toggle.active:active:after { color: inherit; } .abs-split-button .items { margin: 0; padding: 0; list-style: none none; background: #fff; border: 1px solid #bbb; margin-top: 4px; min-width: 100%; z-index: 100; box-sizing: border-box; display: none; position: absolute; top: 100%; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15); } .abs-split-button .items li { margin: 0; padding: 3px 10px; } .abs-split-button .items li:hover { background: #e8e8e8; cursor: pointer; } .abs-split-button .items:before, .abs-split-button .items:after { border-bottom-style: solid; content: ''; display: block; height: 0; position: absolute; width: 0; } .abs-split-button .items:before { border: 6px solid; border-color: transparent transparent #fff transparent; z-index: 99; } .abs-split-button .items:after { border: 7px solid; border-color: transparent transparent #bbb transparent; z-index: 98; } .abs-split-button .items:before { right: 10px; top: -12px; } .abs-split-button .items:after { right: 9px; top: -14px; } .abs-split-button.active { overflow: visible; } .abs-split-button.active .items { display: block; } .abs-action-addto-product, .bundle-options-container .block-bundle-summary .product-addto-links > .action, .product-options-bottom .action.towishlist, .block-bundle-summary .action.towishlist { line-height: 1.2rem; padding: 10px 8px; font-size: 1.1rem; } .abs-actions-addto-gridlist, .table-comparison .wishlist.split.button > .action.split, .product-items .wishlist.split.button > .action.split, .product-items .action.towishlist, .products.list.items .action.towishlist, .table-comparison .action.towishlist { display: inline-block; text-decoration: none; } .abs-actions-addto-gridlist > span, .table-comparison .wishlist.split.button > .action.split > span, .product-items .wishlist.split.button > .action.split > span, .product-items .action.towishlist > span, .products.list.items .action.towishlist > span, .table-comparison .action.towishlist > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .abs-actions-addto-gridlist:before, .table-comparison .wishlist.split.button > .action.split:before, .product-items .wishlist.split.button > .action.split:before, .product-items .action.towishlist:before, .products.list.items .action.towishlist:before, .table-comparison .action.towishlist:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 29px; line-height: 24px; color: #333; font-family: "icons-blank-theme"; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-actions-addto-gridlist:hover:before, .table-comparison .wishlist.split.button > .action.split:hover:before, .product-items .wishlist.split.button > .action.split:hover:before, .product-items .action.towishlist:hover:before, .products.list.items .action.towishlist:hover:before, .table-comparison .action.towishlist:hover:before { color: #006bb4; } .abs-button-l, .bundle-actions .action.primary, .bundle-options-container .block-bundle-summary .box-tocart .action.primary, .cart-container .checkout-methods-items .action.primary, .block-minicart .block-content > .actions > .primary .action.primary, .methods-shipping .actions-toolbar .action.primary, .block-authentication .action.action-register, .block-authentication .action.action-login, .checkout-payment-method .payment-method-content > .actions-toolbar > .primary .action.primary, .form-address-edit .actions-toolbar .action.primary, .multicheckout .action.primary { line-height: 2.2rem; padding: 14px 17px; font-size: 1.8rem; } .abs-action-button-as-link, .abs-action-remove, .abs-add-fields .action.remove, .form-giftregistry-share .action.remove, .form-giftregistry-edit .action.remove, .form-add-invitations .action.remove, .form-create-return .action.remove, .form.send.friend .action.remove, .cart.table-wrapper .action.help.map, .opc-wrapper .edit-address-link, .opc-block-shipping-information .shipping-information-title .action-edit, .action-auth-toggle, .checkout-payment-method .checkout-billing-address .action-cancel, .checkout-agreements-block .action-show, .cart-summary .block.giftcard .action.check, .gift-options .actions-toolbar .action-cancel, .table-comparison .wishlist.split.button > .action, .product-items .wishlist.split.button > .action, .paypal-button-widget .paypal-button { line-height: 1.42857; padding: 0; color: #1979c3; text-decoration: none; background: none; border: 0; display: inline; border-radius: 0; font-size: inherit; font-weight: 400; } .abs-action-button-as-link:visited, .abs-action-remove:visited, .abs-add-fields .action.remove:visited, .form-giftregistry-share .action.remove:visited, .form-giftregistry-edit .action.remove:visited, .form-add-invitations .action.remove:visited, .form-create-return .action.remove:visited, .form.send.friend .action.remove:visited, .cart.table-wrapper .action.help.map:visited, .opc-wrapper .edit-address-link:visited, .opc-block-shipping-information .shipping-information-title .action-edit:visited, .action-auth-toggle:visited, .checkout-payment-method .checkout-billing-address .action-cancel:visited, .checkout-agreements-block .action-show:visited, .cart-summary .block.giftcard .action.check:visited, .gift-options .actions-toolbar .action-cancel:visited, .table-comparison .wishlist.split.button > .action:visited, .product-items .wishlist.split.button > .action:visited, .paypal-button-widget .paypal-button:visited { color: #1979c3; text-decoration: none; } .abs-action-button-as-link:hover, .abs-action-remove:hover, .abs-add-fields .action.remove:hover, .form-giftregistry-share .action.remove:hover, .form-giftregistry-edit .action.remove:hover, .form-add-invitations .action.remove:hover, .form-create-return .action.remove:hover, .form.send.friend .action.remove:hover, .cart.table-wrapper .action.help.map:hover, .opc-wrapper .edit-address-link:hover, .opc-block-shipping-information .shipping-information-title .action-edit:hover, .action-auth-toggle:hover, .checkout-payment-method .checkout-billing-address .action-cancel:hover, .checkout-agreements-block .action-show:hover, .cart-summary .block.giftcard .action.check:hover, .gift-options .actions-toolbar .action-cancel:hover, .table-comparison .wishlist.split.button > .action:hover, .product-items .wishlist.split.button > .action:hover, .paypal-button-widget .paypal-button:hover { color: #006bb4; text-decoration: underline; } .abs-action-button-as-link:active, .abs-action-remove:active, .abs-add-fields .action.remove:active, .form-giftregistry-share .action.remove:active, .form-giftregistry-edit .action.remove:active, .form-add-invitations .action.remove:active, .form-create-return .action.remove:active, .form.send.friend .action.remove:active, .cart.table-wrapper .action.help.map:active, .opc-wrapper .edit-address-link:active, .opc-block-shipping-information .shipping-information-title .action-edit:active, .action-auth-toggle:active, .checkout-payment-method .checkout-billing-address .action-cancel:active, .checkout-agreements-block .action-show:active, .cart-summary .block.giftcard .action.check:active, .gift-options .actions-toolbar .action-cancel:active, .table-comparison .wishlist.split.button > .action:active, .product-items .wishlist.split.button > .action:active, .paypal-button-widget .paypal-button:active { color: #ff5501; text-decoration: underline; } .abs-action-button-as-link:hover, .abs-action-remove:hover, .abs-add-fields .action.remove:hover, .form-giftregistry-share .action.remove:hover, .form-giftregistry-edit .action.remove:hover, .form-add-invitations .action.remove:hover, .form-create-return .action.remove:hover, .form.send.friend .action.remove:hover, .cart.table-wrapper .action.help.map:hover, .opc-wrapper .edit-address-link:hover, .opc-block-shipping-information .shipping-information-title .action-edit:hover, .action-auth-toggle:hover, .checkout-payment-method .checkout-billing-address .action-cancel:hover, .checkout-agreements-block .action-show:hover, .cart-summary .block.giftcard .action.check:hover, .gift-options .actions-toolbar .action-cancel:hover, .table-comparison .wishlist.split.button > .action:hover, .product-items .wishlist.split.button > .action:hover, .paypal-button-widget .paypal-button:hover { color: #006bb4; } .abs-action-button-as-link:hover, .abs-action-remove:hover, .abs-add-fields .action.remove:hover, .form-giftregistry-share .action.remove:hover, .form-giftregistry-edit .action.remove:hover, .form-add-invitations .action.remove:hover, .form-create-return .action.remove:hover, .form.send.friend .action.remove:hover, .cart.table-wrapper .action.help.map:hover, .opc-wrapper .edit-address-link:hover, .opc-block-shipping-information .shipping-information-title .action-edit:hover, .action-auth-toggle:hover, .checkout-payment-method .checkout-billing-address .action-cancel:hover, .checkout-agreements-block .action-show:hover, .cart-summary .block.giftcard .action.check:hover, .gift-options .actions-toolbar .action-cancel:hover, .table-comparison .wishlist.split.button > .action:hover, .product-items .wishlist.split.button > .action:hover, .paypal-button-widget .paypal-button:hover, .abs-action-button-as-link:active, .abs-action-remove:active, .abs-add-fields .action.remove:active, .form-giftregistry-share .action.remove:active, .form-giftregistry-edit .action.remove:active, .form-add-invitations .action.remove:active, .form-create-return .action.remove:active, .form.send.friend .action.remove:active, .cart.table-wrapper .action.help.map:active, .opc-wrapper .edit-address-link:active, .opc-block-shipping-information .shipping-information-title .action-edit:active, .action-auth-toggle:active, .checkout-payment-method .checkout-billing-address .action-cancel:active, .checkout-agreements-block .action-show:active, .cart-summary .block.giftcard .action.check:active, .gift-options .actions-toolbar .action-cancel:active, .table-comparison .wishlist.split.button > .action:active, .product-items .wishlist.split.button > .action:active, .paypal-button-widget .paypal-button:active, .abs-action-button-as-link:focus, .abs-action-remove:focus, .abs-add-fields .action.remove:focus, .form-giftregistry-share .action.remove:focus, .form-giftregistry-edit .action.remove:focus, .form-add-invitations .action.remove:focus, .form-create-return .action.remove:focus, .form.send.friend .action.remove:focus, .cart.table-wrapper .action.help.map:focus, .opc-wrapper .edit-address-link:focus, .opc-block-shipping-information .shipping-information-title .action-edit:focus, .action-auth-toggle:focus, .checkout-payment-method .checkout-billing-address .action-cancel:focus, .checkout-agreements-block .action-show:focus, .cart-summary .block.giftcard .action.check:focus, .gift-options .actions-toolbar .action-cancel:focus, .table-comparison .wishlist.split.button > .action:focus, .product-items .wishlist.split.button > .action:focus, .paypal-button-widget .paypal-button:focus { background: none; border: 0; } .abs-action-button-as-link.disabled, .disabled.abs-action-remove, .abs-add-fields .disabled.action.remove, .form-giftregistry-share .disabled.action.remove, .form-giftregistry-edit .disabled.action.remove, .form-add-invitations .disabled.action.remove, .form-create-return .disabled.action.remove, .form.send.friend .disabled.action.remove, .cart.table-wrapper .disabled.action.help.map, .opc-wrapper .disabled.edit-address-link, .opc-block-shipping-information .shipping-information-title .disabled.action-edit, .disabled.action-auth-toggle, .checkout-payment-method .checkout-billing-address .disabled.action-cancel, .checkout-agreements-block .disabled.action-show, .cart-summary .block.giftcard .disabled.action.check, .gift-options .actions-toolbar .disabled.action-cancel, .table-comparison .wishlist.split.button > .disabled.action, .product-items .wishlist.split.button > .disabled.action, .paypal-button-widget .disabled.paypal-button, .abs-action-button-as-link[disabled], .abs-action-remove[disabled], .abs-add-fields .action.remove[disabled], .form-giftregistry-share .action.remove[disabled], .form-giftregistry-edit .action.remove[disabled], .form-add-invitations .action.remove[disabled], .form-create-return .action.remove[disabled], .form.send.friend .action.remove[disabled], .cart.table-wrapper .action.help.map[disabled], .opc-wrapper .edit-address-link[disabled], .opc-block-shipping-information .shipping-information-title .action-edit[disabled], .action-auth-toggle[disabled], .checkout-payment-method .checkout-billing-address .action-cancel[disabled], .checkout-agreements-block .action-show[disabled], .cart-summary .block.giftcard .action.check[disabled], .gift-options .actions-toolbar .action-cancel[disabled], .table-comparison .wishlist.split.button > .action[disabled], .product-items .wishlist.split.button > .action[disabled], .paypal-button-widget .paypal-button[disabled], fieldset[disabled] .abs-action-button-as-link, fieldset[disabled] .abs-action-remove, fieldset[disabled] .abs-add-fields .action.remove, .abs-add-fields fieldset[disabled] .action.remove, fieldset[disabled] .form-giftregistry-share .action.remove, .form-giftregistry-share fieldset[disabled] .action.remove, fieldset[disabled] .form-giftregistry-edit .action.remove, .form-giftregistry-edit fieldset[disabled] .action.remove, fieldset[disabled] .form-add-invitations .action.remove, .form-add-invitations fieldset[disabled] .action.remove, fieldset[disabled] .form-create-return .action.remove, .form-create-return fieldset[disabled] .action.remove, fieldset[disabled] .form.send.friend .action.remove, .form.send.friend fieldset[disabled] .action.remove, fieldset[disabled] .cart.table-wrapper .action.help.map, .cart.table-wrapper fieldset[disabled] .action.help.map, fieldset[disabled] .opc-wrapper .edit-address-link, .opc-wrapper fieldset[disabled] .edit-address-link, fieldset[disabled] .opc-block-shipping-information .shipping-information-title .action-edit, .opc-block-shipping-information .shipping-information-title fieldset[disabled] .action-edit, fieldset[disabled] .action-auth-toggle, fieldset[disabled] .checkout-payment-method .checkout-billing-address .action-cancel, .checkout-payment-method .checkout-billing-address fieldset[disabled] .action-cancel, fieldset[disabled] .checkout-agreements-block .action-show, .checkout-agreements-block fieldset[disabled] .action-show, fieldset[disabled] .cart-summary .block.giftcard .action.check, .cart-summary .block.giftcard fieldset[disabled] .action.check, fieldset[disabled] .gift-options .actions-toolbar .action-cancel, .gift-options .actions-toolbar fieldset[disabled] .action-cancel, fieldset[disabled] .table-comparison .wishlist.split.button > .action, .table-comparison fieldset[disabled] .wishlist.split.button > .action, fieldset[disabled] .product-items .wishlist.split.button > .action, .product-items fieldset[disabled] .wishlist.split.button > .action, fieldset[disabled] .paypal-button-widget .paypal-button, .paypal-button-widget fieldset[disabled] .paypal-button { color: #1979c3; opacity: 0.5; cursor: default; pointer-events: none; text-decoration: underline; } .abs-action-button-as-link:active, .abs-action-remove:active, .abs-add-fields .action.remove:active, .form-giftregistry-share .action.remove:active, .form-giftregistry-edit .action.remove:active, .form-add-invitations .action.remove:active, .form-create-return .action.remove:active, .form.send.friend .action.remove:active, .cart.table-wrapper .action.help.map:active, .opc-wrapper .edit-address-link:active, .opc-block-shipping-information .shipping-information-title .action-edit:active, .action-auth-toggle:active, .checkout-payment-method .checkout-billing-address .action-cancel:active, .checkout-agreements-block .action-show:active, .cart-summary .block.giftcard .action.check:active, .gift-options .actions-toolbar .action-cancel:active, .table-comparison .wishlist.split.button > .action:active, .product-items .wishlist.split.button > .action:active, .paypal-button-widget .paypal-button:active, .abs-action-button-as-link:not(:focus), .abs-action-remove:not(:focus), .abs-add-fields .action.remove:not(:focus), .form-giftregistry-share .action.remove:not(:focus), .form-giftregistry-edit .action.remove:not(:focus), .form-add-invitations .action.remove:not(:focus), .form-create-return .action.remove:not(:focus), .form.send.friend .action.remove:not(:focus), .cart.table-wrapper .action.help.map:not(:focus), .opc-wrapper .edit-address-link:not(:focus), .opc-block-shipping-information .shipping-information-title .action-edit:not(:focus), .action-auth-toggle:not(:focus), .checkout-payment-method .checkout-billing-address .action-cancel:not(:focus), .checkout-agreements-block .action-show:not(:focus), .cart-summary .block.giftcard .action.check:not(:focus), .gift-options .actions-toolbar .action-cancel:not(:focus), .table-comparison .wishlist.split.button > .action:not(:focus), .product-items .wishlist.split.button > .action:not(:focus), .paypal-button-widget .paypal-button:not(:focus) { box-shadow: none; } .abs-revert-secondary-color, .cart-summary .actions-toolbar > .primary button, .cart-summary .actions-toolbar > .primary .cart.table-wrapper .actions-toolbar > .action, .cart.table-wrapper .cart-summary .actions-toolbar > .primary .actions-toolbar > .action, .cart-summary .actions-toolbar > .primary .action-gift, .cart-summary .form.giftregistry .fieldset .action.primary, .paypal-review .block .actions-toolbar .action.primary { background: #f2f2f2; border: 1px solid #cdcdcd; color: #333; } .abs-revert-secondary-color:focus, .cart-summary .actions-toolbar > .primary button:focus, .cart-summary .actions-toolbar > .primary .cart.table-wrapper .actions-toolbar > .action:focus, .cart.table-wrapper .cart-summary .actions-toolbar > .primary .actions-toolbar > .action:focus, .cart-summary .actions-toolbar > .primary .action-gift:focus, .cart-summary .form.giftregistry .fieldset .action.primary:focus, .paypal-review .block .actions-toolbar .action.primary:focus, .abs-revert-secondary-color:active, .cart-summary .actions-toolbar > .primary button:active, .cart-summary .actions-toolbar > .primary .cart.table-wrapper .actions-toolbar > .action:active, .cart.table-wrapper .cart-summary .actions-toolbar > .primary .actions-toolbar > .action:active, .cart-summary .actions-toolbar > .primary .action-gift:active, .cart-summary .form.giftregistry .fieldset .action.primary:active, .paypal-review .block .actions-toolbar .action.primary:active { background: #e2e2e2; border: 1px solid #cdcdcd; color: #333; } .abs-revert-secondary-color:hover, .cart-summary .actions-toolbar > .primary button:hover, .cart-summary .actions-toolbar > .primary .cart.table-wrapper .actions-toolbar > .action:hover, .cart.table-wrapper .cart-summary .actions-toolbar > .primary .actions-toolbar > .action:hover, .cart-summary .actions-toolbar > .primary .action-gift:hover, .cart-summary .form.giftregistry .fieldset .action.primary:hover, .paypal-review .block .actions-toolbar .action.primary:hover { background: #e2e2e2; border: 1px solid #cdcdcd; color: #555; } .abs-revert-secondary-size, .cart-summary .form.giftregistry .fieldset .action.primary { font-size: 1.4rem; line-height: 1.6rem; padding: 7px 15px; } .abs-box-tocart, .bundle-actions { margin: 15px 0; } .abs-adjustment-incl-excl-tax .price-including-tax, .bundle-options-container .price-notice .price-including-tax, .cart-summary .price-including-tax, .gift-summary .price-including-tax, .gift-options .price-including-tax, .abs-adjustment-incl-excl-tax .price-excluding-tax, .bundle-options-container .price-notice .price-excluding-tax, .cart-summary .price-excluding-tax, .gift-summary .price-excluding-tax, .gift-options .price-excluding-tax, .abs-adjustment-incl-excl-tax .weee, .bundle-options-container .price-notice .weee, .cart-summary .weee, .gift-summary .weee, .gift-options .weee { font-size: 1.4rem; display: inline-block; white-space: nowrap; } .abs-adjustment-incl-excl-tax .price-including-tax + .price-excluding-tax, .bundle-options-container .price-notice .price-including-tax + .price-excluding-tax, .cart-summary .price-including-tax + .price-excluding-tax, .gift-summary .price-including-tax + .price-excluding-tax, .gift-options .price-including-tax + .price-excluding-tax { display: inline-block; font-size: 1.1rem; } .abs-adjustment-incl-excl-tax .price-including-tax + .price-excluding-tax:before, .bundle-options-container .price-notice .price-including-tax + .price-excluding-tax:before, .cart-summary .price-including-tax + .price-excluding-tax:before, .gift-summary .price-including-tax + .price-excluding-tax:before, .gift-options .price-including-tax + .price-excluding-tax:before { content: "(" attr(data-label) ": "; } .abs-adjustment-incl-excl-tax .price-including-tax + .price-excluding-tax:after, .bundle-options-container .price-notice .price-including-tax + .price-excluding-tax:after, .cart-summary .price-including-tax + .price-excluding-tax:after, .gift-summary .price-including-tax + .price-excluding-tax:after, .gift-options .price-including-tax + .price-excluding-tax:after { content: ')'; } .abs-tax-total { cursor: pointer; padding-right: 12px; position: relative; display: inline-block; text-decoration: none; } .abs-tax-total:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 26px; line-height: 10px; color: inherit; content: ""; font-family: "icons-blank-theme"; margin: 3px 0 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-tax-total:after { position: absolute; right: -15px; top: 3px; } .abs-tax-total-expanded:after { content: ""; } .abs-tax-total-expanded:after { content: ""; } .abs-methods-shipping-title { font-size: 1.4rem; font-weight: 700; margin: 0 0 15px; } @media only screen and (max-width: 639px) { .abs-checkout-order-review tbody tr:not(:last-child), .multicheckout.order-review .data.table tbody tr:not(:last-child) { border-bottom: 1px solid #d1d1d1; } .abs-checkout-order-review tbody tr .col.item:before, .multicheckout.order-review .data.table tbody tr .col.item:before { display: none; } .abs-checkout-order-review tbody tr .col.qty, .multicheckout.order-review .data.table tbody tr .col.qty, .abs-checkout-order-review tbody tr .col.price, .multicheckout.order-review .data.table tbody tr .col.price, .abs-checkout-order-review tbody tr .col.subtotal, .multicheckout.order-review .data.table tbody tr .col.subtotal { box-sizing: border-box; float: left; text-align: center; white-space: nowrap; width: 33%; } .abs-checkout-order-review tbody tr .col.qty:before, .multicheckout.order-review .data.table tbody tr .col.qty:before, .abs-checkout-order-review tbody tr .col.price:before, .multicheckout.order-review .data.table tbody tr .col.price:before, .abs-checkout-order-review tbody tr .col.subtotal:before, .multicheckout.order-review .data.table tbody tr .col.subtotal:before { content: attr(data-th) ":"; display: block; font-weight: 700; padding-bottom: 15px; } .abs-checkout-order-review tbody tr .product-item-name, .multicheckout.order-review .data.table tbody tr .product-item-name { margin: 0; } } .abs-colon:after, .block-minicart .subtotal .label:after, .minicart-items .details-qty .label:after, .minicart-items .price-minicart .label:after, .order-details-items .order-gift-message .label:after, .order-details-items .block-order-details-gift-message .label:after, .block-wishlist-management .wishlist-select .wishlist-name-label:after { content: ': '; } .abs-icon-add, .abs-dropdown-items-new .action.new, .wishlist.split.button .action.new, .wishlist-dropdown .action.new { display: inline-block; text-decoration: none; } .abs-icon-add:before, .abs-dropdown-items-new .action.new:before, .wishlist.split.button .action.new:before, .wishlist-dropdown .action.new:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 10px; line-height: 10px; color: inherit; content: ""; font-family: "icons-blank-theme"; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } @media only screen and (max-width: 767px) { .abs-icon-add-mobile, .block-wishlist-management .wishlist-add.item .add { display: block; text-decoration: none; } .abs-icon-add-mobile:before, .block-wishlist-management .wishlist-add.item .add:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 10px; line-height: 10px; color: inherit; content: ""; font-family: "icons-blank-theme"; margin: 0 5px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } } .abs-dropdown-items-new .items .item:last-child:hover, .wishlist.split.button .items .item:last-child:hover, .wishlist-dropdown .items .item:last-child:hover { background: #e8e8e8; } .abs-dropdown-items-new .action.new:before, .wishlist.split.button .action.new:before, .wishlist-dropdown .action.new:before { margin-left: -17px; margin-right: 10px; } @media only screen and (max-width: 767px) { .abs-toggling-title-mobile, .block-wishlist-management .wishlist-select .wishlist-name { border-bottom: 1px solid #d1d1d1; border-top: 1px solid #d1d1d1; cursor: pointer; margin-bottom: 0; padding: 15px 40px 15px 15px; position: relative; display: block; text-decoration: none; } .abs-toggling-title-mobile:after, .block-wishlist-management .wishlist-select .wishlist-name:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 28px; line-height: inherit; color: inherit; content: ""; font-family: "icons-blank-theme"; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-toggling-title-mobile:after, .block-wishlist-management .wishlist-select .wishlist-name:after { position: absolute; right: 15px; top: 0; } .abs-toggling-title-mobile.active:after, .block-wishlist-management .wishlist-select .active.wishlist-name:after { content: ""; } } .abs-no-display, .abs-sidebar-totals .table-caption, .cart-totals .table-caption, .opc-block-summary .table-totals .table-caption, .cart-summary .block .fieldset.estimate > .legend, .cart-summary .block .fieldset.estimate > .legend + br, .minicart-items .product-item-details .weee[data-label] .label, .page-product-giftcard .fieldset.giftcard > .legend + br, .order-details-items .order-items .order-gift-message .action.close, .multicheckout .block .methods-shipping .item-content .fieldset > .legend + br, .multicheckout .hidden, [class^='multishipping-'] .nav-sections, [class^='multishipping-'] .nav-toggle, .sidebar-main .block-reorder .subtitle, .sidebar-additional .block-reorder .subtitle, .no-display { display: none; } @media only screen and (max-width: 639px) { .abs-no-display-s, .opc-wrapper .shipping-address-item.selected-item .action-select-shipping-item { display: none; } } @media only screen and (min-width: 768px) { .abs-no-display-desktop, .opc-estimated-wrapper, .sidebar .block.widget .pager .item:not(.pages-item-next):not(.pages-item-previous) { display: none; } } .abs-status, .return-status, .order-status { display: inline-block; margin-bottom: 20px; } @media only screen and (max-width: 767px) { .abs-pager-toolbar-mobile .toolbar-amount, .account .toolbar .toolbar-amount, .toolbar-wishlist-results .toolbar-amount, .abs-pager-toolbar-mobile .limiter, .account .toolbar .limiter, .toolbar-wishlist-results .limiter, .abs-pager-toolbar-mobile .pages, .account .toolbar .pages, .toolbar-wishlist-results .pages { float: none; margin-bottom: 25px; } } @media only screen and (max-width: 639px) { .abs-pager-toolbar-mobile-s .toolbar-amount, .toolbar-giftregistry-results .toolbar-amount, .abs-pager-toolbar-mobile-s .limiter, .toolbar-giftregistry-results .limiter, .abs-pager-toolbar-mobile-s .pages, .toolbar-giftregistry-results .pages { margin-bottom: 25px; } } @media only screen and (min-width: 768px) { .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-block-items-counter, .block-wishlist .counter { color: #7d7d7d; font-size: 1.2rem; white-space: nowrap; } .abs-shopping-cart-items .action.continue, .block-cart-failed .action.continue, .cart-container .form-cart .action.continue { border-radius: 3px; font-weight: 700; display: inline-block; text-decoration: none; background-image: none; background: #f2f2f2; border: 1px solid #cdcdcd; color: #333; cursor: pointer; display: inline-block; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; margin: 0; padding: 7px 15px 7px 0; font-size: 1.4rem; line-height: 1.6rem; box-sizing: border-box; vertical-align: middle; display: inline-block; text-decoration: none; } .abs-shopping-cart-items .action.continue:hover, .block-cart-failed .action.continue:hover, .cart-container .form-cart .action.continue:hover, .abs-shopping-cart-items .action.continue:active, .block-cart-failed .action.continue:active, .cart-container .form-cart .action.continue:active, .abs-shopping-cart-items .action.continue:focus, .block-cart-failed .action.continue:focus, .cart-container .form-cart .action.continue:focus { text-decoration: none; } .abs-shopping-cart-items .action.continue:before, .block-cart-failed .action.continue:before, .cart-container .form-cart .action.continue:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 32px; line-height: 16px; color: inherit; content: ""; font-family: "icons-blank-theme"; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-shopping-cart-items .action.continue:hover:before, .block-cart-failed .action.continue:hover:before, .cart-container .form-cart .action.continue:hover:before { color: inherit; } .abs-shopping-cart-items .action.continue:active:before, .block-cart-failed .action.continue:active:before, .cart-container .form-cart .action.continue:active:before { color: inherit; } .abs-shopping-cart-items .action.continue:focus, .block-cart-failed .action.continue:focus, .cart-container .form-cart .action.continue:focus, .abs-shopping-cart-items .action.continue:active, .block-cart-failed .action.continue:active, .cart-container .form-cart .action.continue:active { background: #e2e2e2; border: 1px solid #cdcdcd; color: #333; } .abs-shopping-cart-items .action.continue:hover, .block-cart-failed .action.continue:hover, .cart-container .form-cart .action.continue:hover { background: #e2e2e2; border: 1px solid #cdcdcd; color: #555; } .abs-shopping-cart-items .action.continue.disabled, .block-cart-failed .action.continue.disabled, .cart-container .form-cart .action.continue.disabled, .abs-shopping-cart-items .action.continue[disabled], .block-cart-failed .action.continue[disabled], .cart-container .form-cart .action.continue[disabled], fieldset[disabled] .abs-shopping-cart-items .action.continue, fieldset[disabled] .block-cart-failed .action.continue, fieldset[disabled] .cart-container .form-cart .action.continue, .cart-container fieldset[disabled] .form-cart .action.continue { opacity: 0.5; cursor: default; pointer-events: none; } .abs-shopping-cart-items .action.continue:active, .block-cart-failed .action.continue:active, .cart-container .form-cart .action.continue:active { box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.12); } .abs-shopping-cart-items .action.update, .block-cart-failed .action.update, .cart-container .form-cart .action.update { display: inline-block; text-decoration: none; padding-left: 10px; } .abs-shopping-cart-items .action.update:before, .block-cart-failed .action.update:before, .cart-container .form-cart .action.update:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 32px; line-height: 16px; color: inherit; content: ""; font-family: "icons-blank-theme"; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-shopping-cart-items .action.update:hover:before, .block-cart-failed .action.update:hover:before, .cart-container .form-cart .action.update:hover:before { color: inherit; } .abs-shopping-cart-items .action.update:active:before, .block-cart-failed .action.update:active:before, .cart-container .form-cart .action.update:active:before { color: inherit; } @media only screen and (max-width: 767px) { .abs-shopping-cart-items-mobile .actions, .cart-container .form-cart .actions { text-align: center; } .abs-shopping-cart-items-mobile .action.update, .cart-container .form-cart .action.update, .abs-shopping-cart-items-mobile .action.continue, .cart-container .form-cart .action.continue, .abs-shopping-cart-items-mobile .action.clear, .cart-container .form-cart .action.clear { margin: 0 auto 15px; } .abs-shopping-cart-items-mobile .action.update, .cart-container .form-cart .action.update, .abs-shopping-cart-items-mobile .action.clear, .cart-container .form-cart .action.clear { display: block; } } @media only screen and (min-width: 768px) { .abs-shopping-cart-items-desktop, .block-cart-failed, .cart-container .cart-gift-item { float: left; position: relative; width: 73%; } .abs-shopping-cart-items-desktop .actions, .block-cart-failed .actions, .cart-container .cart-gift-item .actions { text-align: right; } .abs-shopping-cart-items-desktop .action.clear, .block-cart-failed .action.clear, .cart-container .cart-gift-item .action.clear, .abs-shopping-cart-items-desktop .action.update, .block-cart-failed .action.update, .cart-container .cart-gift-item .action.update { margin-left: 15px; } .abs-shopping-cart-items-desktop .action.continue, .block-cart-failed .action.continue, .cart-container .cart-gift-item .action.continue { float: left; } } .abs-field-date .control, .field.date .control { position: relative; } .abs-field-date-input, .abs-field-date input, .field.date input, .form-giftregistry-search .fields-specific-options .datetime-picker { margin-right: 15px; width: calc(100% - 55px); } .abs-field-tooltip, .field .control._with-tooltip { position: relative; } .abs-field-tooltip input, .field .control._with-tooltip input { margin-right: 15px; width: calc(100% - 46px); } .abs-checkout-tooltip-content-position-top, .checkout-index-index .modal-popup .field-tooltip .field-tooltip-content, .shipping-policy-block.field-tooltip .field-tooltip-content { right: -15px; top: 40px; left: auto; } .abs-checkout-tooltip-content-position-top:before, .checkout-index-index .modal-popup .field-tooltip .field-tooltip-content:before, .shipping-policy-block.field-tooltip .field-tooltip-content:before, .abs-checkout-tooltip-content-position-top:after, .checkout-index-index .modal-popup .field-tooltip .field-tooltip-content:after, .shipping-policy-block.field-tooltip .field-tooltip-content:after { border: 10px solid transparent; height: 0; width: 0; margin-top: -21px; right: 15px; left: auto; top: 0; } .abs-checkout-tooltip-content-position-top:before, .checkout-index-index .modal-popup .field-tooltip .field-tooltip-content:before, .shipping-policy-block.field-tooltip .field-tooltip-content:before { border-bottom-color: #999; } .abs-checkout-tooltip-content-position-top:after, .checkout-index-index .modal-popup .field-tooltip .field-tooltip-content:after, .shipping-policy-block.field-tooltip .field-tooltip-content:after { border-bottom-color: #f4f4f4; top: 1px; } @media only screen and (max-width: 767px) { .abs-checkout-tooltip-content-position-top-mobile { right: -15px; top: 40px; left: auto; } .abs-checkout-tooltip-content-position-top-mobile:before, .abs-checkout-tooltip-content-position-top-mobile:after { border: 10px solid transparent; height: 0; width: 0; margin-top: -21px; right: 15px; left: auto; top: 0; } .abs-checkout-tooltip-content-position-top-mobile:before { border-bottom-color: #999; } .abs-checkout-tooltip-content-position-top-mobile:after { border-bottom-color: #f4f4f4; top: 1px; } } .abs-checkout-title, .opc-wrapper .step-title, .opc-block-shipping-information .shipping-information-title, .opc-block-summary > .title, .checkout-agreements-items .checkout-agreements-item-title { border-bottom: 1px solid #ccc; padding-bottom: 15px; color: #333; font-weight: 300; font-size: 2.6rem; } .abs-sidebar-totals .mark, .cart-totals .mark, .opc-block-summary .table-totals .mark { font-weight: 400; padding-left: 4px; } .abs-sidebar-totals .mark strong, .cart-totals .mark strong, .opc-block-summary .table-totals .mark strong { font-weight: 400; } .abs-sidebar-totals .amount, .cart-totals .amount, .opc-block-summary .table-totals .amount { padding-right: 4px; text-align: right; white-space: nowrap; } .abs-sidebar-totals .amount strong, .cart-totals .amount strong, .opc-block-summary .table-totals .amount strong { font-weight: 400; } .abs-sidebar-totals .grand .mark, .cart-totals .grand .mark, .opc-block-summary .table-totals .grand .mark, .abs-sidebar-totals .grand .amount, .cart-totals .grand .amount, .opc-block-summary .table-totals .grand .amount { padding-top: 20px; } .abs-sidebar-totals .grand .amount, .cart-totals .grand .amount, .opc-block-summary .table-totals .grand .amount { padding-right: 4px; text-align: right; } .abs-sidebar-totals .grand .amount strong, .cart-totals .grand .amount strong, .opc-block-summary .table-totals .grand .amount strong { font-weight: 700; } .abs-sidebar-totals .msrp, .cart-totals .msrp, .opc-block-summary .table-totals .msrp { margin-bottom: 15px; } .abs-sidebar-totals .totals-tax-summary .mark, .cart-totals .totals-tax-summary .mark, .opc-block-summary .table-totals .totals-tax-summary .mark, .abs-sidebar-totals .totals-tax-summary .amount, .cart-totals .totals-tax-summary .amount, .opc-block-summary .table-totals .totals-tax-summary .amount { border-top: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; cursor: pointer; } .abs-sidebar-totals .totals-tax-summary .amount .price, .cart-totals .totals-tax-summary .amount .price, .opc-block-summary .table-totals .totals-tax-summary .amount .price { display: block; text-decoration: none; padding-right: 25px; position: relative; } .abs-sidebar-totals .totals-tax-summary .amount .price > span, .cart-totals .totals-tax-summary .amount .price > span, .opc-block-summary .table-totals .totals-tax-summary .amount .price > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .abs-sidebar-totals .totals-tax-summary .amount .price:after, .cart-totals .totals-tax-summary .amount .price:after, .opc-block-summary .table-totals .totals-tax-summary .amount .price:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 30px; line-height: inherit; color: inherit; content: ""; font-family: "icons-blank-theme"; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-sidebar-totals .totals-tax-summary .amount .price:after, .cart-totals .totals-tax-summary .amount .price:after, .opc-block-summary .table-totals .totals-tax-summary .amount .price:after { position: absolute; right: -5px; top: -12px; } .abs-sidebar-totals .totals-tax-summary.expanded .mark, .cart-totals .totals-tax-summary.expanded .mark, .opc-block-summary .table-totals .totals-tax-summary.expanded .mark, .abs-sidebar-totals .totals-tax-summary.expanded .amount, .cart-totals .totals-tax-summary.expanded .amount, .opc-block-summary .table-totals .totals-tax-summary.expanded .amount { border-bottom: 0; } .abs-sidebar-totals .totals-tax-summary.expanded .amount .price:after, .cart-totals .totals-tax-summary.expanded .amount .price:after, .opc-block-summary .table-totals .totals-tax-summary.expanded .amount .price:after { content: ""; } .abs-sidebar-totals .totals-tax-details, .cart-totals .totals-tax-details, .opc-block-summary .table-totals .totals-tax-details { display: none; border-bottom: 1px solid #d1d1d1; } .abs-sidebar-totals .totals-tax-details.shown, .cart-totals .totals-tax-details.shown, .opc-block-summary .table-totals .totals-tax-details.shown { display: table-row; } .abs-discount-block > .title, .cart-summary .block > .title, .paypal-review-discount .block > .title { border-top: 1px solid #d1d1d1; cursor: pointer; font-weight: 600; display: block; text-decoration: none; margin-bottom: 0; overflow: hidden; padding: 7px 30px 7px 10px; position: relative; } .abs-discount-block > .title:after, .cart-summary .block > .title:after, .paypal-review-discount .block > .title:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 30px; line-height: inherit; color: inherit; content: ""; font-family: "icons-blank-theme"; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-discount-block > .title:after, .cart-summary .block > .title:after, .paypal-review-discount .block > .title:after { position: absolute; right: -5px; top: -5px; } .column.main .abs-discount-block > .title strong, .column.main .cart-summary .block > .title strong, .cart-summary .column.main .block > .title strong, .column.main .paypal-review-discount .block > .title strong, .paypal-review-discount .column.main .block > .title strong { font-size: 1.8rem; font-weight: 400; } .abs-discount-block > .content, .cart-summary .block > .content, .paypal-review-discount .block > .content { display: none; } .abs-discount-block.active > .title:after, .cart-summary .active.block > .title:after, .paypal-review-discount .active.block > .title:after { content: ""; } .abs-discount-block.active > .content, .cart-summary .active.block > .content, .paypal-review-discount .active.block > .content { display: block; } .fieldset { border: 0; margin: 0 0 40px; padding: 0; letter-spacing: -0.31em; } .fieldset > * { letter-spacing: normal; } .fieldset > .legend { margin: 0 0 25px; padding: 0; box-sizing: border-box; float: left; line-height: 1.2; font-size: 2rem; } .fieldset > .legend + br { clear: both; display: block; height: 0; overflow: hidden; visibility: hidden; } .fieldset:last-child { margin-bottom: 0; } .fieldset > .field, .fieldset > .fields > .field { margin: 0 0 20px; } .fieldset > .field > .label, .fieldset > .fields > .field > .label { margin: 0 0 10px; display: inline-block; } .fieldset > .field:last-child, .fieldset > .fields > .field:last-child { margin-bottom: 0; } .fieldset > .field > .label, .fieldset > .fields > .field > .label { font-weight: 700; } .fieldset > .field > .label + br, .fieldset > .fields > .field > .label + br { display: none; } .fieldset > .field .choice input, .fieldset > .fields > .field .choice input { vertical-align: top; } .fieldset > .field .fields.group:before, .fieldset > .field .fields.group:after, .fieldset > .fields > .field .fields.group:before, .fieldset > .fields > .field .fields.group:after { content: ''; display: table; } .fieldset > .field .fields.group:after, .fieldset > .fields > .field .fields.group:after { clear: both; } .fieldset > .field .fields.group .field, .fieldset > .fields > .field .fields.group .field { box-sizing: border-box; float: left; } .fieldset > .field .fields.group.group-2 .field, .fieldset > .fields > .field .fields.group.group-2 .field { width: 50% !important; } .fieldset > .field .fields.group.group-3 .field, .fieldset > .fields > .field .fields.group.group-3 .field { width: 33.3% !important; } .fieldset > .field .fields.group.group-4 .field, .fieldset > .fields > .field .fields.group.group-4 .field { width: 25% !important; } .fieldset > .field .fields.group.group-5 .field, .fieldset > .fields > .field .fields.group.group-5 .field { width: 20% !important; } .fieldset > .field .addon, .fieldset > .fields > .field .addon { display: inline-flex; flex-wrap: nowrap; padding: 0; width: 100%; } .fieldset > .field .addon textarea, .fieldset > .field .addon select, .fieldset > .field .addon input, .fieldset > .fields > .field .addon textarea, .fieldset > .fields > .field .addon select, .fieldset > .fields > .field .addon input { order: 2; flex-basis: 100%; display: inline-block; margin: 0; width: auto; } .fieldset > .field .addon .addbefore, .fieldset > .field .addon .addafter, .fieldset > .fields > .field .addon .addbefore, .fieldset > .fields > .field .addon .addafter { background: #fff; background-clip: padding-box; border: 1px solid #c2c2c2; border-radius: 1px; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; height: 32px; line-height: 1.42857; padding: 0 9px; vertical-align: baseline; width: 100%; box-sizing: border-box; order: 3; display: inline-block; vertical-align: middle; white-space: nowrap; width: auto; } .fieldset > .field .addon .addbefore:disabled, .fieldset > .field .addon .addafter:disabled, .fieldset > .fields > .field .addon .addbefore:disabled, .fieldset > .fields > .field .addon .addafter:disabled { opacity: 0.5; } .fieldset > .field .addon .addbefore::-moz-placeholder, .fieldset > .field .addon .addafter::-moz-placeholder, .fieldset > .fields > .field .addon .addbefore::-moz-placeholder, .fieldset > .fields > .field .addon .addafter::-moz-placeholder { color: #c2c2c2; } .fieldset > .field .addon .addbefore::-webkit-input-placeholder, .fieldset > .field .addon .addafter::-webkit-input-placeholder, .fieldset > .fields > .field .addon .addbefore::-webkit-input-placeholder, .fieldset > .fields > .field .addon .addafter::-webkit-input-placeholder { color: #c2c2c2; } .fieldset > .field .addon .addbefore:-ms-input-placeholder, .fieldset > .field .addon .addafter:-ms-input-placeholder, .fieldset > .fields > .field .addon .addbefore:-ms-input-placeholder, .fieldset > .fields > .field .addon .addafter:-ms-input-placeholder { color: #c2c2c2; } .fieldset > .field .addon .addbefore, .fieldset > .fields > .field .addon .addbefore { float: left; order: 1; } .fieldset > .field .additional, .fieldset > .fields > .field .additional { margin-top: 10px; } .fieldset > .field.required > .label:after, .fieldset > .field._required > .label:after, .fieldset > .fields > .field.required > .label:after, .fieldset > .fields > .field._required > .label:after { content: '*'; color: #e02b27; font-size: 1.2rem; margin: 0 0 0 10px; } .fieldset > .field .note, .fieldset > .fields > .field .note { font-size: 1.2rem; margin: 3px 0 0; padding: 0; display: inline-block; text-decoration: none; } .fieldset > .field .note:before, .fieldset > .fields > .field .note:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 24px; line-height: 12px; content: ""; font-family: "icons-blank-theme"; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .fieldset > .field.choice, .fieldset > .fields > .field.choice { display: flex; align-items: center; column-gap: 5px; } .fieldset > .field.choice .label, .fieldset > .fields > .field.choice .label { display: inline; font-weight: normal; margin: 0; } .column:not(.main) .fieldset > .field .label, .column:not(.main) .fieldset > .fields > .field .label { font-weight: normal; } .fieldset > .field .field.choice, .fieldset > .fields > .field .field.choice { margin-bottom: 15px; } .fieldset > .field .field.choice:last-child, .fieldset > .fields > .field .field.choice:last-child { margin-bottom: 0; } .fieldset > .field input[type=file], .fieldset > .fields > .field input[type=file] { margin: 10px 0; } .fieldset > .field.consent label, .fieldset > .fields > .field.consent label { font-size: 1.4rem; font-style: normal; margin-left: 5px; } .legend + .fieldset, .legend + div { clear: both; } .legend strong { margin-left: 10px; } fieldset.field { border: 0; padding: 0; } .field.date .time-picker { display: inline-block; margin-top: 15px; white-space: nowrap; } .field .message.warning { margin-top: 15px; } input[type=checkbox], input[type=checkbox]:focus, input[type=radio], input[type=radio]:focus { outline: none; box-shadow: none; } input[type=text]:focus, input[type=email]:focus, select:not([disabled]):focus, textarea:not([disabled]):focus { box-shadow: 0 0 3px 1px #cd9f28; } .field-error, div.mage-error[generated] { margin-top: 7px; } .field-error { color: #e02b27; font-size: 1.2rem; } .field .tooltip { position: relative; } .field .tooltip .tooltip-content { background: #fff; max-width: 360px; min-width: 210px; padding: 12px 16px; z-index: 100; display: none; position: absolute; text-align: left; color: #333; line-height: 1.4; border: 1px solid #bbb; margin-left: 5px; left: 100%; top: 0; } .field .tooltip .tooltip-content:after, .field .tooltip .tooltip-content:before { border: solid transparent; content: ''; height: 0; position: absolute; width: 0; } .field .tooltip .tooltip-content:after { border-width: 5px; border-color: transparent; } .field .tooltip .tooltip-content:before { border-width: 6px; border-color: transparent; } .field .tooltip .tooltip-content:after, .field .tooltip .tooltip-content:before { right: 100%; } .field .tooltip .tooltip-content:after { border-right-color: #fff; margin-top: -5px; top: 15px; } .field .tooltip .tooltip-content:before { border-right-color: #bbb; margin-top: -6px; top: 15px; } .field .tooltip .tooltip-toggle { cursor: help; } .field .tooltip .tooltip-toggle:hover + .tooltip-content, .field .tooltip .tooltip-toggle:focus + .tooltip-content, .field .tooltip:hover .tooltip-content { display: block; } .field .tooltip .tooltip-content { min-width: 200px; white-space: normal; } input, input:focus, select, select:focus { outline: none; } input:focus ~ .tooltip .tooltip-content, select:focus ~ .tooltip .tooltip-content { display: block; } select { padding: 5px 15px 4px; } ._has-datepicker ~ .ui-datepicker-trigger { background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-decoration: none; text-shadow: none; font-weight: 400; display: block; text-decoration: none; display: inline-block; vertical-align: middle; } ._has-datepicker ~ .ui-datepicker-trigger:focus, ._has-datepicker ~ .ui-datepicker-trigger:active { background: none; border: none; } ._has-datepicker ~ .ui-datepicker-trigger:hover { background: none; border: none; } ._has-datepicker ~ .ui-datepicker-trigger.disabled, ._has-datepicker ~ .ui-datepicker-trigger[disabled], fieldset[disabled] ._has-datepicker ~ .ui-datepicker-trigger { cursor: not-allowed; pointer-events: none; opacity: 0.5; } ._has-datepicker ~ .ui-datepicker-trigger > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } ._has-datepicker ~ .ui-datepicker-trigger:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 40px; line-height: 40px; color: #7d7d7d; content: ""; font-family: "icons-blank-theme"; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } ._has-datepicker ~ .ui-datepicker-trigger:focus { box-shadow: none; outline: 0; } input.qty { display: block; width: 100%; padding: 6px 12px; font-size: 14px; line-height: 1.42857; color: #555; background-color: white; background-image: none; border: 1px solid #ddd; border-radius: 3px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } .form.contact .fieldset > .field { margin-bottom: 15px; } .form.contact .fieldset > .field.required > .label:after { color: #222; margin-left: 5px; } .form.contact .fieldset > .field > .label { text-align: left; font-size: 14px; font-weight: 400; margin-bottom: 2px; color: #222; } .form.contact .fieldset > .field > .control .info { font-size: 14px; font-weight: 400; margin-top: 15px; } .form.contact .fieldset > .field > .label, .form.contact .fieldset > .field > .control { float: none; width: 100%; } .form.contact .fieldset, .form.contact .actions-toolbar { max-width: 400px; margin: 20px auto; } .form.contact input.mage-error, .form.contact select.mage-error, .form.contact textarea.mage-error { border-color: #a94442; } .form.contact div.mage-error[generated] { color: #a94442; margin-top: 2px; font-size: 14px; } .form.contact .actions-toolbar { text-align: right; } .form.contact .actions-toolbar .primary { display: inline-block; } p.required-info { color: #888; margin-right: 5px; } .column:not(.sidebar-additional) form.contact .actions-toolbar { margin-left: auto; } .column:not(.sidebar-additional) form.contact .actions-toolbar .primary { float: none; } .column:not(.sidebar-additional) form.contact .actions-toolbar .primary button, .column:not(.sidebar-additional) form.contact .actions-toolbar .primary .cart.table-wrapper .actions-toolbar > .action, .cart.table-wrapper .column:not(.sidebar-additional) form.contact .actions-toolbar .primary .actions-toolbar > .action, .column:not(.sidebar-additional) form.contact .actions-toolbar .primary .action-gift { font-weight: 400; } .sidebar .fieldset { margin: 0; } .sidebar .fieldset > .field:not(.choice):not(:last-child), .sidebar .fieldset .fields > .field:not(:last-child) { margin: 0 0 20px; } .sidebar .fieldset > .field:not(.choice) .label, .sidebar .fieldset .fields > .field .label { margin: 0 0 4px; padding: 0 0 10px; text-align: left; width: 100%; } .sidebar .fieldset > .field:not(.choice) .control, .sidebar .fieldset .fields > .field .control { width: 100%; } @media only screen and (min-width: 768px) { .fieldset > .field { margin: 0 0 20px; box-sizing: border-box; margin: 0 0 6px; } .fieldset > .field > .label { margin: 0; } .fieldset > .field:before, .fieldset > .field:after { content: ''; display: table; } .fieldset > .field:after { clear: both; } .fieldset > .field.choice:before, .fieldset > .field.no-label:before { padding: 6px 15px 0 0; width: 100%; box-sizing: border-box; content: ' '; float: left; height: 1px; } .fieldset > .field .description { padding: 6px 15px 0 0; text-align: left; width: 100%; box-sizing: border-box; float: left; } .fieldset > .field:not(.choice) > .label { padding: 6px 15px 0 0; text-align: left; width: 100%; box-sizing: border-box; float: left; } .fieldset > .field:not(.choice) > .control { width: 100%; float: left; } .fieldset > .field label { margin-bottom: 6px; } .fieldset > .field.choice:before { content: unset; } } @media only screen and (max-width: 767px) { .select { padding: 0 5px; } } @font-face { font-family: "icons-blank-theme"; src: url("../../frontend/Codeculture/ProAurumSchweiz/de_CH/fonts/Blank-Theme-Icons/Blank-Theme-Icons.eot"); src: url("../../frontend/Codeculture/ProAurumSchweiz/de_CH/fonts/Blank-Theme-Icons/Blank-Theme-Icons.eot?#iefix") format("embedded-opentype"), url("../../frontend/Codeculture/ProAurumSchweiz/de_CH/fonts/Blank-Theme-Icons/Blank-Theme-Icons.woff2") format("woff2"), url("../../frontend/Codeculture/ProAurumSchweiz/de_CH/fonts/Blank-Theme-Icons/Blank-Theme-Icons.woff") format("woff"), url("../../frontend/Codeculture/ProAurumSchweiz/de_CH/fonts/Blank-Theme-Icons/Blank-Theme-Icons.ttf") format("truetype"), url("../../frontend/Codeculture/ProAurumSchweiz/de_CH/fonts/Blank-Theme-Icons/Blank-Theme-Icons.svg#icons-blank-theme") format("svg"); font-weight: normal; font-style: normal; } html { -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; } .columns { display: flex; flex-wrap: wrap; box-sizing: border-box; } .columns:after { clear: both; content: ' '; display: block; height: 0; overflow: hidden; visibility: hidden; } .columns .column.main { padding-bottom: 40px; flex-basis: 100%; flex-grow: 1; order: 1; width: 100%; } @media only screen and (max-width: 767px) { .navigation, .breadcrumbs, .page-header .header.panel, .header.content, .footer.content, .page-main, .category-slice .category-slice-inner, .page-wrapper > .widget, .page-wrapper > .page-bottom, .block.category.event, .top-container { padding-left: 15px; padding-right: 15px; } .account .page-main, .account .category-slice .category-slice-inner, .category-slice .account .category-slice-inner, .cms-privacy-policy .page-main, .cms-privacy-policy .category-slice .category-slice-inner, .category-slice .cms-privacy-policy .category-slice-inner { padding-top: 41px; position: relative; } } @media only screen and (min-width: 768px) { .navigation, .breadcrumbs, .page-header .header.panel, .header.content, .footer.content, .page-wrapper > .widget, .page-wrapper > .page-bottom, .block.category.event, .top-container, .page-main, .category-slice .category-slice-inner { box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 1280px; padding-left: 20px; padding-right: 20px; width: auto; } .page-main, .category-slice .category-slice-inner { width: 100%; /* stylelint-disable declaration-block-no-redundant-longhand-properties */ flex-grow: 1; flex-shrink: 0; flex-basis: auto; /* stylelint-enable declaration-block-no-redundant-longhand-properties */ } .ie9 .page-main, .ie9 .category-slice .category-slice-inner, .category-slice .ie9 .category-slice-inner { width: auto; } .columns { display: block; } .column.main { min-height: 300px; } .page-layout-1column .column.main { width: 100%; order: 2; } .page-layout-3columns .column.main { width: 66.66667%; display: inline-block; order: 2; } .page-layout-2columns-left .column.main { width: 83.33333%; float: right; order: 2; } .page-layout-2columns-right .column.main { width: 83.33333%; float: left; order: 1; } .panel.header { padding: 10px 20px; } } .load.indicator { background-color: rgba(255, 255, 255, 0.5); z-index: 9999; bottom: 0; left: 0; position: fixed; right: 0; top: 0; position: absolute; } .load.indicator:before { background: transparent url("../../frontend/Codeculture/ProAurumSchweiz/de_CH/images/loader-2.gif") no-repeat 50% 50%; border-radius: 5px; height: 160px; width: 160px; bottom: 0; box-sizing: border-box; content: ''; left: 0; margin: auto; position: absolute; right: 0; top: 0; } .load.indicator > span { display: none; } .loading-mask { bottom: 0; left: 0; margin: auto; position: fixed; right: 0; top: 0; z-index: 100; background: rgba(255, 255, 255, 0.5); } .loading-mask .loader > img { bottom: 0; left: 0; margin: auto; position: fixed; right: 0; top: 0; z-index: 100; } .loading-mask .loader > p { display: none; } body > .loading-mask { z-index: 9999; } ._block-content-loading { position: relative; } .messages .message.warning > *:first-child:before { top: 22px; right: -5px; } .message { padding: 10px; padding-left: 20px; font-size: 14px; border-radius: 0; } .message.error { background: #f2dede; } .message.success { background: #dff0d8; } .message.warning, .message.info, .message.notice { background: #fcf8e3; } .panel.header .links { display: none; } .panel.header .switcher { display: block; } .nav-toggle { display: inline-block; text-decoration: none; cursor: pointer; display: block; font-size: 0; left: 15px; position: absolute; top: 15px; z-index: 14; } .nav-toggle:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 28px; line-height: inherit; color: #8f8f8f; content: ""; font-family: "icons-blank-theme"; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .nav-toggle:hover:before { color: #333; } .nav-toggle > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .navigation-wrapper { position: relative; } .navigation-wrapper .block.block-search { position: absolute; left: 0; right: 0; top: 100%; width: 100%; padding: 0; float: none; background: white; transition: opacity 250ms ease-in-out, visibility 250ms ease-in-out; visibility: hidden; opacity: 0; } .navigation-wrapper .block.block-search.visible { visibility: visible; opacity: 1; z-index: 10; } .navigation-wrapper .block.block-search > .block-content { max-width: 675px; width: 100%; margin: auto; position: relative; padding: 5px; } .navigation-wrapper .block.block-search > .block-content .field.search { margin: 0; } .navigation-wrapper .block.block-search > .block-content .field.search .control { padding: 0; } .navigation-wrapper .block.block-search > .block-content input { padding: 0 40px 0 30px; border-radius: 3px; height: 34px; } .navigation-wrapper .block.block-search > .block-content input::placeholder { color: #555; transition: color 250ms ease-in-out; } .navigation-wrapper .block.block-search > .block-content input:focus::placeholder { color: #ddd; } .navigation-wrapper .block.block-search > .block-content input#search:focus { border: 1px solid #cd9f28; box-shadow: none; } .navigation-wrapper .block.block-search > .block-content .actions button.action, .navigation-wrapper .block.block-search > .block-content .actions .cart.table-wrapper .actions-toolbar > .action, .cart.table-wrapper .navigation-wrapper .block.block-search > .block-content .actions .actions-toolbar > .action, .navigation-wrapper .block.block-search > .block-content .actions .action.action-gift { padding: 10px 0; right: auto; left: 8px; top: 1px; } .navigation-wrapper .block.block-search > .block-content .label, .navigation-wrapper .block.block-search > .block-content .actions button.action, .navigation-wrapper .block.block-search > .block-content .actions .cart.table-wrapper .actions-toolbar > .action, .cart.table-wrapper .navigation-wrapper .block.block-search > .block-content .actions .actions-toolbar > .action, .navigation-wrapper .block.block-search > .block-content .actions .action.action-gift { left: 8px; } .navigation-wrapper .block.block-search > .block-content .label:before, .navigation-wrapper .block.block-search > .block-content .actions button.action:before, .navigation-wrapper .block.block-search > .block-content .actions .cart.table-wrapper .actions-toolbar > .action:before, .cart.table-wrapper .navigation-wrapper .block.block-search > .block-content .actions .actions-toolbar > .action:before, .navigation-wrapper .block.block-search > .block-content .actions .action.action-gift:before { font-size: 26px; color: #000; } .navigation-wrapper .block.block-search > .block-content button[type="submit"].search-btn, .navigation-wrapper .block.block-search > .block-content .cart.table-wrapper .actions-toolbar > .action[type="submit"].search-btn, .cart.table-wrapper .navigation-wrapper .block.block-search > .block-content .actions-toolbar > .action[type="submit"].search-btn, .navigation-wrapper .block.block-search > .block-content .action-gift[type="submit"].search-btn { position: absolute; top: 0; right: 0; left: auto; padding: 6px 12px; bottom: 0; border-radius: 0 2px 2px 0; background-color: #cd9f28; border-color: #cd9f28; font-weight: 400; } .nav-sections { border-bottom: 4px solid #cd9f28; } .nav-sections .main-navigation { list-style: none; margin: 0; text-align: center; } .nav-sections .main-navigation a, .nav-sections .main-navigation a:hover { text-decoration: none; } .nav-sections .main-navigation .navigation-right-container, .nav-sections .main-navigation .navigation-full-container { color: white; float: right; width: calc(100% / 3.01); min-width: 235px; padding: 15px; text-align: left; } .nav-sections .main-navigation .navigation-right-container h3, .nav-sections .main-navigation .navigation-full-container h3 { font-size: 18px; margin-top: 0; padding: 10px 0; border-bottom: 1px solid #cd9f28; font-weight: 400; } .nav-sections .main-navigation .navigation-right-container p, .nav-sections .main-navigation .navigation-full-container p { margin-bottom: 15px; } .nav-sections .main-navigation .navigation-right-container a.button.is-primary, .nav-sections .main-navigation .navigation-full-container a.button.is-primary { width: 100%; } .nav-sections .main-navigation .navigation-right-container .opening-hours .opening-hours-day, .nav-sections .main-navigation .navigation-right-container .opening-hours .phone, .nav-sections .main-navigation .navigation-right-container .opening-hours .mail, .nav-sections .main-navigation .navigation-full-container .opening-hours .opening-hours-day, .nav-sections .main-navigation .navigation-full-container .opening-hours .phone, .nav-sections .main-navigation .navigation-full-container .opening-hours .mail { width: 120px; display: inline-block; } .nav-sections .main-navigation .navigation-full-container { flex: 100% 1 1; } .nav-sections .main-navigation li.level0 { display: inline-block; margin-left: -4px; margin-bottom: 1.4rem; } .nav-sections .main-navigation li.level0:hover > a, .nav-sections .main-navigation li.level0:hover > span { position: relative; } .nav-sections .main-navigation li.level0:hover > a, .nav-sections .main-navigation li.level0:hover > a:before, .nav-sections .main-navigation li.level0:hover > span, .nav-sections .main-navigation li.level0:hover > span:before { color: #cd9f28; } .nav-sections .main-navigation li.level0:hover > a:not(.navigation-search-button):after, .nav-sections .main-navigation li.level0:hover > span:not(.navigation-search-button):after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #cd9f28; } .nav-sections .main-navigation li.level0:hover.active > a, .nav-sections .main-navigation li.level0:hover.active > a:before, .nav-sections .main-navigation li.level0:hover.active > span, .nav-sections .main-navigation li.level0:hover.active > span:before { color: #222; } .nav-sections .main-navigation li.level0:hover > div.navigation-container { visibility: visible; opacity: 1; min-height: 340px; } .nav-sections .main-navigation li.level0 > span { cursor: pointer; padding: 15px; } .nav-sections .main-navigation li.level0.active > a, .nav-sections .main-navigation li.level0.active > span { background: linear-gradient(180deg, #f8c544 5%, #cd9f28 88%); text-shadow: 0 1px #f8c544; } .nav-sections .main-navigation li.level0 > div { visibility: hidden; opacity: 0; display: flex; flex-direction: row; position: absolute; top: 100%; left: 50%; margin: auto; background: #222; max-width: 100vw; border-top: 4px solid #cd9f28; padding: 0; z-index: 10; transform: translateX(-50%); width: 980px; } .nav-sections .main-navigation li.level0 .navigation-left-container { flex: 1 1 100%; display: flex; min-height: 370px; } .nav-sections .main-navigation li.level0 .navigation-right-container { flex: 0 0 33%; } .nav-sections .main-navigation li.level0 > a { padding: 15px; color: #222; } .nav-sections .main-navigation li.level0 > a > a.icon-home { font-size: 18px; line-height: 1; } .nav-sections .main-navigation li.level0 .level1.open .navigation-inner-dropdown-sub { left: 100%; } .nav-sections .main-navigation .navigation-inner-dropdown { float: left; list-style: none; width: calc(100% / 3); padding: 15px 0; position: relative; background-color: #000; text-align: left; } @media screen and (min-width: 991px) { .nav-sections .main-navigation .navigation-inner-dropdown { width: 235px; } } .nav-sections .main-navigation .navigation-inner-dropdown li { margin: 0; } .nav-sections .main-navigation .navigation-inner-dropdown > li { border-right: 2px solid #000; } .nav-sections .main-navigation .navigation-inner-dropdown > li:hover { border-color: #cd9f28; background: #222; } .nav-sections .main-navigation .navigation-inner-dropdown > li:hover > .navigation-inner-dropdown-sub { display: block; } .nav-sections .main-navigation .navigation-inner-dropdown > li a { display: block; position: relative; padding: 8px 10px; color: #ddd; } .nav-sections .main-navigation .navigation-inner-dropdown > li a [class^="icon-"] { float: right; font-size: 20px; line-height: 20px; } .nav-sections .main-navigation .navigation-inner-dropdown > li .navigation-inner-dropdown-sub { position: absolute; left: -10000px; top: 0; bottom: 0; padding: 15px; display: block; } @media screen and (min-width: 991px) { .nav-sections .main-navigation .navigation-inner-dropdown > li .navigation-inner-dropdown-sub { width: 320px; } } .nav-sections .main-navigation .navigation-inner-dropdown > li .navigation-inner-dropdown-sub a { padding: 8px 0 7px; border-bottom: 1px solid #555; white-space: normal; } .nav-sections .main-navigation .navigation-inner-dropdown > li .navigation-inner-dropdown-sub a:hover, .nav-sections .main-navigation .navigation-inner-dropdown > li .navigation-inner-dropdown-sub a:hover > span { color: #cd9f28; } .nav-sections .navigation-container ul.navigation-list { display: inline-block; flex: 0 0 50%; text-align: left; padding: 20px 0; } .nav-sections .navigation-container ul.navigation-list li { padding: 5px 0; margin: 0 15px 5px; border-bottom: 1px solid #555; } .nav-sections .navigation-container ul.navigation-list a, .nav-sections .navigation-container ul.navigation-list a:focus { color: white; } .nav-sections .navigation-container ul.navigation-list a:hover, .nav-sections .navigation-container ul.navigation-list a:focus:hover { color: #cd9f28; } .nav-sections .navigation-container.navigation-container-news { max-width: 400px !important; } .nav-sections .navigation-container ul.navigation-list a.link-highlighted, .nav-sections .main-navigation .navigation-inner-dropdown > li a.link-highlighted { position: relative; display: block; width: 100%; } .nav-sections .navigation-container ul.navigation-list a.link-highlighted, .nav-sections .navigation-container ul.navigation-list a.link-highlighted > span, .nav-sections .main-navigation .navigation-inner-dropdown > li a.link-highlighted, .nav-sections .main-navigation .navigation-inner-dropdown > li a.link-highlighted > span { color: #cd9f28; } .nav-sections .navigation-container ul.navigation-list a.link-highlighted:before, .nav-sections .main-navigation .navigation-inner-dropdown > li a.link-highlighted:before { right: 0; position: absolute; font-size: 18px; } @media only screen and (max-width: 767px) { .navigation { padding: 0; } .navigation .parent .level-top { position: relative; display: block; text-decoration: none; } .navigation .parent .level-top:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 42px; line-height: inherit; color: inherit; content: ""; font-family: "icons-blank-theme"; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .navigation .parent .level-top:after { position: absolute; right: 7px; top: -8px; } .navigation .parent .level-top.ui-state-active:after { content: ""; } .nav-sections { display: none; /*-webkit-overflow-scrolling: touch; @include lib-css(transition, left 0.3s, 1); height: 100%; left: -80%; left: calc(-1 * (100% - 54px)); overflow: auto; position: fixed; top: 0; width: 80%; width: calc(100% - 54px); .switcher { border-top: 1px solid $color-gray82; font-size: 1.6rem; font-weight: 700; margin: 0; padding: 0.8rem 3.5rem 0.8rem 2rem; .label { display: block; margin-bottom: $indent__xs; } &:last-child { border-bottom: 1px solid $color-gray82; } } .switcher-trigger { strong { position: relative; @include lib-icon-font( $_icon-font-content : $icon-down, $_icon-font-size : 42px, $_icon-font-position : after, $_icon-font-display : block ); &:after { position: absolute; right: -40px; top: -16px; } } &.active strong { @include lib-icon-font-symbol( $_icon-font-content : $icon-up, $_icon-font-position : after ); } } .switcher-dropdown { @include lib-list-reset-styles(); padding: $indent__s 0; } .header.links { @include lib-list-reset-styles(); border-bottom: 1px solid $color-gray82; li { font-size: 1.6rem; margin: 0; &.greet.welcome { border-top: 1px solid $color-gray82; font-weight: 700; padding: 0.8rem $indent__base; } > a { border-top: 1px solid $color-gray82; } } a, a:hover { @include lib-css(color, $navigation-level0-item__color); @include lib-css(text-decoration, $navigation-level0-item__text-decoration); display: block; font-weight: 700; padding: 0.8rem $indent__base; } .header.links { border: 0; } }*/ } .nav-before-open { height: 100%; overflow-x: hidden; width: 100%; } .nav-before-open .page-wrapper { transition: left 0.3s; height: 100%; left: 0; overflow: hidden; position: relative; } .nav-before-open body { height: 100%; overflow: hidden; position: relative; width: 100%; } .nav-open .page-wrapper { left: 80%; left: calc(100% - 54px); } .nav-open .nav-sections { box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75); left: 0; z-index: 99; } .nav-open .nav-toggle:after { background: rgba(0, 0, 0, 0.5); content: ''; display: block; height: 100%; position: fixed; right: 0; top: 0; width: 100%; z-index: 1; } .nav-sections-items { position: relative; z-index: 1; } .nav-sections-items:before, .nav-sections-items:after { content: ''; display: table; } .nav-sections-items:after { clear: both; } .nav-sections-item-title { background: #e8e8e8; border: solid #dbdbdb; border-width: 0 0 1px 1px; box-sizing: border-box; float: left; height: 71px; padding-top: 24px; text-align: center; width: 33.33%; } .nav-sections-item-title.active { background: transparent; border-bottom: 0; } .nav-sections-item-title .nav-sections-item-switch:hover { text-decoration: none; } .nav-sections-item-content { box-sizing: border-box; float: right; margin-left: -100%; margin-top: 71px; width: 100%; padding: 25px 0; } .nav-sections-item-content:before, .nav-sections-item-content:after { content: ''; display: table; } .nav-sections-item-content:after { clear: both; } .nav-sections-item-content.active { display: block; } .navigation { background: whitesmoke; box-sizing: border-box; } .navigation ul { margin: 0; padding: 0; } .navigation li { margin: 0; } .navigation a { display: block; padding: 15px 0 15px 15px; } .navigation a, .navigation a:hover { color: #575757; text-decoration: none; } .navigation .level0 { border-top: 1px solid #d1d1d1; font-size: 1.6rem; } .navigation .level0 > .level-top { font-weight: 700; padding: 8px 40px 8px 15px; text-transform: uppercase; word-wrap: break-word; } .navigation .level0.active .all-category .ui-state-focus { border-color: #ff5501; border-style: solid; border-width: 0 0 0 8px; padding-left: 7px; display: inline-block; } .navigation .level0 > .level1 { font-weight: 600; } .navigation .level0.active > a:not(.ui-state-active), .navigation .level0.has-active > a:not(.ui-state-active) { border-color: #ff5501; border-style: solid; border-width: 0 0 0 8px; } .navigation .level0.active > a:not(.ui-state-active) span:not(.ui-menu-icon), .navigation .level0.has-active > a:not(.ui-state-active) span:not(.ui-menu-icon) { margin-left: -8px; } .navigation li.level0:last-child { border-bottom: 1px solid #d1d1d1; } .navigation .submenu > li { word-wrap: break-word; } .navigation .submenu:not(:first-child) { font-weight: 400; line-height: 1.3; left: auto !important; overflow-x: hidden; padding: 0; position: relative; top: auto !important; transition: left 0.3s ease-out; } .navigation .submenu:not(:first-child) > li > a { padding-left: 15px; } .navigation .submenu:not(:first-child) > li:last-child { margin-bottom: 0; } .navigation .submenu:not(:first-child) ul { display: block; padding-left: 15px; } .navigation .submenu:not(:first-child) ul > li { margin: 0; } .navigation .submenu:not(:first-child) ul > li a { color: #575757; display: block; line-height: normal; } .navigation .submenu:not(:first-child).expanded { display: block !important; padding-right: 0; top: 0 !important; } .navigation .submenu:not(:first-child) .active > a { border-color: #ff5501; border-style: solid; border-width: 0 0 0 8px; padding-left: 7px; } .navigation .submenu:not(:first-child) .level1.active > a { padding-left: 7px; } } @media only screen and (min-width: 768px) { .nav-toggle { display: none; } .nav-sections { flex-shrink: 0; flex-basis: auto; } .nav-sections-item-title { display: none; } .nav-sections-item-content { display: block !important; } .nav-sections-item-content > .navigation { display: block; } .navigation { background: whitesmoke; font-weight: 700; 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 .level0 { margin: 0 15px 0 0; display: inline-block; position: relative; } .navigation .level0:last-child { margin-right: 0; padding-right: 0; } .navigation .level0 > .level-top { color: #575757; line-height: 53px; padding: 0 12px; text-decoration: none; box-sizing: border-box; position: relative; } .navigation .level0 > .level-top:hover, .navigation .level0 > .level-top.ui-state-focus { color: #333; text-decoration: none; } .navigation .level0.active > .level-top, .navigation .level0.has-active > .level-top { border-color: #ff5501; border-style: solid; border-width: 0 0 3px; color: #333; text-decoration: none; display: inline-block; } .navigation .level0.parent:hover > .submenu { overflow: visible !important; } .navigation .level0 .submenu { background: #fff; border: 1px solid #d1d1d1; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.19); font-weight: 700; min-width: 230px; padding: 15px 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: #fff; left: 20px; top: -20px; border: 10px solid transparent; height: 0; width: 0; border-bottom-color: #fff; 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 a { display: block; line-height: inherit; color: #575757; padding: 8px 20px; } .navigation .level0 .submenu a:hover, .navigation .level0 .submenu a.ui-state-focus { background: #e8e8e8; color: #333; text-decoration: none; } .navigation .level0 .submenu .active > a { border-color: #ff5501; border-style: solid; border-width: 0 0 0 3px; } .navigation .level0 .submenu .submenu { top: 0 !important; left: 100% !important; } .navigation .level0 .submenu .submenu-reverse { left: auto !important; right: 100%; } .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: ""; 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; } } .off-canvas-wrapper-inner { transition: transform 250ms ease-in-out; transform: translateX(0); } .off-canvas-wrapper-inner.is-open-left .off-canvas-content { transform: translateX(440px); } @media screen and (max-width: 565px) { .off-canvas-wrapper-inner.is-open-left .off-canvas-content { transform: translateX(80%); } } .off-canvas-wrapper-inner.is-open-left .off-canvas-content:before { top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.3); } .off-canvas-wrapper-inner .off-canvas-content { transition: transform 250ms ease-in-out; background-color: white; min-height: 100vh; } .off-canvas-wrapper-inner .off-canvas-content:before { content: ''; position: absolute; transition: background-color .4s ease .4s; } .off-canvas { position: absolute; z-index: -1; max-height: 100vh; overflow-y: auto; background-color: transparent; height: 100vh; background: #222; } .off-canvas.position-left { top: 0; width: 80%; min-width: 140px; max-width: 440px; display: flex; flex-direction: column; } .off-canvas .right-menu-container { display: inline-block; width: 100%; background: #f2f2f2; margin-bottom: 0; border-bottom: 4px solid #cd9f28; flex: 0 0 auto; } .off-canvas .right-menu-container li { display: inline-block; width: calc(100% / 3); float: left; margin-top: 1.5rem; text-align: center; } .off-canvas .right-menu-container li a:hover { text-decoration: none; } .off-canvas .mobile-menu-footer { flex: 0 0 50px; bottom: 0; height: 50px; background: #f2f2f2; width: 100%; } .off-canvas .mobile-menu-footer .social-link { text-align: center; display: inline-block; width: calc(100% / 3); color: #222; padding-top: 8px; font-size: 24px; float: left; } .off-canvas .mobile-menu-footer .social-link:hover { text-decoration: none; color: #cd9f28; } .off-canvas .mobile-menu-wrapper { flex: 1 1 100%; display: flex; flex-direction: column; overflow: hidden; } .off-canvas .mobile-menu-wrapper .mobile-menu-title { flex: 0 0 auto; color: #ccc; font-weight: 700; padding: 10px 0; text-align: center; border-bottom: 1px solid #333; display: block; position: relative; } .off-canvas .mobile-menu-wrapper .mobile-menu-title.show-back:before { position: absolute; left: 5px; cursor: pointer; top: 50%; transform: translateY(-50%); font-size: 20px; padding: 20px; } .off-canvas .mobile-menu-wrapper .mobile-menu-nav { flex: 1 1 100%; position: relative; } .off-canvas .mobile-menu-wrapper .mobile-menu-nav .mobile-sub-nav { width: 100%; position: absolute; top: 0; left: 0; bottom: 0; background: #222; overflow: auto; margin: 0; transition: transform 250ms ease-in-out; } .off-canvas .mobile-menu-wrapper .mobile-menu-nav .mobile-sub-nav.sub-list-open { transform: translateX(-30%); } .off-canvas .mobile-menu-wrapper .mobile-menu-nav .mobile-sub-nav.hide-list { transform: translateX(100%); } .off-canvas .mobile-menu-wrapper .mobile-menu-nav .mobile-sub-nav .mobile-nav-element { border-bottom: 1px solid #333; border-top: none; margin-bottom: 0; position: relative; display: block; } .off-canvas .mobile-menu-wrapper .mobile-menu-nav .mobile-sub-nav .mobile-nav-element a { color: #ccc; padding: 10px 10px 10px 20px; display: block; } .off-canvas .mobile-menu-wrapper .mobile-menu-nav .mobile-sub-nav .mobile-nav-element a:hover { color: #cd9f28; text-decoration: none; } .off-canvas .mobile-menu-wrapper .mobile-menu-nav .mobile-sub-nav .mobile-nav-element.has-children a { display: inline-block; width: calc(100% - 50px); border-right: 1px solid #333; } .off-canvas .mobile-menu-wrapper .mobile-menu-nav .mobile-sub-nav .mobile-nav-element.has-children span.show-child-menu { width: 50px; padding: 0; position: absolute; right: 0; top: 0; bottom: 0; z-index: 2; cursor: pointer; } .off-canvas .mobile-menu-wrapper .mobile-menu-nav .mobile-sub-nav .mobile-nav-element.has-children span.show-child-menu:before { color: #ccc; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 50px; text-align: center; font-size: 20px; } .off-canvas .mobile-menu-wrapper .mobile-menu-nav .mobile-sub-nav .mobile-nav-element.has-children span.show-child-menu:hover { color: #cd9f28; } .pages .label { display: none; } .pages .pages-items { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 3px; } .pages .pages-items > li { display: inline; } .pages .pages-items > li:first-child > span:not(.label) { margin-left: 0; border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .pages .pages-items > li > a, .pages .pages-items > li > span { position: relative; float: left; padding: 6px 12px; line-height: 1.42857; text-decoration: none; color: #cd9f28; background-color: white; border: 1px solid #ddd; margin-left: -1px; } .pages .pages-items > li.current > a, .pages .pages-items > li.current > span, .pages .pages-items > li > a:focus { z-index: 3; color: #222; background-color: #b88e24; border-color: #b88e24; cursor: default; } .pages .pages-items > li:not(.current) a:hover { color: #a27e20; background: #eee; border-color: #ddd; } .pages .pages-items > li a.next span:not(.label) { position: relative; } .pages .pages-items > li a.next span:not(.label):before { position: relative; top: 2px; } .ui-dialog.popup .action.close { position: absolute; height: 40px; right: 0; top: 0; width: 40px; z-index: 1001; display: inline-block; text-decoration: none; background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-decoration: none; text-shadow: none; font-weight: 400; } .ui-dialog.popup .action.close > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-dialog.popup .action.close:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; line-height: 22px; color: inherit; content: ""; font-family: "icons-blank-theme"; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .ui-dialog.popup .action.close:hover:before { color: inherit; } .ui-dialog.popup .action.close:active:before { color: inherit; } .ui-dialog.popup .action.close:focus, .ui-dialog.popup .action.close:active { background: none; border: none; } .ui-dialog.popup .action.close:hover { background: none; border: none; } .ui-dialog.popup .action.close.disabled, .ui-dialog.popup .action.close[disabled], fieldset[disabled] .ui-dialog.popup .action.close { cursor: not-allowed; pointer-events: none; opacity: 0.5; } .popup-pointer { margin-left: -14px; position: absolute; top: -14px; } .popup-pointer:before, .popup-pointer:after { content: ''; position: absolute; display: block; width: 0; height: 0; border-bottom-style: solid; } .popup-pointer:before { left: 2px; top: 2px; border: solid 6px; border-color: transparent transparent #fff transparent; z-index: 99; } .popup-pointer:after { left: 1px; top: 0; border: solid 7px; border-color: transparent transparent #aeaeae transparent; z-index: 98; } @media only screen and (min-width: 640px) { .ui-dialog.popup { width: 420px; } } .price { font-size: 20px; } .price-tier_price .price-excluding-tax, .price-tier_price .price-including-tax { display: inline; } .price-container { text-align: right; } .price-container .price-box { padding: 5px 0 15px; } .price-container .bid-block-container .price { color: #d8230d; } .price-container .ask-block-container .price-including-tax .price { color: #108549; } .price-container .bid-price-info, .price-container .price-excluding-tax, .price-container .tax-percent { display: block; font-size: 10px; color: #888; font-style: normal; } .price-container .bid-price, .price-container .price-including-tax { margin-bottom: 5px; } .price-container .price-excluding-tax .price { font-size: 10px; } .price-container .qty-wrapper { display: inline-block; } .product.data.items { position: relative; z-index: 1; margin-bottom: 0; } .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 2px 0 0; } .product.data.items > .item.title > .switch { color: #333; font-weight: 400; line-height: 20px; font-size: 1.4rem; color: #333; text-decoration: none; background: transparent; border: 1px solid #d1d1d1; border-bottom: none; height: 42px; padding: 10px 20px 10px 20px; } .product.data.items > .item.title > .switch:visited { color: #333; text-decoration: none; } .product.data.items > .item.title > .switch:hover { color: #333; text-decoration: none; } .product.data.items > .item.title > .switch:active { color: #333; text-decoration: none; } .product.data.items > .item.title:not(.disabled) > .switch:focus, .product.data.items > .item.title:not(.disabled) > .switch:hover { background: #f0f0f0; } .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: #FFF; color: #333; } .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: 11px; } .product.data.items > .item.content { background: #FFF; margin-top: 41px; padding: 20px 0 20px 0; border: 0; border-top: 1px solid #d1d1d1; } .product.data.items .item.title:not(.active) > .switch { border: none; height: 41px; } .product.data.items > .item.title > .switch { border-color: #ddd; border-radius: 3px 3px 0 0; } .product.data.items .data.item.content, .product.data.items .data.item.content p { font-size: 14px; } @media screen and (max-width: 768px) { .page-main .product-content-wrapper, .category-slice .category-slice-inner .product-content-wrapper { display: flex; flex-flow: column; } .page-main .product-content-wrapper .product.media, .category-slice .category-slice-inner .product-content-wrapper .product.media { order: 1; } .page-main .product-content-wrapper .product.media, .category-slice .category-slice-inner .product-content-wrapper .product.media, .page-main .product-content-wrapper .product.media .fotorama__stage, .category-slice .category-slice-inner .product-content-wrapper .product.media .fotorama__stage { max-height: 370px; } .page-main .product-content-wrapper .product-info-main, .category-slice .category-slice-inner .product-content-wrapper .product-info-main { order: 3; } .page-main .product-content-wrapper .product-info-main .page-title-wrapper.product, .category-slice .category-slice-inner .product-content-wrapper .product-info-main .page-title-wrapper.product { display: none; } .page-main .product-content-wrapper .product-add-form, .category-slice .category-slice-inner .product-content-wrapper .product-add-form { order: 2; } .page-main .products.products-grid .product-item .product-box .item-prices form, .category-slice .category-slice-inner .products.products-grid .product-item .product-box .item-prices form { flex-direction: column; } .product.data.items > .item.title > .switch { padding: 7px; } .page-footer .owl-carousel .owl-nav button.owl-prev, .page-footer .owl-carousel .owl-nav .cart.table-wrapper .actions-toolbar > .owl-prev.action, .cart.table-wrapper .page-footer .owl-carousel .owl-nav .actions-toolbar > .owl-prev.action, .page-footer .owl-carousel .owl-nav .owl-prev.action-gift, .page-footer .owl-carousel .owl-nav button.owl-next, .page-footer .owl-carousel .owl-nav .cart.table-wrapper .actions-toolbar > .owl-next.action, .cart.table-wrapper .page-footer .owl-carousel .owl-nav .actions-toolbar > .owl-next.action, .page-footer .owl-carousel .owl-nav .owl-next.action-gift { top: 100%; } .page-footer .owl-carousel .owl-nav button.owl-prev, .page-footer .owl-carousel .owl-nav .cart.table-wrapper .actions-toolbar > .owl-prev.action, .cart.table-wrapper .page-footer .owl-carousel .owl-nav .actions-toolbar > .owl-prev.action, .page-footer .owl-carousel .owl-nav .owl-prev.action-gift { left: -10px; } .page-footer .owl-carousel .owl-nav button.owl-next, .page-footer .owl-carousel .owl-nav .cart.table-wrapper .actions-toolbar > .owl-next.action, .cart.table-wrapper .page-footer .owl-carousel .owl-nav .actions-toolbar > .owl-next.action, .page-footer .owl-carousel .owl-nav .owl-next.action-gift { right: -10px; } } .section.container { padding: 0; } figure.video { margin: 0; position: relative; overflow: hidden; height: auto; padding-bottom: 56.25%; } figure.video iframe { border: 0; width: 100%; height: 100%; position: absolute; } table.table-bordered, .content table.table-bordered { border: 1px solid #ddd; } table.table-borderless, .content table.table-borderless { border: none; } table.table-borderless td, table.table-borderless th, .content table.table-borderless td, .content table.table-borderless th { border: none; } table tbody > tr > td, table thead > tr > td, table tfoot > tr > td, .content table tbody > tr > td, .content table thead > tr > td, .content table tfoot > tr > td { border: 1px solid #ddd; } table.additional-attributes tr th { border: none; } table:not(.table-bordered):not(.table-checkout-shipping-method):not(.additional-attributes):not(.table-order-items) tbody tr:first-child td, table:not(.table-bordered):not(.table-checkout-shipping-method):not(.additional-attributes):not(.table-order-items) tbody tr:first-child th, table:not(.table-bordered):not(.table-checkout-shipping-method):not(.additional-attributes):not(.table-order-items) thead tr:first-child td, table:not(.table-bordered):not(.table-checkout-shipping-method):not(.additional-attributes):not(.table-order-items) thead tr:first-child th, table:not(.table-bordered):not(.table-checkout-shipping-method):not(.additional-attributes):not(.table-order-items) tfoot tr:first-child td, table:not(.table-bordered):not(.table-checkout-shipping-method):not(.additional-attributes):not(.table-order-items) tfoot tr:first-child th { border: none; } .tooltip.wrapper { position: relative; } .tooltip.wrapper .tooltip.content { background: #fff; max-width: 360px; min-width: 210px; padding: 12px 16px; z-index: 100; display: none; position: absolute; text-align: left; color: #333; line-height: 1.4; border: 1px solid #bbb; margin-top: 5px; left: 0; top: 100%; } .tooltip.wrapper .tooltip.content:after, .tooltip.wrapper .tooltip.content:before { border: solid transparent; content: ''; height: 0; position: absolute; width: 0; } .tooltip.wrapper .tooltip.content:after { border-width: 5px; border-color: transparent; } .tooltip.wrapper .tooltip.content:before { border-width: 6px; border-color: transparent; } .tooltip.wrapper .tooltip.content:after, .tooltip.wrapper .tooltip.content:before { bottom: 100%; } .tooltip.wrapper .tooltip.content:after { border-bottom-color: #fff; left: 15px; margin-left: -5px; } .tooltip.wrapper .tooltip.content:before { border-bottom-color: #bbb; left: 15px; margin-left: -6px; } .tooltip.wrapper .tooltip.toggle { cursor: help; } .tooltip.wrapper .tooltip.toggle:hover + .tooltip.content, .tooltip.wrapper .tooltip.toggle:focus + .tooltip.content, .tooltip.wrapper:hover .tooltip.content { display: block; } .tooltip.wrapper .tooltip.content dl { margin-bottom: 0; } .tooltip.wrapper .tooltip.content dd { white-space: normal; } .tooltip.wrapper .tooltip.content .subtitle { display: inline-block; font-size: 16px; font-weight: 500; margin-bottom: 15px; } .tooltip.wrapper .tooltip.content .label { margin-top: 15px; } .tooltip.wrapper .tooltip.content .label:first-child { margin-top: 0; } .tooltip.wrapper .tooltip.content .values { margin: 0; } .ui-tooltip { position: absolute; z-index: 9999; } @media only screen and (max-width: 479px) { .tooltip.wrapper .tooltip.content { min-width: 10rem; } } @font-face { font-family: "Open Sans"; src: url("../../frontend/Codeculture/ProAurumSchweiz/de_CH/fonts/opensans/light/opensans-300.eot"); src: url("../../frontend/Codeculture/ProAurumSchweiz/de_CH/fonts/opensans/light/opensans-300.eot?#iefix") format("embedded-opentype"), url("../../frontend/Codeculture/ProAurumSchweiz/de_CH/fonts/opensans/light/opensans-300.woff2") format("woff2"), url("../../frontend/Codeculture/ProAurumSchweiz/de_CH/fonts/opensans/light/opensans-300.woff") format("woff"), url("../../frontend/Codeculture/ProAurumSchweiz/de_CH/fonts/opensans/light/opensans-300.ttf") format("truetype"), url("../../frontend/Codeculture/ProAurumSchweiz/de_CH/fonts/opensans/light/opensans-300.svg#Open Sans") format("svg"); font-weight: 300; font-style: normal; } @font-face { font-family: "Open Sans"; src: url("../../frontend/Codeculture/ProAurumSchweiz/de_CH/fonts/opensans/regular/opensans-400.eot"); src: url("../../frontend/Codeculture/ProAurumSchweiz/de_CH/fonts/opensans/regular/opensans-400.eot?#iefix") format("embedded-opentype"), url("../../frontend/Codeculture/ProAurumSchweiz/de_CH/fonts/opensans/regular/opensans-400.woff2") format("woff2"), url("../../frontend/Codeculture/ProAurumSchweiz/de_CH/fonts/opensans/regular/opensans-400.woff") format("woff"), url("../../frontend/Codeculture/ProAurumSchweiz/de_CH/fonts/opensans/regular/opensans-400.ttf") format("truetype"), url("../../frontend/Codeculture/ProAurumSchweiz/de_CH/fonts/opensans/regular/opensans-400.svg#Open Sans") format("svg"); font-weight: 400; font-style: normal; } @font-face { font-family: "Open Sans"; src: url("../../frontend/Codeculture/ProAurumSchweiz/de_CH/fonts/opensans/semibold/opensans-600.eot"); src: url("../../frontend/Codeculture/ProAurumSchweiz/de_CH/fonts/opensans/semibold/opensans-600.eot?#iefix") format("embedded-opentype"), url("../../frontend/Codeculture/ProAurumSchweiz/de_CH/fonts/opensans/semibold/opensans-600.woff2") format("woff2"), url("../../frontend/Codeculture/ProAurumSchweiz/de_CH/fonts/opensans/semibold/opensans-600.woff") format("woff"), url("../../frontend/Codeculture/ProAurumSchweiz/de_CH/fonts/opensans/semibold/opensans-600.ttf") format("truetype"), url("../../frontend/Codeculture/ProAurumSchweiz/de_CH/fonts/opensans/semibold/opensans-600.svg#Open Sans") format("svg"); font-weight: 600; font-style: normal; } @font-face { font-family: "Open Sans"; src: url("../../frontend/Codeculture/ProAurumSchweiz/de_CH/fonts/opensans/bold/opensans-700.eot"); src: url("../../frontend/Codeculture/ProAurumSchweiz/de_CH/fonts/opensans/bold/opensans-700.eot?#iefix") format("embedded-opentype"), url("../../frontend/Codeculture/ProAurumSchweiz/de_CH/fonts/opensans/bold/opensans-700.woff2") format("woff2"), url("../../frontend/Codeculture/ProAurumSchweiz/de_CH/fonts/opensans/bold/opensans-700.woff") format("woff"), url("../../frontend/Codeculture/ProAurumSchweiz/de_CH/fonts/opensans/bold/opensans-700.ttf") format("truetype"), url("../../frontend/Codeculture/ProAurumSchweiz/de_CH/fonts/opensans/bold/opensans-700.svg#Open Sans") format("svg"); font-weight: 700; font-style: normal; } @media only screen and (min-width: 768px) { h1 { font-size: 40px; margin-bottom: 40px; } } .items { margin: 0; padding: 0; list-style: none none; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-top: 20px; margin-bottom: 10px; font-weight: 400; line-height: 1.2; color: inherit; font-family: "Open Sans"; } .h2, h2 { font-size: 24px; margin-top: 20px; margin-bottom: 10px; } .content .h1, .content .h2, .content .h3, .content .h4, .content .h5, .content .h6, .content h1, .content h2, .content h3, .content h4, .content h5, .content h6 { color: inherit; } p { margin-bottom: 15px; font-size: 16px; line-height: 1.6; } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 400; font-style: italic; } label em { color: #888; margin-right: 5px; } a { cursor: pointer; } a, a:visited, a:not(.button):visited, a:not(.button) > span { color: #cd9f28; text-decoration: none; } a:hover, a:not(.button):hover > span { color: #a27e20; text-decoration: none; } .navigation-container a > span { color: #ddd; } .page-title > h1 { font-size: 36px; font-weight: 600; text-align: center; } .catalog-product-view h1.page-title { font-size: 28px; line-height: 1.2; margin-top: 10px; margin-bottom: 20px; } @media screen and (max-width: 768px) { .catalog-product-view h1.page-title { text-align: center; } } .catalog-product-view .price-container h4 { position: relative; margin: -10px; padding: 10px; text-align: center; font-weight: 700; font-size: inherit; text-transform: uppercase; } .font-bold { font-weight: 700; } .align-center { text-align: center; } .align-right { text-align: right; } ul, ol { font-size: 14px; } ul.list-style-disc, ol.list-style-disc { padding-left: 20px; list-style: disc; } ul.list-style-disc li, ol.list-style-disc li { margin-bottom: 10px; } ul.list-style-ordered, ol.list-style-ordered { padding-left: 20px; } .page.messages { width: 100%; } .off-canvas-wrapper.mobile-menu-open { max-height: 100vh; overflow: hidden; } .off-canvas-wrapper .right-menu-container { list-style: none; position: absolute; top: 50%; right: 0; margin: 0; transform: translateY(-50%); } @media only screen and (max-width: 479px) { .off-canvas-wrapper .right-menu-container { display: flex; } } .off-canvas-wrapper .right-menu-container .cart-info { position: absolute; display: inline-block; right: 0; bottom: 16px; min-width: 16px; height: 16px; padding: 0 2px; line-height: 16px; font-size: 11px; border-radius: 10px; background: #222; color: white; text-align: center; text-indent: 1px; } .off-canvas-wrapper .right-menu-container li { display: inline-block; padding: 15px 0; color: #000; text-align: center; } @media only screen and (max-width: 479px) { .off-canvas-wrapper .right-menu-container li { flex: 30% 1 1; } } .off-canvas-wrapper .right-menu-container li a { color: inherit; position: relative; font-size: 11px; } .off-canvas-wrapper .right-menu-container li .link-login .user-logged-in { position: absolute; top: 0; right: 17px; font-size: 14px; color: #000; } .off-canvas-wrapper .right-menu-container li:hover { color: #cd9f28; text-decoration: none; } .off-canvas-wrapper .right-menu-container li:hover .cart-info { background: #cd9f28; } .off-canvas-wrapper .right-menu-container li:hover a { text-decoration: none; } .off-canvas-wrapper .right-menu-container li:hover .user-logged-in { color: #cd9f28; } .off-canvas-wrapper .right-menu-container li .link-cart:before, .off-canvas-wrapper .right-menu-container li .link-pricelist:before, .off-canvas-wrapper .right-menu-container li .link-login:before { display: inline-block; text-align: center; font-size: 18px; width: 100%; } [class*=categorypath-hersteller-] .cms-header { background: #fff; } [class*=categorypath-hersteller-] .cms-header .cms-header-img { background-size: contain; } [class*=categorypath-hersteller-] .cms-header .page-title { display: none; } .category-hersteller .gallery-slice .gallery-excerpt .gallery-excerpt-item a { background: white; } .category-hersteller .gallery-slice .gallery-excerpt .gallery-excerpt-item a .image { background-size: contain; background-repeat: no-repeat; } @media only screen and (max-width: 767px) { .off-canvas-wrapper .right-menu-container { position: relative; top: auto; transform: none; } .off-canvas-wrapper .right-menu-container li.level0 { margin-top: 30px; border-top: 1px solid #ddd; margin-bottom: 0; padding: 12px; } .off-canvas-wrapper .right-menu-container li.level0 a:before { font-size: 20px; } .off-canvas-wrapper .header.content .right-menu-container { display: none; } } .cookie-status-message { display: none; } .cms-home .nav-sections { margin-bottom: 0; } .category-slice { background: url("../../frontend/Codeculture/ProAurumSchweiz/de_CH/images/backgrounds/shop-filter-section.jpg") 50% 100%/cover no-repeat #333; color: white; margin-bottom: 25px; overflow: hidden; } .category-slice .category-slice-inner { min-height: unset !important; } @media screen and (max-width: 768px) { .category-slice .category-slice-inner .columns { display: flex; } } .category-slice .category-slice-inner .column { padding-top: 40px; padding-bottom: 40px; text-align: center; } .category-slice .category-slice-inner a { text-decoration: none; } .category-slice .category-slice-inner .category-image { display: block; text-align: center; } .category-slice .category-slice-inner .category-image img { filter: drop-shadow(0 5px 5px rgba(0, 0, 0, 0.6)); transform: scale(1); transition: .6s all; max-width: 90%; width: 180px; } .category-slice .category-slice-inner .category-image span { display: block; margin-top: 15px; margin-bottom: 15px; font-size: 18px; text-transform: uppercase; letter-spacing: 1px; color: white; text-decoration: none; } .category-slice .category-slice-inner .category-image:hover img { transform: scale(1.05); filter: drop-shadow(0 15px 10px rgba(0, 0, 0, 0.6)); } .category-slice .category-slice-inner .category-image:hover span { color: #cd9f28; } .category-slice .category-slice-inner select { max-width: 160px; border: 1px solid rgba(255, 255, 255, 0.8); font-weight: 200; background: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.9); display: inline-block; padding: 4px 5px 4px 15px; } @media screen and (max-width: 768px) { .category-slice .category-slice-inner select { padding: 3px; } } .category-slice .category-slice-inner select > option { color: #000; } .stextcolumns { column-count: 2; } .category-cms { margin: 30px; } .pa-container { margin-right: auto; margin-left: auto; padding-left: 10px; padding-right: 10px; } @media (min-width: 768px) { .pa-container { width: 740px; } } @media (min-width: 992px) { .pa-container { width: 960px; } } @media (min-width: 1200px) { .pa-container { width: 1150px; } } @media (min-width: 480px) and (max-width: 769px) { .columns.is-bigmobile-wrapper { display: flex; } .column.is-half-bigmobile { width: 50%; flex: none; } } .block-common-bottom-wrapper { padding: 15px 0; border-top: 1px solid #ddd; text-align: center; margin-top: 40px; background-color: white; } .block-common-bottom-wrapper .owl-carousel { margin-top: 25px; margin-bottom: 25px; } .dropdown .dropdown-header { display: block; padding: 0.375rem 1rem; font-size: 12px; line-height: 1.42857; color: #888; white-space: nowrap; } .dropdown.is-active .btn { color: #222; background-color: #dbdbdb; border-color: #b5b5b5; } .dropdown .btn { padding-right: 30px; } .dropdown .dropdown-item { font-size: 14px; } .dropdown .dropdown-item, .dropdown .dropdown-item:visited { color: #000; } .dropdown .dropdown-item:hover { text-decoration: none; } .dropdown .icon-angle-down, .dropdown .footer.content .links.hideable-on-small.hide-list .footer-headline:before, .footer.content .links.hideable-on-small.hide-list .dropdown .footer-headline:before { position: absolute; right: 12px; } .dropdown label { font-style: normal; } .pa-panel { max-width: 40rem; width: 100%; box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12); margin: 0 auto; padding: 0; border: 0; } .pa-panel.pa-panel-full { max-width: 100%; } .pa-panel.pa-panel-full .pa-panel-bottom-bar, .pa-panel.pa-panel-full .pa-panel-top-bar { padding: 5px 30px; } @media screen and (max-width: 768px) { .pa-panel.pa-panel-full .pa-panel-bottom-bar, .pa-panel.pa-panel-full .pa-panel-top-bar { padding: 5px 10px; } } .pa-panel.pa-panel-no-shadow { box-shadow: none; } @media screen and (min-width: 991px) { .pa-panel.pa-panel-margin { margin-bottom: 10px; } } @media screen and (max-width: 990px) { .pa-panel.pa-panel-margin { margin-bottom: 10px; } } .pa-panel.pa-panel-full-height, .pa-panel.pa-panel-full-height .pa-panel-content { height: 100%; } @media screen and (min-width: 769px), print { .pa-panel.pa-panel-fill-height { height: 100%; display: flex; flex-direction: column; } .pa-panel.pa-panel-fill-height .pa-panel-content { flex: 1 0 auto; } } .pa-panel.pa-panel-row { max-width: 40rem; } .pa-panel.pa-panel-small, .pa-panel.pa-panel-row.pa-panel-small { max-width: 40rem; } .pa-panel.pa-panel-padding-small .pa-panel-content, .pa-panel.pa-panel-padding-small .pa-panel-bottom-bar, .pa-panel.pa-panel-padding-small .pa-panel-top-bar { padding: 10px 10px; } .pa-panel.pa-panel-extended .pa-panel-top-bar { background-color: #f2f2f2; padding: 5px 17.5px; } .pa-panel.pa-panel-extended .pa-panel-top-bar h4, .pa-panel.pa-panel-extended .pa-panel-top-bar .h4 { position: relative; padding: 12.5px 0 12.5px 95px; font-weight: 400; letter-spacing: .3px; line-height: 1.3; } .pa-panel.pa-panel-extended .pa-panel-top-bar h4 i, .pa-panel.pa-panel-extended .pa-panel-top-bar .h4 i { display: table; position: absolute; top: 0; left: 0; bottom: 0; margin: auto; font-size: 72px; color: #cd9f28; } .pa-panel.pa-panel-extended .pa-panel-top-bar h4 i:before, .pa-panel.pa-panel-extended .pa-panel-top-bar .h4 i:before { display: table-cell; } .pa-panel.pa-panel-extended .pa-panel-content { padding: 17.5px; } .pa-panel.pa-panel-extended .pa-panel-content p { font-size: 17px; line-height: 1.45; letter-spacing: -.2px; margin-bottom: 10px; } @media screen and (min-width: 991px) { .pa-panel.pa-panel-fixed { height: 75%; } } .pa-panel.pa-panel-fixed .pa-panel-top-bar { position: absolute; top: 0; left: 0; right: 0; z-index: 10; } @media screen and (max-width: 768px) { .pa-panel.pa-panel-fixed .pa-panel-top-bar { position: fixed; height: 70px; } } .pa-panel.pa-panel-fixed .pa-panel-content { margin-top: 35px; margin-bottom: 0; height: calc(100% - 80px); overflow: auto; } @media screen and (max-width: 768px) { .pa-panel.pa-panel-fixed .pa-panel-content { margin-bottom: 0; padding-bottom: 30px; overflow: scroll; -webkit-overflow-scrolling: touch; } .pa-panel.pa-panel-fixed .pa-panel-content .pa-panel-bottom-bar:last-child { margin-bottom: -15px; } } .pa-panel.pa-panel-fixed.pa-panel-no-bottom-bar .pa-panel-content { margin-bottom: 0; height: calc(100% - 35px); } .pa-panel.pa-panel-fixed:not(.pa-panel-no-bottom-bar):not(.pa-panel-small) .pa-panel-bottom-bar { position: absolute; bottom: 0; left: 0; right: 0; } @media screen and (min-width: 769px), print { .pa-panel.pa-panel-fixed:not(.pa-panel-no-bottom-bar):not(.pa-panel-small) .pa-panel-bottom-bar { box-shadow: 0 0 1em 0 rgba(46, 61, 73, 0.25); } } .pa-panel.pa-panel-fixed:not(.pa-panel-no-bottom-bar):not(.pa-panel-small) .pa-panel-bottom-bar:not(.product-quickview-tocart) { position: relative; bottom: 0; left: 0; right: 0; } .pa-panel .pa-panel-content { background-color: #f2f2f2; padding: 20px 30px; } @media screen and (max-width: 768px) { .pa-panel .pa-panel-content.pa-panel-content-padding-small { padding: 10px; } } .pa-panel .pa-panel-content .box-title { font-size: 16px; } .pa-panel .pa-panel-content .pa-panel-intro { font-size: 16px; line-height: 1.4; padding-bottom: 10px; } .pa-panel .pa-panel-content h3, .pa-panel .pa-panel-content .h3 { background: transparent; padding-top: 0; } .pa-panel .pa-panel-content h4, .pa-panel .pa-panel-content .h2 { margin: 0 !important; } .pa-panel .pa-panel-content p { line-height: 1.3; } .pa-panel .pa-panel-content .field:not(.newsletter) label { margin-bottom: 0; } .pa-panel .pa-panel-content fieldset:not(.street) { padding-bottom: 10px; } .pa-panel .pa-panel-content .box-order-billing-address, .pa-panel .pa-panel-content .box-order-shipping-address { margin-bottom: 10px; } .pa-panel .pa-panel-top-bar { color: #222; border-bottom: 1px solid #ccc; } .pa-panel .pa-panel-top-bar h3, .pa-panel .pa-panel-top-bar .h3 { background: transparent; padding: 0; } @media screen and (max-width: 768px) { .pa-panel .pa-panel-top-bar h3, .pa-panel .pa-panel-top-bar .h3 { font-size: 16px; } } .pa-panel .pa-panel-bottom-bar, .pa-panel .pa-panel-top-bar { background-color: #f2f2f2; padding: 5px 15px; } @media screen and (min-width: 769px), print { .pa-panel .pa-panel-bottom-bar p:last-child, .pa-panel .pa-panel-top-bar p:last-child { margin-bottom: 0; } } .pa-panel .pa-panel-bottom-bar { line-height: 1.3; } @media screen and (max-width: 768px) { .pa-panel .pa-panel-bottom-bar button, .pa-panel .pa-panel-bottom-bar .cart.table-wrapper .actions-toolbar > .action, .cart.table-wrapper .pa-panel .pa-panel-bottom-bar .actions-toolbar > .action, .pa-panel .pa-panel-bottom-bar .action-gift, .pa-panel .pa-panel-bottom-bar .button { padding: 7.5px; } } .pa-panel .pa-panel-bottom-bar.pa-panel-bottom-bar-scrollable.row { box-shadow: none; } @media screen and (min-width: 769px), print { .pa-panel .pa-panel-bottom-bar.pa-panel-bottom-bar-scrollable.row { padding-right: 7.5px; } } @media screen and (max-width: 768px) { .pa-panel .pa-panel-bottom-bar.pa-panel-bottom-bar-scrollable.row { position: relative; bottom: 0; margin-bottom: 0; margin-top: 98px; } .pa-panel .pa-panel-bottom-bar.pa-panel-bottom-bar-scrollable.row .cart-summary { padding-left: 10px; padding-right: 10px; } } @media screen and (min-width: 991px) { .pa-panel .pa-panel-bottom-bar.pa-panel-bottom-bar-scrollable.row:not(:nth-child(2)):not(:nth-child(3)) { position: relative; bottom: 0; margin-left: -35px; margin-right: -35px; margin-bottom: -47px; } } @media screen and (min-width: 769px) and (max-width: 990px) { .pa-panel .pa-panel-bottom-bar.pa-panel-bottom-bar-scrollable.row:not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)) { position: relative; bottom: 0; margin-left: -35px; margin-right: -35px; margin-bottom: -47px; } } .pa-panel .pa-panel-bottom-bar.pa-panel-bottom-bar-extend-padding { padding: 20px 20px; } @media screen and (max-width: 768px) { .pa-panel .pa-panel-bottom-bar.pa-panel-bottom-bar-extend-padding { padding: 10px 10px; } } @media screen and (max-width: 768px) { .pa-panel .pa-panel-bottom-bar .button-link { padding-bottom: 10px; } } @media screen and (max-width: 768px) { .pa-panel .pa-panel-bottom-bar.pa-panel-button-bar-s-center .secondary { margin-bottom: 5px; } .pa-panel .pa-panel-bottom-bar.pa-panel-button-bar-s-center .primary, .pa-panel .pa-panel-bottom-bar.pa-panel-button-bar-s-center .secondary { text-align: center !important; } .pa-panel .pa-panel-bottom-bar.pa-panel-button-bar-s-center .primary .button, .pa-panel .pa-panel-bottom-bar.pa-panel-button-bar-s-center .secondary .button { width: 100%; max-width: 275px; } } .pa-panel .pa-panel-top-bar { line-height: 1; } .pa-panel .pa-panel-top-bar button, .pa-panel .pa-panel-top-bar .cart.table-wrapper .actions-toolbar > .action, .cart.table-wrapper .pa-panel .pa-panel-top-bar .actions-toolbar > .action, .pa-panel .pa-panel-top-bar .action-gift { height: 34px; } .pa-panel .panel-sign-up-shipping, .pa-panel .panel-sign-up-quality, .pa-panel .panel-sign-up-price { padding-left: 40px; position: relative; padding-bottom: 10px; } .pa-panel .panel-sign-up-shipping:before, .pa-panel .panel-sign-up-quality:before, .pa-panel .panel-sign-up-price:before { font-size: 38px; position: absolute; top: 0; left: 0; } .pa-panel .panel-sign-up-shipping h4, .pa-panel .panel-sign-up-shipping .h4, .pa-panel .panel-sign-up-quality h4, .pa-panel .panel-sign-up-quality .h4, .pa-panel .panel-sign-up-price h4, .pa-panel .panel-sign-up-price .h4 { padding-bottom: 2.5px; } .pa-panel .panel-sign-up-shipping p, .pa-panel .panel-sign-up-quality p, .pa-panel .panel-sign-up-price p { font-size: 16px; line-height: 1.3; } .pa-panel [class*=panel-sign-up-] h3.h4 { padding-left: 0; padding-right: 0; } .block address { line-height: 1.0; font-style: normal; margin: 0; } .nm-top-panel-wrapper { position: relative; right: 10px; } @media screen and (max-width: 768px) { .nm-top-panel-wrapper { padding-top: 10px; padding-bottom: 20px; margin-right: 0; right: 0; } } .pa-panel-outer-header { max-width: 40rem; margin-left: auto; margin-right: auto; } .columns.column-fill-height { display: flex; flex-direction: column; } .columns.column-fill-height .pa-panel { display: flex; flex-direction: column; flex: 1 1 100%; } @media screen and (min-width: 991px) { .columns.column-fill-height .pa-panel { margin: 0; } } .columns.column-fill-height .pa-panel .pa-panel-content { flex: 1 1 100%; } .pa-box { padding: 20px 20px 20px 20px; border: 1px solid #ddd; margin-bottom: 20px; } /** * Contact box */ .contact-box .contact-image, .contact-box .question-image, .question-box .contact-image, .question-box .question-image { flex: none; width: 150px; text-align: center; } @media (max-width: 479px) { .contact-box .contact-image, .contact-box .question-image, .question-box .contact-image, .question-box .question-image { width: 100%; } } .contact-box .contact-image img, .contact-box .question-image img, .question-box .contact-image img, .question-box .question-image img { max-width: 120px; border-radius: 100%; } .contact-box .contact-image .question-icon, .contact-box .question-image .question-icon, .question-box .contact-image .question-icon, .question-box .question-image .question-icon { color: #cd9f28; font-size: 80px; text-align: center; } .contact-box .contact-content, .contact-box .contact-content *, .contact-box .question-content, .contact-box .question-content *, .question-box .contact-content, .question-box .contact-content *, .question-box .question-content, .question-box .question-content * { font-size: 14px; } @media (max-width: 479px) { .contact-box .contact-content, .contact-box .contact-content *, .contact-box .question-content, .contact-box .question-content *, .question-box .contact-content, .question-box .contact-content *, .question-box .question-content, .question-box .question-content * { text-align: center; } } .contact-box .contact-content h3.contact-name, .contact-box .contact-content h3.question-name, .contact-box .question-content h3.contact-name, .contact-box .question-content h3.question-name, .question-box .contact-content h3.contact-name, .question-box .contact-content h3.question-name, .question-box .question-content h3.contact-name, .question-box .question-content h3.question-name { margin-top: 10px; margin-bottom: 10px; font-size: 22px; } .contact-box .contact-content h4.contact-info, .contact-box .contact-content h4.question-info, .contact-box .question-content h4.contact-info, .contact-box .question-content h4.question-info, .question-box .contact-content h4.contact-info, .question-box .contact-content h4.question-info, .question-box .question-content h4.contact-info, .question-box .question-content h4.question-info { margin-top: 0; margin-bottom: 15px; font-weight: 300; color: #888; font-size: 16px; } .contact-box .contact-content .contact-address, .contact-box .question-content .contact-address, .question-box .contact-content .contact-address, .question-box .question-content .contact-address { margin-bottom: 15px; } .contact-box .contact-content .questions-spacer, .contact-box .question-content .questions-spacer, .question-box .contact-content .questions-spacer, .question-box .question-content .questions-spacer { max-width: 50px; margin: 5px auto; border-top: 1px solid #333; } @media (min-width: 480px) { .contact-box .contact-content .questions-spacer, .contact-box .question-content .questions-spacer, .question-box .contact-content .questions-spacer, .question-box .question-content .questions-spacer { margin-left: 0; } } .contact-box .contact-content .info, .contact-box .question-content .info, .question-box .contact-content .info, .question-box .question-content .info { color: #333; cursor: pointer; } .contact-box .contact-content .info:before, .contact-box .question-content .info:before, .question-box .contact-content .info:before, .question-box .question-content .info:before { font-weight: 700; } .contact-box .contact-content .contact-phone, .contact-box .question-content .contact-phone, .question-box .contact-content .contact-phone, .question-box .question-content .contact-phone { position: relative; } .contact-box .contact-content .contact-phone .arrow, .contact-box .question-content .contact-phone .arrow, .question-box .contact-content .contact-phone .arrow, .question-box .question-content .contact-phone .arrow { display: none; margin-left: -11px; border-width: 11px; border-top-width: 0; border-color: transparent; border-bottom-color: rgba(0, 0, 0, 0.25); top: 9px; position: absolute; width: 0; height: 0; border-style: solid; left: 73%; z-index: 1061; } .contact-box .contact-content .contact-phone .arrow:after, .contact-box .question-content .contact-phone .arrow:after, .question-box .contact-content .contact-phone .arrow:after, .question-box .question-content .contact-phone .arrow:after { content: " "; top: 1px; margin-left: -10px; border-width: 10px; border-top-width: 0; border-color: transparent; border-style: solid; border-bottom-color: white; display: block; position: absolute; } .contact-box .contact-content .contact-phone .info-popover-content, .contact-box .question-content .contact-phone .info-popover-content, .question-box .contact-content .contact-phone .info-popover-content, .question-box .question-content .contact-phone .info-popover-content { position: absolute; display: none; max-width: 276px; z-index: 1060; border: 1px solid rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); background: white; padding: 9px 14px; text-align: left; } .contact-box .contact-content .useful-links, .contact-box .question-content .useful-links, .question-box .contact-content .useful-links, .question-box .question-content .useful-links { font-weight: 700; } .contact-box .contact-content .useful-links hr, .contact-box .question-content .useful-links hr, .question-box .contact-content .useful-links hr, .question-box .question-content .useful-links hr { width: 50px; margin: 5px auto; border-color: #555; } .contact-box.contact-box-small, .question-box.contact-box-small { max-width: 360px; } .contact-box.contact-box-small .contact-image, .question-box.contact-box-small .contact-image { width: 100%; } .contact-box.contact-box-small .contact-content, .contact-box.contact-box-small .contact-content *, .question-box.contact-box-small .contact-content, .question-box.contact-box-small .contact-content * { text-align: center; } /** * Address/OpeningHours Slice basic styles */ .slice-address-opening-hours { font-size: 16px; width: 100%; } .slice-address-opening-hours .column { display: flex; flex-direction: column; } .slice-address-opening-hours .column .pa-box { flex-grow: 1; margin-bottom: 10px; margin-top: 10px; } @media (max-width: 769px) { .slice-address-opening-hours .column .pa-box { margin-top: 0; } .slice-address-opening-hours .column .pa-box:first-of-type { margin-top: 10px; } } @media (max-width: 1344px) { .slice-address-opening-hours .column.stocklist-column { flex: none; width: 100%; } .slice-address-opening-hours .column.stocklist-column .pa-box { margin-top: 0; } } .slice-address-opening-hours h3 { margin-top: 10px; margin-bottom: 10px; font-size: 22px; text-align: center; font-weight: 400; color: #333; } .slice-address-opening-hours .box-icon { color: #cd9f28; font-size: 70px; text-align: center; display: block; } /** * Address box styles */ .address-box .address-content { text-align: center; } .address-box .address-content hr { width: 50px; border-top: 1px solid #555; margin: 10px auto; } /** * Opening-Hour box styles */ .box-opening-hour .opening-hour-content .columns.day { display: flex; max-width: 370px; margin: 0 auto; width: auto; } .box-opening-hour .opening-hour-content .columns.day > .column { padding-top: 0; padding-bottom: 0; } .box-opening-hour .opening-hour-content .columns.day > .column.day-name { flex: none; width: 40px; text-align: right; } .box-stocklist .stocklist-content { text-align: center; } .link-panel-wrapper { display: flex; flex-direction: column; } .link-panel { transition: border 0.6s; flex-grow: 1; overflow: hidden; padding: 0; } .link-panel:hover { box-shadow: 1px 1px 20px 5px #ddd; } .link-panel > a { display: block; height: 100%; width: 100%; padding: 15px; } .link-panel > a:hover { color: #cd9f28; } .link-panel > a, .link-panel > a * { text-align: center; text-decoration: none; } .link-panel > a .teaser-icon { font-size: 50px; } .link-panel > a .teaser-headline { font-size: 22px; margin-top: 10px; } .link-panel > a .teaser-headline, .link-panel > a .teaser-text { color: #222; } .link-panel > a .find-out:hover { color: #b88e24; } .info-tooltip { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); line-height: 0.8; z-index: 4; } .info-tooltip:hover { z-index: 5; } .info-tooltip:before { font-size: 20px; } .info-tooltip:hover .info-tooltip-content { display: block; } .info-tooltip .info-tooltip-content { display: none; position: absolute; top: 100%; margin-top: 5px; right: -20px; background: white; border-radius: 3px; border: 1px solid rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); font-size: 14px; line-height: 1.4; max-width: 276px; min-width: 200px; padding: 10px 15px; text-transform: none; text-align: left; font-weight: 400; } .info-tooltip .info-tooltip-content:before { content: ""; position: absolute; top: -6px; height: 12px; width: 12px; background: white; right: 22px; border-right: 1px solid rgba(0, 0, 0, 0.2); border-top: 1px solid rgba(0, 0, 0, 0.2); transform: rotate(-45deg); } .link-shipping { font-size: 12px; } .excerpt-wrapper { display: flex; } .excerpt-wrapper .excerpt-teaser { display: flex; flex-direction: column; background: #f2f2f2; transition: box-shadow 0.6s; } .excerpt-wrapper .excerpt-teaser:hover { box-shadow: 1px 1px 20px 5px #ddd; } .excerpt-wrapper .excerpt-teaser .teaser-image { position: relative; height: 0; padding-bottom: 48%; overflow: hidden; background: #000; } .excerpt-wrapper .excerpt-teaser .teaser-image img { opacity: .65; } .excerpt-wrapper .excerpt-teaser .teaser-image:hover .hover-effect { opacity: 1; } .excerpt-wrapper .excerpt-teaser .teaser-image .hover-effect { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(205, 159, 40, 0.3); opacity: 0; transition: .3s opacity; z-index: 1; } .excerpt-wrapper .excerpt-teaser .teaser-content { padding: 15px 15px 10px; flex-grow: 1; } .excerpt-wrapper .excerpt-teaser .teaser-content .teaser-text { color: #222; font-size: 15px; line-height: 1.5; } .excerpt-wrapper .excerpt-teaser .teaser-content .teaser-headline { font-size: 22px; margin-top: 0; } .excerpt-wrapper .excerpt-teaser .teaser-content .teaser-headline a { text-decoration: none; color: #222; } .excerpt-wrapper .excerpt-teaser .teaser-content .teaser-headline a:hover { color: #cd9f28; } .header-slider .cover { position: relative; width: 100%; height: 70vh; max-height: 750px; min-height: 150px; background: #000; color: white; } .header-slider .cover .cover-bg-img { position: absolute; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; opacity: .6; } .header-slider .cover .cover-content { position: absolute; height: auto; width: 100%; top: 50%; left: 50%; overflow: visible; max-height: none; transform: translate(-50%, -50%); text-align: center; } .header-slider .cover .cover-content .separator { display: block; width: 100px; height: 2px; background: rgba(255, 255, 255, 0.8); margin: 20px auto 0; } .header-slider .cover .cover-content .page-title { font-size: 40px; line-height: 1.3; margin-bottom: 20px; position: static; left: auto; bottom: auto; text-align: center; width: 90%; margin-left: auto; margin-right: auto; } @media screen and (min-width: 769px), print { .header-slider .cover .cover-content .page-title { font-size: 60px; } } .header-slider .cover .cover-content .page-subtitle { font-weight: 300; font-size: 22px; line-height: 1.3; width: 90%; margin-left: auto; margin-right: auto; letter-spacing: 5px; } @media screen and (min-width: 769px), print { .header-slider .cover .cover-content .page-subtitle { font-size: 32px; } } @media screen and (min-width: 769px), print { .header-slider .cover .cover-content .primary-actions { position: relative; bottom: -50px; } } .header-slider .cover .cover-content .btn-ghost { min-width: 240px; padding: 10px; margin: 10px; font-size: 20px; letter-spacing: 2px; color: white; } .header-slider .cover .cover-content .btn-ghost:hover { color: #222; } @media screen and (min-width: 769px), print { .header-slider .cover .cover-content .btn-ghost { padding: 20px; } } .header-slider .owl-dots { bottom: 10px; position: absolute; width: 100%; } .header-slider.owl-carousel .owl-nav button.owl-prev, .header-slider.owl-carousel .owl-nav .cart.table-wrapper .actions-toolbar > .owl-prev.action, .cart.table-wrapper .header-slider.owl-carousel .owl-nav .actions-toolbar > .owl-prev.action, .header-slider.owl-carousel .owl-nav .owl-prev.action-gift { left: 35px; } .header-slider.owl-carousel .owl-nav button.owl-next, .header-slider.owl-carousel .owl-nav .cart.table-wrapper .actions-toolbar > .owl-next.action, .cart.table-wrapper .header-slider.owl-carousel .owl-nav .actions-toolbar > .owl-next.action, .header-slider.owl-carousel .owl-nav .owl-next.action-gift { right: 35px; } .two-tabs-colored { margin: 0; padding: 0; margin-bottom: 20px; } .two-tabs-colored > .item.title { box-sizing: border-box; float: none; width: 100%; } .two-tabs-colored > .item.title > .switch { display: block; } .two-tabs-colored > .item.content { box-sizing: border-box; display: block; float: none; margin: 0; } .two-tabs-colored > .item.content:before, .two-tabs-colored > .item.content:after { content: ''; display: table; } .two-tabs-colored > .item.content:after { clear: both; } .two-tabs-colored > .item.content.active { display: block; } .two-tabs-colored > .item.title { margin: 0 0 10px; } .two-tabs-colored > .item.title > .switch { background: transparent; border-bottom: 1px solid #d1d1d1; border-left: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; border-top: 1px solid #d1d1d1; height: 40px; padding: 10px 20px 10px 20px; color: #333; font-weight: 400; line-height: 40px; font-size: 1.8rem; color: #333; text-decoration: none; } .two-tabs-colored > .item.title > .switch:visited { color: #333; text-decoration: none; } .two-tabs-colored > .item.title > .switch:hover { color: #333; text-decoration: none; } .two-tabs-colored > .item.title > .switch:active { color: #333; text-decoration: none; } .two-tabs-colored > .item.title:not(.disabled) > .switch:focus, .two-tabs-colored > .item.title:not(.disabled) > .switch:hover { background: #f0f0f0; } .two-tabs-colored > .item.title:not(.disabled) > .switch:active, .two-tabs-colored > .item.title.active > .switch, .two-tabs-colored > .item.title.active > .switch:focus, .two-tabs-colored > .item.title.active > .switch:hover { background: #FFF; padding-bottom: 10px; } .two-tabs-colored > .item.content { background: #FFF; border: 1px solid #d1d1d1; margin: 0 0 10px; padding: 20px 0 20px 0; } .two-tabs-colored .item.title:first-child { color: #23d160; } .two-tabs-colored div.data.item.content { padding: 20px; border: 1px solid #ddd; } @media only screen and (min-width: 768px) { .two-tabs-colored { position: relative; z-index: 1; } .two-tabs-colored:before, .two-tabs-colored:after { content: ''; display: table; } .two-tabs-colored:after { clear: both; } .two-tabs-colored > .item.title { float: left; width: auto; } .two-tabs-colored > .item.title > .switch { height: 20px; display: block; position: relative; z-index: 2; } .two-tabs-colored > .item.content { margin-top: 20px; box-sizing: border-box; float: right; margin-left: -100%; width: 100%; } .two-tabs-colored > .item.content:before, .two-tabs-colored > .item.content:after { content: ''; display: table; } .two-tabs-colored > .item.content:after { clear: both; } .two-tabs-colored > .item.content.active { display: block; } .two-tabs-colored > .item.title { margin: 0 2px 0 0; } .two-tabs-colored > .item.title > .switch { color: #333; font-weight: 400; line-height: 20px; font-size: 1.4rem; color: #333; text-decoration: none; background: transparent; border: 1px solid #d1d1d1; border-bottom: none; height: 42px; padding: 10px 20px 10px 20px; } .two-tabs-colored > .item.title > .switch:visited { color: #333; text-decoration: none; } .two-tabs-colored > .item.title > .switch:hover { color: #333; text-decoration: none; } .two-tabs-colored > .item.title > .switch:active { color: #333; text-decoration: none; } .two-tabs-colored > .item.title:not(.disabled) > .switch:focus, .two-tabs-colored > .item.title:not(.disabled) > .switch:hover { background: #f0f0f0; } .two-tabs-colored > .item.title:not(.disabled) > .switch:active, .two-tabs-colored > .item.title.active > .switch, .two-tabs-colored > .item.title.active > .switch:focus, .two-tabs-colored > .item.title.active > .switch:hover { background: #FFF; color: #333; } .two-tabs-colored > .item.title.active > .switch, .two-tabs-colored > .item.title.active > .switch:focus, .two-tabs-colored > .item.title.active > .switch:hover { padding-bottom: 11px; } .two-tabs-colored > .item.content { background: #FFF; margin-top: 41px; padding: 20px 0 20px 0; border: 0; border-top: 1px solid #d1d1d1; } } @media only screen and (max-width: 767px) { .two-tabs-colored { margin: 0; padding: 0; } .two-tabs-colored > .item.title { box-sizing: border-box; float: none; width: 100%; } .two-tabs-colored > .item.title > .switch { display: block; } .two-tabs-colored > .item.content { box-sizing: border-box; display: block; float: none; margin: 0; } .two-tabs-colored > .item.content:before, .two-tabs-colored > .item.content:after { content: ''; display: table; } .two-tabs-colored > .item.content:after { clear: both; } .two-tabs-colored > .item.content.active { display: block; } .two-tabs-colored > .item.title { margin: 0 0 10px; } .two-tabs-colored > .item.title > .switch { background: transparent; border-bottom: 1px solid #d1d1d1; border-left: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; border-top: 1px solid #d1d1d1; height: 40px; padding: 10px 20px 10px 20px; color: #333; font-weight: 400; line-height: 40px; font-size: 1.8rem; color: #333; text-decoration: none; } .two-tabs-colored > .item.title > .switch:visited { color: #333; text-decoration: none; } .two-tabs-colored > .item.title > .switch:hover { color: #333; text-decoration: none; } .two-tabs-colored > .item.title > .switch:active { color: #333; text-decoration: none; } .two-tabs-colored > .item.title:not(.disabled) > .switch:focus, .two-tabs-colored > .item.title:not(.disabled) > .switch:hover { background: #f0f0f0; } .two-tabs-colored > .item.title:not(.disabled) > .switch:active, .two-tabs-colored > .item.title.active > .switch, .two-tabs-colored > .item.title.active > .switch:focus, .two-tabs-colored > .item.title.active > .switch:hover { background: #FFF; padding-bottom: 10px; } .two-tabs-colored > .item.content { background: #FFF; border: 1px solid #d1d1d1; margin: 0 0 10px; padding: 20px 0 20px 0; } .two-tabs-colored .data.item { display: block; } } .is-clipped { overflow: hidden !important; } .modal .modal-background { background-color: rgba(0, 0, 0, 0.7); } .modal.is-active .modal-content { transform: translate(0, 0); } .modal .modal-content { position: relative; background-color: white; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 3px; background-clip: padding-box; outline: 0; transform: translate(0, -200%); transition: transform 0.5s ease-out; bottom: 15%; } .modal .modal-content .modal-header { border-bottom: 2px solid #cd9f28; text-align: left; padding: 15px; } .modal .modal-content .modal-header h4 { font-size: 16px; font-weight: 400; margin: 0; } .modal .modal-content .modal-body { text-align: left; position: relative; padding: 15px 15px 0; } .modal .modal-content .modal-footer { margin-top: 10px; padding: 15px; text-align: right; border: 1px solid #ddd; } .modal .modal-content .modal-close { position: absolute; right: 15px; top: 15px; } .modal .modal-content .modal-close:before, .modal .modal-content .modal-close:after { background-color: #b5b5b5; } .modal .modal-content .modal-close:before { width: 40%; } .modal .modal-content .modal-close:after { height: 65%; } .modal .modal-content .modal-close:hover { background-color: white; border: none; } .modal .modal-content .modal-close:hover:before, .modal .modal-content .modal-close:hover:after { background-color: #888; } .modal .modal-content p { font-size: 14px; margin-bottom: 10px; } @media (min-width: 769px) { .modal { padding-top: 10%; } .modal .modal-content { box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } } .modal .btn + .btn { margin-left: 5px; } .modal .btn.btn-primary { background-color: #cd9f28; color: #000; } .modal .btn.btn-primary:hover { background-color: #b88e24; } .modal .btn.phone:before, .modal .btn.mail:before { margin-right: 10px; color: #000; font-size: 22px; position: relative; top: 6px; line-height: 0.1; } #infoModal .modal-content .modal-header, #registerRequiredModal .modal-content .modal-header { padding: 20px; } #infoModal .modal-content .modal-body, #registerRequiredModal .modal-content .modal-body { overflow: hidden; padding: 20px 20px 10px; margin: 0; } .gallery-placeholder { height: 100%; } .gallery-placeholder .loading-mask .loader { width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute; animation: unset; border: unset; } .messages .message.warning > *:first-child:before { top: 22px; right: -5px; } .message { padding: 10px; padding-left: 20px; font-size: 14px; border-radius: 0; } .message.error { background: #f2dede; } .message.success { background: #dff0d8; } .message.warning, .message.info, .message.notice { background: #fcf8e3; } .magecomp-cookie-template.top { display: flex; flex-direction: row; justify-content: center; align-items: center; border: 1px solid #faebcc; } .magecomp-cookie-template.top .cookietext { float: unset; flex: 0 0 74%; text-align: right; padding-right: 16px; } .magecomp-cookie-template.top .cookiehidelink { flex: 0 0 auto; margin-top: 0; } .magecomp-cookie-template.top .moreinfo { flex: 1 1 15%; margin-top: 0; position: relative; } @media screen and (max-width: 768px) { .magecomp-cookie-template.top { flex-wrap: wrap; } .magecomp-cookie-template.top .cookietext { flex: 0 0 70%; margin-left: 0; } .magecomp-cookie-template.top .moreinfo { text-align: center; flex: 0 0 100%; } } /** * Mageplaza * * NOTICE OF LICENSE * * This source file is subject to the mageplaza.com license that is * available through the world-wide-web at this URL: * //www.mageplaza.com/LICENSE.txt * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade this extension to newer * version in the future. * * @category Mageplaza * @package Mageplaza_Core * @copyright Copyright (c) Mageplaza (//www.mageplaza.com/) * @license //www.mageplaza.com/LICENSE.txt */ .row-mp { min-height: 1px; margin: 0 -10px; } .col-mp { box-sizing: border-box; -moz-background-clip: padding-box !important; -webkit-background-clip: padding-box !important; background-clip: padding-box !important; float: left; padding: 0 10px; } /*All*/ .mp-1 { width: 8.33333333333%; } .mp-2 { width: 16.6666666667%; } .mp-3 { width: 25.0%; } .mp-4 { width: 33.3333333333%; } .mp-5 { width: 41.6666666667%; } .mp-6 { width: 50.0%; } .mp-7 { width: 58.3333333333%; } .mp-8 { width: 66.6666666667%; } .mp-9 { width: 75.0%; } .mp-10 { width: 83.3333333333%; } .mp-11 { width: 91.6666666667%; } .mp-12 { margin-left: 0; width: 100%; } .a-center { text-align: center; } .mp-clear { clear: both; } @media (min-width: 1200px) { .mp-lg-1 { width: 8.33333333333%; } .mp-lg-2 { width: 16.6666666667%; } .mp-lg-3 { width: 25.0%; } .mp-lg-4 { width: 33.3333333333%; } .mp-lg-5 { width: 41.6666666667%; } .mp-lg-6 { width: 50.0%; } .mp-lg-7 { width: 58.3333333333%; } .mp-lg-8 { width: 66.6666666667%; } .mp-lg-9 { width: 75.0%; } .mp-lg-10 { width: 83.3333333333%; } .mp-lg-11 { width: 91.6666666667%; } .mp-lg-12 { margin-left: 0; width: 100%; } } @media (min-width: 992px) and (max-width: 1199px) { .mp-md-1 { width: 8.33333333333%; } .mp-md-2 { width: 16.6666666667%; } .mp-md-3 { width: 25.0%; } .mp-md-4 { width: 33.3333333333%; } .mp-md-5 { width: 41.6666666667%; } .mp-md-6 { width: 50.0%; } .mp-md-7 { width: 58.3333333333%; } .mp-md-8 { width: 66.6666666667%; } .mp-md-9 { width: 75.0%; } .mp-md-10 { width: 83.3333333333%; } .mp-md-11 { width: 91.6666666667%; } .mp-md-12 { margin-left: 0; width: 100%; } } @media (min-width: 768px) and (max-width: 991px) { .mp-sm-1 { width: 8.33333333333%; } .mp-sm-2 { width: 16.6666666667%; } .mp-sm-3 { width: 25.0%; } .mp-sm-4 { width: 33.3333333333%; } .mp-sm-5 { width: 41.6666666667%; } .mp-sm-6 { width: 50.0%; } .mp-sm-7 { width: 58.3333333333%; } .mp-sm-8 { width: 66.6666666667%; } .mp-sm-9 { width: 75.0%; } .mp-sm-10 { width: 83.3333333333%; } .mp-sm-11 { width: 91.6666666667%; } .mp-sm-12 { margin-left: 0; width: 100%; } } @media (min-width: 481px) and (max-width: 767px) { .mp-xs-1 { width: 8.33333333333%; } .mp-xs-2 { width: 16.6666666667%; } .mp-xs-3 { width: 25.0%; } .mp-xs-4 { width: 33.3333333333%; } .mp-xs-5 { width: 41.6666666667%; } .mp-xs-6 { width: 50.0%; } .mp-xs-7 { width: 58.3333333333%; } .mp-xs-8 { width: 66.6666666667%; } .mp-xs-9 { width: 75.0%; } .mp-xs-10 { width: 83.3333333333%; } .mp-xs-11 { width: 91.6666666667%; } .mp-xs-12 { margin-left: 0; width: 100%; } } @media (max-width: 480px) { .col-mp { width: 100%; } } .post-list-body { display: flex; flex-wrap: wrap; } .post-list-item { box-shadow: 0 0.3125em 1.25em 0 rgba(46, 61, 73, 0.22); margin-bottom: 50px; margin-right: 2%; padding: 0 0 30px 0; width: 32%; float: none; } @media screen and (min-width: 991px) { .post-list-item:nth-child(3n+0) { margin-right: 0; } } @media screen and (min-width: 769px) and (max-width: 990px) { .post-list-item { margin-right: 5%; width: 47.5%; } .post-list-item:nth-child(2n+0) { margin-right: 0; } } @media screen and (max-width: 768px) { .post-list-item { margin-right: 0; width: 100%; } } .post-image .img-responsive { width: 100%; } .mp-footer { display: none; } .post-info-wraper { padding: 0 20px; } [class*=mp-blog-narrow-tree-]:before, [class*=mp-blog-expand-tree-]:before { margin-right: 5px; } .mp-sidebar.mpcss .category-level3, .mp-sidebar.mpcss .category-level4 { display: none; padding-left: 16px; } .mp-sidebar .list-post-tabs { padding-bottom: 20px; } .mp-sidebar .list-post-tabs:last-of-type { padding-bottom: 0; } .mpblog-search { position: relative; } .mpblog-search .field { padding-right: 50px; } .mpblog-search .field input { height: 38px; } .mpblog-search .action { position: absolute; bottom: 0; right: 0; } .picture-gallery .picture-gallery-image a { margin-bottom: 20px; display: block; position: relative; padding: 0; background-color: #fff; border: none; border-radius: 0; transition: none; } .picture-gallery .picture-gallery-image a:hover .hover-effect { opacity: 1; } .picture-gallery .picture-gallery-image .hover-effect { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(205, 159, 40, 0.3); opacity: 0; transition: .3s opacity; z-index: 1; } .cookie-bar { z-index: 899; position: fixed; bottom: 0; left: 0; width: 100%; padding: 25px 30px; box-sizing: border-box; color: #222; background: rgba(255, 255, 255, 0.95); box-shadow: 0 0 20px -5px rgba(0, 0, 0, 0.2); visibility: hidden; transform: translateY(100%); transition: transform 400ms ease-in-out 0ms, visibility 0ms linear 400ms; } .cookie-bar.shown { visibility: visible; transform: translateY(0); transition-duration: 0ms; } .cookie-bar p:last-child { margin: 0; } .cookie-bar .cookie-bar-container { display: flex; flex-direction: column; justify-content: space-between; max-width: 1280px; margin: 0 auto; } .cookie-bar .cookie-bar-text { max-width: 800px; } .cookie-bar .cookie-bar-text > h3 { margin-top: 0; } .cookie-bar .cookie-bar-buttons { display: flex; flex-shrink: 0; align-items: center; justify-content: center; margin-top: 20px; } .cookie-bar .cookie-bar-buttons > * { margin-left: 25px; } .cookie-bar .cookie-bar-buttons > *:first-child { margin: 0; } .cookie-bar .cookie-bar-buttons a { color: #888; text-decoration: underline; } .cookie-bar .cookie-bar-buttons a:hover { text-decoration: none; } .cookie-bar-mode-full { top: 0; bottom: 0; left: 0; width: 420px; max-width: 92%; padding: 15px 10px 15px 20px; } .cookie-bar-mode-full.shown { transform: translateX(0); } .cookie-bar-mode-full .cookie-bar-text { padding-right: 10px; max-height: calc(100vh - 35px); overflow: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; } .cookie-bar-mode-full .cookie-bar-text::-webkit-scrollbar { width: 6px; height: 6px; } .cookie-bar-mode-full .cookie-bar-text::-webkit-scrollbar-track { background-color: transparent; border-radius: 6px; } .cookie-bar-mode-full .cookie-bar-text::-webkit-scrollbar-thumb { background-color: #aaa; border-radius: 6px; } .cookie-bar-mode-full .cookie-bar-buttons { justify-content: flex-end; } .cookie-bar-mode-full .cookie-bar-buttons > * { margin-left: 12px; } body._has-modal { height: 100%; overflow: hidden; width: 100%; } .modals-overlay { z-index: 1000; } .modal-slide, .modal-popup { bottom: 0; left: 0; min-width: 0; position: fixed; right: 0; top: 0; visibility: hidden; opacity: 0; transition: visibility 0s 0.3s, opacity 0.3s ease; } .modal-slide._show, .modal-popup._show { visibility: visible; opacity: 1; transition: opacity 0.3s ease; } .modal-slide._show .modal-inner-wrap, .modal-popup._show .modal-inner-wrap { transform: translate(0, 0); } .modal-slide .modal-inner-wrap, .modal-popup .modal-inner-wrap { background-color: #fff; box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.35); opacity: 1; pointer-events: auto; } .modal-slide { left: 14.8rem; z-index: 900; } .modal-slide._show .modal-inner-wrap { transform: translateX(0); } .modal-slide .modal-inner-wrap { height: 100%; overflow-y: auto; position: static; transform: translateX(100%); transition: transform 0.3s ease-in-out; width: auto; } .modal-slide._inner-scroll .modal-inner-wrap { overflow-y: visible; display: flex; flex-direction: column; } .modal-slide._inner-scroll .modal-header, .modal-slide._inner-scroll .modal-footer { flex-grow: 0; flex-shrink: 0; } .modal-slide._inner-scroll .modal-content { overflow-y: auto; } .modal-slide._inner-scroll .modal-footer { margin-top: auto; } .modal-slide .modal-header, .modal-slide .modal-content, .modal-slide .modal-footer { padding: 0 2.6rem 2.6rem; } .modal-slide .modal-header { padding-bottom: 2.1rem; padding-top: 2.1rem; } .modal-popup { z-index: 900; left: 0; overflow-y: auto; } .modal-popup._show .modal-inner-wrap { transform: translateY(0); } .modal-popup .modal-inner-wrap { margin: 5rem auto; width: 75%; display: flex; flex-direction: column; box-sizing: border-box; height: auto; left: 0; position: absolute; right: 0; transform: translateY(-200%); transition: transform 0.2s ease; } .modal-popup._inner-scroll { overflow-y: visible; } .ie11 .modal-popup._inner-scroll, .ie10 .modal-popup._inner-scroll, .ie9 .modal-popup._inner-scroll { overflow-y: auto; } .modal-popup._inner-scroll .modal-inner-wrap { max-height: 90%; } .ie11 .modal-popup._inner-scroll .modal-inner-wrap, .ie10 .modal-popup._inner-scroll .modal-inner-wrap, .ie9 .modal-popup._inner-scroll .modal-inner-wrap { max-height: none; } .modal-popup._inner-scroll .modal-content { overflow-y: auto; } .modal-popup .modal-header, .modal-popup .modal-content, .modal-popup .modal-footer { padding-left: 3rem; padding-right: 3rem; } .modal-popup .modal-header, .modal-popup .modal-footer { flex-grow: 0; flex-shrink: 0; } .modal-popup .modal-header { padding-bottom: 1.2rem; padding-top: 3rem; } .modal-popup .modal-footer { margin-top: auto; padding-bottom: 3rem; padding-top: 3rem; } .modal-popup .modal-footer-actions { text-align: right; } @media only screen and (max-width: 767px) { .modal-popup.modal-slide { left: 14.8rem; z-index: 900; } .modal-popup.modal-slide._show .modal-inner-wrap { transform: translateX(0); } .modal-popup.modal-slide .modal-inner-wrap { height: 100%; overflow-y: auto; position: static; transform: translateX(100%); transition: transform 0.3s ease-in-out; width: auto; } .modal-popup.modal-slide .modal-inner-wrap { margin: 0; max-height: none; } } .modal-custom .action-close, .modal-popup .action-close, .modal-slide .action-close { background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-decoration: none; text-shadow: none; font-weight: 400; display: inline-block; text-decoration: none; position: absolute; right: 0; top: 0; } .modal-custom .action-close:focus, .modal-custom .action-close:active, .modal-popup .action-close:focus, .modal-popup .action-close:active, .modal-slide .action-close:focus, .modal-slide .action-close:active { background: none; border: none; } .modal-custom .action-close:hover, .modal-popup .action-close:hover, .modal-slide .action-close:hover { background: none; border: none; } .modal-custom .action-close.disabled, .modal-custom .action-close[disabled], fieldset[disabled] .modal-custom .action-close, .modal-popup .action-close.disabled, .modal-popup .action-close[disabled], fieldset[disabled] .modal-popup .action-close, .modal-slide .action-close.disabled, .modal-slide .action-close[disabled], fieldset[disabled] .modal-slide .action-close { cursor: not-allowed; pointer-events: none; opacity: 0.5; } .modal-custom .action-close > span, .modal-popup .action-close > span, .modal-slide .action-close > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .modal-custom .action-close:before, .modal-popup .action-close:before, .modal-slide .action-close:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 32px; line-height: 32px; color: #8f8f8f; content: ""; font-family: "icons-blank-theme"; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .modal-custom .action-close:hover:before, .modal-popup .action-close:hover:before, .modal-slide .action-close:hover:before { color: inherit; } .modal-custom .action-close:active:before, .modal-popup .action-close:active:before, .modal-slide .action-close:active:before { color: inherit; } .modal-custom .action-close:hover:before, .modal-popup .action-close:hover:before, .modal-slide .action-close:hover:before { color: #1a1a1a; } .modal-custom .action-close { margin: 25px; } .modal-popup { pointer-events: none; } .modal-popup .modal-title { border-bottom: 1px solid #c1c1c1; font-weight: 300; padding-bottom: 15px; font-size: 26px; margin-bottom: 0; min-height: 1em; word-wrap: break-word; } .modal-popup .action-close { padding: 15px; } .modal-slide .action-close { padding: 1.1rem 2rem; } .modal-slide .page-main-actions { margin-bottom: calc(2.1rem - 15px); margin-top: 2.1rem; } .modals-overlay { background-color: rgba(51, 51, 51, 0.55); bottom: 0; left: 0; position: fixed; right: 0; top: 0; } body._has-modal-custom .modal-custom-overlay { height: 100vh; left: 0; position: fixed; top: 0; width: 100vw; z-index: 1000; } @media only screen and (max-width: 767px) { .custom-slide { bottom: 0; left: 0; min-width: 0; position: fixed; right: 0; top: 0; visibility: hidden; opacity: 0; transition: visibility 0s 0.3s, opacity 0.3s ease; left: 14.8rem; z-index: 900; } .custom-slide._show { visibility: visible; opacity: 1; transition: opacity 0.3s ease; } .custom-slide._show .modal-inner-wrap { transform: translate(0, 0); } .custom-slide .modal-inner-wrap { background-color: #fff; box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.35); opacity: 1; pointer-events: auto; } .custom-slide._show .modal-inner-wrap { transform: translateX(0); } .custom-slide .modal-inner-wrap { height: 100%; overflow-y: auto; position: static; transform: translateX(100%); transition: transform 0.3s ease-in-out; width: auto; } .custom-slide._show { -webkit-overflow-scrolling: touch; overflow-x: hidden; overflow-y: auto; } .custom-slide .modal-inner-wrap { background-color: #f4f4f4; box-sizing: border-box; height: auto; min-height: 100%; } body._has-modal-custom { height: 100vh; overflow: hidden; width: 100vw; } body._has-modal-custom .modal-custom-overlay { background-color: rgba(51, 51, 51, 0.55); } } @media only screen and (max-width: 767px) { .modal-popup.modal-slide .modal-inner-wrap[class] { background-color: #f4f4f4; } .modal-popup.modal-slide._inner-scroll._show { -webkit-overflow-scrolling: touch; overflow-y: auto; } .modal-popup.modal-slide._inner-scroll .modal-inner-wrap { height: auto; min-height: 100%; } .modal-popup .modal-title { font-size: 14px; font-weight: 700; } } @media only screen and (min-width: 768px) { .modal-popup.modal-slide .modal-footer { border-top: 1px solid #c1c1c1; text-align: right; } } .owl-carousel .owl-nav [class*=owl-] { color: #ccc; font-size: 32px; line-height: 32px; margin: -50px 0 0; padding: 10px 0; background: 0 0; display: inline-block; cursor: pointer; border-radius: 3px; position: absolute; top: 50%; } .owl-carousel .owl-nav .disabled { opacity: 0; cursor: default; } .owl-carousel .owl-nav button, .owl-carousel .owl-nav .cart.table-wrapper .actions-toolbar > .action, .cart.table-wrapper .owl-carousel .owl-nav .actions-toolbar > .action, .owl-carousel .owl-nav .action-gift { font-size: 50px !important; color: #ccc !important; } .owl-carousel .owl-nav button:active, .owl-carousel .owl-nav .cart.table-wrapper .actions-toolbar > .action:active, .cart.table-wrapper .owl-carousel .owl-nav .actions-toolbar > .action:active, .owl-carousel .owl-nav .action-gift:active { box-shadow: none; } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav .cart.table-wrapper .actions-toolbar > .owl-next.action, .cart.table-wrapper .owl-carousel .owl-nav .actions-toolbar > .owl-next.action, .owl-carousel .owl-nav .owl-next.action-gift { right: -35px; } .owl-carousel .owl-nav button.owl-next i:before, .owl-carousel .owl-nav .cart.table-wrapper .actions-toolbar > .owl-next.action i:before, .cart.table-wrapper .owl-carousel .owl-nav .actions-toolbar > .owl-next.action i:before, .owl-carousel .owl-nav .owl-next.action-gift i:before { font-size: 32px; } .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav .cart.table-wrapper .actions-toolbar > .owl-prev.action, .cart.table-wrapper .owl-carousel .owl-nav .actions-toolbar > .owl-prev.action, .owl-carousel .owl-nav .owl-prev.action-gift { left: -35px; } .owl-carousel .owl-nav button.owl-prev i:before, .owl-carousel .owl-nav .cart.table-wrapper .actions-toolbar > .owl-prev.action i:before, .cart.table-wrapper .owl-carousel .owl-nav .actions-toolbar > .owl-prev.action i:before, .owl-carousel .owl-nav .owl-prev.action-gift i:before { font-size: 32px; } .owl-carousel .owl-nav button.owl-next i:hover, .owl-carousel .owl-nav .cart.table-wrapper .actions-toolbar > .owl-next.action i:hover, .cart.table-wrapper .owl-carousel .owl-nav .actions-toolbar > .owl-next.action i:hover, .owl-carousel .owl-nav .owl-next.action-gift i:hover, .owl-carousel .owl-nav button.owl-prev i:hover, .owl-carousel .owl-nav .cart.table-wrapper .actions-toolbar > .owl-prev.action i:hover, .cart.table-wrapper .owl-carousel .owl-nav .actions-toolbar > .owl-prev.action i:hover, .owl-carousel .owl-nav .owl-prev.action-gift i:hover { color: #cd9f28; } .owl-carousel .owl-dots { text-align: center; } .owl-carousel .owl-dots .owl-dot { display: inline-block; zoom: 1; cursor: pointer; } .owl-carousel .owl-dots .owl-dot span { width: 25px; height: 2px; margin: 5px; background: #ddd; display: block; transition: opacity .2s ease; border-radius: 0; } .owl-carousel .owl-dots .owl-dot:active { box-shadow: none; } .owl-carousel .owl-dots .owl-dot.active span { background: #cd9f28; } .owl-carousel .owl-item .partner-image { outline: 0; } .owl-carousel .owl-item .partner-image img { filter: grayscale(100%) opacity(80%); } .owl-carousel .owl-item .partner-image:hover img { filter: none; } .owl-carousel.products img { transition: all .8s .1s; } .owl-carousel.products a:hover { text-decoration: none; } .owl-carousel.products a:hover img { transform: scale(1.05); } .owl-carousel.products .product-title { padding: 10px; font-size: 16px; color: #222; text-align: center; } .slider-title, .blog-widget .blog-widget-title { text-align: center; font-size: 36px; text-transform: uppercase; width: 100%; } .gallery-slice { width: 100%; padding-bottom: 1.5rem; } .gallery-slice .slice-title { text-align: center; text-transform: uppercase; margin-top: 30px; margin-bottom: 30px; font-size: 32px; -webkit-hyphens: auto; hyphens: auto; } .gallery-slice .slice-description { font-size: 16px; margin: 0 auto 40px; max-width: 768px; text-align: center; line-height: 1.6; } .gallery-slice .gallery-excerpt .gallery-excerpt-item { position: relative; } .gallery-slice .gallery-excerpt .gallery-excerpt-item a { height: 0; margin: 0; padding: 0 0 60%; overflow: hidden; text-decoration: none; background-color: #000; display: block; position: relative; border: none; transition: none; } .gallery-slice .gallery-excerpt .gallery-excerpt-item a .hover-effect { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(205, 159, 40, 0.3); opacity: 0; transition: .3s opacity; z-index: 1; } .gallery-slice .gallery-excerpt .gallery-excerpt-item a img { visibility: hidden; } .gallery-slice .gallery-excerpt .gallery-excerpt-item a .image { background-size: cover; opacity: .65; top: 0; left: 0; bottom: 0; right: 0; position: absolute; background-position: center; } .gallery-slice .gallery-excerpt .gallery-excerpt-item a:hover { outline: 0; color: #a27e20; } .gallery-slice .gallery-excerpt .gallery-excerpt-item a:hover .hover-effect { opacity: 1; } .gallery-slice .gallery-excerpt .gallery-excerpt-item a:hover img { color: #a27e20; } .gallery-slice .gallery-excerpt .gallery-excerpt-item a .gallery-excerpt-text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; } .gallery-slice .gallery-excerpt .gallery-excerpt-item a .gallery-excerpt-text .gallery-excerpt-title, .gallery-slice .gallery-excerpt .gallery-excerpt-item a .gallery-excerpt-text .gallery-excerpt-comment { display: block; padding: 0; color: white; font-weight: 400; line-height: 1.2; text-shadow: 1px 1px 1px #000; } .gallery-slice .gallery-excerpt .gallery-excerpt-item a .gallery-excerpt-text .gallery-excerpt-title { margin-bottom: 10px; font-size: 28px; } .gallery-slice .gallery-excerpt .gallery-excerpt-item a .gallery-excerpt-text .gallery-excerpt-comment { font-size: 18px; } .gallery-slice .gallery-excerpt .gallery-excerpt-item a .gallery-excerpt-text .gallery-excerpt-comment:before { content: ''; width: 50px; height: 1px; background: white; position: relative; display: block; margin: 0 auto 10px; } .gallery-slice .gallery-excerpt .gallery-excerpt-item a.small-gallery { padding-bottom: 40%; } .locations .location .location-teaser { position: relative; max-width: 100%; border-radius: 3px; background: #f2f2f2; overflow: hidden; transition: all .6s; height: 100%; } .locations .location .location-teaser .teaser-image { height: 0; margin: 0; padding: 0 0 48%; overflow: hidden; text-decoration: none; background: #000; border-radius: 2px 2px 0 0; display: block; position: relative; border: none; transition: none; } .locations .location .location-teaser .teaser-image img { opacity: .65; width: 100%; vertical-align: middle; } .locations .location .location-teaser .teaser-image:hover { color: #a27e20; } .locations .location .location-teaser .hover-effect { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(205, 159, 40, 0.3); opacity: 0; transition: .3s opacity; z-index: 1; } .locations .location .location-teaser:hover { box-shadow: 1px 1px 20px 5px #ddd; } .locations .location .location-teaser:hover .hover-effect { opacity: 1; } .locations .location .teaser-content { padding: 15px 15px 10px; } .locations .location .teaser-content .teaser-headline { margin-top: 0; font-size: 22px; } .locations .location .teaser-content .teaser-text { font-size: 15px; line-height: 1.6; } .locations .location .teaser-content .teaser-text hr { margin: 5px 0; width: 50px; border-color: #555; } .accordion { width: 100%; } .accordion .tab-title { display: block; position: relative; padding: 15px 20px 15px 0; cursor: pointer; border-top: 1px solid #ddd; background: 0 0; color: #333; } .accordion .tab-title:before { float: right; } .accordion .tab-title h3 { margin: 0; } .accordion .active .tab-title { color: #cd9f28; } .accordion .active .tab-title:before { transform: rotate(-45deg); } .accordion .tab-content { padding: 15px 0; } #contactLink { position: fixed; bottom: 50%; right: -34px; margin-top: -15px; padding: 6px 10px; cursor: pointer; z-index: 10; font-size: 14px; transform: rotate(90deg); display: none; background-color: #cd9f28; border-color: #cd9f28; border-radius: 3px; color: #000; font-weight: 400; } @media (min-width: 769px) { #contactLink { display: block; } } #contactLink:hover { background-color: #b88e24; } #contactLink.phone:before { margin-right: 5px; color: #000; font-size: 16px; position: relative; top: 2px; line-height: 0.1; } #contactModal .modal-content { overflow-x: hidden; } .blog-widget .blog-widget-title { margin-bottom: 30px; } .blog-widget .to-the-archive { text-align: center; display: block; width: 100%; } .blog-widget .icon-angle-right, .blog-widget .off-canvas .mobile-menu-wrapper .mobile-menu-nav .mobile-sub-nav .mobile-nav-element.has-children span.show-child-menu:before, .off-canvas .mobile-menu-wrapper .mobile-menu-nav .mobile-sub-nav .mobile-nav-element.has-children .blog-widget span.show-child-menu:before { top: 2px; position: relative; padding-left: 5px; } .filter-toggle { position: relative; z-index: 20; } #filter-wrapper { max-height: 0; opacity: 0; clear: both; transition: max-height 250ms ease-in-out, opacity 125ms ease-in-out; } #filter-wrapper.active { max-height: 60px; opacity: 1; } @media screen and (max-width: 768px) { #filter-wrapper.active { max-height: unset; } #filter-wrapper.active .checkbox.availability { padding: 0; } #filter-wrapper.active .checkbox.availability label { margin: 0; } #filter-wrapper.active .actions-wrapper { padding-top: 0; } #filter-wrapper.active .actions-wrapper .btn.btn-text { display: block; padding-left: 0; padding-bottom: 15px; } #filter-wrapper.active .actions-wrapper .btn.btn-gold { display: block; width: 100%; } } #filter-wrapper .filter { background: #f2f2f2; padding: 10px; } #filter-wrapper .dropdown, #filter-wrapper .dropdown .btn, #filter-wrapper .dropdown .dropdown-trigger, #filter-wrapper .dropdown .dropdown-menu label { width: 100%; } #filter-wrapper .dropdown .dropdown-menu { min-width: 100%; } #filter-wrapper .checkbox.availability { padding: 5px 0; } .column .block-addbysku .fieldset { margin: 0; } .column .block-addbysku .fieldset .fields { position: relative; } .column .block-addbysku .fieldset .fields .field { display: inline-block; margin-bottom: 15px; vertical-align: top; } .column .block-addbysku .fieldset .fields .actions-toolbar { position: absolute; right: 0; top: 4px; } .column .block-addbysku .sku { margin-right: -155px; padding-right: 160px; width: 100%; } .column .block-addbysku .skus > .label { margin-top: 15px; } .column .block-addbysku .qty .qty + .mage-error { width: 80px; } .column .block-addbysku .block-content .actions-toolbar { clear: both; margin: 0 0 20px; text-align: left; } .column .block-addbysku .block-content .actions-toolbar:before, .column .block-addbysku .block-content .actions-toolbar:after { content: ''; display: table; } .column .block-addbysku .block-content .actions-toolbar:after { clear: both; } .column .block-addbysku .block-content .actions-toolbar .primary { float: left; } .column .block-addbysku .block-content .actions-toolbar .primary, .column .block-addbysku .block-content .actions-toolbar .secondary { display: inline-block; } .column .block-addbysku .block-content .actions-toolbar .primary a.action, .column .block-addbysku .block-content .actions-toolbar .secondary a.action { display: inline-block; } .column .block-addbysku .block-content .actions-toolbar .primary .action { margin: 0 10px 0 0; } .column .block-addbysku .block-content .actions-toolbar .secondary a.action { margin-top: 6px; } .column .block-addbysku .block-content .actions-toolbar .primary, .column .block-addbysku .block-content .actions-toolbar .secondary { display: block; float: none; } .column .block-addbysku .block-content .actions-toolbar > .secondary { text-align: left; } .column .block-addbysku .reset { margin: 15px 0; } .column .block-addbysku .note { display: block; margin: 0 0 20px; } .block-cart-failed { margin-top: 40px; } .block-cart-failed .block-title { font-size: 2.6rem; } .block-cart-failed .block-title strong { font-weight: 300; } .block-cart-failed .actions { text-align: center; } .block-cart-failed .actions .action { margin-bottom: 15px; } @media only screen and (max-width: 639px) { .column .block-addbysku .sku { margin-right: -85px; padding-right: 90px; } .column .block-addbysku .action.remove { display: inline-block; text-decoration: none; background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-decoration: none; text-shadow: none; font-weight: 400; } .column .block-addbysku .action.remove > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .column .block-addbysku .action.remove:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 28px; line-height: 22px; color: inherit; content: ""; font-family: "icons-blank-theme"; margin: 1px 0 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .column .block-addbysku .action.remove:hover:before { color: inherit; } .column .block-addbysku .action.remove:active:before { color: inherit; } .column .block-addbysku .action.remove:focus, .column .block-addbysku .action.remove:active { background: none; border: none; } .column .block-addbysku .action.remove:hover { background: none; border: none; } .column .block-addbysku .action.remove.disabled, .column .block-addbysku .action.remove[disabled], fieldset[disabled] .column .block-addbysku .action.remove { cursor: not-allowed; pointer-events: none; opacity: 0.5; } } @media only screen and (min-width: 640px) { .column .block-addbysku .action.remove { background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-decoration: none; text-shadow: none; font-weight: 400; line-height: 1.42857; margin: 0; padding: 0; color: #1979c3; text-decoration: none; background: none; border: 0; display: inline; margin-top: 2px; } .column .block-addbysku .action.remove:focus, .column .block-addbysku .action.remove:active { background: none; border: none; } .column .block-addbysku .action.remove:hover { background: none; border: none; } .column .block-addbysku .action.remove.disabled, .column .block-addbysku .action.remove[disabled], fieldset[disabled] .column .block-addbysku .action.remove { cursor: not-allowed; pointer-events: none; opacity: 0.5; } .column .block-addbysku .action.remove:visited { color: #1979c3; text-decoration: none; } .column .block-addbysku .action.remove:hover { color: #006bb4; text-decoration: underline; } .column .block-addbysku .action.remove:active { color: #ff5501; text-decoration: underline; } .column .block-addbysku .action.remove:hover { color: #006bb4; } .column .block-addbysku .action.remove:hover, .column .block-addbysku .action.remove:active, .column .block-addbysku .action.remove:focus { background: none; border: 0; } .column .block-addbysku .action.remove.disabled, .column .block-addbysku .action.remove[disabled], fieldset[disabled] .column .block-addbysku .action.remove { color: #1979c3; opacity: 0.5; cursor: default; pointer-events: none; text-decoration: underline; } } @media only screen and (min-width: 768px) { .block-cart-failed .actions { text-align: left; } .block-cart-failed .actions.primary { float: right; } } .payment-method-braintree .hosted-control { background: #fff; background-clip: padding-box; border: 1px solid #c2c2c2; border-radius: 1px; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; height: 32px; line-height: 1.42857; padding: 0 9px; vertical-align: baseline; width: 100%; box-sizing: border-box; position: relative; width: 225px; } .payment-method-braintree .hosted-control:disabled { opacity: 0.5; } .payment-method-braintree .hosted-control::-moz-placeholder { color: #c2c2c2; } .payment-method-braintree .hosted-control::-webkit-input-placeholder { color: #c2c2c2; } .payment-method-braintree .hosted-control:-ms-input-placeholder { color: #c2c2c2; } .payment-method-braintree .hosted-control.braintree-hosted-fields-focused { border-color: #006bb4; } .payment-method-braintree .hosted-control.braintree-hosted-fields-invalid:not(.braintree-hosted-fields-focused) { border-color: #e02b27; } .payment-method-braintree .hosted-control.braintree-hosted-fields-invalid:not(.braintree-hosted-fields-focused) ~ .hosted-error { height: auto; opacity: 1; } .payment-method-braintree .hosted-control.braintree-hosted-fields-valid { border-color: #006400; } .payment-method-braintree .hosted-control.hosted-cid { width: 5rem; } .payment-method-braintree .hosted-control.hosted-date { float: left; margin-bottom: 7px; width: 6rem; } .payment-method-braintree .hosted-control.hosted-date:first-of-type { margin-right: 50px; } .payment-method-braintree .hosted-control.hosted-date:first-of-type:after { content: '/'; display: inline; padding-bottom: inherit; padding-top: inherit; position: absolute; right: -25px; top: 5px; } .payment-method-braintree .field-tooltip { right: 0; } .payment-method-braintree .hosted-error { clear: both; color: #e02b27; font-size: 1.2rem; height: 0; margin-top: 7px; opacity: 0; } .braintree-paypal-logo { margin-top: 15px; text-align: center; } .braintree-paypal-account { padding: 15px 0 15px 50px; position: relative; display: inline-block; } .braintree-paypal-account:before { background-image: url("../../frontend/Codeculture/ProAurumSchweiz/de_CH/Magento_Braintree/images/paypal-small.png"); background-position-x: 0; background-position-y: 0; line-height: 16px; vertical-align: middle; height: 16px; width: 16px; background-repeat: no-repeat; content: ''; display: inline-block; margin: ""; } .braintree-paypal-account:before { left: 17px; margin-top: -8px; position: absolute; top: 50%; } .braintree-paypal-account .payment-method-type { font-weight: 700; } .braintree-paypal-account .payment-method-description { color: #575757; } .braintree-paypal-fieldset { border: 0; margin: 0; padding: 0; } .action-braintree-paypal-logo { background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-decoration: none; text-shadow: none; font-weight: 400; } .action-braintree-paypal-logo:focus, .action-braintree-paypal-logo:active { background: none; border: none; } .action-braintree-paypal-logo:hover { background: none; border: none; } .action-braintree-paypal-logo.disabled, .action-braintree-paypal-logo[disabled], fieldset[disabled] .action-braintree-paypal-logo { cursor: not-allowed; pointer-events: none; opacity: 0.5; } .action-braintree-paypal-logo img { margin: 0; width: 114px; } .payment-method .payment-method-content .actions-toolbar.braintree-paypal-actions { margin-left: 0; } .account .table .col.paypal-account img { vertical-align: middle; } .account .table .col.paypal-account + .actions { vertical-align: middle; } @media only screen and (min-width: 768px) { .payment-method-braintree .cvv .field-tooltip { left: 6rem; } .braintree-paypal-account { border-color: #ccc; border-style: solid; border-width: 1px 0; display: inline-block; width: 50%; } .account .table-credit-cards .col.actions { width: 100px; } } .bundle-options-container { clear: both; margin-bottom: 40px; } .bundle-options-container .legend.title { font-weight: 300; line-height: 1.1; font-size: 2.6rem; margin-top: 2.5rem; margin-bottom: 2rem; } .bundle-options-container .product-add-form { display: none; } .bundle-options-container .product-options-wrapper { margin-bottom: 30px; } .bundle-options-container .action.back { margin-bottom: 30px; } .bundle-options-container .price-box .price { font-size: 18px; font-weight: 700; } .bundle-options-container .block-bundle-summary { background: #e8e8e8; padding: 15px 20px; } .bundle-options-container .block-bundle-summary > .title > strong { font-weight: 300; line-height: 1.1; font-size: 2.6rem; margin-top: 2.5rem; margin-bottom: 2rem; } .bundle-options-container .block-bundle-summary .bundle-summary { margin-top: 30px; } .bundle-options-container .block-bundle-summary .bundle-summary.empty { display: none; } .bundle-options-container .block-bundle-summary .bundle-summary > .subtitle { font-weight: 300; line-height: 1.1; font-size: 1.8rem; margin-top: 1.5rem; margin-bottom: 1.5rem; display: block; } .bundle-options-container .block-bundle-summary .bundle.items > li { margin-bottom: 15px; } .bundle-options-container .block-bundle-summary .box-tocart .actions { display: inline-block; margin-bottom: 15px; } .bundle-options-container .block-bundle-summary .product-addto-links > .action { vertical-align: top; } .bundle-options-container .nested .field.qty { margin-top: 20px; } .bundle-options-container .nested .field.qty .label { font-weight: 700; margin: 0 0 10px; display: inline-block; } .bundle-options-container p.required { color: #e02b27; } .bundle-options-container .product-options-bottom { clear: left; } @media only screen and (min-width: 768px) { .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-right .bundle-options-container .bundle-options-wrapper, .page-layout-3columns .bundle-options-container .bundle-options-wrapper, .page-layout-2columns-left .bundle-options-container .block-bundle-summary, .page-layout-2columns-right .bundle-options-container .block-bundle-summary, .page-layout-3columns .bundle-options-container .block-bundle-summary { width: 48%; } } .products { margin: 30px 0; } .products.list { box-shadow: none; border-radius: 0; } .products.products-grid .product-item { display: flex; flex-direction: row; } .products.products-grid .product-item .product-box { box-shadow: none; transition: all .8s .1s; display: flex; flex-direction: column; flex: 100%; position: relative; } .products.products-grid .product-item .product-box:hover { box-shadow: 1px 1px 20px 5px #ddd; transform: translate(0, 5px); z-index: 10; } .products.products-grid .product-item .product-box:hover .product-image-wrapper .product.name { color: #cd9f28; } .products.products-grid .product-item .product-box .upon-request { line-height: 34px; text-align: center; font-size: 14px; } .products.products-grid .product-item .product-box .product-item-photo { flex-grow: 1; } .products.products-grid .product-item .product-box .product-item-photo:hover { text-decoration: none; } .products.products-grid .product-item .product-box .product-image-wrapper { height: 100%; width: 100%; } .products.products-grid .product-item .product-box .product-image-wrapper .product-image { position: relative; display: block; text-align: center; overflow: hidden; } .products.products-grid .product-item .product-box .product-image-wrapper .product-image:before { content: ' '; display: block; padding: 100% 0 0; margin: 0; } .products.products-grid .product-item .product-box .product-image-wrapper .product-image img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; object-fit: cover; } .products.products-grid .product-item .product-box .product-image-wrapper .product.name { display: block; padding: 10px; text-align: center; margin: 0; font-size: 16px; line-height: 20px; font-weight: 400; color: #555; } .products.products-grid .product-item .product-box .item-prices { background: #f2f2f2; } @media (max-width: 768px) { .products.products-grid .product-item .product-box .item-prices form { display: flex; flex-direction: row; } } .products.products-grid .product-item .product-box .item-prices [class*=item-prices-col-] { padding: 10px; text-align: right; display: flex; } @media (min-width: 481px) and (max-width: 768px) { .products.products-grid .product-item .product-box .item-prices [class*=item-prices-col-] { width: 50%; display: block; } .products.products-grid .product-item .product-box .item-prices [class*=item-prices-col-] .price { display: block; } .products.products-grid .product-item .product-box .item-prices [class*=item-prices-col-] .upon-request { text-align: center; width: 100%; display: block; } .products.products-grid .product-item .product-box .item-prices [class*=item-prices-col-] .qty-wrapper { display: inline-block; position: relative; top: 2px; } } @media (min-width: 481px) and (max-width: 550px) { .products.products-grid .product-item .product-box .item-prices [class*=item-prices-col-] .qty-wrapper { margin-right: 0; } .products.products-grid .product-item .product-box .item-prices [class*=item-prices-col-] .btn { display: block; margin: 5px 0 0 auto; width: 40px; } } .products.products-grid .product-item .product-box .item-prices [class*=item-prices-col-] span { align-self: center; flex-grow: 1; } .products.products-grid .product-item .product-box .item-prices [class*=item-prices-col-] .price { font-size: 16px; } .products.products-grid .product-item .product-box .item-prices .item-prices-col-ask .price { color: #108549; position: relative; } .products.products-grid .product-item .product-box .item-prices .item-prices-col-ask input.qty:focus { border-color: #108549; } .products.products-grid .product-item .product-box .item-prices .item-prices-col-bid .price { color: #d8230d; position: relative; } .products.products-grid .product-item .product-box .item-prices .item-prices-col-bid input.qty:focus { border-color: #d8230d; } .products.products-grid .product-item .product-image { position: relative; } .products.products-grid .product-item .product-image:after { content: ""; position: absolute; top: -175%; left: -175%; width: 200%; height: 200%; opacity: 0; transform: rotate(30deg); background: rgba(255, 255, 255, 0.13); background: linear-gradient(to right, rgba(255, 255, 255, 0.13) 0, rgba(255, 255, 255, 0.13) 77%, rgba(255, 255, 255, 0.5) 92%, rgba(255, 255, 255, 0) 100%); } .products.products-grid .product-item:hover .product-image:after { opacity: 1; top: -30%; left: -30%; transition-property: left,top,opacity; transition-duration: 2s,2s,.3s; transition-timing-function: ease; } @media (max-width: 480px) { .products.products-grid .product-item { width: 100%; } } .block.filter { display: none; } .toolbar:before, .toolbar:after { content: " "; display: table; } .toolbar:after { clear: both; } .toolbar.toolbar-top { position: relative; clear: both; float: none; margin-top: 25px; margin-bottom: 25px; } @media screen and (max-width: 768px) { .toolbar.toolbar-top { color: #888; } } .toolbar.toolbar-top .control-wrapper { clear: both; } @media screen and (max-width: 768px) { .toolbar.toolbar-top .control-wrapper .is-pulled-right { display: block; text-align: right; width: 50%; } .toolbar.toolbar-top .control-wrapper .is-pulled-right .limiter { display: inline-block; margin-right: 5px; } .toolbar.toolbar-top .control-wrapper .is-pulled-right .limiter .control { font-size: inherit; } .toolbar.toolbar-top .control-wrapper .is-pulled-right .sorter { display: inline-block; } .toolbar.toolbar-top .control-wrapper .is-pulled-right .sorter .control { font-size: inherit; } } .toolbar.toolbar-top .toolbar-amount { text-align: center; position: absolute; width: 100%; } @media screen and (max-width: 768px) { .toolbar.toolbar-top .toolbar-amount { position: relative; } } .toolbar.toolbar-top .is-pulled-right { width: 35%; display: flex; flex-direction: row; } @media screen and (max-width: 768px) { .toolbar.toolbar-top .is-pulled-right { width: 100%; } } .toolbar.toolbar-top .is-pulled-right .label, .toolbar.toolbar-top .is-pulled-right label { display: none; } .toolbar.toolbar-top .is-pulled-right .limiter { flex-grow: 1; text-align: right; margin-right: 15px; } .toolbar.toolbar-top .is-pulled-right .toolbar-sorter .control, .toolbar.toolbar-top .is-pulled-right .limiter .control { display: inline-block; } .toolbar.toolbar-top .is-pulled-right .icon-btn { font-size: 16px; } .toolbar.toolbar-bottom .pages { text-align: right; } .toolbar.toolbar-bottom .legend { font-size: 12px; color: #888; } .qty-wrapper { margin-left: 10px; margin-right: 10px; width: 40px; } .qty-wrapper input { padding-left: 2px; padding-right: 2px; text-align: center; box-shadow: none; } .catalog-product-view .product-content-wrapper { margin-top: 0; } .product.media .fotorama-item .fotorama__nav { text-align: center; } .product.media .fotorama-item .fotorama__nav .fotorama__nav__frame--thumb .fotorama__thumb { border-top: 1px solid #f2f2f2; } .product.media .fotorama-item .fotorama__nav .fotorama__nav__frame--thumb.fotorama__active .fotorama__thumb { border-color: #cd9f28; } .product.media .fotorama-item .fotorama__thumb-border { visibility: hidden; } .product.media.column { position: relative; } .ribbon-deal-buy { left: 0; background-image: url(../../frontend/Codeculture/ProAurumSchweiz/de_CH/images/backgrounds/ribbon-deal-buy.png); width: 75px; height: 75px; position: absolute; top: 0; background-repeat: no-repeat; background-color: transparent; background-position: 0 0; z-index: 10; background-size: contain; pointer-events: none; } .product-info-main .page-title-wrapper.product h1 { margin-bottom: 25px; } .product-info-main h1.product-name { margin-bottom: 20px; font-size: 36px; } .product-info-main .product-addto-links { display: inline-block; } .product-info-main .product-addto-links a { padding-right: 10px; } .product-info-main .product-addto-links a span { line-height: 28px; height: 28px; display: inline-block; } .product-info-main .product-addto-links a.towishlist:before { position: relative; margin-right: 4px; top: 2px; } .product-info-main .product-addto-links a.tocompare:before { position: relative; margin-right: 4px; top: 4px; font-size: 18px; } .product-info-main .additional-attributes-wrapper table.additional-attributes > tbody > tr { border-bottom: 1px solid #ddd; } .product-info-main .additional-attributes-wrapper table.additional-attributes > tbody > tr > td, .product-info-main .additional-attributes-wrapper table.additional-attributes > tbody > tr > th { padding: 0.5em 0.5em; margin: 0; font-size: 14px; font-weight: 400; color: #333; } @media (max-width: 479px) { .product-info-right .bid-block-container, .product-info-right .ask-block-container { display: flex; } .product-info-right .bid-block-container .price-box, .product-info-right .ask-block-container .price-box { flex: none; width: 70%; margin-top: 4px; } .product-info-right .bid-block-container .qty-block, .product-info-right .ask-block-container .qty-block { flex: 1; margin-top: 0; } } .product-info-right .price-box { margin-bottom: 10px; } .product-info-right .price-box .price { font-size: 20px; } .product-info-right .price-box .price-excluding-tax, .product-info-right .price-box .price-excluding-tax .price, .product-info-right .price-box .tax-percent, .product-info-right .price-box .tax-percent .price, .product-info-right .price-box .bid-price-info, .product-info-right .price-box .bid-price-info .price { font-size: 10px; } .product-info-right .price-box .price-excluding-tax, .product-info-right .price-box .bid-price-info { display: block; margin-top: 5px; } .product-info-right .price-box .price-excluding-tax .price, .product-info-right .price-box .price-excluding-tax .label, .product-info-right .price-box .bid-price-info .price, .product-info-right .price-box .bid-price-info .label { display: inline-block; margin-bottom: 0; } .product-info-right .ask-block-container, .product-info-right .bid-block-container { text-align: right; } .product-info-right .bid-block-container .price { color: #d8230d; } .product-info-right .ask-block-container .price-including-tax .price { color: #108549; } .product-info-right .qty-block { margin-top: 5px; } .product-info-right .qty-block .qty-wrapper { display: inline-block; margin-left: 0; margin-right: 0; position: relative; top: 2px; } .sell-block { order: 2; } @media screen and (min-width: 769px) and (max-width: 990px) { .sell-block { order: 1; } } .buy-block { order: 1; } @media screen and (min-width: 769px) and (max-width: 990px) { .buy-block { order: 2; } } span.price-label { display: none; } .category-view { width: 100%; } .category-view .cover { position: relative; height: 40vh; min-height: 150px; color: #fff; overflow: hidden; margin-left: -20px; margin-right: -20px; margin-top: 7px; } .category-view .cover .category-image { position: absolute; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; } .category-view .cover .cover-content { position: absolute; bottom: 5%; left: 0; right: 0; color: inherit; max-height: 40vh; overflow: hidden; padding-left: 30px; padding-right: 10px; } .category-view .teaser-content.alternative-layout { padding: 15px 15px 10px; background: #f2f2f2; } .category-view .teaser-content.alternative-layout .teaser-headline { margin-top: 0; font-size: 22px; } .category-view .category-element { transition: all .6s; } .category-view .category-element:hover { box-shadow: 1px 1px 20px 5px #ddd; } .category-view .gallery-slice .gallery-excerpt .gallery-excerpt-item a .image { opacity: 1; } .category-view .category-description { display: none; } .category-view .category-description .more-ellipses, .category-view .category-description .more-content > span { display: none; } .category-view .category-description .more-ellipses.display, .category-view .category-description .more-content > span.display { display: inline; } .category-view .category-description.display { display: block; } .category-view .category-description .more-link .icon { position: relative; } .category-view .category-description .more-link .icon:before { position: absolute; top: 3px; left: 3px; } div.currency-switcher-box-tocart { padding-bottom: 1.5rem; } div.currency-switcher-box-tocart div.fieldset .price-container .currency-switcher { margin-left: 10px; } div.currency-switcher-box-tocart div.fieldset .price-container .currency-switcher:first-child { margin-left: unset; } .block-category-event { background: #f0f0f0; color: #333; padding: 15px 0 15px; text-align: center; } .block-category-event.block:last-child { margin-bottom: 15px; } .block-category-event .block-title { margin: 0 0 15px; } .block-category-event .block-title strong { font-size: 1.5rem; font-weight: 300; } .block-category-event .ticker { margin: 0; padding: 0; list-style: none none; } .block-category-event .ticker li { display: none; margin: 0 15px; } .block-category-event .ticker .value { font-size: 1.8rem; font-weight: 300; } .block-category-event .ticker .label { font-size: 1rem; display: block; text-transform: lowercase; } .block-category-event .dates { display: table; margin: 0 auto; } .block-category-event .dates .start, .block-category-event .dates .end { display: table-cell; vertical-align: top; } .block-category-event .dates .date { font-size: 1.8rem; } .block-category-event .dates .time { display: block; } .block-category-event .dates .start { padding-right: 40px; position: relative; } .block-category-event .dates .start:after { font-size: 1.8rem; content: '\2013'; display: block; position: absolute; right: 15px; top: 0; } @media only screen and (min-width: 768px) { .block-category-event.block:last-child { margin-bottom: 30px; padding: 15px 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; } } .block-search { margin-bottom: 0; } .block-search .block-title { display: none; } .block-search .block-content { margin-bottom: 0; } .block-search .label { display: inline-block; text-decoration: none; display: inline-block; float: right; } .block-search .label > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .block-search .label:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 35px; line-height: 33px; color: #8f8f8f; content: ""; font-family: "icons-blank-theme"; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .block-search .label:hover:before { color: #333; } .block-search .label:active:before { color: #333; } .block-search .label.active + .control input { position: static; } .block-search .action.search { display: none; } .block-search .control { border-top: 1px solid #d1d1d1; clear: both; margin: 0 -15px -1px; padding: 0 15px; } .block-search input { left: -300%; margin: 15px 0; position: absolute; } .block-search .nested { display: none; } .search-autocomplete { display: none; margin-top: -15px; overflow: hidden; position: absolute; z-index: 3; } .search-autocomplete ul { margin: 0; padding: 0; list-style: none none; } .search-autocomplete ul li { border-top: 1px solid #e5e5e5; cursor: pointer; margin: 0; padding: 10px 40px 10px 15px; position: relative; text-align: left; white-space: normal; } .search-autocomplete ul li:not(:empty) { border-top: 0; border: 1px solid #c2c2c2; background: #fff; } .search-autocomplete ul li:first-child { border-top: none; } .search-autocomplete ul li:hover, .search-autocomplete ul li.selected { background: #e8e8e8; } .search-autocomplete ul li .amount { color: #999; position: absolute; right: 7px; top: 10px; } .form.search.advanced .fields.range .field:first-child { position: relative; } .form.search.advanced .fields.range .field:first-child .control { padding-right: 25px; } .form.search.advanced .fields.range .field:first-child .control:after { content: ' \2013 '; display: inline-block; position: absolute; right: 0; text-align: center; top: 6px; width: 25px; } .form.search.advanced .fields.range .field:last-child { position: relative; } .form.search.advanced .fields.range .field:last-child div.mage-error[generated] { left: 0; position: absolute; top: 32px; } .form.search.advanced .fields.range .field.with-addon .control { padding-right: 45px; } .form.search.advanced .group.price .addon .addafter { background: none; border: 0; padding-top: 6px; position: absolute; right: 0; top: 0; } .search.summary { margin-bottom: 15px; } @media only screen and (max-width: 767px) { .block-search .block-content { margin-bottom: 0; } } @media only screen and (max-width: 639px) { .block-search { margin-top: 15px; } } @media only screen and (min-width: 768px) { .block-search { float: right; padding-left: 15px; position: relative; width: 250px; z-index: 4; } .block-search .control { border-top: 0; margin: 0; padding: 0 0 25px; } .block-search .nested { display: block; padding-top: 5px; position: absolute; } .block-search input { margin: 0; padding-right: 35px; position: static; } .block-search input::-webkit-input-placeholder { color: #c2c2c2; } .block-search input:-moz-placeholder { color: #c2c2c2; } .block-search input::-moz-placeholder { color: #c2c2c2; } .block-search input:-ms-input-placeholder { color: #c2c2c2; } .block-search .action.search { display: inline-block; display: inline-block; text-decoration: none; background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-decoration: none; text-shadow: none; font-weight: 400; padding: 10px 0; position: absolute; right: 10px; top: 0; z-index: 1; } .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: ""; 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 { cursor: not-allowed; pointer-events: none; opacity: 0.5; } .block-search .action.search:focus:before { color: #333; } .search-autocomplete { margin-top: 0; } } .checkout-cart-index .navigation-wrapper { margin-bottom: 60px; } .cart-empty { box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12); background: #f2f2f2; margin: 20px 0; padding: 30px 20px; text-align: center; width: 100%; } .cart-empty i { font-size: 50px; line-height: 1; } .cart-summary { background: white; margin-bottom: 25px; padding: 1px 0 15px 25px; float: right; } .cart-summary > .title { display: block; font-weight: 300; line-height: 1.1; font-size: 1.8rem; margin-top: 1.5rem; margin-bottom: 1.5rem; } @media screen and (max-width: 768px) { .cart-summary { max-width: 100%; padding-left: 0; padding-right: 0; } .cart-summary .cart-totals { overflow: auto; max-width: 100%; } } .cart-summary .cart-totals .data.table.totals td, .cart-summary .cart-totals .data.table.totals th { padding: 2px 8px; } .cart-summary .cart-totals .data.table.totals th { font-weight: 700; } .cart-summary .block { margin-bottom: 0; } .cart-summary .block .item-options { margin-left: 0; } .cart-summary .block .fieldset { margin: 15px 0 25px 10px; } .cart-summary .block .fieldset .field { margin: 0 0 15px; } .cart-summary .block .fieldset .field.note { font-size: 12px; } .cart-summary .block .fieldset .methods .field > .label { display: inline; } .cart-summary .block.shipping { display: none; } .cart-totals { padding-top: 20px; padding-bottom: 10px; } .cart-totals .table-wrapper { margin-bottom: 0; overflow: inherit; } .cart-totals .table-wrapper .totals.sub { font-size: 14px; } .cart-totals .table-wrapper .totals.sub .price { font-size: 14px; } .cart-totals .table-wrapper .totals.grand { font-size: 16px; } @media screen and (max-width: 768px) { .cart-totals .table-wrapper .totals.grand { font-size: 14px; } .cart-totals .table-wrapper .totals.grand th { text-align: right; } } .cart-totals .table-wrapper .totals.grand .mark, .cart-totals .table-wrapper .totals.grand .amount { padding-top: 8px; } .cart-totals .table-wrapper .totals.grand .mark strong, .cart-totals .table-wrapper .totals.grand .amount strong { font-weight: 700; } .cart-totals .table-wrapper .totals.grand .price { font-size: 16px; } @media screen and (max-width: 768px) { .cart-totals .table-wrapper .totals.grand .price { font-size: 14px; } } .cart-totals .shipping-hint { text-align: right; padding-right: 8px; } .cart.table-wrapper .items thead + .item { border-top: 1px solid #d1d1d1; } .cart.table-wrapper .items > .item { border-bottom: 1px solid #d1d1d1; position: relative; } .cart.table-wrapper .items > .item:last-of-type { border-bottom: none; } .cart.table-wrapper .col { vertical-align: middle; } .cart.table-wrapper .item-actions td { padding-bottom: 15px; text-align: center; white-space: normal; } .cart.table-wrapper .item .col.item { min-height: 75px; position: relative; } .cart.table-wrapper .actions-toolbar > .action { display: inline-block; text-decoration: none; margin-bottom: 15px; margin-right: 15px; float: right; } .cart.table-wrapper .actions-toolbar > .action:hover, .cart.table-wrapper .actions-toolbar > .action:active, .cart.table-wrapper .actions-toolbar > .action:focus { text-decoration: none; } .cart.table-wrapper .actions-toolbar > .action:last-child { margin-right: 0; } .cart.table-wrapper .actions-toolbar > .action.action-delete { background: transparent; border: none; -webkit-appearance: none; margin-bottom: 0; } .cart.table-wrapper .actions-toolbar > .action.action-delete:before { font-size: 20px; } .cart.table-wrapper .action.help.map { font-weight: 400; } .cart.table-wrapper .product-item-photo { display: block; left: 0; max-width: 60px; padding: 0; position: relative; width: 100%; } .cart.table-wrapper .product-item-details { white-space: normal; } .cart.table-wrapper .product-item-name { display: inline-block; font-weight: 400; margin-top: -6px; } .cart.table-wrapper .gift-registry-name-label:after { content: ':'; } .cart.table-wrapper .item-options { font-size: 12px; margin-bottom: 15px; } .cart.table-wrapper .product-item-name a { color: #333; } .cart.table-wrapper .product-item-name a:hover { text-decoration: none; } .cart.table-wrapper .product-item-name + .item-options { margin-top: 15px; } .cart.table-wrapper .action.configure { display: inline-block; margin: 0 0 20px; } .cart.table-wrapper .price { font-size: 14px; } .cart.table-wrapper .price-including-tax { padding-right: 20px; } .cart.table-wrapper img.product-image-photo { width: 75px; height: auto; } .cart-container { width: 100%; } .cart-container .col.product-image { min-width: 50px; } @media screen and (max-width: 768px) { .cart-container #shopping-cart-table { overflow: auto; max-width: 100%; display: block; } } .cart-container .checkout-methods-items { margin-top: 20px; text-align: end; } .cart-container .checkout-methods-items .item + .item { margin-top: 20px; } .cart-container .main.actions { margin: 15px 0; } .cart-container .main.actions .action { -webkit-appearance: none; background: white; color: #333; } .cart-container .main.actions .action.continue { padding-left: 15px; } .cart-container .main.actions .action:hover { background: #e6e6e6; } .cart-container .main.actions .icon-trash:before, .cart-container .main.actions .clear:before { top: 1px; position: relative; } .cart-container .main.actions a:not(.button) > span { color: #333; } .cart-container .main.actions a:not(.button):before { content: none; } .cart-container .main.actions .update, .cart-container .main.actions .clear { float: right; margin-bottom: 0; } .cart-container .main.actions .update { margin-right: 15px; } @media screen and (max-width: 768px) { .cart-container .main.actions .update { margin-right: 0; float: none; } } .cart-products-toolbar .toolbar-amount { margin: 25px 0 15px; padding: 0; text-align: center; } .cart-products-toolbar .pages { margin: 0 0 25px; text-align: center; } .cart-products-toolbar .pages .items > .item { border-bottom: 0; } .cart-products-toolbar-top { border-bottom: 1px solid #d1d1d1; } .block.crosssell { margin-top: 70px; } .cart-tax-info + .cart-tax-total, .cart .cart-tax-info + .cart-tax-total { display: block; } .cart.table-wrapper .col.tax, .cart.table-wrapper .col.qty, .cart.table-wrapper .col.subtotal, .cart.table-wrapper .col.msrp, .order-items.table-wrapper .col.tax, .order-items.table-wrapper .col.qty, .order-items.table-wrapper .col.subtotal, .order-items.table-wrapper .col.msrp { text-align: left; } .cart.table-wrapper .col.price-incl-tax, .cart.table-wrapper .col.item-price-incl-tax, .cart.table-wrapper .col.price-excl-tax, .order-items.table-wrapper .col.price-incl-tax, .order-items.table-wrapper .col.item-price-incl-tax, .order-items.table-wrapper .col.price-excl-tax { text-align: right; } .cart.table-wrapper .col.qty, .order-items.table-wrapper .col.qty { max-width: 80px; } .cart.table-wrapper .col.qty .qty-wrapper, .order-items.table-wrapper .col.qty .qty-wrapper { margin: 0; } .cart.table-wrapper .col.tax, .order-items.table-wrapper .col.tax { max-width: 60px; } .cart.table-wrapper .col.actions, .order-items.table-wrapper .col.actions { max-width: 40px; } .cart.table-wrapper th.col, .order-items.table-wrapper th.col { vertical-align: bottom; } @media screen and (max-width: 768px) { .cart.table-wrapper .col.price-incl-tax, .cart.table-wrapper .col.tax, .cart.table-wrapper .col.price-excl-tax, .order-items.table-wrapper .col.price-incl-tax, .order-items.table-wrapper .col.tax, .order-items.table-wrapper .col.price-excl-tax { display: none; } .cart.table-wrapper .col.item, .order-items.table-wrapper .col.item { width: 100%; } } .cart-container .messages > li.error-msg { background-color: #f2dede; border: 1px solid #ebccd1; color: #a94442; padding: 15px; margin-bottom: 20px; border-radius: 0; } @media only screen and (max-width: 767px) { .cart.table-wrapper { overflow: inherit; } .cart.table-wrapper .item .col.item { padding-bottom: 0; } } @media only screen and (min-width: 768px) { .cart-container .widget { float: left; } .column.main .cart-summary .actions-toolbar > .secondary { float: none; } .cart-summary .block .fieldset .field { margin: 0 0 20px; margin: 0 0 15px; } .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 10px; 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-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; } .cart .action { margin-bottom: 15px; } .cart-products-toolbar .toolbar-amount { line-height: 30px; margin: 0; } .cart-products-toolbar .pages { float: right; margin: 0 0 1px; } .cart-products-toolbar .pages .item:last-child { margin-right: 0; } .cart.table-wrapper .cart-products-toolbar + .cart thead tr th.col { padding-bottom: 7px; padding-top: 8px; } .cart.table-wrapper .cart + .cart-products-toolbar { margin-top: 25px; } } .block-minicart .items-total { float: left; margin: 0 15px; } .block-minicart .items-total .count { font-weight: 700; } .block-minicart .subtotal { margin: 0 15px 15px; text-align: right; } .block-minicart .amount .price-wrapper:first-child .price { font-size: 18px; font-weight: 700; } .block-minicart .subtitle { display: none; } .block-minicart .subtitle.empty { display: block; font-size: 14px; padding: 30px 0 20px; text-align: center; } .block-minicart .text.empty { text-align: center; } .block-minicart .block-content > .actions { margin-top: 15px; text-align: center; } .block-minicart .block-content > .actions > .primary { margin: 0 15px 15px; } .block-minicart .block-content > .actions > .primary .action.primary { display: block; margin-bottom: 15px; width: 100%; } .block-minicart .block-content > .actions > .primary .action.primary:last-child { margin-bottom: 0; } .block-minicart .block-category-link, .block-minicart .block-product-link, .block-minicart .block-cms-link, .block-minicart .block-banners { margin: 15px 0 0; text-align: center; } .minicart-wrapper { display: inline-block; position: relative; float: right; } .minicart-wrapper:before, .minicart-wrapper:after { content: ''; display: table; } .minicart-wrapper:after { clear: both; } .minicart-wrapper .action.showcart { cursor: pointer; display: inline-block; text-decoration: none; } .minicart-wrapper .action.showcart:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 35px; line-height: 33px; color: #8f8f8f; content: ""; font-family: "icons-blank-theme"; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .minicart-wrapper .action.showcart:hover:before { color: #333; } .minicart-wrapper .action.showcart:active:before { color: #8f8f8f; } .minicart-wrapper .action.showcart.active { display: inline-block; text-decoration: none; } .minicart-wrapper .action.showcart.active:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 35px; line-height: 33px; color: #8f8f8f; content: ""; font-family: "icons-blank-theme"; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .minicart-wrapper .action.showcart.active:hover:before { color: #333; } .minicart-wrapper .action.showcart.active:active:before { color: #8f8f8f; } .minicart-wrapper .block-minicart { margin: 0; padding: 0; list-style: none none; background: #fff; border: 1px solid #bbb; margin-top: 4px; min-width: 100%; z-index: 100; box-sizing: border-box; display: none; position: absolute; top: 100%; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15); } .minicart-wrapper .block-minicart li { margin: 0; } .minicart-wrapper .block-minicart li:hover { cursor: pointer; } .minicart-wrapper .block-minicart:before, .minicart-wrapper .block-minicart:after { border-bottom-style: solid; content: ''; display: block; height: 0; position: absolute; width: 0; } .minicart-wrapper .block-minicart:before { border: 6px solid; border-color: transparent transparent #fff transparent; z-index: 99; } .minicart-wrapper .block-minicart:after { border: 7px solid; border-color: transparent transparent #bbb transparent; z-index: 98; } .minicart-wrapper .block-minicart:before { left: 10px; top: -12px; } .minicart-wrapper .block-minicart:after { left: 9px; top: -14px; } .minicart-wrapper.active { overflow: visible; } .minicart-wrapper.active .block-minicart { display: block; } .minicart-wrapper .block-minicart { padding: 25px 20px; right: 0; width: 320px; z-index: 101; } .minicart-wrapper .block-minicart .block-title { display: none; } .minicart-wrapper .block-minicart:after { left: auto; right: 25px; } .minicart-wrapper .block-minicart:before { left: auto; right: 26px; } .minicart-wrapper .product .actions { float: right; margin: -24px 0 0; text-align: right; } .minicart-wrapper .product .actions > .primary, .minicart-wrapper .product .actions > .secondary { display: inline; } .minicart-wrapper .action.close { display: inline-block; text-decoration: none; background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-decoration: none; text-shadow: none; font-weight: 400; height: 40px; position: absolute; right: 0; top: 0; width: 40px; } .minicart-wrapper .action.close > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .minicart-wrapper .action.close:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 32px; line-height: 32px; color: inherit; content: ""; font-family: "icons-blank-theme"; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .minicart-wrapper .action.close:hover:before { color: inherit; } .minicart-wrapper .action.close:active:before { color: inherit; } .minicart-wrapper .action.close:focus, .minicart-wrapper .action.close:active { background: none; border: none; } .minicart-wrapper .action.close:hover { background: none; border: none; } .minicart-wrapper .action.close.disabled, .minicart-wrapper .action.close[disabled], fieldset[disabled] .minicart-wrapper .action.close { cursor: not-allowed; pointer-events: none; opacity: 0.5; } .minicart-wrapper .action.showcart { white-space: nowrap; } .minicart-wrapper .action.showcart .counter.qty { background: #ff5501; color: #fff; height: 24px; line-height: 24px; border-radius: 2px; display: inline-block; margin: 3px 0 0; min-width: 18px; overflow: hidden; padding: 0 3px; text-align: center; white-space: normal; } .minicart-wrapper .action.showcart .counter.qty.empty { display: none; } .minicart-wrapper .action.showcart .counter.qty .loader > img { max-width: 24px; } .minicart-wrapper .minicart-widgets { margin-top: 15px; } .minicart-items-wrapper { border: 1px solid #ccc; margin: 0 -20px; border-left: 0; border-right: 0; overflow-x: auto; padding: 15px; } .minicart-items { margin: 0; padding: 0; list-style: none none; } .minicart-items .product-item { padding: 20px 0; } .minicart-items .product-item:not(:first-child) { border-top: 1px solid #ccc; } .minicart-items .product-item:first-child { padding-top: 0; } .minicart-items .product-item-pricing .label { display: inline-block; width: 4.5rem; } .minicart-items .price-minicart { margin-bottom: 10px; } .minicart-items .product > .product-item-photo, .minicart-items .product > .product-image-container { float: left; } .minicart-items .product .toggle { display: block; text-decoration: none; cursor: pointer; position: relative; } .minicart-items .product .toggle:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 28px; line-height: 16px; color: inherit; content: ""; font-family: "icons-blank-theme"; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .minicart-items .product .toggle:after { position: static; right: 20px; top: 0; } .minicart-items .product.active > .toggle:after { content: ""; } .minicart-items .product-item-name { font-weight: 400; margin: 0 0 15px; } .minicart-items .product-item-name a { color: #1979c3; } .minicart-items .product-item-details { padding-left: 88px; } .minicart-items .product-item-details .price { font-weight: 700; } .minicart-items .product-item-details .price-including-tax, .minicart-items .product-item-details .price-excluding-tax { margin: 10px 0 0; } .minicart-items .product-item-details .weee[data-label] { font-size: 1.1rem; } .minicart-items .product-item-details .details-qty { margin-top: 15px; } .minicart-items .product.options .tooltip.toggle { display: inline-block; text-decoration: none; } .minicart-items .product.options .tooltip.toggle > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .minicart-items .product.options .tooltip.toggle:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 28px; line-height: 28px; color: inherit; content: ""; font-family: "icons-blank-theme"; margin: -3px 0 0 7px; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .minicart-items .product.options .tooltip.toggle .details { display: none; } .minicart-items .item-qty { margin-right: 15px; text-align: center; width: 40px; } .minicart-items .update-cart-item { font-size: 1.1rem; vertical-align: top; } .minicart-items .subtitle { display: none; } .minicart-items .action.edit, .minicart-items .action.delete { display: inline-block; text-decoration: none; } .minicart-items .action.edit > span, .minicart-items .action.delete > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .minicart-items .action.edit:before, .minicart-items .action.delete:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 28px; line-height: 28px; color: #303030; content: ""; font-family: "icons-blank-theme"; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .minicart-items .action.edit:hover:before, .minicart-items .action.delete:hover:before { color: #303030; } .minicart-items .action.edit:active:before, .minicart-items .action.delete:active:before { color: #303030; } .minicart-items .action.delete:before { content: ""; } @media only screen and (max-width: 479px) { .minicart-wrapper .block-minicart { width: 290px; } } @media only screen and (max-width: 639px) { .minicart-wrapper { margin-top: 15px; } } @media only screen and (min-width: 768px) { .minicart-wrapper { margin-left: 13px; } .minicart-wrapper .block-minicart { right: -15px; width: 390px; } } .checkout-index-index .action.primary { padding: 10px 15px; font-weight: 400; } .checkout-index-index .page-header { border-bottom: 4px solid #cd9f28; } .checkout-index-index .header.content { padding: 0 20px; text-align: center; } .checkout-index-index .page-title { font-size: 36px; } .checkout-index-index .authentication-wrapper { margin: 0; } .checkout-index-index .form-login { margin-left: 0; margin-right: 0; overflow: visible; } .checkout-index-index .opc-payment-additional.discount-code { display: none; } .checkout-index-index .authentication-dropdown .action-close { z-index: 10; } .checkout-index-index .authentication-dropdown .modal-content { width: 100%; } .checkout-index-index .authentication-dropdown .modal-content .block-customer-login { border: none; } .checkout-index-index .minicart-wrapper .action.showcart .counter.qty { background: #cd9f28; } .checkout-index-index .back-to-shop-link { float: left; position: relative; padding-left: 30px; } .checkout-index-index .back-to-shop-link:before { position: absolute; top: 3px; left: 13px; } .checkout-index-index .tooltip-label, .checkout-index-index #tooltip-label, .checkout-index-index [name*="street.0"] > .label { display: none; } .checkout-container { margin: 0 0 20px; width: 100%; } .opc-wrapper { margin: 0 0 20px; } .opc-wrapper .step-content { margin: 30px 0 40px; } .opc-wrapper .shipping-address-items .shipping-address-item.selected-item { border-color: #cd9f28; } .opc-wrapper .shipping-address-items .shipping-address-item.selected-item:after { background: #cd9f28; } .checkout-index-index .nav-sections, .checkout-index-index .nav-toggle { display: none; } .checkout-index-index .logo { margin-left: 0; } .checkout-onepage-success .print { display: none; } #checkout-shipping-method-load { margin-bottom: 40px; } #shipping-method-buttons-container .primary { height: auto; } #checkout-loader .loader { position: absolute; left: 50%; top: 30%; } @media screen and (min-width: 768px) and (max-width: 1024px) { .checkout-index-index .opc-wrapper { width: 60%; } .checkout-index-index .opc-sidebar { width: 40%; } } @media only screen and (max-width: 767px) { .opc-sidebar .modal-header .action-close { z-index: 20; margin: 5px; } .opc-sidebar .modal-content { margin: 0; } .opc-sidebar .modal-content .product-image-container { display: block; text-align: center; margin: 0 auto 10px; float: none; } .opc-sidebar .modal-content .product-item-details { padding: 0; } } @media only screen and (max-width: 639px) { .opc-wrapper .step-title { font-size: 18px; border-bottom: 0; padding-bottom: 0; } } @media only screen and (min-width: 768px) { .opc-wrapper { width: 66.66667%; float: left; order: 1; padding-right: 30px; } .checkout-onepage-success .print { display: block; float: right; margin: 22px 0 0; } } .opc-estimated-wrapper { border-bottom: 1px solid #ccc; margin: 0 0 15px; padding: 18px 15px; } .opc-estimated-wrapper .estimated-block { font-size: 18px; font-weight: 700; float: left; } .opc-estimated-wrapper .estimated-block .estimated-label { display: block; margin: 0 0 10px; } .opc-estimated-wrapper .minicart-wrapper .action.showcart:before { color: #333; } @media only screen and (min-width: 768px) { .opc-estimated-wrapper { display: none; } } .opc-progress-bar { margin: 0 0 20px; counter-reset: i; font-size: 0; } .opc-progress-bar-item { margin: 0 0 15px; display: inline-block; position: relative; text-align: center; vertical-align: top; width: 50%; } .opc-progress-bar-item:before { background: #e4e4e4; top: 19px; content: ''; height: 7px; left: 0; position: absolute; width: 100%; } .opc-progress-bar-item:first-child:before { border-radius: 6px 0 0 6px; } .opc-progress-bar-item:last-child:before { border-radius: 0 6px 6px 0; } .opc-progress-bar-item > span { display: inline-block; padding-top: 45px; width: 100%; word-wrap: break-word; color: #e4e4e4; font-weight: 300; font-size: 1.8rem; } .opc-progress-bar-item > span:before, .opc-progress-bar-item > span:after { background: #e4e4e4; height: 38px; margin-left: -19px; width: 38px; border-radius: 50%; content: ''; left: 50%; position: absolute; top: 0; } .opc-progress-bar-item > span:after { background: #fff; height: 26px; margin-left: -13px; top: 6px; width: 26px; content: counter(i); counter-increment: i; color: #333; font-weight: 600; font-size: 1.8rem; } .opc-progress-bar-item._active:before { background: #cd9f28; } .opc-progress-bar-item._active > span { color: #333; } .opc-progress-bar-item._active > span:before { background: #cd9f28; } .opc-progress-bar-item._active > span:after { content: ""; font-family: "icons-blank-theme"; line-height: 1; font-size: 2.8rem; } .opc-progress-bar-item._complete { cursor: pointer; } .opc-progress-bar-item._complete > span { color: #333; } .opc-progress-bar-item._complete > span:after { content: ""; font-family: "icons-blank-theme"; line-height: 1; font-size: 2.8rem; } @media only screen and (min-width: 768px) { .opc-progress-bar-item { width: 185px; } } @media only screen and (max-width: 767px) { .opc-progress-bar .opc-progress-bar-item { display: block; margin: 0 auto 20px; } } .field.choice .field-tooltip { display: inline-block; margin-left: 15px; position: relative; top: -3px; } .field.choice .field-tooltip-action { line-height: 21px; } .field._error .control input, .field._error .control select, .field._error .control textarea { border-color: #ed8380; } .opc-wrapper .fieldset > .field > .label { font-weight: 400; float: none; display: block; text-align: left; font-size: 12px; } @media only screen and (min-width: 768px) { .checkout-index-index .opc-wrapper .fieldset > .field > label { padding: 3px 0; } .checkout-index-index .opc-wrapper .fieldset > .field.required, .checkout-index-index .opc-wrapper .fieldset > .field._required { position: relative; } .checkout-index-index .opc-wrapper .fieldset > .field.required > label, .checkout-index-index .opc-wrapper .fieldset > .field._required > label { padding-right: 25px; } .checkout-index-index .opc-wrapper .fieldset > .field.required > label:after, .checkout-index-index .opc-wrapper .fieldset > .field._required > label:after { margin-left: 3px; } } @media only screen and (min-width: 768px) { .checkout-index-index .modal-popup .form-shipping-address { max-width: 500px; } .checkout-index-index .modal-popup .modal-footer .action-save-address { float: right; margin: 0 0 0 15px; } } @media only screen and (min-width: 1024px) { .checkout-index-index .modal-popup .modal-inner-wrap { margin-left: -400px; width: 800px; left: 50%; } } .field-tooltip { display: none; } .opc-wrapper .form-login, .opc-wrapper .form-shipping-address { margin-top: 28px; margin-bottom: 20px; } .opc-wrapper .form-login .fieldset .note, .opc-wrapper .form-shipping-address .fieldset .note { font-size: 14px; margin-top: 15px; } .opc-wrapper .form-login .fieldset label, .opc-wrapper .form-shipping-address .fieldset label { font-style: inherit; } .opc-wrapper .shipping-address-items { font-size: 0; } .opc-wrapper .shipping-address-item { border: 2px solid transparent; line-height: 30px; margin: 0 0 20px; padding: 20px 35px 20px 20px; transition: 0.3s border-color; width: 50%; display: inline-block; font-size: 14px; position: relative; vertical-align: top; word-wrap: break-word; } .opc-wrapper .shipping-address-item.selected-item { border-color: #ff5501; } .opc-wrapper .shipping-address-item.selected-item:after { background: #ff5501; color: #fff; content: ""; font-family: "icons-blank-theme"; height: 27px; width: 29px; font-size: 27px; line-height: 21px; padding-top: 2px; position: absolute; right: 0; text-align: center; top: 0; } .opc-wrapper .shipping-address-item.selected-item .action-select-shipping-item { visibility: hidden; } .opc-wrapper .action-show-popup { margin: 0 0 20px; } .opc-wrapper .action-show-popup > span:before { content: '+'; padding-right: 10px; } .opc-wrapper .action-select-shipping-item { float: right; margin: 20px 0 0; } .opc-wrapper .edit-address-link { display: block; float: left; margin: 26px 5px 0 0; } .checkout-shipping-method .step-title { margin-bottom: 0; } .checkout-shipping-method .no-quotes-block { margin: 20px 0; } .methods-shipping .actions-toolbar .action.primary { margin: 20px 0 0; } .table-checkout-shipping-method thead th { display: none; } .table-checkout-shipping-method tbody tr:nth-child(even) { background: #f2f2f2; } .table-checkout-shipping-method tbody td { line-height: 25px; } .table-checkout-shipping-method tbody td:first-child { padding-left: 5px; padding-right: 5px; width: 20px; text-align: center; } .table-checkout-shipping-method tbody .row-error td { border-top: none; padding-bottom: 15px; padding-top: 0; } @media only screen and (max-width: 639px) { .opc-wrapper .form-login { border-bottom: 1px solid #ccc; margin: 0 0 15px; padding: 0 0 15px; } .opc-wrapper .shipping-address-item { border-bottom: 1px solid #ccc; margin: 0 0 15px; padding: 0 0 15px; width: 100%; } .opc-wrapper .shipping-address-item.selected-item { padding: 15px 35px 15px 18px; border-bottom-width: 2px; } .opc-wrapper .shipping-address-item.selected-item .edit-address-link { right: 44px; } .opc-wrapper .form-login, .opc-wrapper .form-shipping-address { margin-top: 28px; } .opc-wrapper .action-select-shipping-item { float: none; margin-top: 15px; width: 100%; } .opc-wrapper .action-show-popup { width: 100%; } .opc-wrapper .edit-address-link { display: inline-block; text-decoration: none; margin: 0; position: absolute; right: 0; top: 1px; } .opc-wrapper .edit-address-link > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .opc-wrapper .edit-address-link:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 28px; line-height: 28px; color: #303030; content: ""; font-family: "icons-blank-theme"; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .opc-wrapper .edit-address-link:hover:before { color: #303030; } .opc-wrapper .edit-address-link:active:before { color: #303030; } } @media only screen and (min-width: 768px) { .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: 500px; } .table-checkout-shipping-method { width: 100%; } } @media only screen and (min-width: 1024px) { .opc-wrapper .shipping-address-item { width: 33.33333%; } .opc-wrapper .shipping-address-item:before { background: #ccc; 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; } } .checkout-shipping-method { position: relative; } .checkout-shipping-method .step-title { margin-bottom: 20px; } .shipping-policy-block.field-tooltip { top: 12px; } .shipping-policy-block.field-tooltip .field-tooltip-action { color: #1979c3; cursor: pointer; } .shipping-policy-block.field-tooltip .field-tooltip-action:before { display: none; } .shipping-policy-block.field-tooltip .field-tooltip-content { width: 420px; top: 30px; } @media only screen and (max-width: 639px) { .shipping-policy-block.field-tooltip { margin-bottom: 20px; position: relative; right: auto; top: auto; } .shipping-policy-block.field-tooltip .field-tooltip-content { width: 300px; right: auto; } .shipping-policy-block.field-tooltip .field-tooltip-content:before, .shipping-policy-block.field-tooltip .field-tooltip-content:after { right: auto; } } @media only screen and (min-width: 768px) { .opc-sidebar { margin: 46px 0 20px; width: 33.33333%; float: right; order: 2; } .opc-sidebar .modal-content { width: auto; overflow: visible; } } .opc-block-shipping-information { padding: 0 15px; } .opc-block-shipping-information .shipping-information-title { border-bottom: 1px solid #ccc; margin: 0 0 20px; position: relative; font-size: 14px; font-weight: 700; } .opc-block-shipping-information .shipping-information-title .action-edit { top: 2px; display: inline-block; text-decoration: none; margin: 0; position: absolute; right: 0; } .opc-block-shipping-information .shipping-information-title .action-edit > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .opc-block-shipping-information .shipping-information-title .action-edit:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 28px; line-height: 28px; color: #8f8f8f; content: ""; font-family: "icons-blank-theme"; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .opc-block-shipping-information .shipping-information-title .action-edit:hover:before { color: #333; } .opc-block-shipping-information .shipping-information-title .action-edit:active:before { color: #8f8f8f; } .opc-block-shipping-information .shipping-information-title .action-edit:before { color: #cd9f28; } .opc-block-shipping-information .shipping-information-content { line-height: 27px; } .opc-block-shipping-information .shipping-information-content .actions-toolbar { margin-left: 0; } .opc-block-shipping-information .ship-to, .opc-block-shipping-information .ship-via { margin: 0 0 20px; } .opc-block-summary { background: #f5f5f5; margin: 0 0 20px; box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12); } .opc-block-summary > .title { padding: 10px 15px; display: block; font-size: 16px; font-weight: 500; margin: 0; text-align: center; } .opc-block-summary .table-totals { background: transparent; padding: 10px 15px; display: block; } .opc-block-summary .table-totals th, .opc-block-summary .table-totals td { border: none; color: #333; } .opc-block-summary .price, .opc-block-summary .label { font-size: 14px; font-weight: 400; } .opc-block-summary .mark .value { color: #999; display: block; } .opc-block-summary .grand.incl + .grand.excl .mark, .opc-block-summary .grand.incl + .grand.excl .amount { border-top: 0; font-size: 1.4rem; padding-top: 0; } .opc-block-summary .grand.incl + .grand.excl .mark strong, .opc-block-summary .grand.incl + .grand.excl .amount strong { font-weight: 400; } .opc-block-summary .not-calculated { font-style: italic; } .opc-block-summary .items-in-cart { padding: 0 15px; margin: 0; } .opc-block-summary .items-in-cart > .title { padding: 15px 40px 15px 0; cursor: pointer; display: block; text-decoration: none; margin-bottom: 0; position: relative; } .opc-block-summary .items-in-cart > .title > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .opc-block-summary .items-in-cart > .title:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 30px; line-height: 12px; color: inherit; content: ""; font-family: "icons-blank-theme"; margin: 3px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .opc-block-summary .items-in-cart > .title[aria-expanded="true"] { border-bottom: 1px solid #d1d1d1; } .opc-block-summary .items-in-cart > .title:after { position: absolute; right: 0; top: 20px; margin: 0; } .opc-block-summary .items-in-cart > .title strong { font-size: 14px; margin: 0; color: #333; } .opc-block-summary .items-in-cart.active > .title:after { content: ""; } .opc-block-summary .items-in-cart .product { position: relative; } .opc-block-summary .minicart-items-wrapper { margin: 0; max-height: 370px; padding: 15px 15px 0 0; border: 0; } .opc-block-summary .minicart-items-wrapper .minicart-items { font-size: 14px; list-style: none; margin: 0; } .column.main .opc-block-summary .product-item { margin: 0; padding-left: 0; } .opc-block-summary .product-item .product-item-inner { display: table; margin: 0 0 15px; width: 100%; } .opc-block-summary .product-item .product-item-name-block { display: table-cell; padding-right: 10px; text-align: left; } .opc-block-summary .product-item .product-item-name-block .details-qty .label { display: inline-block; } .opc-block-summary .product-item .subtotal { display: table-cell; text-align: right; } .opc-block-summary .product-item .price { font-size: 1.4rem; font-weight: 400; } .opc-block-summary .product-item .price-including-tax + .price-excluding-tax { margin: 0; } .opc-block-summary .product-item .price-including-tax + .price-excluding-tax .price { font-size: 1rem; } .opc-block-summary .actions-toolbar { position: relative; z-index: 1; } .opc-block-summary .actions-toolbar .secondary { border-top: 1px solid #d1d1d1; display: block; float: none; margin: -1px 0 0; padding: 15px 0 0; text-align: left; } .opc-block-summary .actions-toolbar .secondary .action { margin: 0; } @media only screen and (min-width: 768px) { .opc-summary-wrapper .modal-header .action-close { display: none; } } .authentication-dropdown { box-sizing: border-box; } .authentication-dropdown .modal-inner-wrap { padding: 25px; } .authentication-wrapper { float: right; margin-top: -60px; max-width: 50%; position: relative; z-index: 1; } ._has-auth-shown .authentication-wrapper { z-index: 900; } .block-authentication .block-title { font-size: 1.8rem; border-bottom: 0; margin-bottom: 25px; } .block-authentication .block-title strong { font-weight: 300; } .block-authentication .field .label { font-weight: 400; } .block-authentication .actions-toolbar { margin-bottom: 10px; } .block-authentication .actions-toolbar > .secondary { padding-top: 25px; text-align: left; } .block-authentication .block[class] { margin: 0; } .block-authentication .block[class] ul { list-style: none; padding-left: 15px; } .block-authentication .block[class] .field .control, .block-authentication .block[class] .field .label { float: none; width: auto; } .block-authentication .block[class] + .block { border-top: 1px solid #c1c1c1; margin-top: 40px; padding-top: 40px; position: relative; } .block-authentication .block[class] + .block::before { height: 36px; line-height: 34px; margin: -19px 0 -18px; min-width: 36px; background: #fff; border: 1px solid #c1c1c1; border-radius: 50%; box-sizing: border-box; color: #c1c1c1; content: attr(data-label); display: inline-block; left: 50%; letter-spacing: normal; padding: 0 0.2rem; position: absolute; text-align: center; text-transform: uppercase; top: 0; } @media only screen and (min-width: 768px) { .authentication-dropdown { background-color: #fff; border: 1px solid #aeaeae; position: absolute; text-align: left; top: 100%; transform: scale(1, 0); transform-origin: 0 0; transition: transform linear 0.1s, visibility 0s linear 0.1s; visibility: hidden; width: 100%; } .authentication-dropdown._show { z-index: 100; transform: scale(1, 1); transition: transform linear 0.1s, visibility 0s linear 0s; visibility: visible; } .authentication-wrapper { width: 33.33333%; 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: flex; flex-direction: row; border-top: 1px solid #c1c1c1; } .popup-authentication .block[class], .popup-authentication .form-login, .popup-authentication .fieldset, .popup-authentication .block-content { display: flex; flex-direction: column; flex-grow: 1; } .popup-authentication .block[class] { box-sizing: border-box; float: left; padding: 15px 30px 0 0; width: 50%; } .popup-authentication .block[class] + .block { border-left: 1px solid #c1c1c1; border-top: 0; margin: 0; padding: 15px 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 .step-title { border-bottom: 0; margin-bottom: 0; } .checkout-payment-method .payment-method:first-child .payment-method-title { border-top: 0; } .checkout-payment-method .payment-method._active .payment-method-content { display: block; } .checkout-payment-method .payment-method + .payment-method .payment-method-title { border-top: 1px solid #ccc; } .checkout-payment-method .payment-method label { font-style: inherit; display: inline-block; font-size: 16px; font-weight: 400; vertical-align: middle; margin: 0; } .checkout-payment-method .payment-method .actions-toolbar { margin-top: 30px; } .checkout-payment-method .payment-method-title { padding: 15px 0; margin: 0; margin-left: 10px; } .checkout-payment-method .payment-method-title .payment-icon { display: inline-block; margin-right: 10px; vertical-align: middle; } .checkout-payment-method .payment-method-title .action-help { display: inline-block; margin-left: 10px; } .checkout-payment-method .payment-method-content { display: none; padding: 0 0 20px 22px; } .checkout-payment-method .payment-method-content .fieldset:not(:last-child) { margin: 0 0 20px; } .checkout-payment-method .payment-group + .payment-group .step-title { margin: 20px 0 0; } .checkout-payment-method .field-select-billing, .checkout-payment-method .billing-address-form { max-width: 500px; } .checkout-payment-method .billing-address-same-as-shipping-block { margin: 0 0 15px; } .checkout-payment-method .checkout-billing-address { margin: 0 0 20px; } .checkout-payment-method .checkout-billing-address .primary .action-update { margin-right: 0; } .checkout-payment-method .checkout-billing-address .billing-address-details { line-height: 27px; padding: 0 0 0 23px; } .checkout-payment-method .payment-method-note + .checkout-billing-address { margin-top: 20px; } .checkout-payment-method .payment-method-iframe { background-color: transparent; display: none; width: 100%; } .checkout-payment-method .no-payments-block { margin: 20px 0; } @media only screen and (max-width: 767px) { .checkout-payment-method .payment-methods { margin-bottom: 30px; } .checkout-payment-method .payment-method-title { padding: 15px; } .checkout-payment-method .payment-method-title input[type=radio] { vertical-align: middle; } .checkout-payment-method .payment-method-content { padding: 0 15px 20px; } .checkout-payment-method .checkout-billing-address .action-cancel { margin-top: 15px; } } @media only screen and (min-width: 768px) { .checkout-payment-method .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; } .checkout-billing-address .action-update { float: right; } .checkout-billing-address .actions-toolbar .action-cancel { margin: 6px 20px 0 0; } } .checkout-payment-method .payment-option._active .payment-option-title .action-toggle:after { content: ""; } .checkout-payment-method .payment-option._collapsible .payment-option-title { cursor: pointer; } .checkout-payment-method .payment-option._collapsible .payment-option-content { display: none; } .checkout-payment-method .payment-option-title { border-top: 1px solid #ccc; padding: 15px 0; } .checkout-payment-method .payment-option-title .action-toggle { color: #1979c3; display: inline-block; text-decoration: none; } .checkout-payment-method .payment-option-title .action-toggle:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 32px; line-height: 16px; color: #8f8f8f; content: ""; font-family: "icons-blank-theme"; margin: 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .checkout-payment-method .payment-option-title .action-toggle:hover:after { color: #333; } .checkout-payment-method .payment-option-title .action-toggle:active:after { color: #8f8f8f; } .checkout-payment-method .payment-option-content { padding: 0 0 20px 22px; } .checkout-payment-method .payment-option-inner { margin: 0 0 20px; } .checkout-payment-method .credit-card-types { padding: 0; } .checkout-payment-method .credit-card-types .item { display: inline-block; list-style: none; margin: 0 10px 0 0; vertical-align: top; } .checkout-payment-method .credit-card-types .item._active { font-weight: 700; } .checkout-payment-method .credit-card-types .item._active img { filter: grayscale(0%); } .checkout-payment-method .credit-card-types .item._inactive { opacity: 0.4; } .checkout-payment-method .credit-card-types .item span { display: inline-block; padding-top: 6px; vertical-align: top; } .checkout-payment-method .credit-card-types img { filter: grayscale(100%); transition: all 0.6s ease; } .checkout-payment-method .ccard .fields > .year { padding-left: 10px; } .checkout-payment-method .ccard .fields .select { padding-left: 10px; padding-right: 10px; } .checkout-payment-method .ccard .month .select { width: 140px; } .checkout-payment-method .ccard .year .select { width: 80px; } .checkout-payment-method .ccard .number .input-text { width: 225px; } .checkout-payment-method .ccard > .field.cvv > .control { padding-right: 20px; width: auto; } .checkout-payment-method .ccard .cvv .input-text { width: 55px; } .checkout-payment-method .ccard.fieldset > .field .fields.group.group-2 .field { width: auto !important; } @media only screen and (max-width: 767px) { .checkout-payment-method .payment-option { margin: -15px; } .checkout-payment-method .payment-option .payment-option-title { padding: 15px; } .checkout-payment-method .payment-option .payment-option-content { padding: 0 15px 20px; } } @media only screen and (min-width: 768px) { .checkout-payment-method .payment-option-title { padding-left: 22px; } .checkout-payment-method .payment-option-content .payment-option-inner + .actions-toolbar { margin-left: 0; } } .checkout-agreements-block .checkout-agreements { margin-bottom: 20px; margin-top: 20px; } .checkout-agreements-block .checkout-agreements input { float: left; margin-right: 5px; } .checkout-agreements-block .action-show { vertical-align: baseline; } .checkout-agreements-items { padding-bottom: 30px; } .checkout-agreements-items .checkout-agreements-item { margin-bottom: 20px; } .checkout-agreements-items .checkout-agreements-item-title { border-bottom: 0; } .checkout-agreement-item-content { overflow: auto; } .cms-index-index .block-products-list { width: 100%; } .cms-index-index .block-products-list .products-grid .product-items .product-item { display: flex; flex-direction: row; margin-left: 0 !important; padding: 0.75rem; } .cms-index-index .block-products-list .products-grid .product-items .product-item .product-box, .cms-index-index .block-products-list .products-grid .product-items .product-item .product-item-info { box-shadow: none; transition: all .8s .1s; display: flex; flex-direction: column; flex: 100%; } .cms-index-index .block-products-list .products-grid .product-items .product-item .product-box:hover, .cms-index-index .block-products-list .products-grid .product-items .product-item .product-item-info:hover { box-shadow: 1px 1px 20px 5px #ddd; transform: translate(0, 5px); z-index: 10; } .cms-index-index .block-products-list .products-grid .product-items .product-item .product-box:hover .product-item-details .product-item-name a, .cms-index-index .block-products-list .products-grid .product-items .product-item .product-item-info:hover .product-item-details .product-item-name a { color: #cd9f28; } .cms-index-index .block-products-list .products-grid .product-items .product-item .product-box .upon-request, .cms-index-index .block-products-list .products-grid .product-items .product-item .product-item-info .upon-request { line-height: 34px; text-align: center; font-size: 14px; } .cms-index-index .block-products-list .products-grid .product-items .product-item .product-box .product-item-photo, .cms-index-index .block-products-list .products-grid .product-items .product-item .product-item-info .product-item-photo { flex-grow: 1; } .cms-index-index .block-products-list .products-grid .product-items .product-item .product-box .product-item-photo:hover, .cms-index-index .block-products-list .products-grid .product-items .product-item .product-item-info .product-item-photo:hover { text-decoration: none; } .cms-index-index .block-products-list .products-grid .product-items .product-item .product-box .product-image-container, .cms-index-index .block-products-list .products-grid .product-items .product-item .product-item-info .product-image-container { display: block; text-align: center; overflow: hidden; width: 100% !important; } .cms-index-index .block-products-list .products-grid .product-items .product-item .product-box .product-image-container .product-image-wrapper, .cms-index-index .block-products-list .products-grid .product-items .product-item .product-item-info .product-image-container .product-image-wrapper { height: 100%; width: 100%; } .cms-index-index .block-products-list .products-grid .product-items .product-item .product-box .product-image-container .product-image-wrapper .product-image, .cms-index-index .block-products-list .products-grid .product-items .product-item .product-item-info .product-image-container .product-image-wrapper .product-image { display: block; text-align: center; overflow: hidden; } .cms-index-index .block-products-list .products-grid .product-items .product-item .product-box .product-item-name, .cms-index-index .block-products-list .products-grid .product-items .product-item .product-item-info .product-item-name { display: block; padding: 10px; text-align: center; margin: 0; font-size: 16px; line-height: 20px; font-weight: 400; } .cms-index-index .block-products-list .products-grid .product-items .product-item .product-box .product-item-name a, .cms-index-index .block-products-list .products-grid .product-items .product-item .product-item-info .product-item-name a { color: #555; } .cms-index-index .block-products-list .products-grid .product-items .product-item .product-box .item-prices, .cms-index-index .block-products-list .products-grid .product-items .product-item .product-item-info .item-prices { background: #f2f2f2; } @media (max-width: 768px) { .cms-index-index .block-products-list .products-grid .product-items .product-item .product-box .item-prices form, .cms-index-index .block-products-list .products-grid .product-items .product-item .product-item-info .item-prices form { display: flex; flex-direction: row; } } .cms-index-index .block-products-list .products-grid .product-items .product-item .product-box .item-prices [class*=item-prices-col-], .cms-index-index .block-products-list .products-grid .product-items .product-item .product-item-info .item-prices [class*=item-prices-col-] { padding: 10px; text-align: right; display: flex; } @media (min-width: 481px) and (max-width: 768px) { .cms-index-index .block-products-list .products-grid .product-items .product-item .product-box .item-prices [class*=item-prices-col-], .cms-index-index .block-products-list .products-grid .product-items .product-item .product-item-info .item-prices [class*=item-prices-col-] { width: 50%; display: block; } .cms-index-index .block-products-list .products-grid .product-items .product-item .product-box .item-prices [class*=item-prices-col-] .price, .cms-index-index .block-products-list .products-grid .product-items .product-item .product-item-info .item-prices [class*=item-prices-col-] .price { display: block; } .cms-index-index .block-products-list .products-grid .product-items .product-item .product-box .item-prices [class*=item-prices-col-] .upon-request, .cms-index-index .block-products-list .products-grid .product-items .product-item .product-item-info .item-prices [class*=item-prices-col-] .upon-request { text-align: center; width: 100%; display: block; } .cms-index-index .block-products-list .products-grid .product-items .product-item .product-box .item-prices [class*=item-prices-col-] .qty-wrapper, .cms-index-index .block-products-list .products-grid .product-items .product-item .product-item-info .item-prices [class*=item-prices-col-] .qty-wrapper { display: inline-block; position: relative; top: 2px; } } @media (min-width: 481px) and (max-width: 550px) { .cms-index-index .block-products-list .products-grid .product-items .product-item .product-box .item-prices [class*=item-prices-col-] .qty-wrapper, .cms-index-index .block-products-list .products-grid .product-items .product-item .product-item-info .item-prices [class*=item-prices-col-] .qty-wrapper { margin-right: 0; } .cms-index-index .block-products-list .products-grid .product-items .product-item .product-box .item-prices [class*=item-prices-col-] .btn, .cms-index-index .block-products-list .products-grid .product-items .product-item .product-item-info .item-prices [class*=item-prices-col-] .btn { display: block; margin: 5px 0 0 auto; width: 40px; } } @media (max-width: 480px) { .cms-index-index .block-products-list .products-grid .product-items .product-item .product-box .item-prices [class*=item-prices-col-], .cms-index-index .block-products-list .products-grid .product-items .product-item .product-item-info .item-prices [class*=item-prices-col-] { width: 50%; } } .cms-index-index .block-products-list .products-grid .product-items .product-item .product-box .item-prices [class*=item-prices-col-] span, .cms-index-index .block-products-list .products-grid .product-items .product-item .product-item-info .item-prices [class*=item-prices-col-] span { align-self: center; flex-grow: 1; } .cms-index-index .block-products-list .products-grid .product-items .product-item .product-box .item-prices [class*=item-prices-col-] .price, .cms-index-index .block-products-list .products-grid .product-items .product-item .product-item-info .item-prices [class*=item-prices-col-] .price { font-size: 16px; } .cms-index-index .block-products-list .products-grid .product-items .product-item .product-box .item-prices .item-prices-col-ask .price, .cms-index-index .block-products-list .products-grid .product-items .product-item .product-item-info .item-prices .item-prices-col-ask .price { color: #108549; position: relative; } .cms-index-index .block-products-list .products-grid .product-items .product-item .product-box .item-prices .item-prices-col-ask input.qty:focus, .cms-index-index .block-products-list .products-grid .product-items .product-item .product-item-info .item-prices .item-prices-col-ask input.qty:focus { border-color: #108549; } .cms-index-index .block-products-list .products-grid .product-items .product-item .product-box .item-prices .item-prices-col-bid .price, .cms-index-index .block-products-list .products-grid .product-items .product-item .product-item-info .item-prices .item-prices-col-bid .price { color: #d8230d; position: relative; } .cms-index-index .block-products-list .products-grid .product-items .product-item .product-box .item-prices .item-prices-col-bid input.qty:focus, .cms-index-index .block-products-list .products-grid .product-items .product-item .product-item-info .item-prices .item-prices-col-bid input.qty:focus { border-color: #d8230d; } .cms-index-index .block-products-list .products-grid .product-items .product-item .product-box .item-prices .item-prices-col-bid .price:after, .cms-index-index .block-products-list .products-grid .product-items .product-item .product-box .item-prices .item-prices-col-ask .price:after, .cms-index-index .block-products-list .products-grid .product-items .product-item .product-item-info .item-prices .item-prices-col-bid .price:after, .cms-index-index .block-products-list .products-grid .product-items .product-item .product-item-info .item-prices .item-prices-col-ask .price:after { content: '*'; color: #888; font-size: 12px; line-height: 1; position: absolute; top: -5px; right: -10px; } .cms-index-index .block-products-list .products-grid .product-items .product-item .product-box .item-prices .qty-box, .cms-index-index .block-products-list .products-grid .product-items .product-item .product-item-info .item-prices .qty-box { display: inline-block; margin-left: 10px; margin-right: 10px; width: 40px; } .cms-index-index .block-products-list .products-grid .product-items .product-item .product-image { position: relative; } .cms-index-index .block-products-list .products-grid .product-items .product-item .product-image:after { content: ""; position: absolute; top: -175%; left: -175%; width: 200%; height: 200%; opacity: 0; transform: rotate(30deg); background: rgba(255, 255, 255, 0.13); background: linear-gradient(to right, rgba(255, 255, 255, 0.13) 0, rgba(255, 255, 255, 0.13) 77%, rgba(255, 255, 255, 0.5) 92%, rgba(255, 255, 255, 0) 100%); } .cms-index-index .block-products-list .products-grid .product-items .product-item:hover .product-image:after { opacity: 1; top: -30%; left: -30%; transition-property: left,top,opacity; transition-duration: 2s,2s,.3s; transition-timing-function: ease; } @media (max-width: 480px) { .cms-index-index .block-products-list .products-grid .product-items .product-item { width: 100%; } } @media only screen and (min-width: 1024px) { .cms-index-index .block-products-list .product-item.column.is-one-fifth-desktop { flex: 20% 0 0; width: 20% !important; } } @media only screen and (max-width: 1023px) { .cms-index-index .block-products-list .products-grid .product-item { flex: 33.33333% 0 0; width: 33.33333% !important; } } @media only screen and (max-width: 639px) { .cms-index-index .block-products-list .products-grid .product-item { flex: 50% 0 0; width: 50% !important; } } @media only screen and (max-width: 479px) { .cms-index-index .block-products-list .products-grid .product-item { flex: 100% 0 0; width: 100% !important; } } .login-container .block-new-customer .actions-toolbar { margin-top: 25px; } .login-container .block .block-title { font-size: 1.8rem; } .login-container .fieldset:after { margin: 15px 0 0; content: attr(data-hasrequired); display: block; letter-spacing: normal; word-spacing: normal; color: #e02b27; font-size: 1.2rem; } .login-container .fieldset:after { margin-top: 35px; } .block-addresses-list .items.addresses > .item { margin-bottom: 20px; } .block-addresses-list .items.addresses > .item:last-child { margin-bottom: 0; } .form-address-edit #region_id { display: none; } .form-edit-account .fieldset.password, .form-address-edit .fieldset.password { display: none; } .form-edit-account .fieldset .field .label, .form-address-edit .fieldset .field .label { width: 100% !important; text-align: left; font-size: 14px; margin-bottom: 5px; color: #333; } .form-edit-account .fieldset .field .label:after, .form-address-edit .fieldset .field .label:after { content: unset; } .form-edit-account .fieldset .control, .form-address-edit .fieldset .control { width: 100% !important; } .form-edit-account .field.choice:before, .form-address-edit .field.choice:before { content: unset; } .box { border-radius: 0; } .box-billing-address .box-content, .box-shipping-address .box-content, .box-information .box-content, .box-newsletter .box-content { line-height: 26px; } .fieldset .fullname.field > .label + .control { width: 100%; } .form-login { max-width: 300px; margin: 20px auto; } .form-inner-wrapper { max-width: 400px; margin: 20px auto; } .account .column.main h2 { margin-top: 0; } .account .column.main .toolbar { text-align: center; } .account .column.main .toolbar .limiter-options { width: auto; } .account .sidebar-additional { margin-top: 40px; } .account .table-wrapper:last-child { margin-bottom: 0; } .account .table-wrapper .action { margin-right: 15px; } .account .table-wrapper .action:last-child { margin-right: 0; } .account .column.sidebar .nav.items .item:before { margin-right: 15px; } .account .column.sidebar .nav.items .item a { display: inline-block; color: #555; font-weight: 400; } .account-nav .content { background: white; padding: 65px 0; } .account-nav ul { list-style: none; } @media screen and (max-width: 768px) { .account-nav ul { margin-left: 0; } .account-nav ul li { border-right: 0; } } .account-nav ul li { margin-top: 0; padding: 10px; border-right: 2px solid #eee; overflow: hidden; text-overflow: ellipsis; } .account-nav ul li a { color: #333; display: block; } .account-nav ul li a:hover { text-decoration: none; } .account-nav ul li:hover { border-color: #bbb; background: #f2f2f2; } .account-nav ul li.active, .account-nav ul li.current { border-right: 2px solid #cd9f28; background: #f2f2f2; } .block-collapsible-nav { display: none; } .content.block-collapsible-nav-content ul { list-style: none; } .content.block-collapsible-nav-content ul li { margin-top: 0; padding: 10px; border-right: 2px solid #eee; } .content.block-collapsible-nav-content ul li a { color: #333; display: block; } .content.block-collapsible-nav-content ul li a:hover { text-decoration: none; } .content.block-collapsible-nav-content ul li:hover { border-color: #bbb; background: #f2f2f2; } .content.block-collapsible-nav-content ul li.active, .content.block-collapsible-nav-content ul li.current { border-right: 2px solid #cd9f28; background: #f2f2f2; } .block a:not(.button):hover { text-decoration: none; color: #b88e24; } .block a:not(.button):hover span { color: #b88e24; } .column.main .block:last-child { margin-bottom: 0; } .block .title { margin-bottom: 15px; } .block .title strong { font-weight: 700; line-height: 1.1; font-size: 1.4rem; margin-top: 2rem; margin-bottom: 2rem; } .column.main .block .title strong { font-size: 18px; } .block .box { background-color: #f2f2f2; color: #333; padding: 0; } .block .box address { line-height: inherit; } .block .box .box-title { font-size: 16px; font-weight: 400; margin: 0; border-bottom: 1px solid #ccc; width: 100%; padding: 10px 15px; display: block; } .block .box .box-content { padding: 10px 15px; } @media screen and (max-width: 999px) { .block .box .box-content .table-wrapper { overflow-x: auto; } } .block .box .box-actions { padding: 0 15px 10px; } .block .box-actions { margin-top: 10px; text-align: right; } .block .box-actions a:nth-of-type(2) { margin-left: 15px; } .field.password .control { display: flex; flex-direction: column; } .field.password .control .mage-error { order: 2; } .field.password .control .input-text { order: 0; z-index: 2; } .password-strength-meter { background-color: #f4f4f4; height: 32px; line-height: 32px; padding: 0 9px; position: relative; z-index: 1; } .password-strength-meter:before { content: ''; height: 100%; left: 0; position: absolute; top: 0; z-index: -1; } .password-none .password-strength-meter:before { background-color: #f4f4f4; width: 100%; } .password-weak .password-strength-meter:before { background-color: #ffafae; width: 25%; } .password-medium .password-strength-meter:before { background-color: #ffd6b3; width: 50%; } .password-strong .password-strength-meter:before { background-color: #c5eeac; width: 75%; } .password-very-strong .password-strength-meter:before { background-color: #81b562; width: 100%; } .control.captcha-image { margin-top: 15px; } .control.captcha-image .captcha-img { vertical-align: middle; } @media only screen and (max-width: 639px) { .account .column.main, .account .sidebar-additional { margin: 0; } } @media only screen and (max-width: 767px) { .block-customer-login { border-bottom: 1px solid #ddd; } .login-container .fieldset:after { text-align: center; } .account .page.messages { margin-bottom: 40px; } .control.captcha-image .captcha-img { margin-bottom: 15px; display: block; } .customer-account-index .page-title-wrapper { position: relative; } } @media only screen and (min-width: 768px) { .block-customer-login { border-right: 1px solid #ddd; } .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%; } .form.password.reset, .form.send.confirmation, .form.password.forget { min-width: 600px; width: 50%; } .form.password.forget fieldset, .form.create.account fieldset.create.account { margin-bottom: 0; } .account.page-layout-2columns-left .sidebar-main, .account.page-layout-2columns-left .sidebar-additional { width: 100%; } .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%; background: #f2f2f2; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1); padding: 10px 15px; } .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 15px 15px 0; } } .customer-account-create .page-title { width: 100%; } .block-introduction { padding: 10px 0 20px; } .block-introduction .block-introduction-title { margin-bottom: 20px; font-weight: 700; } .block-introduction p { font-size: 14px; } .downloadable.samples { margin-bottom: 20px; } .downloadable.samples dd { margin: 0 0 15px; } .table-downloadable-products .product-name { margin-right: 15px; } .field.downloads .price-container { display: inline; white-space: nowrap; } .field.downloads .price-container:before { content: ' + '; display: inline; } .field.downloads .price-excluding-tax { display: inline; } .field.downloads .price-excluding-tax:before { content: " (" attr(data-label) ": "; } .field.downloads .price-excluding-tax:after { content: ')'; } .field.downloads .price-including-tax { font-size: 1.4rem; display: inline; font-weight: 600; } .field.downloads .sample.link { float: right; } .page-product-downloadable .product-add-form { clear: both; margin-bottom: 25px; } .page-product-downloadable .product-options-bottom .field.qty { display: none !important; } @media only screen and (min-width: 768px) { .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; } } .cart-summary .block.giftcard .action.check { line-height: 1.2rem; padding: 10px 8px; font-size: 1.1rem; margin-top: 20px; } .page-product-giftcard .giftcard-amount { margin-bottom: 0; text-align: left; } .page-product-giftcard .giftcard-amount .field:last-child { padding-bottom: 20px; } .page-product-giftcard .product-options-wrapper .field:first-of-type { margin-top: 20px; } .giftcard-account .please-wait { display: none; } .giftcard-account .form-giftcard-redeem .giftcard.info { margin-bottom: 30px; } .opc-wrapper .form-giftcard-account { max-width: 500px; } .opc-wrapper .form-giftcard-account .field { margin: 0 0 20px; } .opc-wrapper .giftcard-account-info { margin: 0 0 20px; } .opc-wrapper .giftcard-account-info .giftcard-account-number { margin: 0 0 15px; } .gift-message .field { margin-bottom: 20px; } .gift-message .field .label { color: #666; font-weight: 400; } .gift-options .actions-toolbar .action-cancel { display: none; } .gift-options-title { margin: 0 0 20px; } .gift-options-content .fieldset { margin: 0 0 20px; } .gift-summary .actions-toolbar > .secondary { float: none; } .gift-summary .actions-toolbar > .secondary .action { margin: 15px 20px 0 0; } .action-gift { display: inline-block; text-decoration: none; margin-bottom: 15px; margin-right: 15px; display: inline-block; text-decoration: none; } .action-gift:hover, .action-gift:active, .action-gift:focus { text-decoration: none; } .action-gift:last-child { margin-right: 0; } .action-gift:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 32px; line-height: 16px; color: inherit; content: ""; font-family: "icons-blank-theme"; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .action-gift:hover:after { color: inherit; } .action-gift:active:after { color: inherit; } .action-gift.active:after, .action-gift._active:after { content: ""; } .cart.table-wrapper .gift-content { box-sizing: border-box; clear: left; display: none; float: left; margin: 15px 0 20px; text-align: left; width: 100%; } .cart.table-wrapper .gift-content._active { display: block; } .gift-item-block { margin: 0; } .gift-item-block._active .title:after { content: ""; } .gift-item-block .title { font-weight: 700; border-radius: 3px; background-image: none; background: #f2f2f2; border: 1px solid #cdcdcd; color: #333; cursor: pointer; display: inline-block; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; margin: 20px 0 0; padding: 7px 15px; font-size: 1.4rem; line-height: 1.6rem; box-sizing: border-box; vertical-align: middle; display: inline-block; text-decoration: none; } .gift-item-block .title:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 32px; line-height: 16px; color: inherit; content: ""; font-family: "icons-blank-theme"; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .gift-item-block .title:hover:after { color: inherit; } .gift-item-block .title:active:after { color: inherit; } .gift-item-block .title:focus, .gift-item-block .title:active { background: #e2e2e2; border: 1px solid #cdcdcd; color: #333; } .gift-item-block .title:hover { background: #e2e2e2; border: 1px solid #cdcdcd; color: #555; } .gift-item-block .title.disabled, .gift-item-block .title[disabled], fieldset[disabled] .gift-item-block .title { opacity: 0.5; cursor: default; pointer-events: none; } .gift-item-block .title:active { box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.12); } .gift-item-block .content { border-bottom: 1px solid #c1c1c1; padding: 15px 15px 20px; position: relative; } .order-details-items .order-gift-message .item-options dt, .order-details-items .block-order-details-gift-message .item-options dt { font-weight: 400; margin: 15px 0; } .order-details-items .order-gift-message dt:after, .order-details-items .block-order-details-gift-message dt:after { content: ''; } .order-details-items .order-gift-message .item-message, .order-details-items .block-order-details-gift-message .item-message { clear: left; } .order-details-items .order-items .action.show { display: inline-block; text-decoration: none; padding-right: 20px; position: relative; } .order-details-items .order-items .action.show:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; line-height: inherit; color: inherit; content: ""; font-family: "icons-blank-theme"; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .order-details-items .order-items .action.show:after { position: absolute; right: 0; top: -4px; } .order-details-items .order-items .action.show.expanded:after { content: ""; } .block-order-details-gift-message { border-top: 1px solid #d1d1d1; padding-top: 15px; } @media only screen and (max-width: 767px) { .gift-options .actions-toolbar .action-update { font-size: 2rem; padding: 15px; width: 100%; } .gift-item-block { border-top: 1px solid #c1c1c1; border-bottom: 0; } .cart.table-wrapper .gift-content { margin-right: -15px; } } @media only screen and (max-width: 639px) { .cart.table-wrapper .gift-content { border-bottom: 1px solid #d1d1d1; margin-bottom: 20px; } } @media only screen and (min-width: 768px) { .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-share .actions-toolbar:not(:last-child), .form-giftregistry-edit .actions-toolbar:not(:last-child) { margin-bottom: 40px; } .form-giftregistry-share .fieldset .nested .field:not(.choice) .control, .form-giftregistry-edit .fieldset .nested .field:not(.choice) .control { width: 100%; } .table-giftregistry-items .product-image { float: left; margin-right: 15px; } .cart-summary .form.giftregistry .fieldset { margin: 25px 0 10px; } .cart-summary .form.giftregistry .fieldset .field { margin: 0 0 15px; } .cart-summary .form.giftregistry .fieldset .field .control { float: none; width: auto; } .cart-summary .form.giftregistry .fieldset .action.primary { margin-bottom: 0; } .form-giftregistry-search { margin-bottom: 60px; } .form-giftregistry-search .fields-specific-options .field:nth-last-of-type(1) { margin-bottom: 0; } .block-giftregistry-results .toolbar-giftregistry-results { text-align: center; } .block-giftregistry .actions-toolbar { margin: 17px 0 0; } .block-giftregistry-shared .item-options .item-value { margin: 0 0 25px; } .block-giftregistry-shared-items .item { border-bottom: 1px solid #d1d1d1; } .block-giftregistry-shared-items .col { padding: 20px 8px 15px; } .block-giftregistry-shared-items .col .price-box { display: inline-block; } .block-giftregistry-shared-items .col .price-wrapper { font-size: 1.8rem; display: block; font-weight: 700; white-space: nowrap; } .block-giftregistry-shared-items .product .item-options { margin-bottom: 0; } .block-giftregistry-shared-items .product-item-photo { display: block; max-width: 65px; padding: 15px 0; } .block-giftregistry-shared-items .product-item-name { display: block; margin: 0 0 10px; } @media only screen and (max-width: 639px) { .table-giftregistry-items .field.choice, .table-giftregistry-items .field.qty { display: inline-block; } .form-giftregistry-search .fieldset { margin-bottom: 15px; } } @media only screen and (min-width: 768px) { .form-giftregistry-search .fieldset { margin-bottom: 6px; } .form-giftregistry-search .fieldset > .fields-specific-options > .field { margin: 0 0 20px; box-sizing: border-box; } .form-giftregistry-search .fieldset > .fields-specific-options > .field > .label { margin: 0; } .form-giftregistry-search .fieldset > .fields-specific-options > .field:before, .form-giftregistry-search .fieldset > .fields-specific-options > .field:after { content: ''; display: table; } .form-giftregistry-search .fieldset > .fields-specific-options > .field:after { clear: both; } .form-giftregistry-search .fieldset > .fields-specific-options > .field.choice:before, .form-giftregistry-search .fieldset > .fields-specific-options > .field.no-label:before { padding: 6px 15px 0 0; width: 100%; box-sizing: border-box; content: ' '; float: left; height: 1px; } .form-giftregistry-search .fieldset > .fields-specific-options > .field .description { padding: 6px 15px 0 0; text-align: left; width: 100%; box-sizing: border-box; float: left; } .form-giftregistry-search .fieldset > .fields-specific-options > .field:not(.choice) > .label { padding: 6px 15px 0 0; text-align: left; width: 100%; box-sizing: border-box; float: left; } .form-giftregistry-search .fieldset > .fields-specific-options > .field:not(.choice) > .control { width: 100%; float: left; } .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-wrapping .label { margin: 0 0 10px; display: inline-block; } .gift-wrapping .field { margin-bottom: 15px; } .gift-wrapping-info { font-weight: 300; font-size: 18px; margin: 20px 0; } .gift-wrapping-list { list-style: none; margin: 20px 0 15px; padding: 0; } .gift-wrapping-list .no-image { background: #f2f2f2; display: inline-block; text-decoration: none; } .gift-wrapping-list .no-image > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .gift-wrapping-list .no-image:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 38px; line-height: 4rem; color: #494949; content: ""; font-family: "icons-blank-theme"; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .gift-wrapping-list .no-image:after { display: block; } .gift-wrapping-preview, .gift-wrapping-item > span { cursor: pointer; display: block; overflow: hidden; position: relative; z-index: 1; } .gift-wrapping-item { float: left; margin: 0 15px 15px 0; } .gift-wrapping-item:last-child { margin-right: 0; } .gift-wrapping-item._active span:before { border: 3px solid #333; box-sizing: border-box; content: ''; display: block; height: 100%; position: absolute; width: 100%; z-index: 2; } .gift-wrapping-item > span { height: 4rem; width: 4rem; } .gift-wrapping-title { margin: 15px 0; } .gift-wrapping-title .action-remove { margin-left: 10px; } .gift-options-content .fieldset > .field { margin: 0 0 10px; } .gift-options-content .fieldset > .field:before { display: none; } .gift-wrapping-summary .gift-wrapping-title { border: 0; display: inline-block; padding: 0; } .opc-wrapper .data.table .gift-wrapping, .table-order-items .gift-wrapping, .table-order-review .gift-wrapping { margin: 20px 0; } .opc-wrapper .data.table .gift-wrapping .title, .table-order-items .gift-wrapping .title, .table-order-review .gift-wrapping .title { float: none; } .opc-wrapper .data.table .gift-wrapping .content, .table-order-items .gift-wrapping .content, .table-order-review .gift-wrapping .content { margin: 0; } .opc-wrapper .data.table .gift-wrapping .content > img, .table-order-items .gift-wrapping .content > img, .table-order-review .gift-wrapping .content > img { float: left; margin: 0 15px 0 0; max-height: 50px; max-width: 50px; } .gift-summary .price-box, .gift-options .price-box { margin-left: 22px; } .gift-summary .regular-price:before, .gift-options .regular-price:before { content: attr(data-label) ": "; } .gift-summary .regular-price .price, .gift-options .regular-price .price { font-weight: 700; } .order-options .item { padding-bottom: 20px; } .order-options .product { margin-bottom: 15px; } .order-options .product-image-container { float: left; padding-right: 15px; } .order-options .gift-wrapping { margin-bottom: 15px; } @media only screen and (max-width: 767px) { .gift-wrapping { border-bottom: 1px solid #c1c1c1; margin-bottom: 20px; padding-bottom: 15px; } .gift-wrapping-list { width: 100%; } .gift-wrapping-preview img { width: 100%; } .item-actions .actions-toolbar .gift-options .gift-wrapping, .item-actions .actions-toolbar .gift-options .gift-message { display: block; } } @media only screen and (min-width: 768px) { .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%; } } .table.grouped > thead > tr > th, .table.grouped > thead > tr > td, .table.grouped > tbody > tr > th, .table.grouped > tbody > tr > td, .table.grouped > tfoot > tr > th, .table.grouped > tfoot > tr > td { border-top: 1px solid #d1d1d1; } .table.grouped > caption + thead > tr:first-child > th, .table.grouped > caption + thead > tr:first-child > td, .table.grouped > colgroup + thead > tr:first-child > th, .table.grouped > colgroup + thead > tr:first-child > td, .table.grouped > thead:first-child > tr:first-child > th, .table.grouped > thead:first-child > tr:first-child > td { border-top: 0; } .table.grouped > tbody + tbody { border-top: 1px solid #d1d1d1; } .table.grouped > thead > tr > th { border-bottom: 0; } .table.grouped .product-item-name { font-weight: 400; } .table.grouped .price-box .price { font-size: 14px; } .table.grouped .stock.unavailable { font-weight: normal; margin: 0; text-transform: none; white-space: nowrap; } .table.grouped .row-tier-price td { border-top: 0; } .table.grouped .row-tier-price .prices-tier { margin: 0 -10px 10px; } .form-add-invitations .action.add { display: inline-block; text-decoration: none; line-height: normal; padding: 2px 0; width: auto; } .form-add-invitations .action.add > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .form-add-invitations .action.add:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 31px; line-height: 22px; color: inherit; content: ""; font-family: "icons-blank-theme"; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .form-add-invitations .action.add:hover:before { color: inherit; } .form-add-invitations .action.add:active:before { color: inherit; } @media only screen and (max-width: 767px) { .form-add-invitations .additional, .form-add-invitations .field.text { margin-top: 20px; } } @media only screen and (min-width: 768px) { .form-add-invitations .additional, .form-add-invitations .field.text { margin-top: 6px; } .table-invitations .col { width: 50%; } } .block.filter { margin-bottom: 40px; } .block.filter .filter-title { margin-bottom: 20px; } .block.filter .filter-title strong { font-size: 18px; } .block-subtitle { display: inline-block; margin-bottom: 15px; } .filter-current .item { margin-bottom: 15px; } .filter-current .filter-label { display: block; font-weight: 700; } .filter-current .filter-label:after { content: ':'; } .filter-current + .filter-actions { margin-bottom: 30px; } .filter-options { margin: 0; } .filter-options .filter-options-title { font-weight: 700; line-height: 1.1; font-size: 1.4rem; margin-top: 2rem; margin-bottom: 2rem; margin: 0 0 15px; word-break: break-all; } .filter-options .filter-options-content { margin: 0 0 25px; } .filter-options .filter-options-content .item { margin-bottom: 3px; } .filter-options .count { color: #7d7d7d; } .filter-options .count:before { content: '('; } .filter-options .count:after { content: ')'; } .filtered .items { margin: 15px 0; } .filtered .item { margin-bottom: 6px; padding-left: 22px; position: relative; } .filtered .item .label { font-weight: 700; } .filtered .item .action.remove { left: -6px; position: absolute; top: 0; } .filtered + .actions { margin-bottom: 35px; } @media only screen and (max-width: 767px) { .page-with-filter .columns .sidebar-main { order: 0; } } .map-popup-wrapper.popup .action.close { top: 15px; } .map-popup { background: #fff; border: 1px solid #aeaeae; padding: 22px; width: 100%; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15); transition: opacity 0.3s linear; left: 0; margin-top: 15px; position: absolute; top: 0; z-index: 1001; display: none; opacity: 0; box-sizing: border-box; } .map-popup .popup-header { margin: 0 0 25px; padding-right: 22px; } .map-popup .popup-header .title { font-weight: 300; line-height: 1.1; font-size: 1.8rem; margin-top: 1.5rem; margin-bottom: 1.5rem; } .map-popup .popup-content { margin: 15px 0 0; } .map-popup .popup-actions .action.close { position: absolute; display: inline-block; text-decoration: none; background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-decoration: none; text-shadow: none; font-weight: 400; right: 15px; top: 15px; } .map-popup .popup-actions .action.close > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .map-popup .popup-actions .action.close:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; line-height: 22px; color: inherit; content: ""; font-family: "icons-blank-theme"; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .map-popup .popup-actions .action.close:hover:before { color: inherit; } .map-popup .popup-actions .action.close:active:before { color: inherit; } .map-popup .popup-actions .action.close:focus, .map-popup .popup-actions .action.close:active { background: none; border: none; } .map-popup .popup-actions .action.close:hover { background: none; border: none; } .map-popup .popup-actions .action.close.disabled, .map-popup .popup-actions .action.close[disabled], fieldset[disabled] .map-popup .popup-actions .action.close { cursor: not-allowed; pointer-events: none; opacity: 0.5; } .map-popup.active { opacity: 1; } .map-popup .map-info-price { margin-bottom: 15px; } .map-popup .map-info-price .price-box { margin: 0 0 20px; } .map-popup .map-info-price .price-box .label:after { content: ': '; } .map-popup .regular-price .price-label { display: none; } .map-old-price:not(:last-child), .product-info-price .map-show-info:not(:last-child) { margin-right: 15px; } .map-old-price { text-decoration: none; } .map-old-price .price-wrapper { text-decoration: line-through; } .map-form-addtocart { display: inline-block; text-align: center; } .map-form-addtocart img { display: block; margin: 0 auto; } button.map-show-info, .cart.table-wrapper .actions-toolbar > .map-show-info.action, .map-show-info.action-gift { background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-decoration: none; text-shadow: none; font-weight: 400; line-height: 1.42857; margin: 0; padding: 0; color: #1979c3; text-decoration: none; background: none; border: 0; display: inline; } button.map-show-info:focus, .cart.table-wrapper .actions-toolbar > .map-show-info.action:focus, .map-show-info.action-gift:focus, button.map-show-info:active, .cart.table-wrapper .actions-toolbar > .map-show-info.action:active, .map-show-info.action-gift:active { background: none; border: none; } button.map-show-info:hover, .cart.table-wrapper .actions-toolbar > .map-show-info.action:hover, .map-show-info.action-gift:hover { background: none; border: none; } button.map-show-info.disabled, .cart.table-wrapper .actions-toolbar > .map-show-info.disabled.action, .map-show-info.disabled.action-gift, button.map-show-info[disabled], .cart.table-wrapper .actions-toolbar > .map-show-info.action[disabled], .map-show-info.action-gift[disabled], fieldset[disabled] button.map-show-info, fieldset[disabled] .cart.table-wrapper .actions-toolbar > .map-show-info.action, .cart.table-wrapper fieldset[disabled] .actions-toolbar > .map-show-info.action, fieldset[disabled] .map-show-info.action-gift { cursor: not-allowed; pointer-events: none; opacity: 0.5; } button.map-show-info:visited, .cart.table-wrapper .actions-toolbar > .map-show-info.action:visited, .map-show-info.action-gift:visited { color: #1979c3; text-decoration: none; } button.map-show-info:hover, .cart.table-wrapper .actions-toolbar > .map-show-info.action:hover, .map-show-info.action-gift:hover { color: #006bb4; text-decoration: underline; } button.map-show-info:active, .cart.table-wrapper .actions-toolbar > .map-show-info.action:active, .map-show-info.action-gift:active { color: #ff5501; text-decoration: underline; } button.map-show-info:hover, .cart.table-wrapper .actions-toolbar > .map-show-info.action:hover, .map-show-info.action-gift:hover { color: #006bb4; } button.map-show-info:hover, .cart.table-wrapper .actions-toolbar > .map-show-info.action:hover, .map-show-info.action-gift:hover, button.map-show-info:active, .cart.table-wrapper .actions-toolbar > .map-show-info.action:active, .map-show-info.action-gift:active, button.map-show-info:focus, .cart.table-wrapper .actions-toolbar > .map-show-info.action:focus, .map-show-info.action-gift:focus { background: none; border: 0; } button.map-show-info.disabled, .cart.table-wrapper .actions-toolbar > .map-show-info.disabled.action, .map-show-info.disabled.action-gift, button.map-show-info[disabled], .cart.table-wrapper .actions-toolbar > .map-show-info.action[disabled], .map-show-info.action-gift[disabled], fieldset[disabled] button.map-show-info, fieldset[disabled] .cart.table-wrapper .actions-toolbar > .map-show-info.action, .cart.table-wrapper fieldset[disabled] .actions-toolbar > .map-show-info.action, fieldset[disabled] .map-show-info.action-gift { color: #1979c3; opacity: 0.5; cursor: default; pointer-events: none; text-decoration: underline; } @media only screen and (max-width: 767px) { .map-popup { max-width: 100%; } .map-old-price, .map-show-info { display: inline-block; } .map-old-price:not(:last-child), .map-show-info:not(:last-child) { margin-bottom: 15px; } } .wishlist.split.button { display: inline-block; position: relative; vertical-align: middle; } .wishlist.split.button:before, .wishlist.split.button:after { content: ''; display: table; } .wishlist.split.button:after { clear: both; } .wishlist.split.button .action.split { float: left; margin: 0; } .wishlist.split.button .action.toggle { float: right; margin: 0; } .wishlist.split.button button.action.split, .wishlist.split.button .cart.table-wrapper .actions-toolbar > .action.split, .cart.table-wrapper .wishlist.split.button .actions-toolbar > .action.split, .wishlist.split.button .action.split.action-gift { border-bottom-right-radius: 0; border-top-right-radius: 0; } .wishlist.split.button button + .action.toggle, .wishlist.split.button .cart.table-wrapper .actions-toolbar > .action + .action.toggle, .cart.table-wrapper .wishlist.split.button .actions-toolbar > .action + .action.toggle, .wishlist.split.button .action-gift + .action.toggle { border-bottom-left-radius: 0; border-left: 0; border-top-left-radius: 0; } .wishlist.split.button .action.toggle { display: inline-block; text-decoration: none; } .wishlist.split.button .action.toggle > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .wishlist.split.button .action.toggle:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; line-height: 22px; color: #333; content: ""; font-family: "icons-blank-theme"; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .wishlist.split.button .action.toggle:hover:after { color: #006bb4; } .wishlist.split.button .action.toggle:active:after { color: inherit; } .wishlist.split.button .action.toggle.active { display: inline-block; text-decoration: none; } .wishlist.split.button .action.toggle.active > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .wishlist.split.button .action.toggle.active:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; line-height: 22px; color: #333; content: ""; font-family: "icons-blank-theme"; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .wishlist.split.button .action.toggle.active:hover:after { color: #006bb4; } .wishlist.split.button .action.toggle.active:active:after { color: inherit; } .wishlist.split.button .items { margin: 0; padding: 0; list-style: none none; background: #fff; border: 1px solid #bbb; margin-top: 4px; min-width: 200px; z-index: 100; box-sizing: border-box; display: none; position: absolute; top: 100%; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15); } .wishlist.split.button .items li { margin: 0; padding: 5px 5px 5px 23px; } .wishlist.split.button .items li:hover { background: #e8e8e8; cursor: pointer; } .wishlist.split.button .items:before, .wishlist.split.button .items:after { border-bottom-style: solid; content: ''; display: block; height: 0; position: absolute; width: 0; } .wishlist.split.button .items:before { border: 6px solid; border-color: transparent transparent #fff transparent; z-index: 99; } .wishlist.split.button .items:after { border: 7px solid; border-color: transparent transparent #bbb transparent; z-index: 98; } .wishlist.split.button .items:before { left: 10px; top: -12px; } .wishlist.split.button .items:after { left: 9px; top: -14px; } .wishlist.split.button.active { overflow: visible; } .wishlist.split.button.active .items { display: block; } .wishlist.split.button .items { text-align: left; } .wishlist.split.button .items .item:last-child:hover { background: #e8e8e8; } .table-comparison .wishlist.split.button > .action.split:before, .product-items .wishlist.split.button > .action.split:before { content: ""; } .table-comparison .wishlist.split.button > .action:active, .table-comparison .wishlist.split.button > .action:focus, .table-comparison .wishlist.split.button > .action:hover, .product-items .wishlist.split.button > .action:active, .product-items .wishlist.split.button > .action:focus, .product-items .wishlist.split.button > .action:hover { color: #006bb4; } .table-comparison .wishlist.split.button > .action.toggle:before, .product-items .wishlist.split.button > .action.toggle:before { border-left: 1px solid gray; content: ''; float: left; height: 15px; margin-top: 3px; } .product-info-main .wishlist.split.button .action.split, .product-info-main .wishlist.split.button .action.toggle, .block-bundle-summary .wishlist.split.button .action.split, .block-bundle-summary .wishlist.split.button .action.toggle, .product-add-form .wishlist.split.button .action.split, .product-add-form .wishlist.split.button .action.toggle { line-height: 1.2rem; padding: 10px 8px; font-size: 1.1rem; } .product-info-main .wishlist.split.button .action.toggle, .block-bundle-summary .wishlist.split.button .action.toggle, .product-add-form .wishlist.split.button .action.toggle { padding: 0; } .cart.table-wrapper .wishlist.split.button { margin-bottom: 15px; } .cart.table-wrapper .wishlist.split.button > .action.toggle { padding: 4px 10px; } .wishlist.window.popup { box-sizing: border-box; background: #fff; border: 1px solid #aeaeae; padding: 22px; width: 100%; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15); transition: opacity 0.3s linear; bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 1001; display: none; opacity: 0; } .wishlist.window.popup .popup-header { margin: 0 0 25px; padding-right: 22px; } .wishlist.window.popup .popup-header .title { font-weight: 300; line-height: 1.1; font-size: 1.8rem; margin-top: 1.5rem; margin-bottom: 1.5rem; } .wishlist.window.popup .popup-actions .action.close { position: absolute; display: inline-block; text-decoration: none; background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-decoration: none; text-shadow: none; font-weight: 400; right: 15px; top: 15px; } .wishlist.window.popup .popup-actions .action.close > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .wishlist.window.popup .popup-actions .action.close:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; line-height: 22px; color: inherit; content: ""; font-family: "icons-blank-theme"; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .wishlist.window.popup .popup-actions .action.close:hover:before { color: inherit; } .wishlist.window.popup .popup-actions .action.close:active:before { color: inherit; } .wishlist.window.popup .popup-actions .action.close:focus, .wishlist.window.popup .popup-actions .action.close:active { background: none; border: none; } .wishlist.window.popup .popup-actions .action.close:hover { background: none; border: none; } .wishlist.window.popup .popup-actions .action.close.disabled, .wishlist.window.popup .popup-actions .action.close[disabled], fieldset[disabled] .wishlist.window.popup .popup-actions .action.close { cursor: not-allowed; pointer-events: none; opacity: 0.5; } .wishlist.window.popup.active { opacity: 1; } .wishlist.window.popup.active { display: block; } .wishlist.overlay { transition: opacity 0.15s linear; background: #000; z-index: 1000; bottom: 0; left: 0; opacity: 0; position: fixed; right: 0; top: 0; } .wishlist.overlay.active { opacity: 0.5; filter: alpha(opacity=50); } .wishlist.overlay.active { display: block; } .block-wishlist-management { position: relative; } .block-wishlist-management .wishlist-select .wishlist-name-label { font-weight: 600; } .block-wishlist-management .wishlist-title { margin-bottom: 15px; } .block-wishlist-management .wishlist-title strong { font-weight: 300; margin-right: 15px; } .block-wishlist-management .wishlist-notice { color: #7d7d7d; display: inline-block; margin-right: 20px; } .block-wishlist-management .wishlist-toolbar-select, .block-wishlist-management .wishlist-toolbar-actions { display: inline-block; } .block-wishlist-management .wishlist-toolbar-select { margin-right: 20px; } .block-wishlist-management .wishlist-dropdown.move { margin-right: 20px; } .block-wishlist-search-form .form-wishlist-search { margin-bottom: 60px; max-width: 500px; } .block-wishlist-search-results .toolbar-wishlist-results { text-align: center; } .block-wishlist-info-items .block-title { margin-bottom: 20px; font-size: 2.2rem; } .block-wishlist-info-items .block-title > strong { font-weight: 300; } .block-wishlist-info-items .product-item { width: 100%; } .block-wishlist-info-items .product-item-photo { margin-left: 20px; } .block-wishlist-info-items .product-item-info { width: auto; } .block-wishlist-info-items .product-item-info:hover .split { visibility: visible; } .block-wishlist-info-items .price-wrapper { display: block; margin: 0 0 15px; } .block-wishlist-info-items .split { clear: both; padding: 15px 0; } .block-wishlist-info-items .action.towishlist { padding: 15px 0; } .block-wishlist-info-items .input-text.qty { margin-right: 15px; } @media only screen and (max-width: 767px) { .block-wishlist-management { clear: both; margin-top: -21px; } .block-wishlist-management .wishlist-select { margin: 0 -15px 20px; } .block-wishlist-management .wishlist-select-items { border-bottom: 1px solid #d1d1d1; background: #f5f5f5; display: none; padding: 15px 0; } .block-wishlist-management .wishlist-select-items.active { display: block; } .block-wishlist-management .wishlist-select-items .item { margin: 3px 0 0; } .block-wishlist-management .wishlist-select-items .item:first-child { margin-top: 0; } .block-wishlist-management .wishlist-select-items .item.current { display: none; } .block-wishlist-management .wishlist-select-items .item a { display: block; padding: 10px 18px; text-decoration: none; } .block-wishlist-management .wishlist-select-items .item a:hover { background: #e8e8e8; } .block-wishlist-management .wishlist-title strong { font-size: 2.6rem; } .block-wishlist-management .wishlist-info { margin-bottom: 15px; } .block-wishlist-management .wishlist-toolbar-select, .block-wishlist-management .wishlist-toolbar-actions { margin-bottom: 15px; } .products-grid.wishlist .product-item-checkbox { left: 20px; position: absolute; top: 20px; } .page-multiple-wishlist .products-grid.wishlist .product-item-photo { margin-left: 25px; } .page-multiple-wishlist .products-grid.wishlist .product-item-name, .page-multiple-wishlist .products-grid.wishlist .product-item-description, .page-multiple-wishlist .products-grid.wishlist .product-item .price-box, .page-multiple-wishlist .products-grid.wishlist .product-item-tooltip { margin-left: 115px; } .products-grid.wishlist .wishlist-dropdown { display: none; } } @media only screen and (min-width: 768px) { .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 10px; 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: 15px; padding: 10px 15px 15px; 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: 15px; padding: 10px 15px 15px; } .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; } } .multicheckout .title { margin-bottom: 30px; } .multicheckout .title strong { font-weight: 400; } .multicheckout .table-wrapper { margin-bottom: 0; } .multicheckout .table-wrapper .action.delete { display: inline-block; } .multicheckout .table-wrapper .col .qty { display: inline-block; } .multicheckout .table-wrapper .col.item .action.edit { font-weight: 400; margin-left: 15px; } .multicheckout:not(.address) .table-wrapper .product-item-name { margin: 0; } .multicheckout > .actions-toolbar { margin-top: 40px; } .multicheckout .actions-toolbar > .secondary { display: block; } .multicheckout .actions-toolbar > .secondary .action { margin-bottom: 25px; } .multicheckout .actions-toolbar > .secondary .action.back { display: block; margin-left: 0; } .multicheckout .actions-toolbar > .primary { margin-right: 15px; } .multicheckout .item-options { margin: 15px 0 0; } .multicheckout .block .methods-shipping .item-content .fieldset > .field:before { display: none; } .multicheckout .block .methods-shipping .item-content .fieldset > .field .control { display: inline-block; } .multicheckout .block-title, .multicheckout .block-content .title { border-bottom: 1px solid #d1d1d1; padding-bottom: 15px; } .multicheckout .block-title strong, .multicheckout .block-content .title strong { font-weight: 400; } .multicheckout .block-title strong span, .multicheckout .block-content .title strong span { color: #a6a6a6; } .multicheckout .block-content .title { border-bottom: none; padding-bottom: 0; } .multicheckout.order-review .block-title > strong { font-size: 2.4rem; } .multicheckout.order-review .block-shipping .block-content:not(:last-child) { margin-bottom: 40px; } .multicheckout .box-title span { margin-right: 15px; } .multicheckout .box-title > .action { margin: 0; } .multicheckout .box-shipping-method .price { font-weight: 700; } .multicheckout .box-billing-method .fieldset { margin: 0; } .multicheckout .box-billing-method .fieldset .legend.box-title { margin: 0 0 10px; } .multicheckout .checkout-review .grand.totals { font-size: 2.1rem; margin-bottom: 40px; } .multicheckout .checkout-review .grand.totals .mark { font-weight: 400; } [class^='multishipping-'] .logo { margin-left: 0; } .multishipping-checkout-success .nav-sections { display: block; } @media only screen and (max-width: 639px) { .multicheckout .data.table .address:before { margin-bottom: 10px; } .multicheckout .product-item-name, .multicheckout .price-including-tax, .multicheckout .price-excluding-tax { display: inline-block; } .multicheckout .block-content .box:not(:last-child) { margin-bottom: 40px; } .multicheckout .block-content .box:last-child { margin-bottom: 0; } .multicheckout.order-review .box-items .data.table thead { display: block; } .multicheckout.order-review .box-items .data.table thead tr { display: block; } .multicheckout.order-review .box-items .data.table thead .col.item { display: block; padding: 0; } .multicheckout .actions-toolbar .action { margin-bottom: 25px; } .multicheckout .actions-toolbar > .primary { margin-bottom: 25px; margin-right: 0; } } @media only screen and (min-width: 640px) { .multicheckout .actions-toolbar .secondary { float: none; margin-top: 11px; text-align: right; } .multicheckout .actions-toolbar .secondary .action { margin-left: 15px; } .multicheckout .actions-toolbar .secondary .action.back { display: block; float: left; } .multicheckout .item-options { margin: 20px 0 0; } .multicheckout .block-content .box { margin-bottom: 0; } .multicheckout .block-shipping .box { float: left; width: 25%; } .multicheckout .block-shipping .box-shipping-method { padding-left: 25px; padding-right: 25px; width: 50%; } .multicheckout .block-shipping .box-shipping-method .fieldset .field:before { display: none; } .multicheckout .block-billing .box-billing-address { float: left; width: 25%; } .multicheckout .block-billing .box-billing-method { float: left; padding-left: 25px; width: 50%; } .multicheckout.form.address .table-wrapper .applicable { margin: 7px 0 0; } .multicheckout.order-review .box-items { clear: left; float: none; padding-top: 40px; width: auto; } .multicheckout.order-review .col.item { width: 75%; } .multicheckout .methods-payment .item-content > .fieldset { width: auto; } .multicheckout .methods-payment .item-content > .fieldset .field.cvv { display: inline-block; width: auto; } .multicheckout .methods-payment .fieldset > .field:not(.choice) > .label { float: none; margin-bottom: 8px; text-align: left; width: auto; } .multicheckout .methods-payment .fieldset > .field:not(.choice):not(.cvv) .control { width: 100%; } } @media only screen and (max-width: 767px) { .multishipping-checkout-success .nav-toggle { display: block; } .multishipping-checkout-success .logo { margin-left: 40px; } } .block.newsletter { margin-bottom: 40px; } .block.newsletter .form.subscribe { display: table; width: 100%; } .block.newsletter .fieldset { display: table-cell; margin: 0; padding: 0; vertical-align: top; } .block.newsletter .field { margin: 0; } .block.newsletter .field .control { display: inline-block; text-decoration: none; display: block; } .block.newsletter .field .control:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 35px; line-height: 33px; color: #c2c2c2; content: ""; font-family: "icons-blank-theme"; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .block.newsletter .field .control:before { position: absolute; } .block.newsletter input { padding-left: 35px; } .block.newsletter .title { display: none; } .block.newsletter .actions { display: table-cell; vertical-align: top; width: 1%; } .block.newsletter .action.subscribe { border-bottom-left-radius: 0; border-top-left-radius: 0; margin-left: -1px; } @media only screen and (min-width: 768px) { .block.newsletter { width: 32%; } .block.newsletter .field { margin-right: 5px; } .block.newsletter .field .control { width: 100%; } .block.newsletter .action.subscribe { border-radius: 3px; } } .paypal.after:before { content: "- " attr(data-label) " -"; display: block; margin: 10px 10px 15px; text-transform: uppercase; } .paypal.before:before { content: "- " attr(data-label) " -"; display: block; margin: 15px 10px; text-align: center; text-transform: uppercase; } .paypal.acceptance { display: block; margin: 0 0 20px; } .paypal.acceptance img { max-width: 100%; } .box-tocart .paypal img, .block-minicart .paypal img { display: block; margin: 0 auto; } .paypal-review .paypa-review-title > strong { font-weight: 300; line-height: 1.1; font-size: 1.8rem; margin-top: 1.5rem; margin-bottom: 1.5rem; display: inline-block; } .paypal-review .items-qty .item { white-space: nowrap; } .paypal-review .items-qty .title:after { content: ': '; } .paypal-review .paypal-review-title > strong { font-weight: 300; line-height: 1.1; font-size: 1.8rem; margin-top: 1.5rem; margin-bottom: 1.5rem; display: inline-block; } .paypal-review .actions-toolbar { margin-top: 15px; } .paypal-review .item-options dt { display: inline-block; } .paypal-review .item-options dt:after { content: ': '; } .paypal-review .item-options dd { margin: 0; } .paypal-review-discount { border-bottom: 1px solid #d1d1d1; margin: 20px 0; } .paypal-review-discount .block { margin-bottom: 0; } .paypal-review-discount .block .fieldset { padding: 15px 0 20px; } @media only screen and (min-width: 768px) { .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; } } .fotorama-video-container:after { background: url(../../frontend/Codeculture/ProAurumSchweiz/de_CH/Magento_ProductVideo/img/gallery-sprite.png) bottom right; bottom: 0; content: ''; height: 100px; left: 0; margin: auto; position: absolute; right: 0; top: 12px; width: 100px; } .fotorama-video-container .magnify-lens { display: none !important; } .fotorama-video-container.video-unplayed:hover img { opacity: 0.6; } .fotorama-video-container.video-unplayed:hover:after { transform: scale(1.25); } .video-thumb-icon:after { background: url(../../frontend/Codeculture/ProAurumSchweiz/de_CH/Magento_ProductVideo/img/gallery-sprite.png) bottom left; bottom: 0; content: ''; height: 40px; left: 0; margin: auto; position: absolute; right: 0; top: 10px; width: 49px; } .product-video { bottom: 0; height: 75%; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 100%; } .product-video iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 9999; } .fotorama__stage__shaft:focus .fotorama__stage__frame.fotorama__active:after { bottom: 0; content: ''; height: 100px; left: 0; margin: auto; position: absolute; right: 0; top: 12px; width: 100px; } .fotorama__product-video--loading:after { visibility: hidden; } @media only screen and (min-device-width: 320px) and (max-device-width: 780px) and (orientation: landscape) { .product-video { height: 100%; width: 81%; } } .rating-summary { overflow: hidden; white-space: nowrap; } .rating-summary .rating-result { width: 100px; display: inline-block; position: relative; vertical-align: middle; } .rating-summary .rating-result:before { left: 0; position: absolute; top: 0; width: 100%; z-index: 1; -webkit-font-smoothing: antialiased; color: #c7c7c7; font-family: "icons-blank-theme"; font-size: 28px; height: 28px; letter-spacing: -10px; line-height: 28px; content: ""; display: block; font-style: normal; font-weight: normal; speak: none; } .rating-summary .rating-result > span { display: block; overflow: hidden; } .rating-summary .rating-result > span:before { position: relative; z-index: 2; -webkit-font-smoothing: antialiased; color: #ff5501; font-family: "icons-blank-theme"; font-size: 28px; height: 28px; letter-spacing: -10px; line-height: 28px; content: ""; display: block; font-style: normal; font-weight: normal; speak: none; } .rating-summary .rating-result > span span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .rating-summary .rating-result { margin-left: -5px; } .product-reviews-summary .rating-summary .label, .table-reviews .rating-summary .label { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .review-control-vote { overflow: hidden; } .review-control-vote:before { color: #c7c7c7; font-family: "icons-blank-theme"; font-size: 28px; height: 28px; letter-spacing: -10px; line-height: 28px; font-style: normal; font-weight: normal; speak: none; vertical-align: top; -webkit-font-smoothing: antialiased; content: ""; display: block; position: absolute; z-index: 1; } .review-control-vote input[type="radio"] { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .review-control-vote input[type="radio"]:focus + label:before, .review-control-vote input[type="radio"]:checked + label:before { opacity: 1; } .review-control-vote label { cursor: pointer; display: block; position: absolute; } .review-control-vote label span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .review-control-vote label:before { color: #ff5501; font-family: "icons-blank-theme"; font-size: 28px; height: 28px; letter-spacing: -10px; line-height: 28px; font-style: normal; font-weight: normal; speak: none; vertical-align: top; -webkit-font-smoothing: antialiased; opacity: 0; } .review-control-vote label:hover:before { opacity: 1; } .review-control-vote label:hover ~ label:before { opacity: 0; } .review-control-vote .rating-5 { z-index: 2; } .review-control-vote .rating-5:before { content: ""; } .review-control-vote .rating-4 { z-index: 3; } .review-control-vote .rating-4:before { content: ""; } .review-control-vote .rating-3 { z-index: 4; } .review-control-vote .rating-3:before { content: ""; } .review-control-vote .rating-2 { z-index: 5; } .review-control-vote .rating-2:before { content: ""; } .review-control-vote .rating-1 { z-index: 6; } .review-control-vote .rating-1:before { content: ""; } .block.add.review { margin-bottom: 40px; } .block.add.review > .title { font-weight: 300; line-height: 1.1; font-size: 2.6rem; margin-top: 2.5rem; margin-bottom: 2rem; } .block.add.review .legend { font-weight: 300; line-height: 1.1; font-size: 1.8rem; margin-top: 1.5rem; margin-bottom: 1.5rem; margin: 0 0 20px; } .block.add.review .field.rating { display: table-row; } .block.add.review .field.rating .label { display: table-cell; padding: 10px 0; vertical-align: middle; } .block.add.review .field.rating .control { display: table-cell; vertical-align: top; } .block.reviews.list > .title { font-weight: 300; line-height: 1.1; font-size: 2.6rem; margin-top: 2.5rem; margin-bottom: 2rem; } .block.reviews.list .review.item { margin-bottom: 40px; } .block.reviews.list .review.title { font-weight: 300; line-height: 1.1; font-size: 1.8rem; margin-top: 1.5rem; margin-bottom: 1.5rem; } .data.table.reviews .rating-summary { margin-top: -4px; } .customer-review.view { margin-bottom: 20px; } .customer-review.view .review.title, .customer-review.view .ratings-summary, .customer-review.view .product-details { margin-bottom: 20px; } .product-reviews-summary { display: table; margin: 15px 0 12px; } .products.wrapper.list .product-reviews-summary { margin: 0 auto; } .product-reviews-summary.empty { margin-left: 0; } .product-reviews-summary .rating-summary { display: table-cell; left: -10px; position: relative; text-align: left; vertical-align: middle; } .product-reviews-summary .reviews-actions { display: table-cell; line-height: 28px; vertical-align: middle; } .product-reviews-summary .reviews-actions a { margin-right: 10px; } @media only screen and (min-width: 768px) { .products.wrapper.list .product-reviews-summary { margin: 0; } } .customer-review .product-details { margin-bottom: 40px; } .customer-review .product-media { float: left; margin-right: 3%; max-width: 285px; width: 30%; } .customer-review .review-details .customer-review-rating { margin-bottom: 20px; } .customer-review .review-details .customer-review-rating .item { margin-bottom: 15px; } .customer-review .review-details .customer-review-rating .item:last-child { margin-bottom: 0; } .customer-review .review-details .review-title { font-weight: 300; line-height: 1.1; font-size: 1.8rem; margin-top: 1.5rem; margin-bottom: 1.5rem; font-weight: 600; margin-bottom: 20px; } .customer-review .review-details .review-content { margin-bottom: 20px; } .customer-review .product-reviews-summary .rating-summary, .customer-review .product-reviews-summary .reviews-actions { display: block; } .review-field-ratings .nested { display: table; } .review-field-ratings .review-field-rating { display: table-row; } .review-field-ratings .review-field-rating .label, .review-field-ratings .review-field-rating .control { display: table-cell; padding-bottom: 15px; vertical-align: top; } .review-field-ratings .review-field-rating .label { padding-right: 15px; padding-top: 6px; } .review-field-ratings .review-field-rating .control { padding-top: 2px; } .review-toolbar { border-top: 1px solid #c9c9c9; margin: 0 0 20px; text-align: center; } .review-toolbar:first-child { display: none; } .review-toolbar .pages { border-bottom: 1px solid #c9c9c9; display: block; padding: 20px 0; text-align: center; } .review-toolbar .limiter { display: none; } .review-add .block-title { display: none; } .review-form .action.submit.primary { background: #f2f2f2; border: 1px solid #cdcdcd; color: #333; } .review-form .action.submit.primary:focus, .review-form .action.submit.primary:active { background: #e2e2e2; border: 1px solid #cdcdcd; color: #333; } .review-form .action.submit.primary:hover { background: #e2e2e2; border: 1px solid #cdcdcd; color: #555; } .fieldset .review-legend.legend { margin-bottom: 20px; } .fieldset .review-legend.legend strong { display: block; margin-left: 0; } .review-field-rating .control { margin-bottom: 48px; margin-top: 15px; } .review-list { margin-bottom: 30px; } .review-list .block-title strong { font-weight: 300; line-height: 1.1; font-size: 2.6rem; margin-top: 2.5rem; margin-bottom: 2rem; } .review-item { border-bottom: 1px solid #c9c9c9; margin: 0; padding: 20px 0; } .review-item:after { clear: both; content: ''; display: table; } .review-item:last-child { border-width: 0; } .review-ratings { display: table; margin-bottom: 15px; max-width: 100%; } .review-author { display: inline; } .review-title { font-weight: 300; line-height: 1.1; font-size: 1.8rem; margin-top: 1.5rem; margin-bottom: 1.5rem; margin: 0 0 20px; } .review-content { margin-bottom: 20px; } @media only screen and (min-width: 640px) { .review-form { max-width: 500px; } .review-ratings { float: left; margin-bottom: 0; max-width: 240px; } .review-ratings ~ .review-content, .review-ratings ~ .review-details { margin-left: 280px; } .review-toolbar { margin: 0 0 30px; } .review-toolbar .pages { padding: 30px 0; } .fieldset .review-legend.legend { margin-bottom: 30px; } .review-item { padding: 30px 0; } .review-title { margin: 0 0 30px; } } .block-reward-info .reward-rates:not(:last-child), .block-reward-info .reward-limit:not(:last-child), .block-reward-info .reward-expiring:not(:last-child) { margin-bottom: 25px; } .block-reward-info .reward-rates .title, .block-reward-info .reward-limit .title, .block-reward-info .reward-expiring .title { display: inline-block; margin-bottom: 15px; } @media only screen and (max-width: 767px) { .reward-settings + .actions-toolbar { margin-top: 10px; } } @media only screen and (min-width: 768px) { .reward-settings + .actions-toolbar { margin-top: -32px; } } .form-create-return .field .control > span, .form-create-return .field address { display: inline-block; padding-top: 6px; } .form-create-return .additional:first-child { margin-top: 0; } .form-create-return .additional .field:nth-last-child(2) { margin-bottom: 0; } .form-create-return .additional .field:last-child { margin-top: 20px; } .form-create-return .field.comment { margin-top: 55px; } .block-returns-comments .returns-comments dt, .block-returns-comments .returns-comments dd { margin: 0; } .block-returns-comments .returns-comments dt { font-weight: 400; } .block-returns-comments .returns-comments dd { margin-bottom: 15px; } .block-returns-comments .returns-comments dd:last-child { margin-bottom: 0; } .block-returns-comments .fieldset { margin-bottom: 20px; } .magento-rma-returns-returns .page-title-wrapper .page-title, .magento-rma-guest-returns .page-title-wrapper .page-title, .magento-rma-returns-view .page-title-wrapper .page-title { margin-right: 25px; } @media only screen and (max-width: 767px) { .account .column.main .returns-details-items .block-returns-tracking .block-title > .action.track { display: block; float: none; margin: 15px 0 0; } } @media only screen and (min-width: 768px) { .form-create-return .additional .field:last-child { margin-top: 6px; } .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; } } .order-links { border-bottom: 1px solid #d1d1d1; margin-bottom: 10px; } .order-links .item { display: inline-block; margin-right: 20px; } .order-actions-toolbar .action { margin: 0 20px 0 0; } .order-details-items { border-bottom: 1px solid #d1d1d1; margin-bottom: 20px; padding-bottom: 10px; } .order-details-items .order-title > strong { font-weight: 300; line-height: 1.1; font-size: 1.8rem; margin-top: 1.5rem; margin-bottom: 1.5rem; display: inline-block; } .order-details-items .items-qty .item { white-space: nowrap; } .order-details-items .items-qty .title:after { content: ': '; } .order-details-items .table-order-items .product-item-name { margin-top: 0; } .order-details-items .table-order-items tbody + tbody { border-top: 1px solid #d1d1d1; } .order-details-items .item-options dt { margin: 0; } .order-details-items .item-options dd { margin: 0 0 15px; } .order-details-items .item-options.links dt { display: inline-block; } .order-details-items .item-options.links dt:after { content: ': '; } .order-details-items .item-options.links dd { margin: 0; } .account .table-order-items .price { font-size: inherit; } .account .table-order-items .col.subtotal { text-align: right; } .order-pager-wrapper .toolbar-amount { padding-top: 3px; } .order-pager-wrapper .pages-items .item:first-child, .order-pager-wrapper .pages-items .item:last-child { margin-right: 0; } .order-actions-toolbar { margin-bottom: 25px; } .order-actions-toolbar .action { margin-right: 30px; } .order-actions-toolbar .action.print { margin: 0; } .page-title-wrapper .order-date { margin: 0 0 20px; } .account .page-title-wrapper .page-title, [class^='sales-guest-'] .page-title-wrapper .page-title, .sales-guest-view .page-title-wrapper .page-title { margin-right: 25px; } .form-orders-search .field.email, .form-orders-search .field.zip { margin-bottom: 0; } .block-reorder .product-item .checkbox { position: relative; top: 2px; vertical-align: baseline; } .block-reorder .product-item .field.item { display: inline-block; } .block-reorder .product-item-name { display: inline-block; } .block-reorder .actions-toolbar { margin: 17px 0; max-width: 178px; } .block-order-details-comments { margin: 0 0 40px; } .block-order-details-comments .comment-date { font-weight: 600; } .block-order-details-comments .comment-content { line-height: 1.6; margin: 0 0 20px; } .block-order-details-view .box-content .payment-method .title { font-weight: 400; } .block-order-details-view .box-content .payment-method .content { margin: 0; } .block-order-details-view .box-content .payment-method .content > strong { font-weight: 400; } .block-order-details-view .box-content .payment-method .content > strong:after { content: ': '; } .order-tracking { border-bottom: 1px solid #d1d1d1; margin: 0; padding: 20px 0; } .order-tracking .tracking-title { display: inline-block; } .order-tracking .tracking-content { display: inline-block; margin: 0 0 0 5px; } .account .table-wrapper.orders-history table, .account .table-wrapper.orders-recent table { background-color: #f2f2f2; } .account .table-wrapper.orders-history table td, .account .table-wrapper.orders-recent table td { padding: 10px 15px; } .account .table-wrapper.orders-history table span.price, .account .table-wrapper.orders-recent table span.price { font-size: unset; } @media only screen and (max-width: 639px) { .account .order-details-items .table-order-items .product-item-name, .account .order-details-items .table-order-items .price-including-tax, .account .order-details-items .table-order-items .price-excluding-tax, .account .order-details-items .table-order-items .items-qty { display: inline-block; vertical-align: top; } .account .toolbar .pages { float: right; } .account .toolbar .limiter { clear: both; } .order-details-items thead { display: block; } .order-details-items thead tr, .order-details-items thead td { display: block; } .table-wrapper .table.table-order-items tfoot td.order-pager-wrapper { width: 100%; } } @media only screen and (max-width: 767px) { .order-pager-wrapper .toolbar-amount { left: inherit; position: relative; text-align: center; top: inherit; } .order-pager-wrapper .pages { text-align: center; } .order-pager-wrapper .action.previous, .order-pager-wrapper .action.next { margin: 0; } } @media only screen and (min-width: 768px) { .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; } } .opc-wrapper .form-discount { max-width: 500px; } .block-search { margin-bottom: 0; } .block-search .block-title { display: none; } .block-search .block-content { margin-bottom: 0; } .block-search .label { display: inline-block; text-decoration: none; display: inline-block; position: absolute; z-index: 1; } .block-search .label > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .block-search .label:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 35px; line-height: 33px; color: #8f8f8f; content: ""; font-family: "icons-blank-theme"; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .block-search .label:hover:before { color: #333; } .block-search .label:active:before { color: #333; } .block-search .label.active + .control input { position: static; } .block-search .control { clear: both; margin: 0; padding: 0; border: none; } .block-search input { left: -300%; margin: 0; padding-right: 35px; position: static; } .block-search input::-webkit-input-placeholder { color: #c2c2c2; } .block-search input:-moz-placeholder { color: #c2c2c2; } .block-search input::-moz-placeholder { color: #c2c2c2; } .block-search input:-ms-input-placeholder { color: #c2c2c2; } .block-search .nested { display: none; } .search-autocomplete { display: none; margin-top: -15px; overflow: hidden; position: absolute; z-index: 3; } .search-autocomplete ul { margin: 0; padding: 0; list-style: none none; } .search-autocomplete ul li { border-top: 1px solid #e5e5e5; cursor: pointer; margin: 0; padding: 10px 40px 10px 15px; position: relative; text-align: left; white-space: normal; } .search-autocomplete ul li:not(:empty) { border-top: 0; border: 1px solid #c2c2c2; background: #fff; } .search-autocomplete ul li:first-child { border-top: none; } .search-autocomplete ul li:hover, .search-autocomplete ul li.selected { background: #e8e8e8; } .search-autocomplete ul li .amount { color: #999; position: absolute; right: 7px; top: 10px; } .form.search.advanced .fields.range .field:first-child { position: relative; } .form.search.advanced .fields.range .field:first-child .control { padding-right: 25px; } .form.search.advanced .fields.range .field:first-child .control:after { content: ' \2013 '; display: inline-block; position: absolute; right: 0; text-align: center; top: 6px; width: 25px; } .form.search.advanced .fields.range .field:last-child { position: relative; } .form.search.advanced .fields.range .field:last-child div.mage-error[generated] { left: 0; position: absolute; top: 32px; } .form.search.advanced .fields.range .field.with-addon .control { padding-right: 45px; } .form.search.advanced .group.price .addon .addafter { background: none; border: 0; padding-top: 6px; position: absolute; right: 0; top: 0; } .search.summary { margin-bottom: 15px; } @media only screen and (max-width: 767px) { .block-search .block-content { margin-bottom: 0; } } @media only screen and (max-width: 639px) { .block-search { margin-top: 0; } } @media only screen and (min-width: 768px) { .block-search { float: right; padding-left: 15px; position: relative; width: 250px; z-index: 4; } .block-search .control { border-top: 0; margin: 0; padding: 0 0 25px; } .block-search .nested { display: block; padding-top: 5px; position: absolute; } .block-search .action.search { display: inline-block; display: inline-block; text-decoration: none; background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-decoration: none; text-shadow: none; font-weight: 400; padding: 10px 0; position: absolute; right: 10px; top: 0; z-index: 1; } .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: ""; 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 { cursor: not-allowed; pointer-events: none; opacity: 0.5; } .block-search .action.search:focus:before { color: #333; } .search-autocomplete { margin-top: 0; } } .form.send.friend .actions-toolbar { margin-left: 0; } .action.mailto.friend { display: inline-block; text-decoration: none; } .action.mailto.friend:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 28px; line-height: 28px; color: inherit; content: ""; font-family: "icons-blank-theme"; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .action.mailto.friend span { display: inline-block; line-height: 28px; } .swatch-attribute-label { font-weight: bold; position: relative; } .swatch-attribute-label.required { padding-right: 10px; } .swatch-attribute-label[data-required="1"]:after { content: '*'; color: red; position: absolute; right: -11px; top: -2px; font-weight: bold; font-size: 1em; } .swatch-attribute-selected-option { color: #646464; padding-left: 17px; } .swatch-attribute-options { margin-top: 10px; } .swatch-option { padding: 1px 2px; min-width: 30px; max-width: 90px; height: 20px; float: left; margin: 0 10px 5px 0; text-align: center; cursor: pointer; position: relative; border: 1px solid #dadada; overflow: hidden; text-overflow: ellipsis; } .swatch-option.text { background: #f0f0f0; color: #686868; font-size: 12px; font-weight: 700; line-height: 20px; padding: 4px 8px; min-width: 22px; margin-right: 7px; } .swatch-option.selected { outline: 2px solid #ff5501; border: 1px solid #fff; color: #333; } .swatch-option.text.selected { background-color: #fff !important; } .clearfix:after { content: ''; visibility: hidden; display: block; height: 0; clear: both; } .swatch-attribute.size .swatch-option, .swatch-attribute.manufacturer .swatch-option { background: #f0f0f0; color: #949494; } .swatch-attribute.size .swatch-option.selected, .swatch-attribute.manufacturer .swatch-option.selected { color: black; background: #fff; border: 1px solid #fff; } .swatch-option:not(.disabled):hover { outline: 1px solid #999; border: 1px solid #fff; color: #333; } .swatch-option.image:not(.disabled):hover, .swatch-option.color:not(.disabled):hover { outline: 2px solid #ee0000; border: 1px solid #fff; } .swatch-option.disabled { cursor: default; } .swatch-option.disabled:after { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: linear-gradient(to left top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 42%, white 43%, white 46%, #ff5216 47%, #ff5216 53%, white 54%, white 57%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0) 100%); } .swatch-option-tooltip { max-width: 140px; max-height: 100%; min-height: 20px; min-width: 20px; position: absolute; padding: 5px; background: #fff; color: #949494; border: 1px solid #adadad; display: none; z-index: 999; text-align: center; } .swatch-option-tooltip .corner, .swatch-option-tooltip-layered .corner { left: 40%; position: absolute; bottom: 0; height: 8px; } .swatch-option-tooltip .corner:after, .swatch-option-tooltip-layered .corner:after { content: ''; position: relative; top: 1px; left: -15px; width: 0; height: 0; border-style: solid; border-width: 7px 7.5px 0 7.5px; border-color: #fff transparent transparent transparent; font-size: 1px; } .swatch-option-tooltip .corner:before, .swatch-option-tooltip-layered .corner:before { content: ''; position: relative; top: 2px; left: 0; width: 0; height: 0; border-style: solid; border-width: 8px 8.5px 0 8.5px; border-color: #adadad transparent transparent transparent; font-size: 1px; } .swatch-option-tooltip .image, .swatch-option-tooltip-layered .image { display: block; height: 130px; width: 130px; margin: 0 auto; } .swatch-option-tooltip .title { max-width: 140px; min-height: 20px; max-height: 200px; color: #282828; text-align: center; display: block; overflow: hidden; } .swatch-opt { margin: 20px 0; } .swatch-more { display: inline-block; margin: 2px 0; text-decoration: none !important; position: static; z-index: 1; } .swatch-option-link-layered { position: relative; margin: 0 !important; padding: 0 !important; } .swatch-option-link-layered:focus > div { box-shadow: 0 0 3px 1px #68a8e0; } .swatch-option-tooltip-layered { width: 140px; position: absolute; background: #fff; color: #949494; border: 1px solid #adadad; display: none; z-index: 999; left: -47px; } .swatch-visual-tooltip-layered { height: 160px; top: -170px; } .swatch-textual-tooltip-layered { height: 30px; top: -40px; } .swatch-option-link-layered:hover > .swatch-option-tooltip-layered { display: block; } .swatch-attribute-options .swatch-option-tooltip-layered .title { width: 100%; height: 20px; position: absolute; bottom: -5px; left: 0; color: #282828; text-align: center; margin-bottom: 10px; } .swatch-option-disabled:after { content: ''; position: absolute; width: 42px; height: 2px; background: red; transform: rotate(-30deg); z-index: 995; left: -4px; top: 10px; } .swatch-option-disabled { outline: none !important; cursor: default; border: 0; } .swatch-opt-listing { margin-bottom: 10px; } .swatch-option-loading { content: url(../../frontend/Codeculture/ProAurumSchweiz/de_CH/Magento_Swatches/images/loader-2.gif); } .swatch-input { left: -1000px; position: absolute; visibility: hidden; } body { background-color: #fff; } .page-header .panel.wrapper { background-color: #f2f2f2; margin-bottom: 0; } .page-header .panel.wrapper .panel.header { text-align: center; padding: 7px; } .page-header .panel.wrapper .panel.header .top-line-wrapper { font-size: 12px; position: relative; } .page-header .panel.wrapper .panel.header .top-line-wrapper .logout-link { position: absolute; right: 0; } .page-header .panel.wrapper .panel.header .top-line-wrapper .logout-link:before { margin: 1px 0 0 5px; font-size: 14px; float: right; } .page-header .panel.wrapper .panel.header .top-line-wrapper .logout-link:hover { color: #b88e24; } .page-header .panel.wrapper .panel.header .top-line-wrapper .back-to-shop-link { position: absolute; left: 0; } .page-header .panel.wrapper .panel.header, .page-header .panel.wrapper .panel.header a { color: #000; } @media (max-width: 769px) { .checkout-index-index .page-header .panel.wrapper .panel.header .top-line-wrapper { text-align: right; } } .header.content { padding-top: 15px; position: relative; } .cms-header { height: 40vh; position: relative; width: 100%; min-height: 150px; color: white; background: #000; } .cms-header .cms-header-img { position: absolute; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; opacity: .7; } .cms-header .cms-header-content { position: absolute; bottom: 5%; left: 0; right: 0; color: inherit; max-height: 40vh; overflow: hidden; margin-right: auto; margin-left: auto; padding-left: 10px; padding-right: 10px; } @media screen and (min-width: 991px) { .cms-header .cms-header-content { max-width: 1280px; } } .logo { margin: 0 0 15px 0; max-width: 50%; position: relative; z-index: 5; } .logo img { display: block; } .page-print .logo { float: none; } .page-main, .category-slice .category-slice-inner { min-height: 37vh; } .page-main > .page-title-wrapper .page-title + .action, .category-slice .category-slice-inner > .page-title-wrapper .page-title + .action { margin-top: 30px; } .action.skip:focus { background: #f0f0f0; padding: 15px; box-sizing: border-box; left: 0; position: absolute; text-align: center; top: 0; width: 100%; z-index: 15; } .action-skip-wrapper { height: 0; position: relative; } .message.global p { margin: 0; } .message.global.noscript, .message.global.cookie { margin: 0 0 15px; padding: 15px 20px; display: block; line-height: 1.2em; font-size: 1.3rem; background: #fdf0d5; color: #6f4400; margin: 0; } .message.global.noscript a, .message.global.cookie a { color: #1979c3; } .message.global.noscript a:hover, .message.global.cookie a:hover { color: #006bb4; } .message.global.noscript a:active, .message.global.cookie a:active { color: #006bb4; } .message.global.cookie { bottom: 0; left: 0; position: fixed; right: 0; z-index: 3; } .message.global.cookie .actions { margin-top: 15px; } .message.global.demo { margin: 0 0 15px; padding: 15px 20px; display: block; line-height: 1.2em; font-size: 1.3rem; background: #fdf0d5; color: #6f4400; margin-bottom: 0; text-align: center; } .message.global.demo a { color: #1979c3; } .message.global.demo a:hover { color: #006bb4; } .message.global.demo a:active { color: #006bb4; } .page-footer { margin-top: 25px; background: #222; } .footer { background: #222; padding: 0.75rem; } .footer .footer-headline { border-bottom: 1px solid #cd9f28; color: #fff; text-transform: uppercase; padding: 10px 0; } .footer .footer-headline.linked a { width: 100%; display: block; } .footer .footer-headline.linked a:before { float: right; font-size: 18px; } .footer .footer-headline.linked a:hover { color: #cd9f28; } .footer.content { padding-top: 20px; padding-bottom: 20px; } .footer.content .links { width: 100%; } .footer.content .links ul { padding: 15px 0 0; width: 100%; } .footer.content .links ul li { line-height: 2; color: #ccc; } .footer.content .links .separator { height: 1px; margin: 15px 0; display: block; } .footer.content .links .checkmark:before, .footer.content .links .phone:before, .footer.content .links .mail a:before, .footer.content .links .contact-form a:before, .footer.content .links .faq a:before, .footer.content .links .formula-center a:before { margin-right: 10px; color: #cd9f28; font-size: 18px; position: relative; top: 5px; } .footer.content .links .facebook:before, .footer.content .links .twitter:before, .footer.content .links .youtube:before { font-size: 24px; margin: 0; color: inherit; padding: 5px; } .footer.content .links .payment img { width: 140px; margin-bottom: 10px; margin-right: 10px; padding: 5px 10px; background: #ccc; border-radius: 3px; } .footer.content .links .focus-money { display: inline-block; width: calc(100% / 4); float: left; padding: 0 5px; } .footer.content .links .focus-money img { max-width: 100%; width: 60px; } .footer.content .links .focus-money:first-of-type { padding-left: 0; } .footer.content .links strong { color: #a6a6a6; font-weight: normal; } .footer.content .links a { color: #ccc; text-decoration: none; padding: 0; } .footer.content .links a:visited { color: #ccc; text-decoration: none; } .footer.content .links a:hover { color: #cd9f28; text-decoration: none; } .footer.content .links a:active { color: #cd9f28; text-decoration: none; } .footer.content .links ul.split-on-small.right { padding: 0; } .footer.content .links.hideable-on-small .footer-headline:before { float: right; display: none; font-size: 20px; } .footer.content .links.hideable-on-small.hide-list .footer-headline:before { float: right; display: none; font-size: 20px; } .footer.content .switcher-store { margin: 0 0 30px; } .footer .copyright, .footer .bugs { display: block; margin: 20px 0 0; } .footer-bottom { background-color: #fff; text-align: center; margin-right: auto; margin-left: auto; padding-top: 10px; width: 100%; z-index: 1; } .footer-bottom .divider { border-bottom: 1px solid #333; margin: 10px auto; width: 50px; } .footer-bottom .footer-bottom-links { list-style: none; padding-left: 0; margin-bottom: 0; } .footer-bottom .footer-bottom-links li { display: inline-block; padding-left: 5px; padding-right: 5px; } .footer-bottom .footer-bottom-links li a { color: #cd9f28; text-decoration: none; } .footer-bottom .footer-bottom-links li a:visited { color: #cd9f28; text-decoration: none; } .footer-bottom .footer-bottom-links li a:hover { color: #a27e20; text-decoration: none; } .footer-bottom .footer-bottom-links li a:active { color: #cd9f28; text-decoration: none; } .footer-bottom .copyright { color: #333; display: block; padding: 15px; text-align: center; } .page-header .switcher, .page-footer .switcher { margin-right: 10px; } .page-header .switcher .options, .page-footer .switcher .options { display: inline-block; position: relative; } .page-header .switcher .options:before, .page-header .switcher .options:after, .page-footer .switcher .options:before, .page-footer .switcher .options:after { content: ''; display: table; } .page-header .switcher .options:after, .page-footer .switcher .options:after { clear: both; } .page-header .switcher .options .action.toggle, .page-footer .switcher .options .action.toggle { padding: 0; cursor: pointer; display: inline-block; text-decoration: none; } .page-header .switcher .options .action.toggle > span, .page-footer .switcher .options .action.toggle > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .page-header .switcher .options .action.toggle:after, .page-footer .switcher .options .action.toggle:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; line-height: 22px; color: inherit; content: ""; font-family: "icons-blank-theme"; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .page-header .switcher .options .action.toggle:hover:after, .page-footer .switcher .options .action.toggle:hover:after { color: inherit; } .page-header .switcher .options .action.toggle:active:after, .page-footer .switcher .options .action.toggle:active:after { color: inherit; } .page-header .switcher .options .action.toggle.active, .page-footer .switcher .options .action.toggle.active { display: inline-block; text-decoration: none; } .page-header .switcher .options .action.toggle.active > span, .page-footer .switcher .options .action.toggle.active > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .page-header .switcher .options .action.toggle.active:after, .page-footer .switcher .options .action.toggle.active:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; line-height: 22px; color: inherit; content: ""; font-family: "icons-blank-theme"; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .page-header .switcher .options .action.toggle.active:hover:after, .page-footer .switcher .options .action.toggle.active:hover:after { color: inherit; } .page-header .switcher .options .action.toggle.active:active:after, .page-footer .switcher .options .action.toggle.active:active:after { color: inherit; } .page-header .switcher .options ul.dropdown, .page-footer .switcher .options ul.dropdown { margin: 0; padding: 0; list-style: none none; background: #fff; border: 1px solid #bbb; margin-top: 4px; min-width: 160px; z-index: 100; box-sizing: border-box; display: none; position: absolute; top: 100%; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15); } .page-header .switcher .options ul.dropdown li, .page-footer .switcher .options ul.dropdown li { margin: 0; padding: 0; } .page-header .switcher .options ul.dropdown li:hover, .page-footer .switcher .options ul.dropdown li:hover { background: #e8e8e8; cursor: pointer; } .page-header .switcher .options ul.dropdown:before, .page-header .switcher .options ul.dropdown:after, .page-footer .switcher .options ul.dropdown:before, .page-footer .switcher .options ul.dropdown:after { border-bottom-style: solid; content: ''; display: block; height: 0; position: absolute; width: 0; } .page-header .switcher .options ul.dropdown:before, .page-footer .switcher .options ul.dropdown:before { border: 6px solid; border-color: transparent transparent #fff transparent; z-index: 99; } .page-header .switcher .options ul.dropdown:after, .page-footer .switcher .options ul.dropdown:after { border: 7px solid; border-color: transparent transparent #bbb transparent; z-index: 98; } .page-header .switcher .options ul.dropdown:before, .page-footer .switcher .options ul.dropdown:before { left: 10px; top: -12px; } .page-header .switcher .options ul.dropdown:after, .page-footer .switcher .options ul.dropdown:after { left: 9px; top: -14px; } .page-header .switcher .options.active, .page-footer .switcher .options.active { overflow: visible; } .page-header .switcher .options.active ul.dropdown, .page-footer .switcher .options.active ul.dropdown { display: block; } .page-header .switcher .options ul.dropdown a, .page-footer .switcher .options ul.dropdown a { display: block; padding: 8px; } .page-header .switcher .options ul.dropdown a:hover, .page-footer .switcher .options ul.dropdown a:hover { text-decoration: none; } .page-header .switcher li, .page-footer .switcher li { font-size: 12px; margin: 0; } .page-header .switcher strong, .page-footer .switcher strong { font-weight: 400; } .widget { clear: both; } .page-header .widget.block, .page-footer .widget.block { margin: 20px 0; } .ui-datepicker td { padding: 0; } @media only screen and (min-width: 768px) { .columns { display: flex; } html, body { height: 100%; } .page-wrapper { display: flex; flex-direction: column; min-height: 100%; } .page-wrapper > .breadcrumbs, .page-wrapper > .top-container, .page-wrapper > .widget { box-sizing: border-box; width: 100%; } .ie10 .page-wrapper, .ie11 .page-wrapper { height: 100%; } .navigation ul { padding: 0 8px; } .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: 10px; } .header.content { padding: 0; } .page-header { border: 0; margin-bottom: 0; } .page-header .panel.wrapper { border-bottom: 1px solid #e8e8e8; } .page-header .header.panel { padding-bottom: 15px; padding-top: 15px; } .page-header .switcher { display: inline-block; } .page-main, .category-slice .category-slice-inner { min-height: 23vh; } .page-main > .page-title-wrapper .page-title, .category-slice .category-slice-inner > .page-title-wrapper .page-title { display: inline-block; } .page-main > .page-title-wrapper .page-title + .action, .category-slice .category-slice-inner > .page-title-wrapper .page-title + .action { float: right; margin-top: 20px; } .logo-wrapper { width: 100%; text-align: center; } .logo { display: inline-block; background-color: white; float: none; margin: 20px auto; } .logo img { max-height: inherit; } .mobile-search { display: none; } } @media only screen and (max-width: 767px) { .columns { display: block; } .footer.content .link-list { text-align: center; } .footer.content .link-list .links ul { max-width: 170px; text-align: left; margin-left: auto; margin-right: auto; } .footer.content .link-list .links ul li { color: #ccc; } .footer.content .link-list .links ul.full-width { max-width: 100%; text-align: center; } .footer.content .link-list .links.hideable-on-small .footer-headline { cursor: pointer; } .footer.content .link-list .links.hideable-on-small .footer-headline:before { display: inline-block; } .footer.content .link-list .links.hideable-on-small .hide-area { max-height: 400px; overflow: hidden; transition: max-height 700ms ease-out, padding 700ms ease-out; } .footer.content .link-list .links.hideable-on-small.hide-list .footer-headline { cursor: pointer; } .footer.content .link-list .links.hideable-on-small.hide-list .footer-headline:before { display: inline-block; } .footer.content .link-list .links.hideable-on-small.hide-list .hide-area { max-height: 0; padding: 0; } .footer.content .link-list .links.hideable-on-small ul.split-on-small { max-width: 100%; width: 50%; display: inline-block; padding-left: 50px; } .footer.content .link-list .links.hideable-on-small ul.split-on-small.right { padding-top: 15px; } .page-header { border-bottom: 4px solid #cd9f28; } .logo-wrapper { text-align: center; } .logo-wrapper .logo { max-width: 140px; width: 100%; height: auto; display: inline-block; } .mobile-search { position: absolute; top: 50%; right: 15px; transform: translateY(-50%); } .mobile-search a:before { font-size: 35px; line-height: 35px; } } .action.toggle.switcher-trigger:after { position: relative; top: -5px; } .my-credit-cards .status { font-style: italic; } .my-credit-cards .action.delete { background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-decoration: none; text-shadow: none; font-weight: 400; line-height: 1.42857; margin: 0; padding: 0; color: #1979c3; text-decoration: none; background: none; border: 0; display: inline; } .my-credit-cards .action.delete:focus, .my-credit-cards .action.delete:active { background: none; border: none; } .my-credit-cards .action.delete:hover { background: none; border: none; } .my-credit-cards .action.delete.disabled, .my-credit-cards .action.delete[disabled], fieldset[disabled] .my-credit-cards .action.delete { cursor: not-allowed; pointer-events: none; opacity: 0.5; } .my-credit-cards .action.delete:visited { color: #1979c3; text-decoration: none; } .my-credit-cards .action.delete:hover { color: #006bb4; text-decoration: underline; } .my-credit-cards .action.delete:active { color: #ff5501; text-decoration: underline; } .my-credit-cards .action.delete:hover { color: #006bb4; } .my-credit-cards .action.delete:hover, .my-credit-cards .action.delete:active, .my-credit-cards .action.delete:focus { background: none; border: 0; } .my-credit-cards .action.delete.disabled, .my-credit-cards .action.delete[disabled], fieldset[disabled] .my-credit-cards .action.delete { color: #1979c3; opacity: 0.5; cursor: default; pointer-events: none; text-decoration: underline; } .my-credit-cards-popup .modal-footer { text-align: right; } .my-credit-cards-popup .action.secondary { background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-decoration: none; text-shadow: none; font-weight: 400; line-height: 1.42857; margin: 0; padding: 0; color: #1979c3; text-decoration: none; background: none; border: 0; display: inline; margin-right: 20px; } .my-credit-cards-popup .action.secondary:focus, .my-credit-cards-popup .action.secondary:active { background: none; border: none; } .my-credit-cards-popup .action.secondary:hover { background: none; border: none; } .my-credit-cards-popup .action.secondary.disabled, .my-credit-cards-popup .action.secondary[disabled], fieldset[disabled] .my-credit-cards-popup .action.secondary { cursor: not-allowed; pointer-events: none; opacity: 0.5; } .my-credit-cards-popup .action.secondary:visited { color: #1979c3; text-decoration: none; } .my-credit-cards-popup .action.secondary:hover { color: #006bb4; text-decoration: underline; } .my-credit-cards-popup .action.secondary:active { color: #ff5501; text-decoration: underline; } .my-credit-cards-popup .action.secondary:hover { color: #006bb4; } .my-credit-cards-popup .action.secondary:hover, .my-credit-cards-popup .action.secondary:active, .my-credit-cards-popup .action.secondary:focus { background: none; border: 0; } .my-credit-cards-popup .action.secondary.disabled, .my-credit-cards-popup .action.secondary[disabled], fieldset[disabled] .my-credit-cards-popup .action.secondary { color: #1979c3; opacity: 0.5; cursor: default; pointer-events: none; text-decoration: underline; } @media only screen and (max-width: 767px) { .my-credit-cards .table:not(.totals):not(.cart):not(.table-comparison) .status { display: none; } .my-credit-cards .table:not(.totals):not(.cart):not(.table-comparison) .status:before { display: none; } .my-credit-cards .table:not(.totals):not(.cart):not(.table-comparison) .status._default { display: block; } .my-credit-cards .card-type img { vertical-align: middle; } } @media only screen and (min-width: 768px) { .my-credit-cards .card-type img { display: block; } } .minilist .weee { display: table-row; font-size: 1.1rem; } .minilist .weee:before { display: none; } .price-container.weee:before { display: none; } .product-items .action.towishlist:before, .products.list.items .action.towishlist:before, .table-comparison .action.towishlist:before { content: ""; } .account .wishlist .product-items td { vertical-align: middle; } .account .wishlist .product-items td.column-remove { width: 55px; } .account .wishlist .product-items td.column-price { width: 100px; } .account .wishlist .product-items td.column-name { text-align: left; font-size: 16px; } .account .wishlist .product-items td.column-photo { width: 100px; } .account .wishlist .product-items .product-item-photo .product-image-photo { width: 100px; } .account .wishlist .product-items .product-item-name .product-item-link { font-weight: 400; color: #333; } .account .wishlist .product-items .product-item-name .product-item-link:hover { color: #b88e24; } .account .wishlist .product-items .column-price .price-ask { color: #d8230d; } .account .wishlist .product-items .column-price .price-bid { color: #108549; } .account .wishlist .product-items .column-price .price { font-weight: 400; font-size: 14px; } .account .wishlist .product-items .btn-remove { background-color: unset; } .account .wishlist .product-items .btn-remove:before, .account .wishlist .product-items .btn-remove:after { background-color: #333; } .account .wishlist .product-items .btn-remove:before { width: 60%; } .account .wishlist .product-items .btn-remove:after { height: 60%; } .block-wishlist .product-item-name { margin-right: 25px; } .products-grid.wishlist .product-item-photo { display: block; margin-bottom: 15px; } .products-grid.wishlist .product-item-name { margin-top: 0; } .products-grid.wishlist .product-item .price-box { margin: 0; } .products-grid.wishlist .product-item-comment { display: block; height: 42px; margin: 15px 0; } .products-grid.wishlist .product-item-actions > * { margin-right: 15px; } .products-grid.wishlist .product-item-actions > *:last-child { margin-right: 0; } .products-grid.wishlist .product-item .box-tocart input.qty { height: 32px; } @media only screen and (max-width: 639px) { .products-grid.wishlist .product-item { border-bottom: 1px solid #e8e8e8; } .products-grid.wishlist .product-item:first-child { border-top: 1px solid #e8e8e8; } } @media only screen and (max-width: 767px) { .products-grid.wishlist { margin-bottom: 30px; margin-right: -15px; } .products-grid.wishlist .product-item { padding: 20px 15px 20px 20px; position: relative; } .products-grid.wishlist .product-item-photo { float: left; margin-right: 20px; } .products-grid.wishlist .product-item-name { font-size: 1.6rem; } .products-grid.wishlist .product-item-actions { display: block; } .products-grid.wishlist .product-item-actions .action { margin-right: 15px; } .products-grid.wishlist .product-item-actions .action:last-child { margin-right: 0; } .products-grid.wishlist .product-item-actions .action.edit { float: left; } .products-grid.wishlist .product-item-actions .action.delete { float: right; } .products-grid.wishlist .product-item-actions .action.edit, .products-grid.wishlist .product-item-actions .action.delete { margin-top: 7px; } .products-grid.wishlist .product-item-name, .products-grid.wishlist .product-item-description, .products-grid.wishlist .product-item .price-box, .products-grid.wishlist .product-item-tooltip { margin-left: 95px; } .products-grid.wishlist .product-item .box-tocart { float: left; margin-right: 20px; } .products-grid.wishlist .product-item .box-tocart .stock { margin-top: 7px; } .products-grid.wishlist .product-item .giftregisty-dropdown, .products-grid.wishlist .product-item .field.qty { display: none; } .products-grid.wishlist .product-image-container { max-width: 80px; } .wishlist-index-index .product-item { width: 100%; } .wishlist-index-index .product-item-info { width: auto; } } @media only screen and (min-width: 640px) { .wishlist-index-index .products-grid .product-item { margin-bottom: 20px; } .wishlist-index-index .products-grid .product-item-actions { margin: 0; } } @media only screen and (min-width: 768px) { .products-grid.wishlist .product-item-tooltip { display: inline-block; } .products-grid.wishlist .product-item-actions { margin: 15px 0 0; } .products-grid.wishlist .product-item .fieldset .field.qty { margin-bottom: 15px; padding-right: 15px; } .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; } } @media only screen and (min-width: 1024px) { .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; } } #accordion-depot .depot-sale-wrapper { display: flex; } #accordion-depot .depot-sale-wrapper .qty-wrapper { margin-left: 0; } #accordion-depot .order-total .price { font-size: 14px; } @media screen and (max-width: 1079px) { #accordion-depot .depot-sale-wrapper { flex-direction: column; } #accordion-depot .depot-sale-wrapper .qty-wrapper { margin-right: 0; margin-bottom: 10px; width: 100%; } } .login-container-2fa { margin-left: auto; margin-right: auto; max-width: 600px; } .login-container-2fa p { font-size: 14px; } .block.block-authentication { margin-top: 10px; } .block.block-authentication p { font-size: 14px; } .block.block-authentication .two-fa-image { text-align: center; margin-bottom: 10px; } .sidebar .block-addbysku .fieldset { margin: 0; } .sidebar .block-addbysku .fieldset .fields { position: relative; } .sidebar .block-addbysku .fieldset .fields .field { display: inline-block; margin-bottom: 15px; vertical-align: top; } .sidebar .block-addbysku .fieldset .fields .field.sku { margin-right: -85px; padding-right: 90px; width: 100%; } .sidebar .block-addbysku .fieldset .fields .field.qty .qty + .mage-error { width: 80px; } .sidebar .block-addbysku .fieldset .fields .actions-toolbar { position: absolute; right: 0; top: 6px; } .sidebar .block-addbysku .form-addbysku .actions-toolbar { margin-bottom: 20px; } .sidebar .block-addbysku .form-addbysku .actions-toolbar .primary { text-align: left; } .sidebar .block-addbysku .form-addbysku .actions-toolbar .primary .action { width: auto; } .sidebar .block-addbysku .form-addbysku .actions-toolbar .secondary { float: none; text-align: left; } .sidebar .block-addbysku .action.add { display: inline-block; text-decoration: none; line-height: normal; padding: 2px 0; width: auto; } .sidebar .block-addbysku .action.add > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .sidebar .block-addbysku .action.add:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 31px; line-height: 22px; color: inherit; content: ""; font-family: "icons-blank-theme"; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .sidebar .block-addbysku .action.add:hover:before { color: inherit; } .sidebar .block-addbysku .action.add:active:before { color: inherit; } .sidebar .block-addbysku .action.links { display: inline-block; margin: 20px 0 0; } .sidebar .block-addbysku .action.reset { display: block; margin: 15px 0; } .sidebar .block-addbysku .action.remove { display: inline-block; text-decoration: none; background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-decoration: none; text-shadow: none; font-weight: 400; } .sidebar .block-addbysku .action.remove > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .sidebar .block-addbysku .action.remove:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 28px; line-height: 22px; color: inherit; content: ""; font-family: "icons-blank-theme"; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .sidebar .block-addbysku .action.remove:hover:before { color: inherit; } .sidebar .block-addbysku .action.remove:active:before { color: inherit; } .sidebar .block-addbysku .action.remove:focus, .sidebar .block-addbysku .action.remove:active { background: none; border: none; } .sidebar .block-addbysku .action.remove:hover { background: none; border: none; } .sidebar .block-addbysku .action.remove.disabled, .sidebar .block-addbysku .action.remove[disabled], fieldset[disabled] .sidebar .block-addbysku .action.remove { cursor: not-allowed; pointer-events: none; opacity: 0.5; } .block-banners .banner-item, .block-banners-inline .banner-item { display: block; } .block-banners .banner-item-content, .block-banners-inline .banner-item-content { margin-bottom: 20px; } .block-banners .banner-item-content img, .block-banners-inline .banner-item-content img { display: block; margin: 0 auto; } .block-product-link.widget, .block-category-link.widget { display: block; margin-bottom: 20px; } .block-product-link-inline.widget { margin: 0; } .block.widget .product-item-info { width: auto; } .block.widget .pager { padding: 0; } .block.widget .pager .toolbar-amount { float: none; font-size: 1.2rem; } .block.widget .pager .pages-item-previous { padding-left: 0; } .block.widget .pager .pages-item-next { position: relative; } .block.widget .pager .items { white-space: nowrap; } @media only screen and (min-width: 640px) { .block.widget .products-grid .product-item, .page-layout-1column .block.widget .products-grid .product-item, .page-layout-3columns .block.widget .products-grid .product-item { width: 33.33333%; } } @media only screen and (min-width: 768px) { .block.widget .products-grid .product-item { width: 33.33333%; } .sidebar .block.widget .products-grid .product-item { margin-left: 0; width: 100%; } .sidebar .block.widget .products-grid .product-item .actions-secondary { display: block; padding: 10px 0; } .page-layout-1column .block.widget .products-grid .product-item { width: 25%; } .page-layout-3columns .block.widget .products-grid .product-item { width: 50%; } } @media only screen and (min-width: 1024px) { .block.widget .products-grid .product-item { width: 20%; } .page-layout-1column .block.widget .products-grid .product-item { margin-left: calc((100% - 5 * (100% / 6)) / 4); width: 16.66667%; } .page-layout-1column .block.widget .products-grid .product-item:nth-child(4n + 1) { margin-left: calc((100% - 5 * (100% / 6)) / 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 { margin-left: calc((100% - 4 * 24.439%) / 3); padding: 0; width: 24.439%; } .block.widget .products-grid .product-item:nth-child(4n + 1) { margin-left: 0; } } @media only screen and (min-width: 768px) { .sidebar .block.widget .pager .pages-item-next { padding: 0; } .sidebar .block.widget .pager .pages-item-next .action { margin: 0; } } .columns .block-event { position: relative; z-index: 2; } .block-event .block-content { position: relative; } .block-event .block-content > .action { cursor: pointer; margin-top: -6px; position: absolute; top: 50%; z-index: 3; } .block-event .block-content > .action.backward, .block-event .block-content > .action.forward { opacity: 0.5; overflow: hidden; width: 20px; display: inline-block; text-decoration: none; } .block-event .block-content > .action.backward > span, .block-event .block-content > .action.forward > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .block-event .block-content > .action.backward:before, .block-event .block-content > .action.forward:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 55px; line-height: 30px; color: inherit; content: ""; font-family: "icons-blank-theme"; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .block-event .block-content > .action.backward:before, .block-event .block-content > .action.forward:before { margin-left: -15px; } .block-event .block-content > .action.backward { left: 0; } .block-event .block-content > .action.forward { right: 0; } .block-event .block-content > .action.forward:before { content: ""; } .block-event .block-content > .action.forward:before { margin-left: -20px; } .block-event .block-content > .action.inactive { cursor: default; display: none; } .block-event .block-content > .action:hover { opacity: 1; } .block-event .slider-panel { overflow: hidden; position: relative; z-index: 2; } .block-event .slider-panel .slider { white-space: nowrap; } .block-event .slider-panel .slider .item { background: #f0f0f0; display: inline-block; text-align: center; vertical-align: top; white-space: normal; width: 16.35%; } .sidebar-main .block-event .slider-panel .slider .item, .sidebar-additional .block-event .slider-panel .slider .item { width: 100%; } .block-event .slider-panel .slider .item img { max-width: 100%; } .block-event .slider-panel .slider .item .category-name { display: inline-block; font-size: 1.8rem; padding: 15px 5px 0; word-break: break-all; } .block-event .slider-panel .slider .item .ticker { margin: 0; padding: 0; list-style: none none; } .block-event .slider-panel .slider .item .ticker li { display: none; margin: 0 5px; } .block-event .slider-panel .slider .item .ticker .value { font-size: 2.6rem; font-weight: 300; } .block-event .slider-panel .slider .item .ticker .label { display: block; font-size: 1.3rem; } .block-event .slider-panel .slider .item .dates { font-weight: 300; } .block-event .slider-panel .slider .item .dates .start, .block-event .slider-panel .slider .item .dates .end, .block-event .slider-panel .slider .item .dates .date { display: block; } .block-event .slider-panel .slider .item .dates .start:after { font-size: 1.8rem; content: '\2013'; display: block; } .block-event .slider-panel .slider .item .dates .date { font-size: 1.8rem; font-weight: 300; } .block-event .slider-panel .slider .item .dates .time { font-size: 1.3rem; } .block-event .slider-panel .slider .item .box-event .box-content { padding: 5px 0 15px; } .block-event .slider-panel .slider .item .box-event .box-title { display: block; font-weight: 300; margin: 15px 0 0; } .block-event .slider-panel .slider .item .action.show { display: block; padding: 0; } .block-event .slider-panel .slider .item .action.show .category.name { display: inline-block; padding: 30px 10px 0; } .block-event .slider-panel .slider .item .action.show img { display: block; } .block-event .slider-panel .slider .item .action.event { background-image: none; background: #cd9f28; border: #cd9f28; color: #000; cursor: pointer; display: inline-block; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; padding: 7px 15px; font-size: 1.4rem; box-sizing: border-box; vertical-align: middle; margin-top: 15px; } .block-event .slider-panel .slider .item .action.event:focus, .block-event .slider-panel .slider .item .action.event:active { background: #b88e24; border: #b88e24; color: #000; } .block-event .slider-panel .slider .item .action.event:hover { background: #b88e24; border: #b88e24; color: #000; } .block-event .slider-panel .slider .item .action.event.disabled, .block-event .slider-panel .slider .item .action.event[disabled], fieldset[disabled] .block-event .slider-panel .slider .item .action.event { opacity: 0.5; cursor: default; pointer-events: none; } .block-event .slider-panel .slider .item .action.event:hover { text-decoration: none; } .block-static-block.widget, .block-cms-link.widget { margin-bottom: 20px; } .links .block-static-block.widget, .links .block-cms-link.widget { margin-bottom: 0; } .block-cms-link-inline.widget { margin: 0; } .block-wishlist-search .form-wishlist-search { margin: 20px 0 0; } .block-cms-hierarchy-link.widget { display: block; margin-bottom: 20px; } .block-cms-hierarchy-link-inline.widget { margin: 0; } /*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */ /* Styles for basic PhotoSwipe functionality (sliding area, open/close transitions) */ /* pswp = photoswipe */ .pswp { display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; touch-action: none; z-index: 1500; -webkit-text-size-adjust: 100%; /* create separate layer, to avoid paint on window.onscroll in webkit/blink */ -webkit-backface-visibility: hidden; outline: none; } .pswp * { box-sizing: border-box; } .pswp img { max-width: none; } /* style is added when JS option showHideOpacity is set to true */ .pswp--animate_opacity { /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */ opacity: 0.001; will-change: opacity; /* for open/close transition */ transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--open { display: block; } .pswp--zoom-allowed .pswp__img { /* autoprefixer: off */ cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .pswp--zoomed-in .pswp__img { /* autoprefixer: off */ cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } .pswp--dragging .pswp__img { /* autoprefixer: off */ cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } /* Background is added as a separate element. As animating opacity is much faster than animating rgba() background-color. */ .pswp__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0; transform: translateZ(0); -webkit-backface-visibility: hidden; will-change: opacity; } .pswp__scroll-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; } .pswp__container, .pswp__zoom-wrap { touch-action: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } /* Prevent selection and tap highlights */ .pswp__container, .pswp__img { -webkit-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none; } .pswp__zoom-wrap { position: absolute; width: 100%; transform-origin: left top; /* for open/close transition */ transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp__bg { will-change: opacity; /* for open/close transition */ transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap { transition: none; } .pswp__container, .pswp__zoom-wrap { -webkit-backface-visibility: hidden; } .pswp__item { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; } .pswp__img { position: absolute; width: auto; height: auto; top: 0; left: 0; } /* stretched thumbnail or div placeholder element (see below) style is added to avoid flickering in webkit/blink when layers overlap */ .pswp__img--placeholder { -webkit-backface-visibility: hidden; } /* div element that matches size of large image large image loads on top of it */ .pswp__img--placeholder--blank { background: #222; } .pswp--ie .pswp__img { width: 100% !important; height: auto !important; left: 0; top: 0; } /* Error message appears when image is not loaded (JS option errorMsg controls markup) */ .pswp__error-msg { position: absolute; left: 0; top: 50%; width: 100%; text-align: center; font-size: 14px; line-height: 16px; margin-top: -8px; color: #CCC; } .pswp__error-msg a { color: #CCC; text-decoration: underline; } /*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */ /* Contents: 1. Buttons 2. Share modal and links 3. Index indicator ("1 of X" counter) 4. Caption 5. Loading indicator 6. Additional styles (root element, top bar, idle state, hidden state, etc.) */ /* 1. Buttons */ /* <button> css reset */ .pswp__button { width: 44px; height: 44px; position: relative; background: none; cursor: pointer; overflow: visible; -webkit-appearance: none; display: block; border: 0; padding: 0; margin: 0; float: right; opacity: 0.75; transition: opacity 0.2s; box-shadow: none; } .pswp__button:focus, .pswp__button:hover { opacity: 1; } .pswp__button:active { outline: none; opacity: 0.9; } .pswp__button::-moz-focus-inner { padding: 0; border: 0; } /* pswp__ui--over-close class it added when mouse is over element that should close gallery */ .pswp__ui--over-close .pswp__button--close { opacity: 1; } .pswp__button, .pswp__button--arrow--left:before, .pswp__button--arrow--right:before { background: url(../../frontend/Codeculture/ProAurumSchweiz/de_CH/images/photoswipe/default-skin.png) 0 0 no-repeat; background-size: 264px 88px; width: 44px; height: 44px; } @media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) { /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */ .pswp--svg .pswp__button, .pswp--svg .pswp__button--arrow--left:before, .pswp--svg .pswp__button--arrow--right:before { background-image: url(../../frontend/Codeculture/ProAurumSchweiz/de_CH/images/photoswipe/default-skin.svg); } .pswp--svg .pswp__button--arrow--left, .pswp--svg .pswp__button--arrow--right { background: none; } } .pswp__button--close { background-position: 0 -44px; } .pswp__button--share { background-position: -44px -44px; } .pswp__button--fs { display: none; } .pswp--supports-fs .pswp__button--fs { display: block; } .pswp--fs .pswp__button--fs { background-position: -44px 0; } .pswp__button--zoom { display: none; background-position: -88px 0; } .pswp--zoom-allowed .pswp__button--zoom { display: block; } .pswp--zoomed-in .pswp__button--zoom { background-position: -132px 0; } /* no arrows on touch screens */ .pswp--touch .pswp__button--arrow--left, .pswp--touch .pswp__button--arrow--right { visibility: hidden; } /* Arrow buttons hit area (icon is added to :before pseudo-element) */ .pswp__button--arrow--left, .pswp__button--arrow--right { background: none; top: 50%; margin-top: -50px; width: 70px; height: 100px; position: absolute; } .pswp__button--arrow--left { left: 0; } .pswp__button--arrow--right { right: 0; } .pswp__button--arrow--left:before, .pswp__button--arrow--right:before { content: ''; top: 35px; background-color: rgba(0, 0, 0, 0.3); height: 30px; width: 32px; position: absolute; } .pswp__button--arrow--left:before { left: 6px; background-position: -138px -44px; } .pswp__button--arrow--right:before { right: 6px; background-position: -94px -44px; } /* 2. Share modal/popup and links */ .pswp__counter, .pswp__share-modal { -webkit-user-select: none; user-select: none; } .pswp__share-modal { display: block; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; top: 0; left: 0; padding: 10px; position: absolute; z-index: 1600; opacity: 0; transition: opacity 0.25s ease-out; -webkit-backface-visibility: hidden; will-change: opacity; } .pswp__share-modal--hidden { display: none; } .pswp__share-tooltip { z-index: 1620; position: absolute; background: #FFF; top: 56px; border-radius: 2px; display: block; width: auto; right: 44px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); transform: translateY(6px); transition: transform 0.25s; -webkit-backface-visibility: hidden; will-change: transform; } .pswp__share-tooltip a { display: block; padding: 8px 12px; color: #000; text-decoration: none; font-size: 14px; line-height: 18px; } .pswp__share-tooltip a:hover { text-decoration: none; color: #000; } .pswp__share-tooltip a:first-child { /* round corners on the first/last list item */ border-radius: 2px 2px 0 0; } .pswp__share-tooltip a:last-child { border-radius: 0 0 2px 2px; } .pswp__share-modal--fade-in { opacity: 1; } .pswp__share-modal--fade-in .pswp__share-tooltip { transform: translateY(0); } /* increase size of share links on touch devices */ .pswp--touch .pswp__share-tooltip a { padding: 16px 12px; } a.pswp__share--facebook:before { content: ''; display: block; width: 0; height: 0; position: absolute; top: -12px; right: 15px; border: 6px solid rgba(0, 0, 0, 0); border-bottom-color: #FFF; -webkit-pointer-events: none; -moz-pointer-events: none; pointer-events: none; } a.pswp__share--facebook:hover { background: #3E5C9A; color: #FFF; } a.pswp__share--facebook:hover:before { border-bottom-color: #3E5C9A; } a.pswp__share--twitter:hover { background: #55ACEE; color: #FFF; } a.pswp__share--pinterest:hover { background: #CCC; color: #CE272D; } a.pswp__share--download:hover { background: #DDD; } /* 3. Index indicator ("1 of X" counter) */ .pswp__counter { position: absolute; left: 0; top: 0; height: 44px; font-size: 13px; line-height: 44px; color: #FFF; opacity: 0.75; padding: 0 10px; } /* 4. Caption */ .pswp__caption { position: absolute; left: 0; bottom: 0; width: 100%; min-height: 44px; } .pswp__caption small { font-size: 11px; color: #BBB; } .pswp__caption__center { text-align: left; max-width: 420px; margin: 0 auto; font-size: 13px; padding: 10px; line-height: 20px; color: #CCC; } .pswp__caption--empty { display: none; } /* Fake caption element, used to calculate height of next/prev image */ .pswp__caption--fake { visibility: hidden; } /* 5. Loading indicator (preloader) You can play with it here - //codepen.io/dimsemenov/pen/yyBWoR */ .pswp__preloader { width: 44px; height: 44px; position: absolute; top: 0; left: 50%; margin-left: -22px; opacity: 0; transition: opacity 0.25s ease-out; will-change: opacity; direction: ltr; } .pswp__preloader__icn { width: 20px; height: 20px; margin: 12px; } .pswp__preloader--active { opacity: 1; } .pswp__preloader--active .pswp__preloader__icn { /* We use .gif in browsers that don't support CSS animation */ background: url(../../frontend/Codeculture/ProAurumSchweiz/de_CH/images/photoswipe/preloader.gif) 0 0 no-repeat; } .pswp--css_animation .pswp__preloader--active { opacity: 1; } .pswp--css_animation .pswp__preloader--active .pswp__preloader__icn { animation: clockwise 500ms linear infinite; } .pswp--css_animation .pswp__preloader--active .pswp__preloader__donut { animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; } .pswp--css_animation .pswp__preloader__icn { background: none; opacity: 0.75; width: 14px; height: 14px; position: absolute; left: 15px; top: 15px; margin: 0; } .pswp--css_animation .pswp__preloader__cut { /* The idea of animating inner circle is based on Polymer ("material") loading indicator by Keanu Lee //blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html */ position: relative; width: 7px; height: 14px; overflow: hidden; } .pswp--css_animation .pswp__preloader__donut { box-sizing: border-box; width: 14px; height: 14px; border: 2px solid #FFF; border-radius: 50%; border-left-color: transparent; border-bottom-color: transparent; position: absolute; top: 0; left: 0; background: none; margin: 0; } @media screen and (max-width: 1024px) { .pswp__preloader { position: relative; left: auto; top: auto; margin: 0; float: right; } } @keyframes clockwise { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes donut-rotate { 0% { transform: rotate(0); } 50% { transform: rotate(-140deg); } 100% { transform: rotate(0); } } /* 6. Additional styles */ /* root element of UI */ .pswp__ui { -webkit-font-smoothing: auto; visibility: visible; opacity: 1; z-index: 1550; } /* top black bar with buttons and "1 of X" indicator */ .pswp__top-bar { position: absolute; left: 0; top: 0; height: 44px; width: 100%; } .pswp__caption, .pswp__top-bar, .pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right { -webkit-backface-visibility: hidden; will-change: opacity; transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } /* pswp--has_mouse class is added only when two subsequent mousemove events occur */ .pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right { visibility: visible; } .pswp__top-bar, .pswp__caption { background-color: rgba(0, 0, 0, 0.5); } /* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */ .pswp__ui--fit .pswp__top-bar, .pswp__ui--fit .pswp__caption { background-color: rgba(0, 0, 0, 0.3); } /* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */ .pswp__ui--idle .pswp__top-bar { opacity: 0; } .pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right { opacity: 0; } /* pswp__ui--hidden class is added when controls are hidden e.g. when user taps to toggle visibility of controls */ .pswp__ui--hidden .pswp__top-bar, .pswp__ui--hidden .pswp__caption, .pswp__ui--hidden .pswp__button--arrow--left, .pswp__ui--hidden .pswp__button--arrow--right { /* Force paint & create composition layer for controls. */ opacity: 0.001; } /* pswp__ui--one-slide class is added when there is just one item in gallery */ .pswp__ui--one-slide .pswp__button--arrow--left, .pswp__ui--one-slide .pswp__button--arrow--right, .pswp__ui--one-slide .pswp__counter { display: none; } .pswp__element--disabled { display: none !important; } .pswp--minimal--dark .pswp__top-bar { background: none; } /*# sourceMappingURL=styles.css.map */ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN //github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(../../frontend/Codeculture/ProAurumSchweiz/de_CH/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}/** css related to Uppy **/ .uppy-Dashboard-progressindicators, .uppy-Dashboard-close, .uppy-Dashboard-dropFilesHereHint, .uppy-Dashboard-inner{ display:none; } .image.image-placeholder #fileUploader{ border:500px solid transparent; bottom:0; cursor:pointer; font-size:10em; height:100%; left:0; opacity:0; position:absolute; right:0; top:0; width:100%; z-index:3 } :root { --altcha-color-base: #F5F5F5; } div.altcha { margin: 8px 0 8px; } :root { --color-tomato: #ff6347; --color-black: #000000; --color-white: #ffffff; --color-lightgray: rgba(240, 233, 241, 0.4); --color-blue: #3e95cb; } a.crosslink { position: relative !important; cursor: pointer; } a.crosslink.underline-animation { text-decoration: none; color: inherit; } a.crosslink.underline-animation::after { content: ' '; position: absolute; top: 100%; left: 25%; width: 50%; height: 1px; border-bottom: 1px solid var(--color-tomato); transition: 0.4s; } a.crosslink.underline-animation:hover::after { width: 100%; left: 0; text-decoration: none; } a.crosslink.highlight-background { color: var(--color-black); background: var(--color-lightgray); text-decoration: none; font-style: italic; padding: 0 5px; border-radius: 5px; } a.crosslink.highlight-background:hover { color: #006bb4; background: none; } a.crosslink.color-animation { color: var(--color-blue); text-decoration: none; } a.crosslink.color-animation:hover { color: var(--color-tomato); } a.crosslink.color-animation:hover:before { visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1); } a.crosslink.color-animation:before { content: ""; transition: all 0.2s ease 0s; -webkit-backface-visibility: hidden; position: absolute; width: 100%; height: 1px; bottom: -2px; left: 0; background-color: var(--color-tomato); visibility: hidden; transform: scaleX(0); } a.crosslink .swissup-crosslink-tooltip { visibility: hidden; position: absolute; width: auto; min-width: 120px; background-color: var(--color-black); color: var(--color-white); text-align: center; border-radius: 6px; padding: 6px; bottom: 23px; left: 0; font-style: initial; z-index: 11; } a.crosslink .swissup-crosslink-tooltip::after { content: ""; position: absolute; top: 100%; left: 10%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: var(--color-black) transparent transparent transparent; } a.crosslink:hover .swissup-crosslink-tooltip { visibility: visible; } .fotorama-stretch, .fotorama-focus-overlay:after, .fotorama__stage__shaft, .fotorama__stage__frame, .fotorama__html, .fotorama__video iframe { bottom: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; } .fotorama-grab-cursor, .fotorama__wrap .fotorama__grab { cursor: move; cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .fotorama-grabbing-cursor, .fotorama__grabbing * { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; } .fotorama-gpu, .fotorama--fullscreen, .fotorama__caption, .fotorama__wrap--css3 .fotorama__spinner, .fotorama__wrap--css3 .fotorama__stage, .fotorama__wrap--css3 .fotorama__nav, .fotorama__wrap--css3 .fotorama__stage__frame, .fotorama__wrap--css3 .fotorama__html, .fotorama__stage:before, .fotorama__nav:before, .fotorama__stage:after, .fotorama__nav:after, .fotorama--fullscreen .fotorama__stage__frame .fotorama__img--full { transform: translateZ(0); } .fotorama-focus, .fotorama__nav__frame, .fotorama__fullscreen-icon:focus, .fotorama__zoom-out:focus, .fotorama__zoom-in:focus { outline: 0; } .fotorama-focus-overlay:after { background-color: #006bb4; border-radius: inherit; content: ''; } .fotorama-transform-disabled, .fotorama__wrap--video .fotorama__stage__shaft, .fotorama__wrap--video .fotorama__stage, .fotorama__wrap--video .fotorama__stage__frame--video, .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img, .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html { transform: none !important; } .fotorama-transition-for-slide, .fotorama__wrap--css3 .fotorama__stage__shaft, .fotorama__wrap--css3 .fotorama__nav__shaft, .fotorama__wrap--css3 .fotorama__thumb-border { transition-duration: 0ms; transition-property: transform, width; transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1); } .fotorama-no-select, .fotorama__wrap, .fotorama__no-select, .fotorama__arr, .fotorama__fullscreen-icon, .fotorama__video-close { user-select: none; } .fotorama-select, .fotorama__select { user-select: text; } .fotorama-empty-bg { background: url(data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=); } .fotorama-auto-margin, .fotorama__nav, .fotorama__nav__frame { margin: auto; padding: 0; } .fotorama-inline-block, .fotorama__nav__shaft, .fotorama__nav__frame, .fotorama__caption__wrap { *display: inline; *zoom: 1; -moz-box-orient: vertical; display: -moz-inline-box; display: inline-block; vertical-align: middle; } .fotorama-content-box, .fotorama__nav__frame { box-sizing: content-box; } .fotorama-border-box, .fotorama__thumb-border, .fotorama__caption__wrap, .fotorama__arr { box-sizing: border-box; } .fotorama-hidden, .fotorama--hidden, .fotorama__load { left: -99999px; position: absolute; top: -99999px; z-index: -1000; } .fotorama-visible { left: auto; opacity: 1; position: relative; top: auto; z-index: auto; } .fotorama-no-tap, .fotorama__stage__shaft, .fotorama__stage__frame, .fotorama__nav, .fotorama__nav__shaft, .fotorama__nav__frame, .fotorama__arr, .fotorama__fullscreen-icon, .fotorama__video-close { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .transitionDuration { transition-duration: 333ms; } .transitionDurationZero { transition-duration: 0ms; } .fotorama-sprite, .fotorama__fullscreen .fotorama__zoom-out, .fotorama__fullscreen .fotorama__zoom-in, .fotorama__arr .fotorama__arr__arr, .fotorama__fullscreen-icon, .fotorama__video-play, .fotorama__thumb--icon, .fotorama__video-close { background-image: url('../../frontend/Codeculture/ProAurumSchweiz/de_CH/mage/gallery/gallery.png'); background-repeat: no-repeat; } @media print { .fotorama-print-background, .fotorama-sprite, .fotorama__thumb-border, .fotorama__fullscreen .fotorama__zoom-out, .fotorama__fullscreen .fotorama__zoom-in, .fotorama__arr .fotorama__arr__arr, .fotorama__fullscreen-icon, .fotorama__video-play, .fotorama__thumb--icon, .fotorama__video-close { background: none !important; } } .fotorama__fullscreen-icon:focus, .fotorama__zoom-out:focus, .fotorama__zoom-in:focus, .fotorama__arr:focus, .fotorama__stage__shaft:focus, .fotorama__nav__frame--thumb:focus .fotorama__thumb, .fotorama__nav__frame--dot:focus .fotorama__dot { box-shadow: none; } .fotorama__fullscreen-icon:focus:after, .fotorama__zoom-out:focus:after, .fotorama__zoom-in:focus:after, .fotorama__arr:focus:after, .fotorama__stage__shaft:focus:after, .fotorama__nav__frame--thumb:focus .fotorama__thumb:after, .fotorama__nav__frame--dot:focus .fotorama__dot:after { border-radius: inherit; bottom: 3px; box-shadow: 0 0 3px 1px #00699d; content: ''; left: 3px; position: absolute; right: 3px; top: 3px; z-index: 1000; } .fotorama__nav__frame--thumb:focus .fotorama__thumb:after, .fotorama__nav__frame--dot:focus .fotorama__thumb:after, .fotorama__nav__frame--thumb:focus .fotorama__dot:after, .fotorama__nav__frame--dot:focus .fotorama__dot:after { bottom: 0; left: 0; right: 0; top: 0; } .fotorama__nav__frame--thumb:focus .fotorama__thumb.fotorama_vertical_ratio:after, .fotorama__nav__frame--dot:focus .fotorama__thumb.fotorama_vertical_ratio:after { left: 2px; right: 2px; } .fotorama__nav__frame--thumb:focus .fotorama__thumb, .fotorama__nav__frame--dot:focus .fotorama__thumb { overflow: inherit; } .fotorama__nav__frame:nth-child(2):focus .fotorama__thumb:after { left: 1px; } .fotorama__nav__frame:nth-child(2):focus .fotorama__thumb.fotorama_vertical_ratio:after { top: 1px; } .fotorama__nav__frame:last-child:focus .fotorama__thumb:after { right: 1px; } .fotorama__nav__frame:last-child:focus .fotorama__thumb.fotorama_vertical_ratio:after { bottom: 1px; } .fotorama__thumb__arr { box-shadow: none; } .fotorama--fullscreen { background: #ffffff; bottom: 0 !important; float: none !important; left: 0 !important; margin: 0 !important; position: fixed !important; right: 0 !important; top: 0 !important; width: 100% !important; z-index: 1000 !important; } .fotorama--fullscreen .fotorama__wrap { max-width: 100% !important; } .fotorama__fullscreen { overflow: hidden; position: relative; } .fotorama__fullscreen .fotorama__zoom-in, .fotorama__fullscreen .fotorama__zoom-out { cursor: pointer; display: block; height: 80px; overflow: hidden; position: absolute; width: 80px; } .fotorama__fullscreen .fotorama__zoom-out { background-position: 0 -80px !important; top: 80px; } .fotorama__fullscreen .fotorama__zoom-out.fotorama__zoom-out--disabled { display: none; } .fotorama__fullscreen .fotorama__zoom-in { background-position: 0 0 !important; top: 0; } .fotorama__fullscreen .fotorama__zoom-in.fotorama__zoom-in--disabled { display: none; } .fotorama__fullscreen .fotorama__video-close { display: none; } .fotorama--fullscreen .fotorama__loaded--full .fotorama__img { display: none; } .fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full { display: block; } .fotorama__zoom-in, .fotorama__zoom-out { display: none; } .fotorama { min-width: 1px; overflow: hidden; } .fotorama__wrap { -webkit-text-size-adjust: 100%; direction: ltr; position: relative; z-index: 0; } .fotorama__wrap--rtl .fotorama__stage__frame { direction: rtl; } .fotorama__stage, .fotorama__nav { max-width: 100%; overflow: hidden; position: relative; } .fotorama__wrap--pan-y { -ms-touch-action: pan-y; } .fotorama__stage__shaft { position: relative; } .fotorama__wrap .fotorama__pointer { cursor: pointer; } .fotorama__wrap--slide .fotorama__stage__frame { opacity: 1 !important; } .fotorama__stage__frame { overflow: hidden; } .fotorama__stage__frame.fotorama__active { z-index: 8; } .fotorama__wrap--fade .fotorama__stage__frame { display: none; } .fotorama__wrap--fade .fotorama__stage__frame.fotorama__active, .fotorama__wrap--fade .fotorama__fade-front, .fotorama__wrap--fade .fotorama__fade-rear { display: block; left: 0; top: 0; } .fotorama__wrap--fade .fotorama__fade-front { z-index: 8; } .fotorama__wrap--fade .fotorama__fade-rear { z-index: 7; } .fotorama__wrap--fade .fotorama__fade-rear.fotorama__active { z-index: 9; } .fotorama__wrap--fade .fotorama__stage .fotorama__shadow { display: none; } .fotorama__img { border: none !important; max-width: inherit; opacity: 0; } .fotorama__loaded .fotorama__img, .fotorama__error .fotorama__img { opacity: 1; } .fotorama__img--full { display: none; } .fotorama__nav { display: none; font-size: 0; line-height: 0; white-space: nowrap; z-index: 5; } .fotorama__nav__shaft { left: 0; position: relative; text-align: left; top: 0; } .fotorama__nav__frame { position: relative; } .fotorama__nav--dots { display: block; text-align: center; } .fotorama__nav--dots .fotorama__nav__frame { height: 30px; width: 18px; } .fotorama__nav--dots .fotorama__nav__frame--thumb, .fotorama__nav--dots .fotorama__thumb-border { display: none; } .fotorama__nav--thumbs { display: block; } .fotorama__nav--thumbs .fotorama__nav__frame { padding-left: 0 !important; } .fotorama__nav--thumbs .fotorama__nav__frame:last-child { padding-right: 0 !important; } .fotorama__nav--thumbs .fotorama__nav__frame--dot { display: none; } .fotorama__active .fotorama__dot { background-color: #ff5501; border-color: #ff5501; } .fotorama__nav__frame.fotorama__active .fotorama__nav__frame { border-width: 3px; height: 0; width: 0; } .fotorama__nav__frame.fotorama__active .fotorama__nav__frame:after { left: -3px; padding: 3px; top: -3px; } .fotorama__nav__frame:focus { box-shadow: none; } .fotorama__nav__frame:focus :after { left: -1px; padding: 1px; top: -1px; } .fotorama__dot { border-radius: 6px; border: 1px solid #858585; display: block; height: 4px; left: 6px; position: relative; top: 12px; width: 4px; } .fotorama__thumb { background-color: #ebebeb; height: 100%; overflow: hidden; position: relative; width: 100%; } .fotorama__nav__frame:focus .fotorama__thumb { z-index: 2; } .fotorama__thumb-border { backface-visibility: hidden; background-image: linear-gradient(to bottom right, rgba(255, 255, 255, 0.25), rgba(64, 64, 64, 0.1)); border: 1px solid #ff5501; left: 0; position: absolute; top: 0; z-index: 9; } .fotorama__caption { bottom: 0; color: #000000; font-size: 14px; left: 0; line-height: 1.5; position: absolute; right: 0; z-index: 12; } .fotorama__caption a { border-bottom: 1px solid; border-color: rgba(0, 0, 0, 0.005); color: #000000; text-decoration: none; } .fotorama__caption a:hover { border-color: rgba(0, 0, 0, 0.005); color: #000000; } .fotorama__wrap--rtl .fotorama__caption { left: auto; right: 0; } .fotorama__wrap--video .fotorama__caption, .fotorama__wrap--no-captions .fotorama__caption { display: none; } .fotorama__caption__wrap { background-color: #ffffff; padding: 5px 10px; } @keyframes spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .fotorama__spinner { -webkit-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); left: 50%; position: absolute; top: 50%; } .fotorama__wrap--css3 .fotorama__spinner { animation: spinner 24s infinite linear; } .fotorama__wrap--css3 .fotorama__html { transition-duration: 0.3s; transition-property: opacity; transition-timing-function: linear; } .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img, .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html { opacity: 0; } .fotorama__select { cursor: auto; } .fotorama__video { bottom: 0; left: 0; position: absolute; right: 0; top: 32px; z-index: 10; } @-moz-document url-prefix() { .fotorama__active { box-shadow: 0 0 0 transparent; } } .fotorama__arr, .fotorama__fullscreen-icon, .fotorama__video-close { cursor: pointer; position: absolute; } .fotorama__arr { z-index: 900; } .fotorama__fullscreen-icon, .fotorama__zoom-out, .fotorama__zoom-in, .fotorama__video-close { z-index: 1000; } .fotorama__arr { bottom: 0; position: absolute; top: 0; width: 80px; } ._block-content-loading .fotorama__arr { opacity: 0; } .fotorama__arr .fotorama__arr__arr { -webkit-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); left: 50%; position: absolute; top: 50%; height: 80px; width: 80px; } .fotorama__arr--prev { left: 0; } .fotorama__arr--prev .fotorama__arr__arr { background-position: -80px -80px; } .fotorama__arr--next { right: 0; } .fotorama__arr--next .fotorama__arr__arr { background-position: -160px -80px; } .fotorama__arr--disabled { cursor: default; opacity: 0; pointer-events: none; } .fotorama__fullscreen-icon { background-position: 0 0; display: none; height: 80px; right: 0; top: 0; width: 80px; z-index: 1000; } .fotorama--fullscreen-icons .fotorama__fullscreen-icon { display: none; } .fotorama--fullscreen .fotorama__fullscreen-icon { background-position: -80px 0; display: inline-block; } .fotorama__video-play { -webkit-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); left: 50%; position: absolute; top: 50%; background-position: -80px -160px; height: 160px; width: 160px; } .fotorama__wrap--css2 .fotorama__video-play, .fotorama__wrap--video .fotorama__stage .fotorama__video-play { display: none; } .fotorama__loaded .fotorama__video-play, .fotorama__error .fotorama__video-play, .fotorama__nav__frame .fotorama__video-play { display: block; opacity: 1; } .fotorama__nav__frame .fotorama__video-play { background-position: 0 -240px; height: 80px; width: 80px; } .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr, .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon { opacity: 0; } .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus, .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus { opacity: 1; } .fotorama__wrap--toggle-arrows:not(.fotorama__wrap--video) .fotorama__video-close { display: none; } .fotorama__wrap--toggle-arrows.fotorama__wrap--video .fotorama__video-close { opacity: 1; right: 93px; top: 97px; } .fotorama__wrap--toggle-arrows:not(.fotorama__wrap--video) .fotorama__video-close { display: none; } .fotorama__wrap--toggle-arrows.fotorama__wrap--video .fotorama__video-close { opacity: 1; right: 93px; top: 97px; } .fotorama__wrap--toggle-arrows:not(.fotorama__wrap--video) .fotorama__video-close { display: none; } .fotorama__wrap--toggle-arrows.fotorama__wrap--video .fotorama__video-close { opacity: 1; right: 93px; top: 97px; } .fotorama__wrap--video .fotorama__arr, .fotorama__wrap--video .fotorama__fullscreen-icon { opacity: 0 !important; } .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr, .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon { display: none; } .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus, .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus { display: block; } .fotorama__wrap--css2.fotorama__wrap--video .fotorama__arr, .fotorama__wrap--css2.fotorama__wrap--video .fotorama__fullscreen-icon { display: none !important; } .fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus) { -webkit-transform: translate3d(80px, -80px, 0); -ms-transform: translate3d(80px, -80px, 0); -o-transform: translate3d(80px, -80px, 0); transform: translate3d(80px, -80px, 0); } .fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus) { -webkit-transform: translate3d(-120px, 0, 0); -ms-transform: translate3d(-120px, 0, 0); -o-transform: translate3d(-120px, 0, 0); transform: translate3d(-120px, 0, 0); } .fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus) { -webkit-transform: translate3d(120px, 0, 0); -ms-transform: translate3d(120px, 0, 0); -o-transform: translate3d(120px, 0, 0); transform: translate3d(120px, 0, 0); } .fotorama__wrap--css3.fotorama__wrap--video .fotorama__fullscreen-icon { -webkit-transform: translate3d(80px, -80px, 0) !important; -ms-transform: translate3d(80px, -80px, 0) !important; -o-transform: translate3d(80px, -80px, 0) !important; transform: translate3d(80px, -80px, 0) !important; } .fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--prev { -webkit-transform: translate3d(-120px, 0, 0) !important; -ms-transform: translate3d(-120px, 0, 0) !important; -o-transform: translate3d(-120px, 0, 0) !important; transform: translate3d(-120px, 0, 0) !important; } .fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--next { -webkit-transform: translate3d(120px, 0, 0) !important; -ms-transform: translate3d(120px, 0, 0) !important; -o-transform: translate3d(120px, 0, 0) !important; transform: translate3d(120px, 0, 0) !important; } .fotorama__wrap--css3 .fotorama__arr:not(:focus), .fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus), .fotorama__wrap--css3 .fotorama__video-play:not(:focus), .fotorama__wrap--css3 .fotorama__video-close:not(:focus) { transition-duration: 0.3s; transition-property: transform, opacity, background-color; } .fotorama__stage:before, .fotorama__nav:before, .fotorama__stage:after, .fotorama__nav:after { background-repeat: no-repeat; content: ''; display: block; pointer-events: none; position: absolute; text-decoration: none; z-index: 10; } .fotorama__stage:before, .fotorama__nav:before { left: -10px; top: -10px; } .fotorama__stage:after, .fotorama__nav:after { right: -10px; bottom: -10px; } .fotorama__stage.fotorama__shadows--left:before, .fotorama__nav.fotorama__shadows--left:before, .fotorama__stage.fotorama__shadows--right:after, .fotorama__nav.fotorama__shadows--right:after { background-size: 1px 100%, 5px 100%; bottom: 0; height: auto; top: 0; width: 10px; } .fotorama__stage.fotorama__shadows--top:before, .fotorama__nav.fotorama__shadows--top:before, .fotorama__stage.fotorama__shadows--bottom:after, .fotorama__nav.fotorama__shadows--bottom:after { background-size: 100% 1px, 100% 5px ; height: 10px; left: 0; right: 0; width: auto; } .fotorama__stage.fotorama__shadows--left:before, .fotorama__nav.fotorama__shadows--left:before { background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.3) 75%, transparent), radial-gradient(farthest-side at 0 50%, rgba(0, 0, 0, 0.4), transparent); background-position: 0 0, 0 0; left: 0; } .fotorama__stage.fotorama__shadows--right:after, .fotorama__nav.fotorama__shadows--right:after { background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.3) 75%, transparent), radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, 0.4), transparent); background-position: 100% 0, 100% 0; right: 0; } .fotorama__stage.fotorama__shadows--top:before, .fotorama__nav.fotorama__shadows--top:before { background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.3) 75%, transparent), radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.4), transparent); background-position: 0 0, 0 0; top: 0; } .fotorama__stage.fotorama__shadows--bottom:after, .fotorama__nav.fotorama__shadows--bottom:after { background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.3) 75%, transparent), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.4), transparent); background-position: 0 100%, 0 100%; bottom: 0; } .fotorama--fullscreen .fotorama__stage:before, .fotorama--fullscreen .fotorama__nav:before, .fotorama__wrap--no-shadows .fotorama__stage:before, .fotorama__wrap--no-shadows .fotorama__nav:before, .fotorama__wrap--fade .fotorama__stage:before, .fotorama--fullscreen .fotorama__stage:after, .fotorama--fullscreen .fotorama__nav:after, .fotorama__wrap--no-shadows .fotorama__stage:after, .fotorama__wrap--no-shadows .fotorama__nav:after, .fotorama__wrap--fade .fotorama__stage:after { display: none; } .fotorama__nav-wrap .fotorama_vertical_ratio .fotorama__img { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); height: auto; position: absolute; top: 50%; width: 100%; } .fotorama__nav-wrap .fotorama_horizontal_ratio .fotorama__img { -webkit-transform: translate(-50%, -50%); -ms-transform: translateY(-50%, -50%); -o-transform: translateY(-50%, -50%); transform: translateY(-50%, -50%); top: 50%; left: 50%; position: absolute; width: auto; } .magnifier-thumb-wrapper { display: block; left: 0; position: relative; top: 0; } .magnifier-lens { border: solid 1px #bbbbbb; left: 0; overflow: hidden; position: absolute; top: 0; z-index: 800; } .magnify-lens { background: rgba(255, 255, 255, 0.5); border: solid 1px #bbbbbb; color: #ffffff; left: 0; position: absolute; text-align: center; top: 0; z-index: 1000; overflow: hidden; } .magnify-lens .magnifier-large { width: auto; height: auto; max-height: none; max-width: none; border: none; position: absolute; z-index: 100; } .magnifier-loader-text { margin-top: 10px; } .magnifier-preview { bottom: 0; left: 58%; overflow: hidden; padding: 0; position: absolute; z-index: 2; top: 215px; } .magnifier-preview:not(.hidden) { background-color: #ffffff; } .magnifier-preview img { left: 0; max-width: inherit; max-height: inherit; position: absolute; top: 0; object-fit: scale-down; } .fotorama__stage__frame { text-align: center; } .fotorama__stage__frame .fotorama__img { height: auto; left: 50%; max-height: 100%; max-width: 100%; position: absolute; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); transition-duration: 0.3s; transition-property: width, height, top, left; vertical-align: middle; width: auto; } @media all and (min-width: 768px) { .fotorama__stage__frame .fotorama__img { top: 49.5%; } } .magnify-opaque { opacity: .5; } .magnify-hidden { display: none; } .fotorama__nav-wrap--vertical.fotorama__nav-wrap { display: inline-block; left: 0; position: absolute; top: 0; } .fotorama__nav-wrap--vertical .fotorama__nav__shaft { background-color: white; width: 100%; } .fotorama__nav-wrap--vertical .fotorama__nav__shaft .fotorama__nav__frame--thumb { display: block; padding-bottom: inherit !important; } .fotorama--fullscreen .fotorama__stage__frame .fotorama__img { display: none; } .fotorama--fullscreen .fotorama__stage__frame .fotorama__img, .fotorama--fullscreen .fotorama__stage__frame .fotorama__img--full { bottom: 0; left: 0; margin: auto; max-height: inherit; max-width: inherit; position: absolute; right: 0; top: 0; } .fotorama--fullscreen .fotorama__stage__frame .fotorama__img--full { cursor: default; display: block; height: auto; left: 0; margin: auto; max-height: 100%; max-width: 100%; top: 0; transition: 0.3s linear; vertical-align: middle; width: auto; } .fotorama--fullscreen .fotorama__stage__frame .fotorama__img--full.fotorama__img--zoommable { cursor: pointer; max-height: none; max-width: none; transition-property: width, height, bottom, right, top, left; } .fotorama--fullscreen .fotorama__stage__frame .fotorama__img--full.fotorama__img--draggable { cursor: move; transition-property: none; } .fotorama--fullscreen .fotorama__stage__frame iframe { left: 80px; width: calc(100% - 80px * 2); } .fotorama__nav-wrap--horizontal.fotorama__nav-wrap { min-height: 30px; } .fotorama__nav-wrap--horizontal .fotorama__thumb__arr--left, .fotorama__nav-wrap--horizontal .fotorama__thumb__arr--right { bottom: 0; cursor: pointer; position: absolute; top: 0; width: 30px; z-index: 1000; } .fotorama__nav-wrap--horizontal .fotorama__thumb__arr--left .fotorama__thumb--icon, .fotorama__nav-wrap--horizontal .fotorama__thumb__arr--right .fotorama__thumb--icon { -webkit-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); left: 50%; position: absolute; top: 50%; width: 100%; } .fotorama__nav-wrap--horizontal .fotorama__thumb__arr--left { left: 0; } .fotorama__nav-wrap--horizontal .fotorama__thumb__arr--right { right: 0; } .fotorama__nav-wrap--vertical .fotorama__thumb__arr--left, .fotorama__nav-wrap--vertical .fotorama__thumb__arr--right { cursor: pointer; height: 30px; left: 0; position: absolute; right: 0; z-index: 1000; } .fotorama__nav-wrap--vertical .fotorama__thumb__arr--left .fotorama__thumb--icon, .fotorama__nav-wrap--vertical .fotorama__thumb__arr--right .fotorama__thumb--icon { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); margin: auto; width: 30px; } .fotorama__nav-wrap--vertical .fotorama__thumb__arr--left { top: 0; } .fotorama__nav-wrap--vertical .fotorama__thumb__arr--right { bottom: 0; } .fotorama__wrap--only-active .fotorama__stage, .fotorama__wrap--only-active .fotorama__nav { max-width: 99999px !important; } .fotorama__wrap--only-active .fotorama__stage__frame { visibility: hidden; } .fotorama__wrap--only-active .fotorama__stage__frame.fotorama__active { visibility: visible; } .fotorama__thumb--icon { font-size: 0.001px; padding-bottom: 30px; } .fotorama__thumb__arr--left .fotorama__thumb--icon { background-position: -25px -265px; } .fotorama__thumb__arr--right .fotorama__thumb--icon { background-position: -25px -350px; } .magnify-fullimage { display: none; } .fotorama__arr, .fotorama__thumb__arr { background-color: rgba(255, 255, 255, 0.3); transition: background-color 0.3s ease-in-out; } .fotorama__arr:hover, .fotorama__thumb__arr:hover { background-color: rgba(255, 255, 255, 0.5); } .fotorama__arr:active, .fotorama__thumb__arr:active { background-color: rgba(213, 213, 213, 0.5); } .fotorama__wrap:not(.fotorama__wrap--toggle-arrows) .fotorama__fullscreen-icon, .fotorama__wrap:not(.fotorama__wrap--toggle-arrows) .fotorama__zoom-out, .fotorama__wrap:not(.fotorama__wrap--toggle-arrows) .fotorama__zoom-in { background-color: rgba(255, 255, 255, 0.3); transition: background-color 0.3s ease-in-out; } .fotorama__wrap:not(.fotorama__wrap--toggle-arrows) .fotorama__fullscreen-icon:hover, .fotorama__wrap:not(.fotorama__wrap--toggle-arrows) .fotorama__zoom-out:hover, .fotorama__wrap:not(.fotorama__wrap--toggle-arrows) .fotorama__zoom-in:hover { background-color: rgba(255, 255, 255, 0.5); } .fotorama__wrap:not(.fotorama__wrap--toggle-arrows) .fotorama__fullscreen-icon:active, .fotorama__wrap:not(.fotorama__wrap--toggle-arrows) .fotorama__zoom-out:active, .fotorama__wrap:not(.fotorama__wrap--toggle-arrows) .fotorama__zoom-in:active { background-color: rgba(213, 213, 213, 0.5); } .fotorama__video-close { background-position: -80px 0; height: 80px; opacity: 0; right: 0; top: 0; transform: translate3d(80px, -80px, 0); transition: opacity 0.3s ease-in-out; width: 80px; } @media all and (max-width: 768px) { .fotorama__video-close { background-position: -100px -20px; top: 10px; height: 40px; width: 40px; } } .fotorama__video-close.fotorama-show-control { opacity: 1; transform: translate3d(0, -10px, 0); } .gallery-placeholder__image { display: block; margin: auto; } .fotorama__spinner { background-image: url('../../frontend/Codeculture/ProAurumSchweiz/de_CH/images/loader-1.gif'); bottom: 0; display: none; height: 64px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 64px; z-index: 100; } .fotorama__spinner.fotorama__spinner--show { display: block; } .fotorama__product-video--loaded .fotorama__img, .fotorama__product-video--loaded .fotorama__img--full { display: none !important; } .fotorama__stage .fotorama__arr--shown { display: block !important; } .fotorama__stage .fotorama__arr--hidden { display: none !important; } ._block-content-loading .fotorama-item { position: absolute !important; z-index: -1; top: 0; width: 100%; } .gallery-placeholder:not(._block-content-loading) .gallery-placeholder__image { display: none; } /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN //github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE *//* * Owl Carousel - Core */.owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1;}.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; /* fix firefox animation glitch */}.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px);}.owl-carousel .owl-wrapper,.owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0);}.owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none;}.owl-carousel .owl-item img { display: block; width: 100%;}.owl-carousel .owl-nav.disabled,.owl-carousel .owl-dots.disabled { display: none;}.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-dot { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}.owl-carousel .owl-nav button.owl-prev,.owl-carousel .owl-nav button.owl-next,.owl-carousel button.owl-dot { background: none; color: inherit; border: none; padding: 0 !important; font: inherit;}.owl-carousel.owl-loaded { display: block;}.owl-carousel.owl-loading { opacity: 0; display: block;}.owl-carousel.owl-hidden { opacity: 0;}.owl-carousel.owl-refresh .owl-item { visibility: hidden;}.owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}.owl-carousel.owl-grab { cursor: move; cursor: grab;}.owl-carousel.owl-rtl { direction: rtl;}.owl-carousel.owl-rtl .owl-item { float: right;}/* No Js */.no-js .owl-carousel { display: block;}/* * Owl Carousel - Animate Plugin */.owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both;}.owl-carousel .owl-animated-in { z-index: 0;}.owl-carousel .owl-animated-out { z-index: 1;}.owl-carousel .fadeOut { animation-name: fadeOut;}@keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; }}/* * Owl Carousel - Auto Height Plugin */.owl-height { transition: height 500ms ease-in-out;}/* * Owl Carousel - Lazy Load Plugin */.owl-carousel .owl-item { /** This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong calculation of the height of the owl-item that breaks page layouts */}.owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease;}.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) { max-height: 0;}.owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d;}/* * Owl Carousel - Video Plugin */.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000;}.owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("../../frontend/Codeculture/ProAurumSchweiz/de_CH/Mageplaza_Core/css/owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease;}.owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3);}.owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon { display: none;}.owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease;}.owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%;}/** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN //github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE *//* * Default theme - Owl Carousel CSS File */.owl-theme .owl-nav { margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent;}.owl-theme .owl-nav [class*='owl-'] { color: #FFF; font-size: 14px; margin: 5px; padding: 4px 7px; background: #D6D6D6; display: inline-block; cursor: pointer; border-radius: 3px;}.owl-theme .owl-nav [class*='owl-']:hover { background: #869791; color: #FFF; text-decoration: none;}.owl-theme .owl-nav .disabled { opacity: 0.5; cursor: default;}.owl-theme .owl-nav.disabled + .owl-dots { margin-top: 10px;}.owl-theme .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent;}.owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline;}.owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; border-radius: 30px;}.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #869791;}