/*
 * Journal 3 General Overrides
*/

/* 
.main-menu-122 .mega-menu-content {
    max-width: 960px;
    margin: 0 0 !important;
} */
.main-menu {
    padding-left: 8px;
    padding-right: 8px;
}
#logo a>img {
    max-width: 220px;
}
.desktop-header-active .header .top-bar {
    justify-content: flex-end !important;
}
.desktop-header-active .header .top-bar .language-currency {
    margin-right: 0 !important;
}

.menu-item > a > .links-text > .menu-label {
    margin-left: 0 !important;
    color: #9CDBA6;
    background-color: #114b5f;
}
.mobile-container .menu-item > a > .menu-label {
    top: -23px;
    
}
.mobile-container .menu-item.open {
    background-color: #1e5758;
    border-radius: 8px;
}

/*  CATEGORY LAYOUT NAMEN */
@media (min-width: 960px) {
    .refine-categories.refine-grid > .refine-items {
        width: 60%;
    }
}

/*  END */

.product-grid .product-thumb .cart-group {
    order: 2;
}
.product-grid .product-thumb .wish-group {
    order: 1;
}
.product-grid .product-thumb .quickview-button {
    left: 14px !important;
}

.site-wrapper {
    background-color: #FFFFFF;
    padding-top: 24px;
}
.boxed-layout .site-wrapper {
    padding-left: 16px;
    padding-right: 16px;
}
/*  Classic Main Menu */
.desktop-header-active .header-classic .mid-bar .desktop-search-wrapper {
    flex-grow: 0;
}
.desktop-header-active .header-classic .mid-bar .desktop-logo-wrapper {
    flex-grow: 1;
}
.main-menu > .j-menu .links-text {
    text-align: left;
}

/*  Top Menu - Desktop  */
.top-menu-71 .j-menu > li.top-menu-item-1 a {
    border-radius: 4px;
    border: 2px solid #DD3B61;
    padding: 4px 16px;
}

/*  MOBILE MAIN MENU */
@media (min-width:577px) {
    .mobile-header-active .top-menu-75 .j-menu > li.top-menu-item-1 a {
        border-radius: 4px;
        border: 2px solid #DD3B61;
        padding: 4px 16px;
    }
}
.mobile-header-active .top-menu-75 .j-menu > li.top-menu-item-1 {
    height: 28px;
}

/* END */

.main-menu.main-menu-3>ul>.drop-menu.animating>.j-dropdown {
    transform: translate3d(0, -15px, 0);
}
.header-search>.search-button::before {
    content: url(/image/catalog/theme/icons/search-hand-k-white.svg) !important;
    width: 20px;
    height: auto;
    display: inline-block;
    vertical-align: middle;
}
/*  End */

.border {
  border-image-source: url(/image/catalog/theme/decorators/border2.svg);
  border-image-slice: 20;
  border-image-width: 20;
  border-image-outset: 1;
  border-image-repeat: round;
}

@media screen and (max-width:767px) {
    
    .column-left #content {
        padding-left: 16px !important;
    }
}


.module-button-40 > a.btn::after,
.module-button-42 > a.btn::after {
    content: url(../../../../../image/catalog/theme/icons/arrow-right.svg) !important;
    width: auto;
    height: 16px;
    display: block;
    padding-top: 24px;
    position: absolute;
    bottom: -6px;
    left: 0;
}

/* Mini Posts */
.side-posts .caption {
    justify-content: center;
}

.form-control {
    font-size: 16px;
}

/* Radio button in reviews */
input[type="radio"] {
    /* remove standard background appearance */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* create custom radiobutton appearance */
    display: inline-block;
    width: 24px;
    height: 24px;
    padding: 2px;
    /* background-color only for content */
    background-clip: content-box;
    border: 2px solid #bac1c5;
    background-color: rgba(246, 247, 249, 1);
    border-radius: 50%;
  }
  
/* appearance for checked radiobutton */
input[type="radio"]:checked {
    background-color: #70b991;
    border-color: #70b991;
}
.radio label span,
.quick-checkout-wrapper .checkbox label,
.quick-checkout-wrapper .checkbox label span {
    font-size: 16px;
    font-family: 'News Cycle', serif;
} 

/* Checkbox styling */

.newsletter-form input[type="checkbox"] { 
    position: absolute; 
    opacity: 0; 
    z-index: -1; 
}
.newsletter-form input[type="checkbox"]+span:before { 
    font: 22pt FontAwesome; 
    content: '\00f096'; 
    display: inline-block; 
    width: 16pt; 
    padding: 2px 0 0 3px; 
    margin-right: 0.5em; 
    color: #bac1c5;
}
.newsletter-form input[type="checkbox"]:checked+span:before { 
    content: '\00f046'; 
    color: #70b991;
}
.newsletter-form input[type="checkbox"]:hover+span:before {
    cursor: pointer;
}
.newsletter-form input[type="checkbox"]:focus+span:before { outline: 1px dotted #aaa; }
.newsletter-form input[type="checkbox"]:disabled+span { color: #999; }
.module-form-112 input[type="checkbox"] {
    opacity: 1;
    z-index: 1;
}
.module-popup-98 .popup-dont-show {
    left: -3000px !important;
    top: -5000px !important;
}
.main-products.product-grid {
    border-left: 1px solid rgba(233, 241, 246, 1);
    border-top: 1px solid rgba(233, 241, 246, 1);
}
.ias-trigger.ias-trigger-prev {
    margin-left: -1px;
    background-color: #ffffff;
}

.product-grid .product-img img {
    max-width: 180px;
}
.product-grid .buttons-wrapper {
    z-index: 4;
}

.product-grid .product-img img {
    max-width: 180px;
}

.product-thumb .image::before {
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.product-grid .product-thumb .buttons-wrapper {
    transform: translate3d(0%,-100%,1px) !important;
    width: auto !important;
    left: auto !important;
    right: 0;
}
.product-grid .product-thumb:hover .product-img img {
    opacity: 0.7;
    transform: scale(1.1);
}

@media (min-width: 1200px) {
    #column-right.side-column {
        max-width: 330px;
    }
}

/*
.checkbox label span,
label.checkbox span {
    display: flex;
    align-items: center;
}
*/
.module-popup-117 .popup-dont-show {
    left: -3000px !important;
    top: -5000px !important;
}
.module-popup-117 .popup-header,
.module-popup-117 .popup-content {
    background-color: #d4dade;
}
.module-popup-117 .btn {
    margin-bottom: 8px;
    border-width: 2px;
    border-style: solid;
}
.module-popup-117 .btn-popup-1.btn {
    background: #ffffff !important;
    border-color: #44435f;
    color: #44435f;
}
.module-popup-117 .btn-popup-2.btn {
    border-color: #44435f;
}

@media (max-width: 576px) {
    .module-popup-117 h2 {
        font-size: 24px;
    }
}

/* End Journal General Overrides */


/* PRODUCT PAGE */

#product-product {
    margin-top: 24px;
}

@media screen and (max-width:979px) {
    #product-product aside {
        display: none;
    }
    .one-column #product-product #content {
        max-width: 100%;
    }
    .column-right #product-product #content {
        padding-right: 0;
    }
}
.product-info .product-details .price-group .product-price-old {
    text-decoration: line-through;
}
@media (min-width: 1024px) {
    
    #product-product {
        margin-top: 64px;
    }

}
@media (min-width: 1200px) {
.route-product-product #content .page-title {
    width: 70%;
}
}

/* Quantity Input */
#product-product .stepper span {
    flex-direction: row-reverse;
    width: 100%;
    justify-content: space-between;
    right: auto;
    align-items: center;
    
}
.product-info .button-group-page .stepper {
    width: 115px;
}
.product-info .product-details .stepper .form-control {
    padding: 0;
    font-size: 16px;
}
.product-info .product-details .stepper span i {
    width: 48px;
    height: 48px;
    font-size: 18px;
}

.popup-quickview .product-info .product-details .stepper span {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    border-width: 0 0 0 1px;
    border-color: inherit;
    border-style: inherit;
    width: 100% !important;
    align-items: flex-end;
    position: unset;
}
.route-product-product.popup-quickview .product-info .product-details .stepper-group {
    row-gap: 16px;
}
.route-product-product.popup-quickview h1 {
    margin-bottom: 24px;
}
.rating .review-links a:last-child {
    color: #7396D1 !important;
    font-weight: 700 !important;
}
.product_tabs .menu-label {
    color: #bac1c5;
    font-size: 16px;
    background: #f2f7fa;
    border-radius: 2px;
    line-height: 1.2;
    text-align: center;
    padding: 1px 4px;
    top: 14px;
    right: 16px;
}
.noreview {
    color: #7A7A7D;
    padding-bottom: 36px;
    font-style: italic;
}
/* Review Tab */
#form-review {
    margin: 0 auto;
    display: block;
    max-width: 650px;
}
#form-review .rate span {
    font-size: 12px;
}


.route-product-product .tags a {
    border: 1px solid #D4DADE;
    border-radius: 50px;
    padding: 0 6px;
    height: 30px;
    font-size: 14px;
    line-height: 1.8;
    margin-right: 6px;
}

.tags .tags-title {
    color: #D4DADE;
    font-size: 28px;
    font-weight: 700;
    font-style: italic;
}

@media screen and (max-width: 759px) {
    .product_tabs .menu-label {
        top: 3px;
        right: -5px;
    }
}


/* End Product Page */


/* CATEGORY PAGE */
/* Visually hide Page Title <h1> */
.route-product-category h1.page-title,
#information-contact h1,
.blog-home h1 {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

/* Subcategories */
.refine-categories .refine-item .refine-name {
    justify-content: flex-start;
}
.module-master_slider-45 .static-text-1 {
    padding-top: 5rem;
    padding-left: 10rem;
}
.products-filter .input-group-addon, .products-filter .form-control {
    height: 34px;
}
.products-filter #input-sort.form-control option,
.products-filter #input-sort.form-control option:checked,
.products-filter .input-group.input-group-sm > .form-control {
    min-height: 38px;
}
.module-filter .panel-group .panel-body {
    padding-top: 0;
}
.module-filter .irs-slider,
.module-filter-49 .irs-slider {
    background: rgba(112, 185, 145, 1) !important;
}

/* END Category Page */



/*  CART PAGE OVERRIDES */

#checkout-cart #content h1 {
    margin-bottom: 48px;
    margin-top: 16px;
}
.cart-page .cart-bottom .buttons {
    flex-direction: column-reverse;
}
.cart-page .cart-bottom .buttons .pull-left .btn {
    margin-top: 16px;
}
.cart-table .input-group-btn .fa {
    font-size: 20px;
}
.cart-total table tr:last-child td {
    border-top: 1px solid rgba(212, 218, 222, 1);
    padding-top: 24px !important;
}
.cart-page .cart-bottom .panel-group .panel-heading .panel-title {
    width: 80%;
}
.icons-menu-63 > ul > .menu-item > a { 
    flex-direction: row;
    padding: 12px;
}
.icons-menu-63 > ul > .menu-item > a .links-text {
    text-align: left;
    margin-left: 24px;
}

.route-checkout-cart .cart-bottom .cart-panels .panel-group .panel-heading a::before {
    content: none !important;
}
.route-checkout-cart #content table tr:last-child td:first-child {
    font-weight: 700;
}
@media (max-width: 991px) {
    .route-checkout-cart #content .cart-page {
        display: flex;
        flex-direction: column;
    }
    .route-checkout-cart #content .cart-page .cart-bottom {
        align-self: flex-end;
    }
}
@media screen and (max-width:1199px) {
    #checkout-cart .cart-bottom {
        float: right;
    }
    #checkout-cart .cart-bottom::after {
        content: '';
        clear: both;
    }
}

/* END CART PAGE OVERRIDES */


/* QUICK CHECKOUT PAGE */

.quick-checkout-wrapper .checkout-section .radio label span {
    margin-left: 16px;
}
.quick-checkout-wrapper .section-body .form-group:not(.login-options) {
    flex-direction: column;
}
.quick-checkout-wrapper .section-login .form-group {
    justify-content: start;
    flex-direction: column-reverse;
}
.quick-checkout-wrapper .section-body .form-group.login-options .radio {
    width: auto;
}
.quick-checkout-wrapper .shipping-payment {
    flex-wrap: nowrap;
    column-gap: 48px;
}
.quick-checkout-wrapper .section-shipping,
.quick-checkout-wrapper .section-payment {
    width: 100%;
}

.route-account-wishlist #content table td, .route-checkout-cart #content table td, .route-checkout-checkout #content table td {
    min-width: 25px;
}

.checkout-section.checkout-payment-details {
    background-color: #FFFFFF;
    width: 100%;
    max-width: 500px;
    margin-bottom: 24px;
}
.checkout-section .form-coupon .btn {
    height: auto;
    height: 48px;
}
.checkout-section .input-group .input-group-btn {
    height: auto;
}
.quick-checkout-wrapper .right .cart-section table tfoot td {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}
.quick-checkout-wrapper .quick-checkout-payment {
    padding-top: 24px;
}
.ship-pay > div {
    margin-bottom: 48px;
}
.ship-pay .form-coupon > .input-group {
    flex: auto;
}

.route-checkout-checkout #content table:nth-child(2) tr:last-child td:last-child {
    font-weight: 700;
}
.quick-checkout-wrapper .right .confirm-section.checkout-section .terms-section .confirm-buttons {
    margin-top: 48px;
}
.quick-checkout-wrapper .text-danger {
    color: #f65e5d;
    font-size: 14px;
}
.quick-checkout-wrapper .terms-section label {
    padding-left: 0;
}
.quick-checkout-wrapper .terms-section {
    flex-direction: column;
}
.quick-checkout-payment .bankart-input-wrapper {
    width: 100% !important;
}

form .d-flex {
    justify-content: space-between;
    column-gap: 24px;
}
form .d-flex .form-group {
    flex-grow: 1;
}
.quick-checkout-wrapper input.form-control {
    width: 100%;
}
form .d-flex .form-group.address-city {
    width: 70%;
} 
form .d-flex .form-group.address-postcode {
    width: 30%;
}
form .radio-inline span {
    margin-left: 12px;
}

.confirm-section .section-comments {
    flex-direction: column;
}
@media screen and (max-width:575px) {

    .quick-checkout-wrapper .confirm-section .section-body .section-comments {
        width: 100%;
        
    }
    .quick-checkout-wrapper .confirm-section .section-body .section-comments textarea {
        width: 100%;
    }
    .checkout-section.cart-section {
        width: 100%;
    }

}
@media screen and (max-width: 1023px) {
    .quick-checkout-wrapper .shipping-payment {
        flex-wrap: wrap;
    }
}
@media screen and (max-width:1199px) {
    .quick-checkout-wrapper .confirm-section .section-comments {
        margin-right: 0;
    }
}

@media  (min-width: 980px) and (max-width: 1199px) {
    
    
}

@media  (min-width: 1024px) {
    
    .quick-checkout-wrapper .section-login .form-group {
        flex-flow: row-reverse;
    }
}

.quick-checkout-wrapper .checkout-section.shipping-payment {
    margin-bottom: 0px !important;
}

.quick-checkout-wrapper .right .section-cvr .form-coupon input.form-control {
    background: rgba(246, 247, 249, 1) !important;
    border: 2px solid rgba(212, 218, 222, 1) !important;
}
.quick-checkout-wrapper .right .section-cvr .form-coupon input.form-control:focus {
    border-color: rgba(68, 67, 95, 1) !important;
}
/* END QUICK CHECKOUT PAGE */

/*  ACCOUNT PAGES */
#account-order table .fa {
    font-size: 2.5rem;
}
#account-return form .radio span {
    margin-left: 16px;
}

/* END ACCOUNT PAGES */

/*  SEARCH PAGE */
.route-product-search #content .search-form input {
    max-width: 600px;
}
.route-product-search #content .search-form select {
    max-width: 300px;
}

#product-search .buttons {
    justify-content: flex-start;
}
.route-product-search #content .search-products-title {
    display: inline-block !important;
}


/*  END SEARCH PAGE */

/*  CONTACT PAGE */

#information-contact .row.store-data {
    margin-left: -15px;
    margin-right: -15px;
}
#information-contact .row > div {
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-bottom: 24px !important;
}

/*  END CONTACT PAGE */


/*  BLOG PAGE */
.main-posts.post-grid {
    column-gap: 64px;
    justify-content: center;
}

/*  END BLOG PAGE */



/*  BLOG POST PAGE */

.blog-post .post-details .p-category {
    font-family: 'Alegreya Sans SC';
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1.5;
}

/*  END BLOG POST PAGE */

/*
 * Journal 3 Module Overrides
*/

/* Skrij checkbox "ne pokaži več" v glavnem popupu */
.module-popup-81 .popup-footer {
    display: none;
}

.module-newsletter .newsletter-form .checkbox label {
    padding-left: 0;
    display: flex;
    align-items: center;
    
}
@media (min-width: 980px) and (max-width: 1275px) {

    .module-newsletter .newsletter-form .checkbox span {
        display: inline-block;
    }
}
.grid-row-top-2 > .grid-cols { 
    justify-content: space-between;
}

.route-product-category .grid-row-content-bottom-1 .grid-col-content-bottom-1-1 {
    background: linear-gradient(180deg, #FDFDFD 0%, #FBFAFE 62.21%);
}

.module-filter label .links-text {
    display: flex;
    align-items: center;
}

/* Cookie Plugin Button V redu Adjustment */
@media (max-width: 979px) {

    .module-notification-101 .notification-content {
        padding-bottom: 24px;
    }
}

/* Page Module Style Overrides */

.module-side_products .side-product .caption {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.module-side_products-19 .product-layout:last-child .side-product {
    border-bottom-color: transparent;
}


/* Top kategorije - Homepage */
.module-info_blocks-28 .info-block-title::after,
.module-info_blocks-30 .info-block-title::after,
.refine-categories .refine-name .links-text::after {
    content: url(../../../../../image/catalog/theme/icons/arrow-right.svg);
    width: 69px;
    height: 16px;
    display: block;
    margin-bottom: 24px;
}
.module-info_blocks-30 .module-item .info-block .info-block-text {
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-delay: 0.1s;
}
.touchevents .module-info_blocks-30 .module-item .info-block .info-block-text {
    color: #44435f;
}

/* Prednosti Sidebar (Icons Menu) */
.icons-menu-56 > ul > .menu-item > a {
    padding: 6px 24px;
    height: 120px;
}
.icons-menu-56 > ul > .menu-item > a img {
    align-self: center;
}
.icons-menu-56 .menu-item:first-child a,
.icons-menu-56 .menu-item:nth-child(3) a {
    border-right-color: transparent;
}
.icons-menu-56 .menu-item:first-child a,
.icons-menu-56 .menu-item:nth-child(2) a {
    border-bottom-color: transparent;
}


.icons-menu.icons-menu-56 ul li:nth-child(3) a {
    background-color: rgba(245, 209, 198, 0.5);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1)
}
.icons-menu.icons-menu-56 ul li:nth-child(3) a:hover {

    background-color: rgba(245, 209, 198, 0.7);
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1);
}

/* Categories Sidebar */
.accordion-menu-48 .accordion-menu-item-1 a {
    padding: 16px;
}

/* Prednosti Sidebar (Blocks Module) */
.module-blocks-20 .module-item,
.module-blocks-20 .module-body {
    height: auto;
}

/* Mini Products - Recently Viewed */
#product-product aside .module-side_products-55 .price {
    justify-content: end;
}

/* Bestsellers Module - Homepage */
.module-title-66 .title-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.module-title-66 .h3 {
    font-family: 'Alegreya Sans SC';
    font-weight: 400;
    letter-spacing: 3.5px;
    line-height: 1.5;
}
.module-title-66 .title-wrapper .subtitle {
    display: flex;
    align-content: flex-start;
    text-align: left;
}

.module-title-66 .subtitle > div > p::before {
    content: '';
    color: rgba(176, 231, 234, 1);
    width: 1rem;
    height: 1rem;
    background-color: rgba(176, 231, 234, 1);
    border-radius: 50%;
    display: inline-block;
    margin-right: 0.75rem;
}

/*  Featured Products - Homepage carousel */
.module-products-18 .product-grid .product-img img {
    max-width: 480px;
}
.module-products-18 .swiper-buttons {
    bottom: 0;
    top: 100% !important;
    display: block !important;
}
.module-products-39 .swiper-buttons {
    display: block !important;
}


/*  Mini Side Posts Module On Blog Post Page */
.module-blog_side_posts-87 .image {
    display: none;
}

/*  Mini Products on Blog Post Page */
.module-side_products .side-product .price {
    justify-content: flex-end;
}

@media screen and (min-width: 980px) {
    
    .route-common-home .grid-item-top-2-1-1,
    .route-common-home .module-title-66 {
        display: flex;
    }
}

@media screen and (max-width: 575px) {
    
    .module-title-66 .title-wrapper .subtitle > div {
        display: flex;
        width: 100%;
        justify-content: space-around;
        flex-direction: column;
    }
}
@media screen and (max-width: 979px) {
    
    .module-title-66 .title-wrapper .subtitle > div {
        display: flex;
        width: 100%;
        justify-content: space-around;
    }
    .module-title-66 .title-wrapper .h3,
    .module-title-66 .title-wrapper h3 {
        display: none;
    }

}
@media screen and (max-width:1199px) {

    .module-side_products-55 .side-product .image {
        display: none;
    } 
    .module-side_products-55 .side-product .caption {
        width: 100% !important;
        padding-left: 0 !important;
    }
}

/*  Kanabi izbor product grid - homepage module */
.product-grid .btn-cart.btn {
    box-shadow: none !important;
} 


/* END MODULE OVERRIDES */




/* OPENCART OVERRIDES */

#categoriesAccordion .panel-title a::before {
    content: '\e97a' !important;
    font-family: icomoon !important;
    font-size: 19px;
}
#categoriesAccordion .panel-title a::after {
    content: '\ea0b' !important;
    font-family: icomoon !important;
    font-size: 19px;
}
 
#categoriesAccordion .list-group-item {
    color: #44435f;
}
#categoriesAccordion .list-group-item:hover,
#categoriesAccordion .list-group-item.active, 
#categoriesAccordion .list-group-item.active:focus, 
#categoriesAccordion .list-group-item.active:hover {
    background-color: #FFFFFF;
    color: #3D6448;
    border-color: rgb(221, 221, 221);
    border-bottom-color: #3D6448;
}

/*  END OPENCART OVERRIDES */


/*  CUSTOM STYLES */
.category-hero {
    display: flex;
    flex-direction: column;
    align-items: center;
    column-gap: 4rem;
}
.category-hero .h1,
.category-hero h1 {
    margin-bottom: 24px;
    transform: scale(calc(100 / 100));
    transform-origin: center;
}
.category-hero div {
    font-size: 16px;
}
.category-hero img {
    max-width: 450px;
}

@media (max-width: 990px) {
   
}
@media screen and (min-width: 991px) {

    .category-hero {
        display: flex;
        flex-direction: row;
        justify-content: space-between; 
    }
    .category-hero img {
        align-self: center;
    }
}
@media screen and (min-width: 1024px) {
    .category-hero div {
        font-size: 18px;
    }
}
@media screen and (min-width: 1440px) {
    .category-hero div {
        font-size: 20px;
    }

}

@media screen and (min-width: 768px) {


}


/* Bootstrap 5 Styles 
*
*  Needed for custom adhoc styling and 
*  currently used version of Bootstrap 3 doesn't support these styles
*
*/

.d-flex {
  display: flex !important;
}