/*
Theme Name: Rokka Child Theme
Theme URI: https://puruno.com/rokka
Author: Puruno
Author URI: https://themeforest.com/user/puruno
Description: Hotel WordPress theme.
Version: 1.0.0
License: Themeforest Split License
License URI: http://www.gnu.org/licenses/gpl-3.0.html & http://themeforest.net/licenses
Text Domain: rokka
Tags: one-column, right-sidebar
Template: rokka
*/

.navbar a{
    font-size:16px;
}

.single-product .single-post .post-content .post-content-wrapper{
    overflow:visible;
}

.single-product .single-post .post-content .product_meta > span{
    display: block;
}

div.woocommerce figure{
    max-width: initial;
}

div.woocommerce button.button,
div.woocommerce button.button.alt,
div.woocommerce button.button:hover,
div.woocommerce button.button.alt:hover,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce input.button,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce input.button:hover,
.woocommerce a.button.alt,
.woocommerce a.button.alt:hover,
.popup form.wpcf7-form input.button.alt,
.popup form.wpcf7-form input.button.alt:hover{
    border: none;
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
    border-radius: 0;
    position: relative;
    line-height: 1rem;
    letter-spacing: 2px;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    background: #000000;
    color:white;
    font-size: .75rem;
    padding: .75rem 1.375rem;
}

.woocommerce #respond input#submit.disabled,
.woocommerce #respond input#submit:disabled,
.woocommerce #respond input#submit:disabled[disabled],
.woocommerce a.button.disabled,
.woocommerce a.button:disabled,
.woocommerce a.button:disabled[disabled],
.woocommerce button.button.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce input.button.disabled,
.woocommerce input.button:disabled,
.woocommerce input.button:disabled[disabled]{
    padding: .75rem 1.375rem;
}

div.woocommerce div.product form.cart div.quantity{
    margin-right:32px;
}

div.woocommerce div.product p.price,
div.woocommerce div.product span.price{
    color: #907211;
    margin-bottom:10px;
}

div.woocommerce .quantity .qty{
    height:40px;
}

div.woocommerce span.onsale{
    height: 8.236em;
    width: 8.236em;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #907211;
    user-select:none;
    pointer-events: none;
    z-index:2;
}

div.woocommerce table.shop_attributes td p{
    padding-left:10px;
}

div.woocommerce div.product .woocommerce-tabs ul.tabs li{
    border:0;
    border-radius:0;
    border-bottom:2px solid transparent;
    background-color:transparent;
    padding:0;
    margin:0 20px;
}

div.woocommerce div.product .woocommerce-tabs ul.tabs li a{
    font-size: 1.875rem;
    font-family: 'Montserrat',Arial, Helvetica, sans-serif;
    font-weight: 200;
}

div.woocommerce div.product .woocommerce-tabs ul.tabs li.active{
    border-bottom-color:black;
}

div.woocommerce div.product .woocommerce-tabs ul.tabs::before{
    border-bottom:2px #ddd solid;
}

div.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
div.woocommerce div.product .woocommerce-tabs ul.tabs li::before{
    content: normal;
}

.woocommerce-cart .col-12,
.woocommerce-checkout .col-12,
.woocommerce-page .col-12{
    max-width:initial;
    flex:auto;
}

div.woocommerce .cart-collaterals .cart_totals{
    width:60%;
}

#add_payment_method table.cart td.actions .coupon .input-text,
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce-checkout table.cart td.actions .coupon .input-text{
    width:120px;
    height:40px;
    margin-right:25px;
    transition:all .25s ease;
}

#add_payment_method table.cart td.actions .coupon .input-text:focus,
.woocommerce-cart table.cart td.actions .coupon .input-text:focus,
.woocommerce-checkout table.cart td.actions .coupon .input-text:focus{
    width:200px;
    margin-right:10px;
}

.woocommerce table.shop_table{
    border:none;
    padding:0;
}

#add_payment_method .cart-collaterals .cart_totals tr td,
#add_payment_method .cart-collaterals .cart_totals tr th,
.woocommerce-cart .cart-collaterals .cart_totals tr td,
.woocommerce-cart .cart-collaterals .cart_totals tr th,
.woocommerce-checkout .cart-collaterals .cart_totals tr td,
.woocommerce-checkout .cart-collaterals .cart_totals tr th,
.woocommerce table.shop_table td,
.woocommerce table.shop_table tbody th,
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th{
    border-top-color:black;
}

.woocommerce table, td, th{
    border:none;
}

.woocommerce .col-1,
.woocommerce .col-2{
    flex: auto;
    max-width: initial;
    padding: 0;
}

.woocommerce .woocommerce-input-wrapper{
    width:100%;
    display: block;
}

.woocommerce form .form-row label{
    display: block;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
    font-size: .6875rem;
    line-height: 1;
    margin-bottom: .5rem;
}

.woocommerce form .form-row .required{
    color:black;
}

.woocommerce .woocommerce-input-wrapper input,
.woocommerce form .form-row input.input-text{
    border-color: #ddd;
    width:100%;
    border-width: 1px;
    border-style: solid;
    color: inherit;
    height:48px;
    padding: .5rem 1rem;
    background:white;
}

#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment{
    background:transparent;
}

#add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods{
    border-bottom:0;
    padding:0;
}

.woocommerce form .form-row .input-text,
.woocommerce-page form .form-row .input-text{
    padding:.5rem 1rem;
}

#add_payment_method #payment div.form-row,
.woocommerce-cart #payment div.form-row,
.woocommerce-checkout #payment div.form-row{
    padding:1em 0;
}

select.form-control:not([size]):not([multiple]),
.select2-selection--single:not([size]):not([multiple]){
    height:48px;
    border-color: #ddd;
    border-radius:0;
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height:48px;
    padding:0 1rem;
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
    height:48px;
    width:40px;
}

.select2-dropdown{
    border-radius:0;
    border-color: #ddd;
}

.select2-container--default .select2-search--dropdown .select2-search__field{
    border-color: #ddd;
}

.select2-search--dropdown{
    padding:.5rem 1rem;
}

.select2-results__option{
    padding:.5rem 1rem;
}

.select2-container--default .select2-results__option[aria-selected=true],
.select2-container--default .select2-results__option[data-selected=true]{
    background-color:#ddd;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected]{
    background: #907211;
}

.woocommerce form .form-row textarea{
    min-height:150px;
    max-height:250px;
}

.woocommerce ul.products li.product .price{
    color: #907211;
}

.payment_box.payment_method_mollie_wc_gateway_ideal select{
    width:100%;
    border:1px #ddd solid;
    color: inherit;
    height:48px;
    padding: .5rem 1rem;
    background:white;
    max-width:550px;
}

#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box{
    background-color:#ddd;
}

.woocommerce-shop .entry-content{
    display:flex;
    flex-wrap:wrap;
}

.woocommerce-shop .woocommerce{
    width:100%;
    order:-1;
}

.navbar-first-level > .menu-item{
    padding:0 10px;
}

.navbar-first-level > .cart-item a{
    display: inline-flex;
    align-items: center;
}

.navbar-first-level > .cart-item i{
    margin-right:10px;
    font-size:20px;
}

.woocommerce .woocommerce-MyAccount-navigation{
    background:#f5f5f5;
    padding:20px;
}

.woocommerce .woocommerce-MyAccount-navigation ul{
    list-style: none;
    padding:0;
    margin:0;
}

.woocommerce .woocommerce-MyAccount-navigation ul .is-active{
    font-weight:700;
    color:#907211;
}

.woocommerce form .form-row label{
    width:100%;
}

.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register{
    background:#f5f5f5;
    border:none;
    border-radius:0;
    max-width:320px;
    padding:26px 21px 14px;
    margin: 0 auto 20px;
}

.woocommerce form.checkout_coupon .password-input,
.woocommerce form.login .password-input,
.woocommerce form.register .password-input{
    width:100%;
}

.woocommerce-account h2{
    text-align:center;
}

.woocommerce-page .term-description{
    display:none;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title{
    margin-bottom: 26.85px;
}

.woocommerce ul.products li.product .star-rating{
    margin-top: -26.85px;
}

.wp-admin table.wp-list-table .column-ean {
    width: 10%;
}

.woocommerce div.product div.images .woocommerce-product-gallery__image a{
    height:100%;
}

.woocommerce div.product div.images img{
    object-fit:contain;
    height:100%;
    width:100%;
}

/*.woocommerce div.product div.images .woocommerce-product-gallery__image{
    height:375px;
}*/

.usps{
    margin:40px 0 0;
    display: flex;
    flex-wrap: wrap;
}

.usps .usps__content{
    font-size:12px;
    line-height:1.25;
    flex:1;
}

.usps .usps__content a{
    font-weight:700;
}

.usps ul{
    margin: 15px 0;
    list-style: none;
    display:flex;
    flex-wrap:wrap;
    justify-content: space-between;
    padding:0;
}

.usps li{
    width:calc(50% - 15px);
    display:flex;
    line-height:1.25;
    margin-bottom:35px;
}

@media screen and (max-width:440px){
    .usps li{
        width:100%;
        margin-bottom:15px;
    }
}

.usps li span{
    font-size:12px;
}

.usps li .title{
    font-weight:700;
    width:100%;
    display:block;
}

.usps .icon{
    width:55px;
}

.usps li .inner{
    flex:1;
}

.yoast-breadcrumbs #breadcrumbs{
    margin:20px 0;
}


.comment-content .stars{
    color:black;
}

#comments .comment-list .comment-author-avatar{
    width:0;
    height:0;
    margin:0;
}

#comments .comment-list .comment-header .reply{
    display: none;
}


.comment-form-rating{
    width: 100%;
}


.comments-rating {
    border: none;
    padding: 0 .625rem;
    margin-bottom: 1.25rem;
    width: 100%;

}

.comments-rating label {
    display: inline-block;
}

.rating-container {
    /* remove inline-block whitespace */
    font-size: 0;
    /* flip the order so we can use the + and ~ combinators */
    unicode-bidi: bidi-override;
    direction: rtl;
}

.rating-container * {
    font-size: 1.4rem;
}

#comments .comment-form .rating-container > input:not([type="submit"]) {
    display: none;
}

#comments .comment-form .rating-container > input + label {
    font-family: 'dashicons';
    display: inline-block;
    overflow: hidden;
    width: 1em;
    white-space: nowrap;
    cursor: pointer;
    margin: 0;
    font-size: 1.4rem;
}

.rating-container > input + label:before {
    display: inline-block;
    text-indent: -9999px;
    content: "\f154";
    color: black;
}

.rating-container > input:checked ~ label:before,
.rating-container:hover > input + label:hover ~ label:before,
.rating-container:hover > input + label:hover:before {
    content: "\f155";
    text-shadow: 0 0 1px #333;
}

.rating-container > input:checked ~ label:before{
    color: black;
}

.rating-container:hover > input + label:hover ~ label:before,
.rating-container:hover > input + label:hover:before{
    color: #907211;
}

.rating-container > .star-cb-clear + label {
    text-indent: -9999px;
    width: .5em;
    margin-left: -.5em;
}

.rating-container > .star-cb-clear + label:before {
    width: .5em;
}

.rating-container:hover > input + label:before {
    content: "\f154";
    color: black;
    text-shadow: none;
}

.comment-respond .rating-container > .star-cb-clear + label, .comment-respond .rating-container > input + label:before {
    text-indent: 9999px;
}

.comment-respond .rating-container > input + label {
    text-indent: -9999px;
}

.woocommerce .single-post h1{
    font-size:25px;
    text-align:left;
    font-weight:400;
}

.woocommerce .single-post h2{
    font-size:25px;
    font-weight:700;
}

.woocommerce div.product div.summary__inner{
    background:#F5F5F5;
    padding:25px;
}

.woocommerce div.product div.summary p{
    margin-bottom:10px;
}

.woocommerce div.product .product_title{
    font-weight:700;
}

.woocommerce div.product .product_meta{
    margin-bottom:1.25rem;
}

.woocommerce div.product form.cart{
    margin:0;
}

.popup{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.75);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    opacity:1;
    transition:all .3s ease-in-out;
    z-index:999;
}

.popup:not(.is-active){
    opacity:0;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    user-select:none;
    pointer-events:none;
}

.popup:not(.is-active) .popup__content{
    top:0;
}

.popup .popup__content{
    max-width:900px;
    width: calc(100% - 20px);
    max-height: calc(100% - 20px);
    background:white;
    padding:45px;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%)translate(-20px, -20px);
    transition:all .3s ease-in-out;
    margin: 20px;
    display: flex;
    flex-direction: column;
    box-shadow: 0 1px 1px rgba(0,0,0,0.16), 0 2px 2px rgba(0,0,0,0.24), 0 4px 4px rgba(0,0,0,0.32), 0 8px 8px rgba(0,0,0,0.4);
}

.popup .popup__inner{
    flex: 1;
}

.popup .popup__title{
    font-size: 25px;
    font-weight: 700;
    margin-bottom:1.25rem;
    display:inline-block;
    transition:all .3s ease-in-out;
}

.popup .popup__close{
    position:absolute;
    top:25px;
    right:25px;
    width:30px;
    height:30px;
    cursor:pointer;
    transition:all .3s ease-in-out;
}

.popup .popup__close:after, .popup .popup__close:before {
    content: "";
    background: #000000;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 4px;
    transition:all .3s ease-in-out;
}

.popup .popup__close:before {
    transform: translate(-50%,-50%) rotate(45deg);
}

.popup .popup__close:after {
    transform: translate(-50%,-50%) rotate(-45deg);
}

.popup .popup__close:hover:after, .popup .popup__close:hover:before{
    background: #907211;
}

.fieldset .form-control:first-of-type{
    padding-left:10px;
}

.fieldset .form-control:last-of-type{
    padding-right:10px;
}

.popup form.wpcf7-form .form-submit{
    margin:0;
}

@media screen and (max-width:720px),
       screen and (max-height:630px){
    .popup .popup__content{
        padding:10px;
    }

    .popup .popup__close{
        top:10px;
        right:10px;
    }

    .popup .popup__title{
        max-width:calc(100% - 30px);
        font-size:20px;
    }
    .popup .popup__inner{
        overflow-y: scroll;
        overflow-x: hidden;
    }
}

@media screen and (max-width:550px){
    .popup form.wpcf7-form .fieldset{
        flex-wrap:wrap;
    }

    .popup .fieldset .form-control{
        padding:0 10px;
    }
}

.woocommerce div.product div.images .flex-control-thumbs li,
.woocommerce div.product div.images .flex-control-thumbs{
    transition:all .3s ease-in-out;
}

@media screen and (max-width:992px) {
    .woocommerce div.product div.images .flex-control-thumbs{
        margin-left:-7.5px;
        width:calc(100% + 15px);
    }
}

@media screen and (min-width:993px) {
    .woocommerce div.product div.summary__inner{
        padding:45px;
    }
    .woocommerce div.product div.images.woocommerce-product-gallery{
        display:flex;
    }
    .woocommerce div.product div.images .flex-control-thumbs{
        padding-left:17.5px;
        max-width: 218px;
        padding-top:60px;
    }
}


@media screen and (min-width:769px) {
    .woocommerce #content div.product div.summary,
    .woocommerce div.product div.summary,
    .woocommerce-page #content div.product div.summary,
    .woocommerce-page div.product div.summary {
        width: calc(45% - 10px);
    }

    .woocommerce #content div.product div.images,
    .woocommerce div.product div.images,
    .woocommerce-page #content div.product div.images,
    .woocommerce-page div.product div.images {
        width: calc(55% - 10px);
    }
}



.woocommerce div.product div.images .flex-control-thumbs li{
    width:85px;
    height:85px;
    margin:7.5px;
}

@media screen and (max-width:550px){
    .woocommerce div.product div.images .flex-control-thumbs li{
        width:50px;
        height:50px;
        margin:2.5px;
    }

    .woocommerce div.product div.images .flex-control-thumbs{
        margin-left:-2.5px;
        width:calc(100% + 5px);
    }
}

.woocommerce div.product div.images.woocommerce-product-gallery .flex-viewport,
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper{
    flex:1;
}

.woocommerce div.product .woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1){
    clear:none;
}

.woocommerce div.product .woocommerce-product-rating{
    margin-bottom:10px;
}

.woocommerce div.product div.images .flex-control-thumbs li img{
    transition:all .3s ease-in-out;
    opacity:1;
}

.woocommerce div.product div.images .flex-control-thumbs li img.flex-active,
.woocommerce div.product div.images .flex-control-thumbs li img:hover {
    box-shadow: 0 1px 1px rgba(0,0,0,0.22), 0 2px 2px rgba(0,0,0,0.22), 0 4px 4px rgba(0,0,0,0.22), 0 6px 8px rgba(0,0,0,0.22), 0 8px 16px rgba(0,0,0,0.22);
    transform:scale(1.050);
}

.u-content-row {
    position: relative;
    width: 100%;
    padding: 45px 0;
}

.u-content-footer,
.u-content-title,
.u-content-block {
    position: relative;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.u-content-title{
    margin-bottom: 1.25rem;
}

.u-content-block {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.row-pairs {
    overflow: hidden;
}

.row-pairs__list {
    display: none;
    position: relative;
    z-index: 4;
    list-style:none;
}

@media screen and (min-width: 771px) {
    .row-pairs__list {
        display: block;
        width: calc(100% / 12 * 4 - 8px);
        padding:0;
    }
}

.row-pairs__list__item {
    width: 100%;
    padding: 15px 0;
    cursor: pointer;
    font-size: 16px;
    transition: all 0.25s ease;
    position: relative;
    border-top:1px #C9C9C9 solid;
}

.row-pairs__list li:last-of-type{
    border-bottom:1px #C9C9C9 solid;
}

.row-pairs__list__item:hover {
    font-weight:700;
}

.row-pairs__list__item.is-active {
    font-weight:700;
}

.row-pairs__content {
    width: 100%;
    position: relative;
    padding-top: 20px;
}

@media screen and (min-width: 771px) {
    .row-pairs__content {
        padding-top: 0;
        width: calc(100% / 12 * 7 - 8px);
    }
}

.row-pairs__content__title {
    margin-bottom: 20px;
    display: none;
}

@media screen and (min-width: 771px) {
    .row-pairs__content__title {
        display: block;
    }
}

.row-pairs__nav-mobile {
    width: 100%;
    position: relative;
    z-index: 10;
}

@media screen and (min-width: 771px) {
    .row-pairs__nav-mobile {
        display: none;
    }
}

.row-pairs__item h3{
    font-size:18px;
    font-weight:700;
}

.row-pairs__item {
    width: 100%;
    overflow: hidden;
    transition: opacity 0.25s ease;
}

.row-pairs__item:not(.is-active) {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    max-height: 0;
}