body {
background-color: #fff;
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
}
body.page-template-marinius {
background-image: url(//www.theaogmarius.dk/wp-content/themes/brandweb-child/library/img/mm_bgg.jpg);
}
body.page-template-marinius #pageContent {
padding-bottom: 0;
}
#pageContent {
overflow-x: unset;
}
body.home #pageContent {
padding: 0;
}
body,
p,
dl,
ul,
ol {
font-family: "ITC Souvenir Std" !important;
font-weight: 300;
font-style: normal;
}
strong,
b {
font-weight: 700;
font-style: normal;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "ITC Souvenir Std" !important;
font-style: normal;
color: #1d1d1b;
font-weight: 300;
}
h2 {
font-size: 38px;
}
p,
dl,
ul,
ol {
color: #1d1d1b;
}
body.page-template-marinius h1,
body.page-template-marinius h2,
body.page-template-marinius h3,
body.page-template-marinius h4,
body.page-template-marinius h5,
body.page-template-marinius h6 {
color: #fff;
}
body.page-template-marinius p,
body.page-template-marinius dl,
body.page-template-marinius ul,
body.page-template-marinius ol {
color: #fff;
} .uk-modal-footer {
display: flex;
justify-content: center;
}
.uk-modal-footer button {
margin: 0 10px;
border-radius: 5px;
}
#surbma-yes-no-popup .uk-modal-footer > :first-child {
background-color: #333333;
color: #fff;
}
#surbma-yes-no-popup .uk-modal-footer > :last-child {
background-color: #e42019;
}
.uk-modal-content h3 {
font-size: 22px;
}
.uk-modal-dialog {
border-radius: 5px;
border: 10px solid #fbe5aa;
}
.uk-modal-content {
border-radius: 5px;
}
@media (max-width: 479px) {
#surbma-yes-no-popup .uk-modal-footer .uk-button + .uk-button {
margin-top: 0 !important;
}
} .navbar-secondary {
background: #1d1d1b;
}
nav.navbar {
background-color: #f5e4ab;
border-bottom: 1px solid #ccc;
}
.navbar-expand-lg .navbar-nav .nav-link {
padding: 5px 20px;
}
.nav-link {
color: #252323;
font-size: 20px;
border-right: 1px solid #edce67;
font-weight: 300;
}
.nav-link:focus,
.nav-link:hover {
color: #661313;
}
.menu-item:last-child .nav-link {
border-right: unset;
}
.nav-link.active {
color: #661313;
}
.social a {
color: #252323;
margin-right: 10px;
}
.social a:hover,
.social a:active,
.social a:focus {
color: #252323;
text-decoration: none;
}
.navbar-logos {
margin: 20px 0;
}
.navbar-logos a {
text-decoration: none;
}
.navbar-logos img {
height: auto;
max-width: 120px;
margin-right: 30px;
}
.navbar-icons {
margin: 20px 0;
}
.navbar-icons a {
margin: 0 0 0 15px;
}
.navbar-cart {
position: relative;
color: #fff;
}
.navbar-cart:hover,
.navbar-cart:active,
.navbar-cart:focus {
text-decoration: none;
color: #fff;
}
.navbar-cart-total {
color: #fff;
margin-left: 10px;
}
.navbar-cart .cart-contents-count {
background: #c84617;
color: #fff;
border-radius: 100px;
width: 20px;
height: 20px;
display: block;
text-align: center;
line-height: 20px;
font-size: 12px;
position: absolute;
bottom: -5px;
left: -5px;
font-weight: 400;
}
header p.lead {
color: #f5e4ab;
font-weight: 700;
font-size: 32px;
}
.user-firstname {
color: #fff;
}
.btn.dropdown-toggle.focus,
.btn.dropdown-toggle:focus {
box-shadow: none;
}
.navbar-icons a.dropdown-item {
margin: 0;
text-align: center;
background-color: #f5e4ab;
}
.dropdown-menu {
padding: 0;
background-color: #f5e4ab;
border-radius: 0;
}
.navbar-nav .dropdown-item {
font-size: 20px;
padding: 10px 1.5rem;
}
.navbar-nav .dropdown-item.active,
.navbar-nav .dropdown-item:active {
color: #661313;
background-color: transparent;
}
nav.navbar {
background-color: #f5e4ab;
border-bottom: 1px solid #ccc;
z-index: 999;
}  .event-block-col {
height: 100%;
margin-bottom: 30px;
}
.event-block-inner {
background-color: #f5e4ab;
}
.event-block-content {
padding: 30px;
}
.event-block-content a {
color: #661313;
}
.adaptive-photo {
display: flex;
flex-wrap: wrap;
}
.adaptive-photo .adaptive {
height: 40vh;
flex-grow: 1;
}
.adaptive-photo .adaptive img {
max-height: 100%;
min-width: 100%;
object-fit: cover;
vertical-align: bottom;
} .footer {
background: #1d1d1b;
}
.footer h4 {
color: #f5e4ab;
margin-top: 20px;
margin-bottom: 10px;
font-size: 20px;
}
.footer p {
font-size: 15px;
line-height: 1.5;
color: #fff;
}
.footer p.lead {
font-weight: 700;
font-size: 32px;
color: #fff;
text-align: center;
margin: 20px 0 40px;
}
.footer a.footer-link {
color: #fbe5aa;
text-decoration: none;
margin: 10px 0;
padding: 5px 20px;
font-size: 18px;
}
#footer-relative {
position: relative;
}
.top-link {
transition: all 0.25s ease-in-out;
position: fixed;
bottom: 0;
right: 0;
display: flex;
justify-content: center;
flex-direction: column;
z-index: 999999;
cursor: pointer;
align-items: center;
justify-content: center;
margin: 0 1em 1em 0;
border-radius: 5px;
padding: 7px 10px 15px;
background-color: #f5e4ab;
color: #000;
font-family: "Shadows Into Light", cursive;
font-size: 16px;
font-weight: 400;
}
.top-link.show {
visibility: visible;
opacity: 1;
}
.top-link.hide {
visibility: hidden;
opacity: 0;
}
.top-link svg {
fill: #000;
transition: all 0.25s ease-in-out;
}
.top-link:hover {
background-color: #661313;
color: #f5e4ab;
text-decoration: none;
transition: all 0.25s ease-in-out;
}
.top-link:hover svg {
fill: #f5e4ab;
}
.footer-1,
.footer-3 {
padding: 0 15px;
}
.footer-1 img,
.footer-3 img {
margin-bottom: 20px;
}
p.text-handwritten {
font-family: "Shadows Into Light", cursive !important;
} .nf-form-fields-required {
display: none;
}
.nf-form-content {
padding: 0 !important;
}
.submit-wrap > div > input {
background: #f5e4ab !important;
color: #000 !important;
border-radius: 20px;
padding: 5px 35px !important;
}
.submit-wrap .nf-field-element {
display: flex;
justify-content: start;
}
.submit-container {
margin: 0 !important;
}
.nf-form-title h3 {
color: #000;
}
.nf-form-content .list-select-wrap .nf-field-element > div,
.nf-form-content input:not([type="button"]),
.nf-form-content textarea {
background: #fff !important;
border-radius: 10px !important;
} .wp-block-social-links {
margin: 0 !important;
display: flex;
justify-content: center;
}
.wp-social-link {
font-size: 32px !important;
margin: 0 !important;
padding: 0 !important;
}
.wp-block-social-links .wp-social-link a {
padding: 0.1em;
} .woocommerce #pageContent {
padding: 0;
}
#pageContent .container-fluid #pageContent .container {
max-width: unset;
}
#pageContent .container-fluid #pageContent {
padding: 20px;
}
#sidebar-margins {
padding-left: 0;
padding-right: 0;
}
#sidebar-margins aside.sidebar {
padding-left: 40px;
padding-right: 40px;
}
.main-sidebar .widgettitle {
font-size: 26px;
font-weight: 300;
color: #000000;
margin: 0 0 20px;
}
.main-sidebar ul li.cat-item > a::after {
content: "\f347";
font-family: dashicons;
font-weight: normal;
display: inline-block;
margin: 0 0 0 6px;
vertical-align: top;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: rotate(0);
color: inherit;
position: relative;
background: transparent;
height: auto;
width: auto;
right: auto;
line-height: inherit;
}
.main-sidebar ul.children > li.cat-item > a::after {
content: none;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
background: #1d1d1b;
padding: 10px;
border-radius: 10px !important;
border: none !important;
}
.woo-loop-wrap {
background: #fbe5aa;
padding: 10px;
border-radius: 5px;
height: calc(100% - 95px);
position: relative;
}
.loop-title-wrapper {
border: 1px solid #1d1d1b;
border-radius: 10px;
color: #000;
padding: 5px 10px;
}
.woocommerce ul.products li.product .price del {
color: inherit;
opacity: 1;
display: inline-block;
color: #8c8c8c;
font-size: 80%;
}
.woocommerce ul.products li.product .price del::before {
content: "Før: ";
display: inline-block;
margin-right: 5px;
}
.woocommerce div.product p.price del,
.woocommerce div.product span.price del {
color: inherit;
opacity: 1;
display: inline-block;
color: #8c8c8c;
font-size: 80%;
}
.woocommerce div.product p.price del::before,
.woocommerce div.product span.price del::before {
content: "Før: ";
display: inline-block;
padding-right: 5px;
text-decoration: line-through;
}
.woocommerce
ul.products
li.product
.loop-title-wrapper
.woocommerce-loop-category__title,
.woocommerce
ul.products
li.product
.loop-title-wrapper
.woocommerce-loop-product__title,
.woocommerce ul.products .loop-title-wrapper li.product h3 {
color: #000;
font-size: 18px;
}
.woocommerce ul.products li.product .loop-title-wrapper .price {
color: #000;
text-align: right;
font-weight: 700;
}
.woo-loop-short-description {
color: #000;
margin-bottom: 5px;
}
.img-loop-head {
display: block;
margin: 0 auto 20px;
height: auto;
}
.img-loop-head img {
max-height: 70px;
width: auto;
}
.woocommerce ul.products li.product a img {
margin: 0 0 10px;
border-radius: 5px 5px 0 0;
background-color: #fff;
} .woocommerce ul.products li.product .button {
background-color: #770c0c;
border-radius: 10px;
outline: 0 !important;
margin: 10px 0 10px;
}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
background-color: #f5e4ab !important;
color: #c84617 !important;
}
.woocommerce ul.products li.product a.added_to_cart {
background-color: #c84617 !important;
border-color: #c84617 !important;
outline: none !important;
width: 100% !important;
padding: 10px !important;
margin: 10px 0 10px !important;
border-radius: 10px;
}
.woocommerce ul.products li.product .button.added {
background: #c84617 !important;
outline-color: #c84617 !important;
}
.woocommerce ul.products li.product .button.added {
display: none;
}
.sale-perc {
position: absolute;
right: 20px;
top: 20px;
background: #770c0c;
width: 70px;
height: 70px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 100px;
flex-direction: column;
color: #fff;
font-family: "ITC Souvenir Std" !important;
font-weight: 300;
font-style: normal;
line-height: 1.2;
}
.woocommerce-cart-form__cart-item.cart_item .variation {
padding: 0;
display: flex;
flex-wrap: wrap;
flex-direction: row;
}
.woocommerce td.product-name .wc-item-meta .wc-item-meta-label,
.woocommerce td.product-name .wc-item-meta dt,
.woocommerce td.product-name dl.variation .wc-item-meta-label,
.woocommerce td.product-name dl.variation dt {
font-size: 14px;
color: #787878;
display: none;
}
.woocommerce td.product-name .wc-item-meta p,
.woocommerce td.product-name .wc-item-meta:last-child,
.woocommerce td.product-name dl.variation p,
.woocommerce td.product-name dl.variation:last-child {
font-size: 14px;
color: #787878;
}
.woocommerce table.shop_table th a,
.woocommerce table.shop_table td a {
color: #212121;
}
.woocommerce td.product-name dl.variation p::after {
content: ", ";
margin-right: 5px;
}
.woocommerce td.product-name dl.variation dd:last-child p::after {
content: none;
} .wp-searchform .input-group {
width: 100%;
border: 1px solid #ccc;
}
.wp-searchform .btn {
background-color: #fff;
line-height: 0;
}
.wp-searchform input[type="text"],
.wp-searchform input[type="number"],
.wp-searchform input[type="email"],
.wp-searchform input[type="tel"],
.wp-searchform input[type="url"],
.wp-searchform input[type="password"],
.wp-searchform input[type="search"],
.wp-searchform textarea,
.wp-searchform .input-text {
padding: 10px;
background-color: #fff;
color: #000;
box-shadow: none;
font-family: "Shadows Into Light", cursive;
font-size: 20px;
}
#dropdownMenuSearch::after {
content: none;
}
.dropdown-search {
min-width: 20rem;
} .woo-price-wrapper {
background: #fbe5aa;
border-radius: 10px;
padding: 20px;
margin: 10px 0 20px;
}
.woocommerce div.product form.cart {
margin-bottom: 0;
}
.single-product div.product p.price,
.single-product div.product span.price {
color: #770c0c !important;
font-size: 22px;
}
.single-product div.product form.cart .button {
background-color: #770c0c;
border-radius: 10px;
width: calc(100% - 82px);
}
.btn-tilbud {
width: 100%;
text-align: center;
margin: 5px 0 0;
background: #ff9812;
color: #000;
font-weight: 400;
border-radius: 10px;
font-size: 16px;
padding: 10px;
}
.btn-tilbud:hover,
.btn-tilbud:active,
.btn-tilbud:focus {
background-color: #770c0c;
color: #fff;
}
.woocommerce .quantity .qty {
box-shadow: unset;
background: #edce67;
font-size: 16px;
color: #000;
border-radius: 10px;
}
.woo-attribute-repeater {
margin-top: 30px;
}
.woo-attribute-repeater img {
max-height: 80px;
width: auto;
margin-right: 50px;
} .woo-custom-stock-status {
margin: 0 0 20px;
padding: 10px 0 0;
}
.woo-custom-stock-status::before {
content: " ";
height: 12px;
width: 12px;
background: #28a745;
display: inline-block;
border-radius: 100px;
margin-right: 10px;
}
.woo-product-not-on-stock::before {
background: #770c0c;
}
.woo-per-product {
background-color: #fff;
padding: 10px;
border-radius: 5px;
margin-bottom: 5px;
} .woo-product-mort-wrapper {
background: #1d1d1b;
padding: 10px 20px 20px;
border-radius: 10px !important;
border: none !important;
}
.woo-product-mort-wrapper .img-loop-head {
margin: 20px 0 30px;
}
.woo-product-mort-wrapper .img-loop-head img {
width: auto !important;
margin: 0 auto;
max-height: 90px;
}
.woo-product-mort-inner {
background: #fbe5aa;
padding: 10px;
border-radius: 5px;
height: calc(100% - 95px);
position: relative;
}
.woo-product-mort-inner img {
border-radius: 5px 5px 0 0;
background-color: #fff;
}
.woo-product-mort-inner-title {
border: 1px solid #706850;
border-radius: 10px;
color: #000;
padding: 60px 20px;
margin: 10px 0 0;
text-align: center;
}
.woo-product-mort-inner-title p {
font-size: 32px;
color: #000;
line-height: 1.2;
font-weight: 700;
} .woocommerce-tabs h2 {
color: #770c0c;
font-size: 18px;
} .back-to-shop {
color: #770c0c;
font-weight: 300;
margin: 20px 0;
display: block;
}
.woocommerce div.product .product_title {
color: #770c0c;
font-weight: 300;
}
.woocommerce-product-details__short-description p {
color: #333;
}
.product-label-tea {
position: absolute;
top: 20px;
right: 20px;
background: #1d1d1b;
padding: 10px 15px;
border-radius: 10px;
line-height: 1;
color: #fff;
font-family: "Shadows Into Light", cursive !important;
font-weight: 400;
}
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
background-color: #c84617 !important;
color: #f5e4ab !important;
}
.adaptive-photo {
display: flex;
flex-wrap: wrap;
}
.adaptive-photo .adaptive {
height: 40vh;
}
.adaptive-photo .adaptive img {
max-height: 100%;
min-width: 100%;
height: 100%;
object-fit: cover;
vertical-align: bottom;
}
.woo-custom-listing {
-ms-flex: 0 0 60%;
flex: 0 0 60%;
max-width: 60%;
padding: 20px 30px;
text-align: left;
}
.woo-custom-listing h2 {
color: #000;
font-size: 1.4rem;
}
.woo-cat.woo-custom-thumbnail {
-ms-flex: 0 0 40%;
flex: 0 0 40%;
max-width: 40%;
}
.woo-cat.woo-custom-thumbnail .adaptive-photo,
.woo-cat.woo-custom-thumbnail .adaptive-photo .adaptive {
height: 100%;
}
.woocommerce .products ul.woo-custom-subcategory-listing {
flex-direction: column;
text-align: left;
list-style: disc outside none !important;
color: #000;
padding: 0 0 0 15px;
font-size: 14px;
}
.woocommerce .products ul.woo-custom-subcategory-listing li {
list-style: disc outside none !important;
}
.woocommerce ul.products li.product a .adaptive-photo img {
height: 100%;
}
body.archive.woocommerce .woocommerce-products-header {
display: none;
}
.btn.btn-woo-loop {
position: absolute;
right: 0;
bottom: 0;
background: #c84617;
border-radius: 0;
padding: 10px 15px;
font-size: 12px;
color: #fff;
line-height: 1;
}
aside.sidebar {
background-color: #fefaee;
width: 100%;
height: 100%;
border-right: 1px solid #eaeaea;
}
.main-sidebar {
padding-top: 20px;
}
.main-sidebar ul {
border-left: none;
padding: 0;
color: #343a40;
list-style: none;
}
.main-sidebar ul li {
margin-bottom: 5px;
font-size: 18px;
}
.main-sidebar ul li a {
color: #1d1d1b;
transition: 150ms ease-in-out;
}
.main-sidebar ul li a:hover,
.main-sidebar ul li a:active,
.main-sidebar ul li a:focus {
text-decoration: none;
color: #c84617;
}
.main-sidebar ul li.current-cat > a {
color: #c84617;
}
.main-sidebar ul.children {
padding-left: 20px;
}
.woocommerce ul.products li.product .onsale {
right: unset !important;
left: 5px !important;
}
.woocommerce div.product > span.onsale {
position: absolute !important;
right: 10px !important;
background: #fff !important;
line-height: 2 !important;
top: 10px !important;
} .woocommerce ul#shipping_method li {
color: #6d6d6d;
}
.woocommerce-cart
.cart-collaterals
.cart_totals
.woocommerce-shipping-destination {
color: #6d6d6d;
}
.woocommerce-checkout table.woocommerce-checkout-review-order-table td {
background: #fff;
}
.woocommerce-billing-fields__field-wrapper,
.woocommerce-shipping-fields__field-wrapper,
.woocommerce-additional-fields {
background: #fff;
padding: 20px;
}
#payment .payment_methods > .wc_payment_method > label,
#payment .payment_methods > .woocommerce-PaymentMethod > label {
color: #6d6d6d;
}
#payment .payment_methods > li .payment_box p {
color: #6d6d6d;
} .woocommerce-MyAccount-navigation ul li {
list-style: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
position: relative;
background: #fff;
padding: 0 20px;
} .wc-pao-addon-container {
display: flex;
flex-wrap: wrap;
}
.wc-pao-addon label.wc-pao-addon-name {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.wc-pao-addon-container .wc-pao-addon-wrap {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
} .woocommerce .woocommerce-customer-details .col2-set.addresses .col-1,
.woocommerce-page .woocommerce-customer-details .col2-set.addresses .col-1 {
-ms-flex: 0 100%;
flex: 0 100%;
width: 100%;
margin-right: 0%;
}
.woocommerce .woocommerce-customer-details .col2-set.addresses .col-2,
.woocommerce-page .woocommerce-customer-details .col2-set.addresses .col-2 {
-ms-flex: 0 100%;
flex: 0 100%;
width: 100%;
}
.woocommerce .woocommerce-customer-details h2,
.woocommerce-page .woocommerce-customer-details h2 {
font-size: 32px;
} .btn.btn-default {
border: 1px solid #ced4da;
padding-right: 155px;
float: right;
margin-bottom: 30px;
}
.modal-dialog {
width: 100vw;
margin: 0 !important;
height: 100vh;
}
.modal-content {
height: 100vh;
background-color: #fefaee;
border-radius: 0;
}
.modal-content aside.sidebar {
border-right: 0;
}
.modal-header {
border-bottom: 0;
}
.modal-body {
padding-top: 0;
}
.btn-default {
color: #495057;
} @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
}
@media (max-width: 769px) {
#mega-menu-wrap-primary {
width: 100% !important;
}
.dropdown-search-wrapper {
position: absolute;
right: 10px;
top: 10px;
}
.wp-searchform {
margin: 0 !important;
}
#mega-menu-wrap-primary
.mega-menu-toggle
.mega-toggle-blocks-right
.mega-toggle-block {
margin-right: 30px !important;
}
.footer a[href^="tel"] {
color: #fff; text-decoration: none;  }
}
@media (max-width: 737px) {
h2 {
font-size: 32px;
}
.adaptive-photo .adaptive {
height: 35vh;
}
.navbar-logos img {
max-width: 80px;
margin-right: 0;
}
.navbar-cart-total {
margin-left: 5px;
}
.navbar-icons a {
margin: 0 0 0 10px;
}
.navbar-icons .btn.dropdown-toggle {
padding: 0;
}
.hamburger {
padding: 0;
}
.navbar-toggler {
padding: 0;
}
nav.navbar {
padding: 10px;
}
.navbar-search {
position: absolute;
top: 9px;
right: 15px;
}
.nav-link {
border-right: none;
}
.navbar-expand-lg .navbar-nav .nav-link {
padding: 8px 0;
text-align: center;
}
.footer a.footer-link {
display: block;
}
.adaptive-photo .adaptive {
height: 60vh;
}
.woocommerce-message {
display: flex;
flex-direction: column;
}
.woocommerce .woocommerce-message .button {
order: 2;
background-color: #770c0c;
border-radius: 10px;
text-align: center;
font-weight: 400;
margin: 10px 0 0;
}
.woocommerce-billing-fields__field-wrapper,
.woocommerce-shipping-fields__field-wrapper,
.woocommerce-additional-fields {
padding: 0;
}
}
@media (max-width: 415px) {
.woocommerce ul.products[class*="columns-"] li.product,
.woocommerce-page ul.products[class*="columns-"] li.product {
width: 98% !important;
}
.woo-product-mort-inner-title {
padding: 20px 20px;
}
.woo-product-mort-inner-title p {
font-size: 24px;
}
.navbar-logos img {
max-width: 75px;
}
.navbar-icons {
margin: 0;
flex-direction: column;
}
.navbar-icons a {
margin: 10px 0 0 10px;
}
#pageContent {
overflow-x: hidden;
}
#mega-menu-wrap-primary
.mega-menu-toggle
.mega-toggle-blocks-right
.mega-toggle-block {
margin-right: 40px !important;
}
}
@media (max-width: 376px) {
.navbar-logos img {
max-width: 65px;
}
}
@media (max-width: 321px) {
.navbar-logos img {
max-width: 60px;
}
.dropdown-search-wrapper {
right: unset;
left: 0;
}
}