/**
	Theme Name: MarineFolie
	Description: This is a child theme of Goya for the MarineFolie store
	Template: goya
	Version: 1.1.0
	Author: Artvision ApS
	Author URI: https://marinefolie.dk
    Text Domain: marinefolie
*/

html {
    scroll-behavior: smooth;
}

/* Bootstrap spacing helpers */
.mt-0 {
    margin-top: 0 !important;
}

.mt-5 {
    margin-top: 5px !important;
}

.mt-10 {
    margin-top: 10px !important;
}

.mt-15 {
    margin-top: 15px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-5 {
    margin-bottom: 5px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}



/* Changes to headlines */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Playfair Display;
    font-weight: 600;
}

@media only screen and (max-width: 650px) {
    h1 {
        font-size: 1.6em;
    }

    h2 {
        font-size: 1.5em;
    }

    h3 {
        font-size: 1.4em;
    }

    h4 {
        font-size: 1.3em;
    }

    h5 {
        font-size: 1.2em;
    }
}


/** Changes to buttons */
.button,
input[type=submit],
button[type=submit],
#side-filters .et-close,
.nf-form-cont .nf-form-content .submit-wrap .ninja-forms-field,
.yith-wcwl-popup-footer a.button.wishlist-submit,
.wc-block-components-button,
.et-product-detail .single_add_to_cart_button,
.sticky-product-bar .single_add_to_cart_button,
.sticky-product-bar .add_to_cart_button,
.woocommerce-mini-cart__buttons .button.checkout,
.button.checkout-button,
#place_order.button,
.woocommerce .argmc-wrapper .argmc-nav-buttons .argmc-submit,
.wishlist_table .add_to_cart,
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button {
    background-color: #0063be !important;
    border: 1px #0063be solid !important;
    border-radius: 10px !important;
    box-shadow: 0px 1px 2px #e6e6e6 !important;
    transition: all .1s ease-in-out !important;
}

.et-product-detail .single_add_to_cart_button:hover,
.sticky-product-bar .single_add_to_cart_button:hover,
.sticky-product-bar .add_to_cart_button:hover,
.woocommerce-mini-cart__buttons .button.checkout:hover,
.button.checkout-button:hover,
#place_order.button:hover,
.woocommerce .argmc-wrapper .argmc-nav-buttons .argmc-submit:hover,
.wishlist_table .add_to_cart:hover,
.wc-block-cart__submit-button:hover,
.wc-block-components-checkout-place-order-button:hover,
.wp-block-button__link:hover,
.wc-block-components-button:hover,
.wc-block-components-button:focus,
.nf-form-cont .nf-form-content .submit-wrap .ninja-forms-field:hover,
.nf-form-cont .nf-form-content .submit-wrap .ninja-forms-field:focus,
.button:hover,
.button:active,
.button:focus,
input[type=submit]:hover,
input[type=submit]:active,
input[type=submit]:focus,
button[type=submit]:hover,
button[type=submit]:active,
button[type=submit]:focus {
    opacity: 1 !important;
    border-color: #003479 !important;
    background-color: #003479 !important;
}


/* Changes to theme template */

.container {
    max-width: 1200px;
}

.site-header {
    background-color: #ffffff;
    box-shadow: none !important;
}

.site-header:after {
    content: '';
    height: 1px;
    width: 100%;
    position: absolute;
    bottom: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.site-header .header-items {
    flex: 1 1 auto;
}

.site-header .header-items.header-left-items,
.site-header .header-items.header-right-items {
    flex: 0 1 auto;
}

body:not(.woocommerce-checkout) .site-header:after {
    display: block !important;
}

.side-panel .side-panel-title .minicart-counter {
    background: #ffffff;
    font-size: 10px;
}

.et-header-menu>li {
    padding-left: 45px;
}

.et-header-menu>li>a {
    font-size: 18px;
    font-weight: 600;
}

.et-header-menu .sub-menu>li>a {
    font-size: 17px;
    font-weight: 400;
}

.et-header-menu>li.current-menu-ancestor>a:after,
.et-header-menu>li.current-menu-item>a:after,
.et-header-menu .sub-menu>li.current-menu-item>a:after {
    width: 0;
}

.et-header-menu>li.current-menu-ancestor:hover>a:after,
.et-header-menu>li.current-menu-item:hover>a:after,
.et-header-menu .sub-menu>li.current-menu-item:hover>a:after {
    width: 100%;
}

.sliding-menu .sliding-menu-nav:before {
    top: 14px;
}

.sliding-menu .sliding-menu-back.sliding-menu-nav:before {
    top: 2px;
}

.postline:before,
.postline-medium:before,
.postline-large:before,
.related h2:before,
.up-sells h2:before,
.cross-sells h2:before,
.full_description .wc-description-title:before,
.product-details-vertical.woocommerce-tabs .wc-tab>.container>.row>div>h2:before,
.product-details-vertical.woocommerce-tabs .wc-tab .woocommerce-Reviews-title:before,
.product-details-accordion .woocommerce-Reviews-title:before,
.woocommerce-billing-fields h3:before,
.woocommerce-checkout-review-order h3:before,
.side-menu .widgettitle:before {
    display: none;
}

.menu-sliding>li,
.sliding-menu .sliding-menu-panel-root,
.sliding-menu .sliding-menu-top {
    font-size: 1.3em;
    font-family: Playfair Display;
    font-weight: 600;
}

#scroll_to_top span {
    background: #ffffff;
}

#scroll_to_top:hover span {
    border-color: #003479;
}

.wpb_text_column.link-underline a:not([class]) {
    padding: 0;
}

/** Changes to gallery of images **/
.wp-block-gallery.rounded-images .wp-block-image img {
    border-radius: 10px;
}

/** Changes to accordion list **/
h4.vc_tta-panel-title {
    font-weight: 600 !important;
}

/** Changes to shopping cart **/
.wc-block-cart-item__total {
    display: table-cell !important;
}

.wc-block-cart .wp-block-woocommerce-cart-order-summary-block {
    border: 1px #cccccc solid;
    border-radius: 10px;
}


/** Changes to mini-cart **/
.woocommerce-mini-cart__buttons .button:not(.checkout) {
    color: #0063be !important;
    background-color: transparent !important;
}

.woocommerce-mini-cart__buttons .button:not(.checkout):hover {
    color: #003479 !important;
}


/** Changes to form block components **/

.wc-block-components-text-input input[type=email],
.wc-block-components-text-input input[type=number],
.wc-block-components-text-input input[type=password],
.wc-block-components-text-input input[type=tel],
.wc-block-components-text-input input[type=text],
.wc-block-components-text-input input[type=url],
.wc-blocks-components-select .wc-blocks-components-select__select {
    border: 1px #cccccc solid !important;
    border-radius: 10px !important;
}

.wc-block-components-text-input input[type=email]:hover,
.wc-block-components-text-input input[type=number]:hover,
.wc-block-components-text-input input[type=password]:hover,
.wc-block-components-text-input input[type=tel]:hover,
.wc-block-components-text-input input[type=text]:hover,
.wc-block-components-text-input input[type=url]:hover,
.wc-blocks-components-select .wc-blocks-components-select__select:hover {
    border-color: #003479 !important;
}

.wc-block-components-text-input input[type=email]:focus,
.wc-block-components-text-input input[type=number]:focus,
.wc-block-components-text-input input[type=password]:focus,
.wc-block-components-text-input input[type=tel]:focus,
.wc-block-components-text-input input[type=text]:focus,
.wc-block-components-text-input input[type=url]:focus,
.wc-blocks-components-select .wc-blocks-components-select__select:focus {
    padding: calc(1.5em - 1px) calc(.5em - 1px) calc(.5em - 1px) !important;
    border-color: #003479 !important;
    border-width: 2px !important;
}

.wc-blocks-components-select .wc-blocks-components-select__select:focus {
    padding: calc(1em - 1px) calc(.5em - 1px) 0 !important;
}

.wc-block-components-text-input.has-error input[type=email],
.wc-block-components-text-input.has-error input[type=number],
.wc-block-components-text-input.has-error input[type=password],
.wc-block-components-text-input.has-error input[type=tel],
.wc-block-components-text-input.has-error input[type=text],
.wc-block-components-text-input.has-error input[type=url],
.wc-blocks-components-select.has-error .wc-blocks-components-select__select {
    border-color: #cc1818 !important;
}

.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted,
.wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted {
    border-radius: 10px !important;
    box-shadow: inset 0 0 0 2px #003479 !important;
    z-index: 1;
}

.wc-block-components-radio-control__option-checked:after,
.wc-block-components-radio-control-accordion-option--checked-option-highlighted:after {
    display: none !important;
}

.wc-block-components-radio-control--highlight-checked:after {
    border: 1px #cccccc solid !important;
    border-radius: 10px !important;
    z-index: 0;
}

.wc-block-components-radio-control .wc-block-components-radio-control__input {
    border: 1px #cccccc solid !important;
}

.wc-block-components-radio-control .wc-block-components-radio-control__input:checked,
.wc-block-components-radio-control .wc-block-components-radio-control__input:hover {
    border-color: #003479 !important;
}

.wc-block-components-radio-control .wc-block-components-radio-control__input:checked:before {
    background-color: #003479 !important;
}

.wc-block-components-radio-control .wc-block-components-radio-control__input:focus {
    outline: none !important;
}

.wc-block-components-radio-control--highlight-checked.wc-block-components-radio-control--highlight-checked--first-selected:after {
    margin-top: 0 !important;
}

.wc-block-components-radio-control--highlight-checked.wc-block-components-radio-control--highlight-checked--last-selected:after {
    margin-bottom: 0 !important;
}

.wc-block-components-address-card {
    border: 1px #cccccc solid !important;
    border-radius: 10px !important;
}


/** Changes to checkout **/

.wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__label {
    font-weight: 400 !important;
}


/** Regular Card */

.card {
    padding: 15px;
    border: 1px #cccccc solid;
    border-radius: 10px;
    transition: all .1s ease-in-out;
}

a:hover .card,
a:focus .card {
    border-color: #003479;
}

a:active .card,
a:focus .card {
    outline: 1px #003479 solid;
}

.card.full-height {
    height: 100%;
}

figure.card__image {
    border-radius: 5px;
    overflow: hidden;
}

figure.card__image img {
    transform-origin: center center;
    transform: scale(1, 1);
    transition: opacity .25s cubic-bezier(0.25, 0.8, 0.25, 1), transform .3s linear !important;
}

figure.card__image.darken img {
    filter: brightness(95%);
}

.card.hover-image-zoom:hover figure.card__image img {
    transform: scale(1.05, 1.05);
}


/** Icon Card */

.icon-card {
    position: relative;
    aspect-ratio: 1 / 1;
    padding: 30px !important;
    background: #e6e6e6 !important;
    border-radius: 10px;
    overflow: visible !important;
    z-index: 3;
}

.icon-card a {
    display: block;
}

.icon-card img {
    width: 100%;
    height: 100%;
    transition: transform .25s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity .25s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

.no-touch .icon-card a:hover img {
    transform: translateY(-5px);
}


/* Changes to product page */
.et-product-detail .product-gallery {
    padding-top: 30px;
}

.single-product .related.products h2 {
    margin-bottom: 10px;
}

@media only screen and (max-width: 991px) {

    .et-product-detail .showcase-inner,
    .page-header-transparent .et-product-detail:not(.et-product-layout-no-padding) .showcase-disabled .showcase-inner {
        padding-top: 0;
        padding-left: 15px;
        padding-right: 15px;
    }

    .et-product-detail .product-gallery {
        display: block;
        padding: 0;
    }
}


/* Custom top margin for WPBakery landing pages (fix) */
.wpb_row_mt {
    margin-top: 30px;
}

@media only screen and (max-width: 650px) {
    .wpb_row_mt {
        margin-top: 0;
    }
}


/** Changes to home page banner **/
.home-banner {
    padding: 0 !important;
    min-height: 400px !important;
}

.wp-block-cover.home-banner .wp-block-cover__inner-container {
    width: auto !important;
}

.home-banner-title {
    margin-top: 1rem !important;
    color: #fff !important;
    font-size: 3.2rem;
    text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.25);
}

.home-banner-text {
    margin-top: 1rem !important;
}

.home-banner p {
    line-height: 1.4rem;
    color: rgba(255, 255, 255, 0.8) !important;
    font-size: 1rem !important;
    font-weight: normal;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
}

.home-banner-highlighted {
    display: inline-block;
    margin-top: 1rem !important;
    margin-bottom: 2rem !important;
    padding: 15px 25px;
    border: 1px rgba(255, 255, 255, 0.8) solid;
    border-radius: 50px;
    font-weight: bold !important;
}

@media only screen and (max-width: 991px) {
    .home-banner-title {
        font-size: 2.4rem;
    }
}

@media only screen and (max-width: 480px) {
    .home-banner~.wp-block-spacer {
        height: 1em !important;
    }
}


/** Changes to home page product columns **/

.home-products-cards .card {
    padding: 25px;
}

.home-products-cards .card .wp-block-heading {
    margin-bottom: 1rem;
    font-family: Playfair Display;
    font-weight: 600;
}

.home-products-cards .card__image {
    background: #eeeeee;
}

.home-products-cards .card__image img {
    transition: transform .25s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity .25s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

.no-touch .home-products-cards a:hover .card__image img {
    transform: translateY(-5px);
}


/** Disable category grid caption overlay **/
.products .product.product-category a {
    position: relative;
    padding: 0;
    height: auto;
    width: auto !important;
    background: none;
    display: block;
}

.products .product.product-category .et-category-inner {
    padding: 0;
    height: auto;
    background: none;
}

.products .product.product-category .category-caption {
    position: relative;
    padding: 1em 0 0;
    color: inherit;
}

.products .product.product-category .category-caption:before {
    content: none;
}

.products .product.product-category .category-caption h2 {
    color: inherit;
    font-size: 1.2em;
}


/** Changes to dialogs (sweetalert2) **/

.swal2-container .swal2-actions button {
    min-width: 100px;
    background-color: #0063be;
    border-radius: 15px;
    border: 1px #0063be solid;
    box-shadow: 0px 1px 2px #e6e6e6 !important;
    transition: all .1s ease-in-out;
}

.swal2-container .swal2-actions button:hover {
    background-color: #003479;
    border-color: #003479;
}

.swal2-container .swal2-icon {
    border-color: #003479 !important;
    color: #003479 !important;
}


/* Add underline and hover animation to text links */
.link-underline a,
.term-description a,
.term-bottom-description a,
.description-inner a,
.shop_categories_list li a {
    position: relative;
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.2);
    padding-bottom: 4px;
}

.link-underline a::after,
.term-description a::after,
.term-bottom-description a::after,
.description-inner a::after,
.shop_categories_list li a::after {
    content: '';
    height: 2px;
    width: 0;
    background-color: currentColor;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: width .25s;
    transition: width .25s;
}

.link-underline a:hover::after,
.term-description a:hover::after,
.term-bottom-description a:hover::after,
.description-inner a:hover::after,
.shop_categories_list li a:hover:after {
    width: 100%;
}

.blog-style-list .container {
    padding-top: 61px;
}

.footer-partner-icons {
    display: flex;
    margin: 0;
    padding: 0;
    gap: 10px;
    list-style: none;
}

.footer-partner-icons li {
    display: inline-block;
    padding: 4px 7px;
    width: 46px;
    height: 30px;
    background-color: #ffffff;
    border: 1px rgba(0, 0, 0, 0.2) solid;
    border-radius: 5px;
}

.footer-partner-icons li.icon-only {
    padding: 0;
    width: auto;
    background: none;
    border: none;
    border-radius: 0;
}

.footer-partner-icons li img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    vertical-align: top;
}

.footer-partner-icons li img.partner-mastercard {
    transform: scale(0.9);
}

.footer-partner-icons li img.partner-dankort {
    transform: scale(1.1);
}

.footer-partner-icons li.icon-only img {
    width: auto;
    height: 30px;
}

footer .footer3 {
    text-align: right;
}

footer .footer3 .klaviyo-form {
    display: inline-block;
    width: 350px;
}

.footer-widgets .widgettitle {
    text-transform: none;
    font-weight: 600;
    font-size: 24px;
    letter-spacing: normal;
}

@media only screen and (max-width: 991px) {
    .footer-partner-icons {
        margin-top: 20px;
        justify-content: center;
    }
}

@media only screen and (max-width: 767px) {
    footer .footer3 {
        margin-top: 20px;
        text-align: center;
    }

    .footer-widgets .other-columns .footer1 {
        order: inherit;
    }
}

@media only screen and (max-width: 575px) {

    .container,
    .container-fluid,
    .wpb_row.no-padding .wpb_row>.vc_column_container>.vc_column-inner {
        padding-right: 15px;
        padding-left: 15px;
    }

    .blog-style-list .container {
        padding-top: 31px;
    }

    .blog-style-list .post .col-lg-5,
    .blog-style-list .post .col-lg-6 {
        padding-left: 0;
        padding-right: 0;
    }
}

.footer-widgets .mc4wp-form-fields input {
    border-color: #fff !important;
}

.footer-widgets .mc4wp-form-fields input[type=submit] {
    background: transparent;
}