html, body {font-size: 13px; background-color: #fff; font-family: 'Raleway', Serif; line-height: 1.9; letter-spacing: .3px; font-weight: 400; color: #36332d; overflow-x: hidden;} 

img {border: 0; max-width: 100%; vertical-align: middle !important;}

/***************** paragraphs *******************/

h1 {text-transform: uppercase; font-family: 'Cormorant Garamond', Sans-serif; padding: 0; color: #333 /* 80% Black */; font-size: 3rem; line-height: 1.3;}
h2 {font-family: 'Cormorant Garamond', Sans-serif; margin: 0; padding: 0; color: #333 /* 80% Black */; font-size: 2.7rem; line-height: 1.3;}
h3 {font-family: 'Cormorant Garamond', Sans-serif; margin: 0; padding: 0; color: #333 /* 80% Black */; font-size: 2.5rem; line-height: 1.3; letter-spacing: 1.5px;}
h4 {font-family: 'Cormorant Garamond', Sans-serif; margin: 0; padding: 0; color: #333 /* 80% Black */; font-size: 2rem; line-height: 1.4;}
h5 {font-family: 'Raleway', Serif; margin: 0; padding: 0; color: #333 /* 80% Black */; font-size: 1.5rem; line-height: 1.6;}
h6 {font-family: 'Raleway', Serif; margin: 0; padding: 0; color: #b3b3b3 /* 30% Black */; font-size: .75rem; line-height: 1.9; letter-spacing: 3px; text-transform: uppercase;}

p {margin: 0; padding: 0; font-size: 1rem; letter-spacing: 0.25px}

a {text-decoration: none; border-bottom: 2px solid #e6e6e6 /* 10% Black */; color: #333; moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; transition: all .2s;}
a:hover {color: #333; border-bottom: 2px solid #b8860b; text-decoration: none;}

a img {opacity: 1; moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; transition: all .2s;}
a img:hover {opacity: .5;}

h1 a, h2 a, h3 a, h4 a, h5 a {border: none !important; color: #333;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {color: #b8860b;}

strong {font-weight: 700;} 

blockquote {font-style: normal; padding: 0;}

::-moz-selection {color: #fff; background: #b8860b;}
::selection {color: #fff; background: #b8860b;}

hr {width: 100%; margin: 60px auto 30px auto; height: 2px; background-color: #f0f0f0 /* 5% Black */; color: #f0f0f0 /* 5% Black */; border: 0;}

.spacer {height: 30px;}

.text-light p {color: #d9d9d9 /* 30% Black */;}
.text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5, .text-light h6, .text-light a, .text-light a:hover {color: #fff;}
.text-light hr {background-color: #fff; color: #fff;}
.spacer-right {margin-right: 1em;}

.navbar-brand img {max-height: 120px!important;}

/**************** SHOP STYLING ***************/
#shop-content {padding: 1rem;}

#shop-menu-top .nav-link {background: #b8860b; color:#fff; border-radius: 50%;height: 60px;width: 60px; padding: 10px;}
#shop-menu-top a {border:none!important;}
#shop-cart .dropdown-menu {border: 1px solid #b8860b; margin-top: 10px; z-index: 100;}
#shop-menu .navbar {height: 50px!important;}
#shop-menu-top .topmenu-search input {margin:13px!important; moz-transition: all .7s; -webkit-transition: all .7s; -o-transition: all .7s; -ms-transition: all .7s; transition: all .7s;}
#shop-search-results {border: 1px solid #b8860b; margin-top: 10px;}

#control-cart-checkout {background: #b8860b; color:#fff; border-radius: 30px;}

#shop-content ul li:before {display:none;}

.badge-info {
    color: #fff;
    background-color: #333;
} 

#shop-menu-top .badge {
    background-color: #333;

}
.fade:not(.show) {
    opacity: 1; 
}
.modal-dialog {
    min-height: calc(100vh - 60px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: auto;
}
@media(max-width: 768px) {
  .modal-dialog {
    min-height: calc(100vh - 20px);
  }
}
@media(max-width: 992px) {
 #shop-menu li {width: 100%!important;}
 .shop-submenu .navbar-collapse {top:65px;}
}
.btn-group.open .dropdown-menu {
    display:block!important;
}

#product-list .label.label-discount {
    position: absolute;
    background: #e94141;
    padding: 4px 8px;
    top: 10px;
    left: -5px;
    color: #fff;
}
#shop-content .btn {
    padding: 5px 8px;
    margin: 38px 0 0 0;
}
#shop-content h2 {
    font-size:larger;
}
.cart-list img {margin-top: 0px; width: 50%;}

#shop-cart.open .dropdown-menu{display:block;}
#product-view .product-view-header {font-size: smaller;}
#shop-content  hr {margin: 20px 0px;}
#shop-content .btn {padding: 6px 8px; margin: 0px 0 0 0;}

#shop-content .product-list-link, .img-container a{border-bottom: 0px;}
.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: rgb(0 0 0 / 64%);
}

.modal.shop-modal .modal-header {
    height: 60px;
}

#shop-content .toolbar-sort-label{
    margin-right:5px;
}
#shop-content .product-list-link{
    border-bottom:0px;
}

.toolbar-left{float:left;width:50%;}
.toolbar-right{float:right;}
.cart-item-row-1{width:100%;}
.cart-item-row-2{width:100%;}
.product-item-gallery img {margin: 0px 0 0 0;}
.modal.shop-modal .modal-content .modal-footer .btn {
    margin-top: 0px;
    border: 1px solid #e0e0e0;
}
.cart-item-row-1 {
    width: 100%;
    font-size: small;
}
#shop-cart .btn {font-size: 1rem;}
#shop-cart ul.cart-list {padding-left: 3rem;}
#shop-cart .cart-footer {padding-left: 3rem;}
#shop-menu {background:transparent !important; z-index: 99 !important; border: none; margin-top:0px;}
#product-view .product-number {float: left; max-width: 60px;margin-right: 5px;}
#product-view .price {margin-top: 20px; margin-left:0;}
#product-view .product-buttons button {margin-top: 10px;}

.checkout-option.selected {background-color:#a50f14;}

.selected .checkout-header {color: #333;}

#checkout-cart  .btn {
    white-space: normal;
    border: none !important;
    text-transform: uppercase;
    padding: 10px 10px;
    border-radius: 5px;
    font-style: normal;
    display: inline-block;
    text-decoration: none;
}
    
#checkout-cart .table {width: 100%;color: #333;}
.checkout-header {color: #333;}
.checkout-option .checkout-option-logo {color: #333;}

.checkout-options-toggle {padding: 15px;background-color: #eee;border: 1px solid #dedede;font-weight: 900;color: #333;}
a {text-decoration: none; color: #333;}
#product-view .product-view-content {margin-left: 20px;}
#product-view .description {color: #333;padding: 20px 0 10px 0;margin: 0;}
#product-view .title h2 {color: #333;}
/*
#product-list {width:100%!important; display: flex; flex-wrap: wrap;}
*/

#product-view .product-view-header {font-size: smaller;}
#product-list .product-item-list .title {color: #333;}
#product-list .product-item-list .price {display: block;margin: 0;padding: 0;color: #333;font-size: 1.3rem;}
#product-list .product-item-gallery img {border-radius: 0px;height: 250px!important;}
#product-list .product-item-list .btn.btn-sm {margin-top: 0!important;}
#product-view .price {color: #333;}
#product-view .additions div.addition-checked {color: #b8860b;}
#shop-content {padding: 10px;}
#product-list .product-item-list {height: auto;}
#product-list .product-item-gallery {height: 390px;  box-shadow: none!important; moz-transition: all .7s; -webkit-transition: all .7s; -o-transition: all .7s; -ms-transition: all .7s; transition: all .7s;}
#product-list .product-item-gallery:hover {border: 1px solid #b8860b!important; box-shadow: none!important; moz-transition: all .7s; -webkit-transition: all .7s; -o-transition: all .7s; -ms-transition: all .7s; transition: all .7s;}
#product-list .title {height: 50px; color: #333;}
#product-list .title {
    font-size:medium;
}
#shop-navbar.collapse:not(.show) {display: block;}
.navbar-toggle .icon-bar {display: block; width: 22px; height: 3px; border-radius: 1px; margin-bottom: 1px;}
#shop-menu .navbar-toggle .icon-bar {background-color: #ffffff;}
#shop-menu li a {display: inline;}
#shop-menu li {margin: 0;}
#shop-toolbar {background: #ffffff; padding: 10px 0;}
#shop-toolbar .input-group .btn {margin-left: 10px;}
.shop-submenu .navbar-toggle {display: none;}
 #shop-cart .input-group .btn {
    margin-left: 0px;
}
.shop-submenu .navbar-collapse.show {display: block !important;}
.shop-submenu .navbar-toggle {background-color: #688c9a; color: #fff;}

.shop-submenu {     margin-left: -15px; padding: 0; margin: 0; position:relative; min-height:48px; }
.shop-submenu .navbar-collapse { padding: 0; margin: 0; }
.shop-submenu .navbar-toggle { display: none; position: relative; padding: 9px 10px; margin-top: 8px; margin-right: 15px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; margin: 0; border: 1px solid #dedede; width: 44px; height: 34px; }
.input-group>.form-control:not(:last-child) {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
#shop-menu li.active > ul.children {
    display: block;
    position: absolute;
    z-index: 999;
    background: #d5d2bf;
    font-size: smaller;
    padding: 0px;
    width:100%;
}
#shop-menu ul ul li a {
    padding: 10px 3px!important;
    text-align: center;
    font-size: smaller;
}
#shop-menu ul ul li {
    margin: 0px 0;
}
#shop-menu .has-arrow:after {
    right: 0.5em!important;
    -webkit-transform: rotate(-134deg) translateY(-50%)!important;
    transform: rotate(-134deg) translateY(-50%)!important;
}
#shop-menu .has-arrow[aria-expanded=true]:after, #shop-menu .mm-active>.has-arrow:after {
    -webkit-transform: rotate(45deg) translateY(-50%)!important;
    transform: rotate(45deg) translateY(-50%)!important;
}
#shop-menu ul ul li.active a{
    color:#2a1820;
}
#shop-checkout .table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
    text-align: center;
}
#shop-checkout .table thead th:last-child {

    text-align: left;
}
.cart-title{font-size:smaller;}
#shop-menu-button {width: 100%; padding: 10px 12px; text-align: center; margin:0;  }
#shop-menu {padding: 0; list-style: none; position: relative; border: none;}
#shop-menu ul { padding:0; margin:0;}
#shop-menu li {position: relative; display:inline-block; flex-grow: 1; width:auto; text-align:center;}
#shop-menu li a {padding: 10px 10px; display: inline-block; min-width:100px; }
#shop-menu .navbar-toggle .icon-bar { background-color: #b8860b; }
#shop-menu ul.nav > li > a {background: #e3cf9d; color: #2a1820; font-size: 15px; letter-spacing: .5px; border-bottom:none;}
#shop-menu ul.nav > li > a:hover {background: #d4b771;}
#shop-menu ul.nav > li:first-child > a {border-radius: 10px 0 0 10px;}
#shop-menu ul.nav > li:last-child > a {border-radius: 0 10px 10px 0;}
#shop-menu ul.nav > li.active > a {background: #b8860b; color: #fff;}
#shop-menu li > ul { transition: all .3s ease-out; padding:5px 0 5px 0; }
#shop-menu li > ul ul { border:0; }

#shop-menu ul ul li a {padding:10px 0 10px 30px; }
#shop-menu ul ul ul li a {padding:10px 0 10px 60px; }
#shop-menu ul ul ul ul li a {padding:10px 0 10px 90px; }
#shop-menu .has-arrow { position: relative; }
#shop-menu .has-arrow:after { position: absolute; content: ""; width: .5em; height: .5em; border-style: solid; border-width: 3px 0 0 3px; border-color: initial; right: 1em; -webkit-transform: rotate(-45deg) translateY(-50%); transform: rotate(-45deg) translateY(-50%); -webkit-transform-origin: top; transform-origin: top; top: 50%; transition: all .3s ease-out; }
#shop-menu .has-arrow[aria-expanded=true]:after, #shop-menu .mm-active>.has-arrow:after { -webkit-transform: rotate(-135deg) translateY(-50%);transform: rotate(-135deg) translateY(-50%); }
#shop-menu .mm-collapse:not(.mm-show){display:none}
#shop-menu .mm-collapsing{position:relative;height:0;overflow:hidden;transition-timing-function:ease;transition-duration:.35s;transition-property:height,visibility}
#product-view .product-buttons button {
    margin-top: 0px;
    border-radius:30px;
    background-color:#b8860b;
    padding: 0 15px;
    border: none;
}
.shop-submenu .col-9 {
    padding-left:0px;
}
.checkout-option .checkout-option-logo img {
    max-width: 70px;
    margin: 0px;
}
#product-list .product-item-gallery {
    margin-bottom: 15px;
    background-color: transparent;
    border: 0px;
}
.checkout-option.selected {
    background-color: #e9cb15;
}

@media (max-width: 1280px) {
    #shop-menu li {margin: 0;}
}

@media (max-width: 960px) {
    .form-control {
        padding: 0.005rem .55rem;
     }
    #shop-menu {
        border: 0px;
    }
    .collapse:not(.show) {display: none;}
    #shop-toolbar {display:none;}    
    .shop-submenu .navbar-toggle {display: block;}
    .shop-submenu .navbar-toggle {border-color: #c7c3aa; border-radius: 0!important;width: 100%;text-align: -webkit-center;}
}
@media (max-width: 690px) {
    .text-right {
    text-align: center !important;
}

    #checkout-cart{
        margin-top:10px;
    }
    #checkout-cart table.products tr {
    border-spacing: 5px;
    display: block;
}
    #product-view .product-buttons button {
    margin-top: 10px;
    width: 100%;
}
    #product-view .product-number {
    float: none;
    max-width: 21%;
    margin-right: 5px;
    margin: 0 auto;
    text-align: center;
}
#shop-cart .btn {
    font-size: 0.7rem;
    border: none;
}
}

@media (max-width: 500px) {
    #product-view .menu {

    text-align: center;
    }
}    
    
@media (min-width: 767px) {
#shop-cart .toolbar-sort-btn {
   border:0px;
}
.product-view-images .col-xs-6 img {
    width: 46%;
    float: left;
    margin-right: 5px;
}
}


#shop-menu .has_children:hover .level1, #shop-menu .has_children .level1 .has_children:hover .level2{
   display: block;
    position: absolute;
    z-index: 999;
   background:#d5d2bf;
   font-size:smaller;
   width:100%;
}

#shop-menu li.active > .level2,#shop-menu .has_children .level1 .has_children:hover .level2 {
    margin-top:-30px;
    margin-left: 100px;
}

#shop-menu .level1 .has-arrow:after{
    margin-top:2px;
    margin-right:-10px;
    -webkit-transform: rotate(
134deg
) translateY(-0%)!important;
    transform: rotate(
134deg
) translateY(-0%)!important;
}

.modal-header .close {
    display: none;
}

.modal.shop-modal .modal-content .modal-footer .btn {
    font-size:larger;
    width: 50%;
}


#shop-content {padding-top: 2rem !important;}

.hidden {opacity: 0; transition:.3s all;}
.__base :is(.hidden) {max-height:50vh; overflow:hidden;}
.__base :is(.hidden, .d-md-none) {display: block !important; opacity:0.5 !important; visibility:visible !important; position:relative;}
.__base :is(.hidden, .d-md-none):before {content: ""; position: absolute; background-image: url('../../assets/images/hidden.png') !important;  left: 0; top: 0; width: 100% !important; height: 100%; background-size: 100px; z-index: 0;}

html:has(#shop-content) .pop1 {display:none !important;}
#shop-content #shop-menu-top > .row .topnav-menu li.return .nav-link {transition:.3s all; background: transparent; color: #333 /* 80% Black */; border: 2px solid #b8860b !important; width: auto; border-radius: 30px; padding-inline: 1.5rem;  font-size: 1.2rem; display: flex; align-items: center; text-transform: uppercase; letter-spacing: 1px;}
#shop-content #shop-menu-top > .row .topnav-menu li.return .nav-link i {transition:inherit;}

.navbar .navbar-nav > .nav-item > .nav-link {margin-inline:1rem;}
#shop-content #shop-menu {height:unset !important; padding-block:2rem !important;}
#shop-content #shop-toolbar {margin-bottom:1rem;}
#shop-content #shop-toolbar .input-group .btn {margin-left:0 !important;}
#shop-content #product-list .product-item-gallery {display: flex; flex-direction: column; height:100% !important; border:1px solid #d9d9d9 !important; margin-bottom:0;}
#shop-content #product-list .product-list-container > div[class*='col'] {padding-bottom:30px;}
#shop-content #product-list .title {height:unset;}
#shop-content #product-list .product-item-gallery .price {margin-top:auto;}
#shop-content #shop-menu ul.nav > li:first-child > a {border-radius:30px 0 0 30px;}
#shop-content #shop-menu ul.nav > li:last-child > a {border-radius:0 30px 30px 0;}
#shop-content #product-list .product-item-list img {max-height:100%; max-width:100%; margin:0;}
#shop-content #shop-main #product-view .image-container, #shop-content #product-list .product-item-gallery {border-radius:15px; overflow:hidden;}
#shop-content #shop-main #shop-header {padding-inline:15px;}
#shop-content #shop-main #product-view {padding-inline:15px;}
#shop-content #shop-main #product-view .image-container img {margin:0;}
#shop-content #shop-main #product-list .product-list-container {margin-inline:0;}
#shop-content #shop-main #product-list .product-list-container>p:first-child {    border-top: 1px solid; width: 100%; text-align: left !important; padding-top: 15px; margin-inline: 15px;}
/*#shop-content #shop-main #product-list */

@media (min-width:768px) {
    .block-button:has(.btn.pos-abs) {position:absolute; margin-top: .75rem;}
    #shop-content #shop-menu-top > .row .topnav-menu li.return .nav-link:hover i {margin-left:1rem !important;} 
} 

@media (max-width:767px) {
    .section-filler {height: 15vh;}
    #shop-content #shop-menu-top > .row .topnav-menu li.return .nav-link {background: #b8860b; color: #fff; border: none !important; font-size:0px; letter-spacing:0; justify-content: center;}
    #shop-content #shop-menu-top > .row .topnav-menu li.return .nav-link i {margin:0 !important; font-size:1.6rem !important;}
}



.small .__content * {
    font-size: .9rem !important;
}

.checkout-section .btn {background-color: #b8860b!important; border-radius: 30px; border:none;}
.checkout-section #checkout-cart .btn {background-color: transparent!important; color: #b8860b; border-radius: 30px;}

/************** FOOTER ***************/

.footer-link {line-height: 1.5;}
#ostgatamat-logo {margin: 2em 2em;}
#ostgatamat-section {color: #fff; margin:0 1em 1em 1em;}
.footer-row {display: flex; justify-content: space-evenly;}
.copyright-text {color: #fff;}
.footer-contact {margin-top: 50px;display: block; align-items: center; justify-content: center;}
.footer-logo {width: 350px;}

footer .container-fluid { color: #fff; background-image: url('https://wernavisthus.se/files/istock-1142761644.jpg');background-repeat: no-repeat;background-attachment: fixed;background-size: cover; padding: 50px 50px;}
footer h5 a {margin: 50px 25px 50px 25px; display: inline-block;}
footer h6 {text-align: center !important; margin-bottom: 50px; margin-top: 20px;}

@media (max-width: 1920px) {
    footer .container-fluid {padding-bottom: 38px;}
    footer ul {margin-bottom: 75px;}
    footer ul li a {padding: 38px 0;}
    footer h5 a {margin: 0 19px 38px 19px;}
    footer h6 {margin-bottom: 38px;}
   
}

@media (max-width: 1280px) {
    footer .container-fluid {padding-bottom: 25px;}
    footer ul {margin-bottom: 50px;}
    footer ul li {border-width: 1px;}
    footer ul li a {padding: 25px 0;}
    footer h5 a {margin: 0 13px 25px 13px;}
    footer h6 {margin-bottom: 25px;}
}

@media (max-width: 767px) {
    footer .container-fluid {padding-bottom: 13px;}
    footer h5 a {margin: 0 13px 13px 13px;}
    footer h6 {margin-bottom: 13px;}
    
}