body {
}

h1 { color: #121212 !important; text-transform: uppercase; letter-spacing: 5px; margin-bottom: 20px; font-size: 36px;}
h2 { color: #343434; text-transform: uppercase; letter-spacing: 5px; }
h3 { color: #121233; text-transform: uppercase; letter-spacing: 2px; font-size: 18px; }
p { letter-spacing: 1px;}
ul li { letter-spacing: 1px;}
section.padded { padding: 65px 0; }
.rounded-top-xl { border-radius: 21px 21px 0 0; }
.rounded-bottom-xl { border-radius: 0 0 21px 21px; }
.rounded-xl { border-radius: 21px 21px 21px 21px; }
/*.bg-light { background-color: #f4f4ff !important;} */
.bg-light { background-color: #435C80 !important;}
.bg-dblue { background-color: #162337 !important;}
.bg-blue-light { background-image: url('/images/bg-blue-light.png'); background-size: 100% auto; }
.mycontainer { width: 100%;padding-right:15px; padding-left: 15px; }

/* Navbar */
nav.navbar { height: 130px;background-color: #f2f2f2; }
.navbar ul.navbar-nav li.nav-item a { margin: 0 0 0 0;padding: 0 25px; color: #5555AA;text-transform: uppercase; font-weight: bold; font-size: 14px; letter-spacing:1px; }
.navbar-dark .navbar-nav .nav-link { background-color:#f2f2f2; color: #1E466A !important; }
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: #AAAAAA !important; }
.navbar-dark .navbar-nav .nav-link.disabled {  color: #f2f2f2;}
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {  color: #9AADCB !important; }
.navbar-brand img { padding: 5px 0; height: 100px; width: auto; }
.navbar .navbar-toggler .fas { color: #1E466A; }
.navbar .navbar-toggler { border: 1px solid transparant !important; padding: 7px; outline: 1px auto #1E466A !important; }
.navbar .navbar-toggler:focus {color: #f2f2f2 !important; outline: 1px auto transparant !important; background-color: #1E466A !important;}
.navbar .navbar-toggler:focus .fas { color: #f2f2f2 !important; }
.navbar ul.navbar-nav li.nav-item .dropdown-menu { padding: 0; margin: 7px 0 0 13px;}
.navbar ul.navbar-nav li.nav-item .dropdown-menu a.dropdown-item { background-color: #ffffff; color: #1E466A; padding:7px 10px 7px 15px; }
.navbar ul.navbar-nav li.nav-item .dropdown-menu a.dropdown-item:hover { color: #9AADCB !important; }
.navbar ul.navbar-nav li.nav-item .dropdown-menu a.dropdown-item.second { border-bottom: 1px solid #9AADCB;border-top: 1px solid #9AADCB; }

.mycontainer { max-width: 1140px; }

/* Main section */
section#main-intro { padding-top: 130px; }
section#main-intro .imagebox {background-image: url('/images/wlm-home.jpg'); height: 630px; background-size: auto 100%; background-repeat: no-repeat; background-position: center; width:100% !important; }
section#main-intro .imagebox.contact {background-image: url('/images/wlm-contact.jpg');background-position: left center; }
section#main-intro .imagebox.prvlabel {background-image: url('/images/wlm-private-label-brands.jpg');background-position: center center; }
section#main-intro .imagebox.ownbrands {background-image: url('/images/wlm-own-brands.jpg');background-position: center center; }
section#main-intro .logobox { padding: 0; }
section#main-intro .logobox img.logo { width: 270px; padding:40px 25px 25px 25px; background-color: #F2f2f2;border-radius:0 0 12px 12px !important;}
section#main-intro .infobox { padding-top: 200px; } 
section#main-intro .infobox h2 { color: #f2f2f2; text-transform: uppercase; letter-spacing: 2px; }
section#main-intro .infobox h3 { font-size: 18px;color: #d2d2FF; text-transform: uppercase; letter-spacing: 2px; }
section#main-intro .infobox h4 { font-size: 18px;color: #333366; text-transform: uppercase; letter-spacing: 2px; }

/* div.iconbar { border: 1px solid #0E0E16; } */

/* Section what we do */
section#whatwedo { }
section#whatwedo small { color: #343477; font-size: 70%; }
section#whatwedo div.imgbox { height:400px; overflow:hidden; }
section#whatwedo img.what-image { height:400px;width:560px; }
.ret-brands, .own-brands { cursor: pointer; }
.ret-brands a { color: #ccccFF; }
.own-brands a { color: #ccccFF; }
/*section#whatwedo .own-brands a { color: #007bff; } */
.own-brands a:hover, .ret-brands a:hover { text-decoration: none; }

/* Section for icons */
section#iconbar { background-image: url('/images/bg-blue-light.png'); background-size: 100% auto; }

/* Section Who we are */
section#whoweare { background: url('/images/wlm-historie.jpg') no-repeat center center;  }

/* Section What we believe */
section#ourmission { background-color: #FFFFFF;  }

/* Section contact */
section#contact { background-color: #f4f4ff; }

section.linedraw { padding-bottom:30px; }
section#luggage { width:100%; background-color: #0E0E16; }

/* Footer */
footer { background-color: #fafafa; padding:30px 0; font-size: 14px; color: #AAAAAA; }
footer a { color: #AAAAAA; text-decoration: underline; }
footer a:hover { color: #888888; }
footer h4 { color: #898989; font-size: 14px; font-weight: normal; }
footer p { letter-spacing: 0; }

section#contactform { background-color: #f2f2f2; }
section#gmaps iframe { height: 650px; }

.card-body { position: absolute !important; color: #F2f2f2;}
section#album .album, section#feature-album .album2, section#claymore .album, section#partridge .album  {  background-image: url(/images/private-label/bg-features.jpg);background-size: auto 100%; background-repeat: no-repeat; background-position: left center; }
section#album .album:before, section#feature-album .album2:before, section#claymore .album:before, section#partridge .album:before{ position: absolute; content:" ";
  top:0; left:0; width:100%; height:100%; display: block; z-index:0;
  background-color: rgba(22,35,55,0.6);
}
section#feature-album .album2 {  background-image: url(/images/private-label/bg-brands.jpg);background-position:right center; }
section#feature-album .album2:before {  background-color: rgba(122,122,122,0.8);}

section#claymore .album {  background-image: url(/images/own-brands/claymore-bg.jpg);background-position:left center; }
section#claymore .album:before {  background-color: rgba(255,255,255,0.6);}
section#claymore .album #cm-img { margin: 25px 0 20px 35px; max-height: 400px; }

section#senz { background-color: rgba(242,242,242,1); }
section#senz .album {  background-image: url(/images/own-brands/senz-bg.jpg);background-position:left center; }
section#senz .album:before {  background-color: rgba(212,212,212,0.6);}
section#senz .album #sz-img { margin: 5px 35px 20px 0; max-height: 480px; }

section#partridge { background-color: #FFFFFF; }
section#partridge .album { padding:20px 0; background-image: url(/images/own-brands/partridge-bg.jpg);background-position:right center; }
section#partridge .album:before {  background-color: rgba(227,204,177,0.6);}
section#partridge .album #pr-img { margin: 5px 35px 20px 0; max-height: 300px; }

section#redgrip { background-color: #AA0000; color: #FFFFFF; }
section#redgrip .album { padding:20px 0; background-image: url(/images/own-brands/redgrip-bg.png);background-position: left 25px center; background-repeat: no-repeat; }
/*section#redgrip .album:before {  background-color: rgba(227,204,177,0.6);} */
section#redgrip h2, section#redgrip h3  { color: #ffffff; }
section#redgrip a  { color: #c0c0c0; }

section#album *, section#feature-album *, section#claymore *, section#partridge *, section#redgrip * {
    position: relative;
    /* hack */
}

section#carousel { background-color: #162337; }
.carousel-indicators{top:0; }
ol.carousel-indicators li { width: auto; } 
ol.carousel-indicators li img { position:relative;float:left; border:1px solid #f2f2f2;width:100px; } 


@media (min-width: 1921px) {
	section#main-intro .imagebox {height: 830px; }
}

/* Extra large devices (large desktops, 1200px up to 1920px) */
@media (max-width: 1840px) {
	section#claymore .album:before {  background-color: rgba(255,255,255,0.9);}
	section#senz .album:before {  background-color: rgba(242,242,242,0.9);}
	section#claymore .album, section#senz .album, section#partridge .album, section#redgrip .album {  background: none; }
}

/* Large devices (desktops, 992px and up) */
@media (max-width: 1199.98px) { 
	.mycontainer { max-width: 960px; }
	section#main-intro .imagebox {height: 420px; }	
	section#main-intro .logobox img.logo { width: 200px; padding:30px 15px 15px 15px;}
	section#main-intro .infobox { padding-top: 80px; } 
	section#main-intro .infobox h3 { font-size: 16px; }
	section#main-intro .infobox h4 { font-size: 16px; }
}

/* Medium devices (tablets, 768px and up) */
@media (max-width: 991.98px) {
  	.mycontainer { max-width: 720px; }
  	section#main-intro .imagebox {height: 320px; }	
	section#main-intro .logobox img.logo { width: 150px; padding:30px 15px 15px 15px;}
	section#main-intro .infobox { padding-top: 50px; } 
	section#main-intro .infobox h2 { font-size: 24px; }
	section#main-intro .infobox h3 { font-size: 12px; }
	section#main-intro .infobox h4 { font-size: 14px; }
	nav.navbar .navbar-collapse { background-color: #f2f2f2 !important; }
	.navbar ul.navbar-nav li.nav-item a {padding: 10px 20px; border-top: 1px solid #c0c0c0; }
}

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 767.98px) {
  	.mycontainer { max-width: 540px; }
  	section#main-intro { padding-top: 80px; }
	section#main-intro .imagebox {height: 520px; background-position: left -610px center; }	
	section#main-intro .imagebox.prvlabel {background-position: left -610px center; }
	section#main-intro .imagebox.ownbrands {background-position: left -610px center; }
	section#main-intro .logobox img.logo { width: 150px; padding:20px 10px 10px 10px; margin-right:10px;}
	section.padded { padding: 25px 0; }
	nav.navbar {height: 80px;}
	.navbar-brand img { padding: 5px 0; height: 60px; width: auto; }
	h1 { font-size: 24px;}
	h2 { font-size: 24px; }
	h3 { font-size: 18px; }
	.navbar ul.navbar-nav li.nav-item .dropdown-menu { padding: 0; margin: 7px 0 0 0;}
	.card-body { font-size: 11px; padding:  7px 5px;}
	.card-text { min-height: 50px; }
	ol.carousel-indicators li img { width:50px; } 
	section#whatwedo .own-brands { margin: 20px 0;}
}