/* Custom CSS */

body {
	font-size: 16px;
}

h1 {
	font-weight: bold;
}

/* links */

.label-stock.text-danger {
	font-size: 20px;
	font-weight: 900;
}
.label-stock.text-danger.small {
	font-size: 16px;
	font-weight: 700;
}
#restock-notification, .expected-restock-date {
	font-size: 16px;
	color: #8a6d3b !important;
}
.bg-black a.product-name {color:#000;}

.global-search {
	background-position: center center;
}

.medarbejder_cirkel img {
	border-radius: 75px;
	border: 2px solid #e1e1e1;
}

.tp_footer_widget {
	border-top: 1px solid #e1e1e1;
}


/* Skjul - Få mail ved hjemkomst link */
a[data-modaltype*="restock-notification"] {display:none;}

/* Skjul - pricematch formular */
#pricematch-form {display: none;}


/* main-column is articles and content */

#main-column p {
	margin-bottom: 15px;
}

/* a.btn-default {color: rgb(0, 0, 0) !important;} */
a.btn-primary, a.btn-success, a.btn-info, a.btn-warning, a.btn-danger {color: rgb(255, 255, 255) !important;}

/*
#main-column a {
	color: #0072a5;
}
*/

/* hvid tekst på slet ønskeliste knap */
#main-column a.remove-wishlist-btn {color:#fff;}

/* Pagination link active color */
.pagination li.active {
	color: #FFFFFF;
}

/* tab-description is producst long description */

#tab-description p {
	margin-bottom: 15px;
}
#tab-description a {
	color: #0072a5;
}

/* buttons */

/* Alerts */

.alert-block {
    color:#000;
}


/* Product images */

/* Youtube fullwidth */

.yt_container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.yt_video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.countdown-text a {
	color: #FFFFFF;
}
.borderline {
	border: 1px solid #999;
	margin: 0px 0px 10px 0px;
}


/**
 * ----------------------------------------
 * Brand header
 * ----------------------------------------
 */

/* Brand header +600px */
.brand-header {margin-top:-30px;}

@media screen and (min-width: 600px) {
.brand-header h1, .brand-header h2 {
    font-size: calc(2em + 2.5vw);
    letter-spacing: .02em;
    margin: 8rem 0 0 4.5rem;
    text-shadow: 0.022em 0.022em 0.022em #111;
    color: #fff;
    position: absolute;
    border-top: 3px solid #f06000;
}

.brand-header h1::before {content:"BRAND";position:absolute;font-size:18px;margin-top:-38px;font-weight:normal;}
.brand-header h2::before {content:"KAMPAGNE";position:absolute;font-size:18px;margin-top:-38px;font-weight:normal;}

/* Brand header brand-logo */
.brand-header :not(p) > img {
	position: absolute;
	bottom: 4.5rem;
	right: 4.5rem;
	float: right;
    vertical-align: middle;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: contain;
    border: 1px solid #e1e1e1;
    box-shadow: 2px 2px 2px #111;
    background-color: #ffffff;
    -webkit-animation: scale-in-center 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: scale-in-center 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0.5;
  }
    50% {
    -webkit-transform: scale(1.4);
            transform: scale(1.4);
        opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    
  }
}
@keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0.5;
  }
        50% {
    -webkit-transform: scale(1.4);
            transform: scale(1.4);
            opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    
  }
}
}

/* Brand header -600px */
@media screen and (max-width: 600px) {
.brand-header h1 {
    font-size: calc(1em + 2.5vw);
    letter-spacing: .02em;
    margin: 3rem 0 0 1.5rem;
    text-shadow: 0.022em 0.022em 0.022em #111;
    color: #fff;
    position: absolute;
    border-top: 2px solid #f06000;
}

.brand-header h1::before {content:"BRAND";position:absolute;font-size:13px;margin-top:-20px;font-weight:normal;}

/* Brand header brand-logo */
.brand-header :not(p) > img {
	position: absolute;
	bottom: 2.5rem;
	right: 1rem;
	float: right;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: contain;
    border: 1px solid #e1e1e1;
    box-shadow: 2px 2px 2px #111;
    background-color: #ffffff;
}
}


.grunge-stroke {height: 55px;background-repeat: no-repeat;margin-top:-55px;}
.grunge-stroke p {display:none;}

.bg-cover {background-size: cover;background-position: top center;}

@media screen and (max-width: 600px) {
    .bg-cover-sm {background: rgb(255,255,255,0.7);background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 20%, rgba(255,255,255,0.7) 80%, rgba(255,255,255,0) 100%);}
    .bg-cover-sm h1 {text-align: center !important;}
}

/* Gør USP Ribbon mindre på mobil */
@media screen and (max-width: 768px) {
    body.homepage .ribbon-usp {top:-37px;}
    body.homepage .ribbon-usp .full-width-wrapper .ribbon-usp-item {font-size:12px;padding: 10px 0;}
    body.homepage .ribbon-usp .full-width-wrapper .ribbon-usp-item svg {width:20px;height: 20px;
}
}

/* shoppingcart på mobil */
#cart-form > div.table-responsive > table > thead > tr > th.quantity-cell {text-align: center;}
@media (max-width: 991px) {
    #cart-form > div.table-responsive > table > tbody > tr.visible-xs > td {white-space: normal;}
#cart-form > div.table-responsive > table > tbody > tr > td.quantity-cell {width: auto;padding:8px 0 !important;}
.cart-table .price-cell, .cart-table .quantity-cell {
    min-width: inherit;
}
}
form#checkout-onepage-form .comment-wrapper .btn, .checkout-onepage-receipt .comment-wrapper .btn {white-space:normal;}

/* navigation på mobil */
@media (max-width: 480px){
#checkout-link-container section.compact-cart {min-width: 320px}
    #checkout-link > span {text-align: center;}
}
@media (max-width: 320px) {
.primary-category-navigation-item {
    width: 50px;
    }
}


#page-header.compact .full-width-wrapper {
    height: 90px;
}

/* Større logo når den ikke er sticky */
@media (min-width: 992px){
    #page-header.compact.fixed .logo {
    padding: 35px;
}
}
.logo {width: 288px;}
.logo a {height: 65px;}

/* Gavekorts knap */
#giftcard-add-button {
    background-color: #46a546 !important;
    color: #fff;
}
#giftcard-add-button:focus {
    outline: inherit;
}

/* Rød linkfarve på salgsbetingelser, hvis ikke de er godkendt */
div.has-error a[data-target="#termsModal"] {
  color: #a94442;
}

body.homepage .global-search .form-search {
    -webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.20);
    box-shadow:0 0 10px 0 rgba(0,0,0,.20);
}
body.homepage .global-search .form-search:focus-within, body.homepage .global-search .form-search:hover {
    -webkit-animation: shadow-drop-2-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: shadow-drop-2-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes shadow-drop-2-center{0%{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.20);box-shadow:0 0 10px 0 rgba(0,0,0,.20)}100%{-webkit-transform:translateZ(50px);transform:translateZ(50px);-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,.55);box-shadow:0 0 20px 0 rgba(0,0,0,.55)}}@keyframes shadow-drop-2-center{0%{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.20);box-shadow:0 0 10px 0 rgba(0,0,0,.20)}100%{-webkit-transform:translateZ(50px);transform:translateZ(50px);-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,.55);box-shadow:0 0 20px 0 rgba(0,0,0,.55)}}



/* Retter fejl hvor autocomplete text ikke ordentlig kan være der */
.autocomplete-suggestion .product-name {
    line-height: 1.2em;
}


/* navigation på to linjer (wrap) på mobil */
@media (max-width: 568px){
    
#page-header.compact .full-width-wrapper {
    height: 90px;
}
#page-header > div.full-width-wrapper {
    flex-wrap:wrap;
}
    .primary-category-navigation {padding:5px;}
.secondary-navigation {
    min-width: 320px;
    justify-content: space-between;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
    .secondary-navigation-item {
        border-left:0;
        padding:10px 15px;
        flex-direction: row;
        justify-content: flex-start;
    }
    .secondary-navigation-item svg {margin-right:5px;}
    .secondary-navigation-item.last {border-right:0;}
    #login-dropdown-container > div.dropdown-menu.dropdown-login.with-arrow {right:inherit;}
    #login-dropdown-container > ul.dropdown-menu.with-arrow {right:inherit;}
    #login-dropdown-container > .dropdown-mobile {right:inherit;}
}

/* skjul gamle cookie notifikation */
#cookie-notification {display:none;}

/* mere synlig usp ved hover */
.ribbon-usp-item:hover path {fill:rgb(0, 116, 187);}
.ribbon-usp-item:hover {background: rgb(245, 245, 245) !important;}


/**
 * ----------------------------------------
 * Brand header
 * ----------------------------------------
 */

/* Brand header +600px */

.brand-cta {padding:20px 0 !important;}

.brand-cta h1 {
    font-family: signika;
    background-color: #fbd30f;
    display: inline-block;
    padding: 10px 20px;
    text-transform: uppercase;
    margin-left: 20px;
}
.brand-cta h1 > a {
    color: #000 !important;
    text-decoration: none;
    font-weight: bold;
}
    
.brand-cta h3 {
    font-family: signika;
    padding: 5px 20px;
    text-transform: uppercase;
    margin-top: 0;
    margin-left: 20px;
}
.brand-cta h3 > a {
    color: #fff !important;
    text-decoration: none;
}

@media screen and (min-width: 1200px) {
.brand-cta > div {background: linear-gradient(90deg, rgba(0,0,0,0) 70%, rgba(255,255,255,0.8) 90%, rgba(0,0,0,0) 100%);}
}


/* Brand header brand-logo */
.brand-cta :not(p) > img {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    mix-blend-mode: multiply;
}

@media screen and (max-width: 1200px) {
.brand-cta :not(p) > img {display:none;}
}


/* Outlet menu-knap */
[data-category=default__005foutlet],[data-category=default__005foutlet__002dfitness],[data-category=default__005foutlet__002doutdoor] {background: rgb(255 215 0 / 50%);}
@media screen and (min-width: 991px) {
[data-category=default__005foutlet],[data-category=default__005foutlet__002dfitness],[data-category=default__005foutlet__002doutdoor] {
    font-weight: bold;
    padding: 5px 8px;
    border-radius: 5px;
    margin: 0; 
}
}


/* emblem på produkter URL: /media/77636/blank.gif 
BF: /media/77799/bf-label-produkter.png
BW: /media/77807/bw-label-produkter.png
CM: /media/77806/cm-label-produkter.png
Gran: /media/77816/julegran_produkter.png
Jul: /media/77814/jul_produkter.png*/

a.main-image-link::after, a.product-image::after {
    background-image: url(/media/77816/julegran_produkter.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 45%;
    height: 40%;
    content: "";
    position: absolute;
    top: 5px;
    right: -8px;
    z-index: 30;
}
/*fjern emblem på produktvisning*/
#main-image-link::after {
    display:none;
}
@media screen and (max-width: 1200px) {
.free-shipping-label, .bulk-discount-label {z-index: 50;}
}



@media screen and (min-width: 600px) {
.brands-rabatter img {padding:10px;}
}

/* Viabill FF hack */
article.product-details-full-view .viabill-pricetag-container .viabill-pricetag-optional-styles {
	max-width: 225px;
	margin: 0 auto;
}

/* Shared-texts modal link styling */
[data-target*="product-guide"] {font-weight: bold;color: rgb(51, 122, 183);}
[data-target*="product-guide"]:before {
   font-family: FontAwesome;
    display: inline-block;
    padding-right: 5px;
    vertical-align: middle;
    content: "\f05a";
    position: relative;
    top: -2px;
    font-weight: normal;
}


/* Gør så en row hænger sammen med frontbanneret */
.banner-extender {background: #040d1e;margin-top: -100px;}
.banner-extender img {margin: auto;padding:30px;}


/* quick fix til filterfunktionen */
#summary-paging > div.product-list-paged-header > ul.pagination {display: none;}
#filter-sorting-container > div.filter-app.ng-scope > div > div.cbx-filter-controls-compact > div {background: rgba(0, 0, 0, 0.024);}
#filter-sorting-container {border-top: 1px solid #e5e5e5;padding: 20px 0;}
.field-control-compact-option.clickable:hover {background: rgba(0,0,0,.025);}

/* Ikke på lager i checkout fix */
td.product-cell > span > span.label-stock.text-danger.small {float:right;}
td.product-cell > span > br {display:none;}