/* VandKompagniet style December 2020*/
/* Typografi START */
@font-face {
   font-family: "Glyphicons Halflings";
   src: url("../fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/bootstrap/glyphicons-halflings-regular.woff2") format("woff2"), url("../fonts/bootstrap/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/bootstrap/glyphicons-halflings-regular.ttf") format("truetype"), url("../fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg");
}
h1, h2, h3, h4, h5, h6, p, a {font-family: 'Lato', sans-serif;}
h1, h2, h3, h4, h5, h6 {color: #000/*#7c9ab7*/;margin: 10px 0 5px 0;}
h1 {font-size: 32px;}
h2 {font-size: 24px; margin-top: 20px;}
h3 {font-size: 22px;}
h4 {font-size: 18px;}
a {
   color: #4F6275;
   cursor: pointer;
}
a:hover {
   color: #3A4856;
   text-decoration: none;
}
p {
   font-size: 1.0em;
   padding: 3px 0;
   color: #212121;
   margin-bottom: 1rem;
   line-height: 1.6
}
/* Typografi SLUT */

/* Html, Body, Container, Knapper START */
body, html {
   height: 100%;
}
.container {
   width: 100%;
   max-width: 1600px;
   margin: 0;
   padding: 0;
   margin-left: auto;
   margin-right: auto;
}
.content {
   margin-top: 30px;
   padding-left: 45px;
   padding-right: 45px;
}
@media (max-width: 991px) {
   .container {
      padding-left: 0;
   }
   .content {
      padding-left: 15px;
      padding-right: 15px;
   }
}
/* Html, Body, Container, Knapper SLUT */


/* ------------------- Navigation START ------------------- */
.menu-top {
   background: rgba(255, 255, 255, 0.5);
   height: 106px;
   position: absolute;
   width: 100%;
   box-shadow: 5px 0 10px rgba(0,0,0,0.25);
   max-width: 1600px;
}
.navbar-brand {
   width: 70%;
	max-width: 330px;
}
.navbar {
   position: absolute;
}
.navbar-nav li a {
   line-height: 25px;
   font-size: 1.3em;
   padding: 6px;
   padding-top: 0px;
}
.dropdown-menu {
   padding-left: 10px;
   padding-right: 10px;
}
.menulink-info {
   font-size: 0.6em;
   padding-left: 10px;
}
ul.nav li {
   color: #35697A !important;
   text-transform: uppercase;
   line-height: 40px;
}
.dropdown-menu a {
   text-transform: none;
}
.dropdown-menu a:hover {
   text-decoration: underline;
}
@media (min-width: 992px) {
   .navbar-header {
      display: none;
   }
   .navbar-center {
		position: absolute;
		left: 3%;
		width: 1000px;
   }
	.dropdown-menu {
		margin-top: 0px;
	}
   .dropdown-menu li {
      line-height: 40px;
	}
}
@media (max-width: 991px) {
   .navbar {
		width: 100%;
      padding: 0;
   }
   .navbar-brand {
      margin-left: 15px;
   }
   .navbar-toggler {
      margin-right: 15px;
   }
	ul.nav a {
		color: #fff !important;
		text-transform: uppercase;
	}
	.collapse.show {
		background: rgba(4, 90, 145, 1);
		z-index: 1000;
		padding: 20px;
	}
	.dropdown-menu {
		background-color: #045a91;
		border: none;
	}
	.dropdown-menu li {
		padding-left: 10px;
		line-height: 40px;
	}
}
.navbar-toggler {
   background-color: #fff;
   padding: 9px 10px;
   border-radius: 4px;
   border: 2px solid #045a91;
}
.navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(4, 90, 145, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}
.caret-up {
   width: 0; 
   height: 0; 
   border-left: 4px solid rgba(0, 0, 0, 0);
   border-right: 4px solid rgba(0, 0, 0, 0);
   border-bottom: 4px solid;
   display: inline-block;
   margin-left: 2px;
   vertical-align: middle;
}
.dropdown:hover .dropdown-menu {
   display: block !important;
   width: 250px;
   border-radius: 0;
}
/* ------------------- Navigation SLUT ------------------- */


/* ---------- Topbanner - Under menu START ---------- */
.bg {
   background-image: url("../img/bg_2020.png");
   height: 330px;
   padding: 0;
   margin: 0;
   background-position: bottom;
   background-repeat: no-repeat;
   background-size: cover;
}
.bg-no { /* Uden billede */
   height: 106px;
   padding: 0;
   margin: 0;
   background-position: bottom;
   background-repeat: no-repeat;
   background-size: cover;
}
@media (max-width: 992px) {
   .bg, .bg-no {
      background-image: none;
		height: 106px;
   }
}
@media (max-width: 768px) {
   .bg, .bg-no {
		background-image: none;
		height: 106px;
   }
}
/* ---------- Topbanner - Under menu SLUT ---------- */

/* -------------------- Footer START -------------------- */
.footer {
   height: auto;
   line-height: 60px;
   background-color: #EDEDED;
   margin-top: 6px;
   padding-top: 30px;
   padding-left: 45px;
   padding-right: 45px;
}
.footer h5 {
   margin-bottom: 15px;
   font-weight: 600;
}
@media (max-width: 991px) {
   .footer-border-md {
      border-bottom: 1px solid #C9C9C9;
      width: 100%;
      margin: 15px 0 15px 0;
   }
}   
@media (max-width: 576px) {
   .footer-border-xs {
      border-bottom: 1px solid #C9C9C9;
      width: 100%;
      margin: 15px 0 15px 0;
   }
}   
.icons {
   margin-top: 25px;
   margin-left: 10px;
   width: 300px;
   height: 30px;
   float: left;
   padding-bottom: 60px;
}
.icons img {
   height: 23px;
   margin: 2px;
}
/* -------------------- Footer SLUT -------------------- */

.top-border {
   border-top: 1px solid #C9C9C9;
   margin-top: 30px;
   margin-bottom: 30px;
   width: 100%;
}
/*
.hr-xs-border {
   margin-top: 1rem;
   margin-bottom: 1rem;
   border: 0;
   border-top: 1px solid rgba(0,0,0,.1);
}
*/



/* Logovand START 
@media (max-width: 576px) {
    .info-tekst-logovand {
	min-height: 0px;
    }
}
@media (min-width: 576px) {
    .info-tekst-logovand {
	min-height: 350px;
    }
}
@media (min-width: 768px) {
   .info-tekst-logovand {
      min-height: 565px;
   }
}
@media (min-width: 992px) {
    .info-tekst-logovand {
	min-height: 440px;
    }
}
@media (min-width: 1200px) {
    .info-tekst-logovand {
	min-height: 320px;
    }
    .info-tekst-cooler {
	min-height: 280px;
    }
}
.info-tekst-logovand {
    margin-top: 10px;
    padding: 10px 0;
    margin-bottom: .2rem;
}
.logovand p {
    padding: 10px 0;
}
/* Logovand SLUT */




/* Produkt info START */



/* Produkt info SLUT */




/* -------------------- Cookies START -------------------- */
.cookiebanner {
   position: fixed;
   left: 0px;
   right: 0px;
   height: 90px !important;
   min-height: 50px;
   background-color: rgba(0, 0, 0, 0.8);
   padding: 5px 16px;
   font-family: arial, sans-serif !important;
   font-size: 18px;
   text-align: center;
   bottom: 0px;
   color: #fff;
   line-height: 40px;
}
.cookiebanner-close {
   float: right;
   padding-left:5px;
   cursor: pointer;
   font-weight: 600;
   color: #FFA500;
}
@media (max-width: 768px) {
   .cookiebanner {
		height: 120px !important;
		line-height: 30px;
   }
}
/* -------------------- Cookies SLUT -------------------- */


/* -------------------- Put-i-kurv START -------------------- */
#DivSuccesPutIKurven {
   /*display: none;*/
   background-image: url('../img/bestil/popup_bg.png');
   background-repeat: no-repeat;
   width: 100%;
   height: 100%;
   /*top: 10%;
   left: 25%;
   position: fixed;
   z-index: 999;
   /*width: 50%;
   height: auto;*/
   padding: 25px 25px 25px 25px;
}
#element_to_pop_up { 
    /*background: rgba(76, 175, 80, 0.0);*/
    /*border-radius:15px;*/
    /*color:#000;*/
    display:none; 
    /*width: 600px;
    height: 600px;*/
    width: 100%;
}
/*.b-iframe {
   height: 300px;
   width: 100%;
   max-width: 600px;
}*/
@media (max-width: 991px) {
   #DivSuccesPutIKurven {
      left: 10%;
   }
}
@media (max-width: 576px) {
   #DivSuccesPutIKurven {
      background-image: url('../img/bestil/popup_bg_mini.png');
      background-repeat: no-repeat;
   }
}
/* -------------------- Put-i-kurv SLUT -------------------- */

#DivSuccesUpload {
   background-color: #494646 !important;
   padding: 3% !important;
   text-align: center;
   height: auto !important;
   border: 1px solid #000;
}
#DivSuccesUpload h3 {
   color: #fff !important;
}

@media (max-width: 576px) {
   #DivSuccesUpload {
      left: 5% !important;
      right: 5% !important;
      width: 90% !important;
   }
   
}

/* Kurven - shop-oplysninger-total.php */
.bestil-delete {
border-radius: 50%;
-webkit-transition: -webkit-transform .8s ease-in-out;
transition: transform .8s ease-in-out;
font-family: lato;
font-size: 2.2rem;
font-weight: 300;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
float: right;
}

.bestil-delete:hover {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.bestil-delete span {
    margin-left: 0;
}



/* Shop-oplysninger */
/*
.oplysninger {
    margin: 40px 0 40px 0;
}
.oplysninger .form-group {
    margin-bottom: 10px;
}
.shop-top label {
    margin-bottom: 0;
}

/* Warnings */
/*
.label-style {
   margin-bottom: 10px;
}

.warning-tip {
   font-style: italic;
   color: #DB4343;
}*/







/*
.table-stk-pris {
   max-width: 250px;
   margin-top: 15px;
}
.table-stk-pris th, .table-stk-pris td{
   padding: .3rem;
}
.laag-show img {
   display: inline-block;
   max-width: 8.5%;
}
@media (max-width: 768px) {
   .laag-show img {
      max-width: 15%;
    }
}*/