/**
 * Checkout.com
 * Authorized and regulated as an electronic money institution
 * by the UK Financial Conduct Authority (FCA) under number 900816.
 *
 * PHP version 7
 *
 * @category  Magento2
 * @package   Checkout.com
 * @author    Platforms Development Team <platforms@checkout.com>
 * @copyright 2010-present Checkout.com
 * @license   https://opensource.org/licenses/mit-license.html MIT License
 * @link      https://docs.checkout.com/
 */

@supports (-webkit-appearance: -apple-pay-button) {
    .apple-pay-button {
        display: inline-block;
        -webkit-appearance: -apple-pay-button;
    }
    .apple-pay-button-black {
        -apple-pay-button-style: black;
    }
    .apple-pay-button-white {
        -apple-pay-button-style: white;
    }
    .apple-pay-button-white-with-line {
        -apple-pay-button-style: white-outline;
    }
}

@supports not (-webkit-appearance: -apple-pay-button) {
    .apple-pay-button {
        display: inline-block;
        background-size: 100% 60%;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        border-radius: 5px;
        padding: 0px;
        box-sizing: border-box;
        min-width: 200px;
        min-height: 32px;
        max-height: 64px;
    }
    .apple-pay-button-black {
        background-image: -webkit-named-image(apple-pay-logo-white);
        background-color: black;
    }
    .apple-pay-button-white {
        background-image: -webkit-named-image(apple-pay-logo-black);
        background-color: white;
    }
    .apple-pay-button-white-with-line {
        background-image: -webkit-named-image(apple-pay-logo-black);
        background-color: white;
        border: .5px solid black;
    }
}

/* make ApplePay button larger*/

.ap-checkout {
    width: 138px !important;
    height: 52px !important;
}

.ap-cart {
    width: 100% !important;
    height: 52px !important;
}

/* For mobile */

@media only screen and (max-width: 600px) {
    #ckoApplePayButton {
        width: 100% !important;
    }
}
.shake-and-hide-element{-moz-animation:hide-element 0s ease-in 5s forwards,shake-element 1s;-webkit-animation:hide-element 0s ease-in 5s forwards,shake-element 1s;-o-animation:hide-element 0s ease-in 5s forwards,shake-element 1s;animation:hide-element 0s ease-in 5s forwards,shake-element 1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@keyframes shake-element{0%,100%{transform:translateX(0)}
10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}@-webkit-keyframes shake-element{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}@keyframes hide-element{to{width:0;height:0;padding:0;margin:0;overflow:hidden}}@-webkit-keyframes hide-element{to{width:0;height:0;padding:0;margin:0;visibility:hidden}}.warning-icon{width:20%;max-width:30px;font-size:21px;display:inline-block;vertical-align:middle}
.trustbox-message-text{width:80%;display:inline-block;vertical-align:middle}.trustbox-message-box{background-color:#fcf8e3;color:#8a6d3b;padding:15px;margin-bottom:20px;border-radius:4px;border:1px solid;border-color:#faebcc}/**
 * ToDo: remove this CSS file and merge into _module.less
 **/
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

ol.post-list, 
ol.comment-list  { list-style: none; padding: 0; margin: 0; }

/* General Post Styles */
.post-list li:after { content: ' '; clear: both; display: block; }
.post-entry { margin: 0 0 20px; }
.post-image { margin: 0 0 10px; overflow: hidden; }
.post-image a { display: inline-block; }
.post-list .post-image { max-height: 300px; }
.post-meta { clear: both; margin: 0 0 20px; text-align: left; }
.post-meta .post-meta-item { display: inline-block; margin-right: 10px; }
.post-readmore { margin-top: 10px; }
.post-entry iframe { max-width: 100%; }

/* Comments */
.comment-list-item { margin: 0 0 20px; }
.comment-list.children { margin-top: 20px; padding-left: 30px; }
.comment-image { float: left; margin: 0 10px 10px 0; }
.comment-author { font-weight: bold; display: block; }
.comment-entry { clear: both; margin: 0 0 20px; }

/* Widgets */
.wp-sidebar { position: relative; } /* Fixes Porto issue where sidebar links aren't clickable */
.block-blog .block-title { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #c6c6c6; }
.block-blog .block-title > strong { font-size: 18px; font-weight: 300; }
.block-blog ul, .block-blog ol { list-style: none; margin: 0; padding: 0; }
.block-blog-cloud li { display: inline-block; margin: 0; }
.block-blog-categories ul.level1 { margin-top: 1rem; }

.shortcode-product {}
.shortcode-product .products { text-align: left; list-style: none; }
.shortcode-product .products > li { display: inline-block; width: 24%; text-align: center; }

@media only screen and (max-width:768px){.amrewards-apply-container#block-reward{float:initial;width:100%}.amrewards-apply-container#block-reward .content{max-width:100%}.amrewards-apply-container#block-reward .amrewards-discount-form{max-width:100%}}@media all and (min-width:769px),print{.amrewards-pointsleft,.amrewards-info-table .amrewards-table-header .col.left{text-align:right}.amrewards-qty-info{display:inline-flex}.amrewards-general,.amrewards-description{margin-bottom:0}.amrewards-qty-info .amrewards-general{padding-bottom:15px;min-width:460px}.amrewards-balance-container{padding:0 5px}.amrewards-balance-container .amrewards-amount{display:inherit}}.amrewards-expiration{display:inline-block;padding:3px 15px;border-radius:20px;white-space:nowrap}.amrewards-expiration.-warning{background:#ffa63d;color:#fff}.amrewards-expiration.-critical{background:#eb5757;color:#fff}.amrewards-expiration.-expired{background:#ececec;color:#838383}.amrewards-info-table{border-top:1px solid #ccc;color:#000}.amrewards-info-table .amrewards-table-header .col{color:#888;text-transform:uppercase;white-space:nowrap;font-weight:500;font-size:16px}.amrewards-info-table .col.status{white-space:nowrap}.amrewards-current-balance .amrewards-balance{font-weight:700;font-size:36px}.amrewards-current-balance .amrewards-label{font-size:18px}.amrewards-total-info{margin-bottom:5px}.amrewards-expiring-wrapper.table-wrapper{border-top:none;border-bottom:none}.amrewards-expiring-wrapper .amrewards-title{font-weight:600;font-size:20px}.amrewards-expiring-wrapper .amrewards-info-table{margin-top:15px;max-width:460px}.customer-information{margin-bottom:35px}.amrewards-qty-info .amrewards-general{margin-bottom:20px;padding-right:10px;min-width:200px}.amrewards-qty-info .amrewards-description{margin-bottom:20px}.amrewards-balance-container{border-color:#a6a6a6;border-left-style:solid;border-right-style:solid;border-width:1px}.amrewards-balance-container .amrewards-label{margin-right:10px}.amrewards-balance-container .amrewards-amount{background:#f2c94c;border-radius:2px;color:#000;cursor:pointer;display:inline;font-size:14px;font-weight:700;line-height:normal;padding:0 5px;text-align:center}.amrewards-apply-container#block-reward{float:left;width:53%}.amrewards-apply-container#block-reward .content{max-width:90%}.amrewards-minpoints-note{color:#f00;display:none;font-size:13px;margin-top:3%;width:130%}.amrewards-discount-form{max-width:500px}.amrewards-discount-form .amrewards-actions{margin-top:20px}.amrewards-highlight-container{display:inline-flex;padding:0 0 5px}.amrewards-highlight-container>.caption strong{font-size:1.4rem;font-weight:500;line-height:1.1}.checkout-cart-index .amrewards-highlight-container,.checkout-index-index .amrewards-highlight-container,.catalog-product-view .amrewards-highlight-container{padding:2px 0 15px}.checkout-cart-index .amrewards-highlight-container>.caption strong,.checkout-index-index .amrewards-highlight-container>.caption strong,.catalog-product-view .amrewards-highlight-container>.caption strong{font-weight:600}.checkout-cart-index .amrewards-highlight-container:before,.checkout-index-index .amrewards-highlight-container:before,.catalog-product-view .amrewards-highlight-container:before{content:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iNyIgY3k9IjciIHI9IjYuNTYzIiBmaWxsPSIjRjJDOTRDIi8+PHBhdGggZD0iTTcgMTRjLTMuODYgMC03LTMuMTQtNy03czMuMTQtNyA3LTcgNyAzLjE0IDcgNy0zLjE0IDctNyA3ek03IC44NzVBNi4xMzIgNi4xMzIgMCAwIDAgLjg3NSA3IDYuMTMyIDYuMTMyIDAgMCAwIDcgMTMuMTI1IDYuMTMyIDYuMTMyIDAgMCAwIDEzLjEyNSA3IDYuMTMyIDYuMTMyIDAgMCAwIDcgLjg3NXoiIGZpbGw9IiM0RTM2NTUiLz48cGF0aCBkPSJNNyA3LjQzN2MtLjUzNyAwLTEuMDQ2LS4xNy0xLjQzMy0uNDgtLjQxNi0uMzMyLS42NDUtLjc4My0uNjQ1LTEuMjcgMC0uNDg1LjIyOS0uOTM3LjY0NC0xLjI3Ljc4Ny0uNjI4IDIuMTk3LS42MDQgMy4wMi4wNTRhLjQzNy40MzcgMCAxIDEtLjU0Ny42ODNjLS40OTMtLjM5NC0xLjQ2Ni0uNDIxLTEuOTI2LS4wNTMtLjIwNC4xNjMtLjMxNi4zNzItLjMxNi41ODYgMCAuMjE1LjExMi40MjQuMzE2LjU4Ny4yMzMuMTg2LjU0OC4yODguODg3LjI4OGEuNDM4LjQzOCAwIDAgMSAwIC44NzV6IiBmaWxsPSIjNEUzNjU1Ii8+PHBhdGggZD0iTTYuOTg3IDEwLjAzOGMtLjU3IDAtMS4xNS0uMTctMS41NzMtLjUwOWEuNDM4LjQzOCAwIDAgMSAuNTQ3LS42ODNjLjQ5My4zOTUgMS40NjUuNDIxIDEuOTI1LjA1My4yMDUtLjE2My4zMTctLjM3Mi4zMTctLjU4NiAwLS4yMTUtLjExMi0uNDI0LS4zMTctLjU4N0ExLjQxOCAxLjQxOCAwIDAgMCA3IDcuNDM4YS40MzguNDM4IDAgMCAxIDAtLjg3NWMuNTM3IDAgMS4wNDYuMTcgMS40MzMuNDguNDE2LjMzMi42NDUuNzgzLjY0NSAxLjI3IDAgLjQ4Ni0uMjI5LjkzNy0uNjQ1IDEuMjctLjM4MS4zMDQtLjkxLjQ1NS0xLjQ0Ni40NTV6TTcgNC44MTJhLjQzOC40MzggMCAwIDEtLjQzOC0uNDM3VjMuNDJhLjQzOC40MzggMCAwIDEgLjg3NSAwdi45NTVBLjQzOC40MzggMCAwIDEgNyA0LjgxMnoiIGZpbGw9IiM0RTM2NTUiLz48cGF0aCBkPSJNNyAxMS4wMTdhLjQzNy40MzcgMCAwIDEtLjQzOC0uNDM3di0uOTU1YS40MzcuNDM3IDAgMSAxIC44NzUgMHYuOTU1YS40MzguNDM4IDAgMCAxLS40MzcuNDM3eiIgZmlsbD0iIzRFMzY1NSIvPjwvc3ZnPg==);margin:2px 5px 0}.amrewards-points-rate{display:inline-block;margin-bottom:5px;padding-right:30px;position:relative}.amrewards-points-rate .field-tooltip{top:50%;transform:translateY(-50%)}.amrewards-info-message.message.info{color:#000;padding-left:20px;word-break:break-word;word-wrap:break-word}.amrewards-info-message.message.info>*:first-child:before{display:none}