/**
 * Copyright SwedishWebMaker 2013
 * stefan@swedishwebmaker.se
 * 2014-01-23
 */

/* customize.css: customer specific changes to css */ 

/* LG colors: 
blue: #1d3d8f
red: #d20a11
*/

/* KUND */ 
/* Google fonts */
/* Get it from: http://fonts.googleapis.com/css?family=XXXX:normal */
/* http://fonts.googleapis.com/css?family=Roboto:normal,light,italic,300italic,regular,medium */

/* common */
/* headers */

@import url(http://fonts.googleapis.com/css?family=Roboto:300,300italic,400,500,400italic,500italic);
h1 { 
  font-family: roboto, sans-serif; /* R Light */
  font-size:26px;
  font-weight: 300;
  text-transform: uppercase;
  line-height: 34px;
  color: #d20a11;
}

h2 { /* article title */
  font-family: Roboto, Arial, Helvetica, sans-serif; /* R Regular */
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
  color: #d20a11;
}

h3, div.rsform legend, div.rsform h2 { /* module title + rsform in module */ 
  font-family: Roboto, Arial, Helvetica, sans-serif; /* R Regular */
  font-size: 20px;
  font-weight: 300;
  line-height: 32px;
  color: #ffffff;
  text-transform: uppercase;
}

h4 {
  font-family: Roboto, Arial, Helvetica, sans-serif; /* R regular */
  font-size: 18px;
  font-weight: 400;
  color: #ffffff;
  text-transform: uppercase;
}

/* content, general */
body {
  /* font-family, font-size, etc */
}

p, body { /* paragraph */
  font-size: 14px;
  font-weight: 300;
  line-height: 22px; 
}

/* title & description */
span#swmtitle {
}

span#swmdescription {
}

/* header */
div#swmheaderwrapper {
  background-image: url('../../../images/template/background/header-blue.png');
  background-repeat: repeat-x;
}

div#swmheader {
  background-color: transparent ! important;
  background-position: 20px center ! important;
}

/* menu */
/* swmheadermenu + language customized menu position headermenu for lg */

div#swmheader {
  position: relative;
}

div#swmlanguage {
  position: absolute;
  right: 20px;
  top: 0;
  z-index: 1000;
}

div#swmlanguagephone > div.moduletable {
  padding: 0;
}

div#swmlanguagephone > div.moduletable ul li {
  padding-right: 10px;
}

div#swmheadermenu {
  position: absolute;
  right: 20px;
  bottom: 0;
  z-index: 1000;
}  

div#swmheadermenu ul {
  margin-left: 0;
  margin-right: 0;
}

div#swmheadermenu ul li {
  display: inline;
  list-style: none;
  border-right-color: #ffffff;
  font-size: none; /* gets inherited from p, body otherwise */
}

div#swmheadermenu ul {
  text-align: right;
}

div#swmheadermenu ul.menu li, div#swmheadermenu ul.menu li a {
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  /* font-style: italic; */
  font-size: 11px;
  font-weight: 300;
  color: #ffffff;
}

div#swmheadermenu ul.menu li.active a {
}

/* left, content, right */

/* subbox */

#swmsubbox a {
  color: #d20a11;
}

#swmsubbox p {
}

/* footer */
div#swmfooterwrapper {
  background-image: url('../../../images/template/background/footer-blue.png');
  background-repeat: repeat;
  padding-top: 20px;
}

div#swmfooterwrapper, div#swmlinkwrapper { /* we use bg image */
  background-color: transparent ! important;
}

div#swmfooter p {
  font-weight: 300;
  font-size: 12px;

}

div#swmfooter strong {
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.04em;
}

/* content specific */ 

div.rsform h2 { /* defined before swmred and swmblue, if used not in conjunction with swmred or swmblue */
  color: #d20a11;
}

div.rsform.swmred h2, div.rsmform.swmblue h2 { /* if rsform + swmred/swmblue set color to white */
  color: #ffffff;
}

div.rsform.swmred span.formError, div.rsform.swmred p.formError { /* error messages when bg is red */
  color: orange;
}

div.swmred {
  background-color: #d20a11;
  background-image: url('../../../images/template/background/bg-red.png');
  background-repeat: repeat;
  padding: 15px 15px 15px 15px;
}

div.swmblue {
  background-color: #1d3d8f;
  background-image: url('../../../images/template/background/bg-blue.png');
  background-repeat: repeat;
  padding: 15px 15px 15px 15px;
  width: 100%;
}

div.swmred > div.swmred, div.swmblue > div.swmblue { /* if double div.swm... */
  padding: 0;
  background-image: none;
  background-color: transparent;
}

div.swmred a:hover, div.swmblue a:hover {
  text-decoration: none;
}

.swmred h1, 
.swmred h2, 
.swmred h3, 
.swmred h4, 
.swmred p,
.swmred a,
.swmblue h1, 
.swmblue h2, 
.swmblue h3, 
.swmblue h4, 
.swmblue p,
.swmblue a {
  color: #ffffff;
}

.swmred h1:first-child, 
.swmred h2:first-child, 
.swmred h3:first-child, 
.swmred h4:first-child, 
.swmred p:first-child, 
.swmblue h1:first-child, 
.swmblue h2:first-child, 
.swmblue h3:first-child, 
.swmblue h4:first-child,
.swmblue p:first-child {
  margin-top: 0;
}

/* swmred + swmblue + rsform */

div.rsform.swmred legend, 
div.rsform.swmblue legend, 
div.rsform.swmred div.formBody, 
div.rsform.swmblue div.formBody,
div.rsform.swmred div.formCaption2, 
div.rsform.swmblue div.formCaption2,
div.rsform.swmred div.formControlLabel,
div.rsform.swmblue div.formControlLabel {
  color: #ffffff;
}

/* special offers */

.specialoffer {
  background-color: #D11111;
  color: #ffffff;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
}

div.specialoffer:first-child {
  padding: 10px;
}

.specialoffer p {
  padding: 5px;
  margin: 0;
}

.specialoffer h3 {
  font-size: 26px;
  font-style: italic;
}

.specialoffer a {
  background-color: white;
  color: #000000;
  text-decoration: none; 
  padding: 2px;
}

/* flashbox1 */

.flashbox1 {
  /* background-color: #a9d6f0; */
  color: #ffffff;
  /* font-size: 14px; */
  font-weight: normal;
  text-align: center;
}

div.flashbox1:first-child {
  padding: 20px;
}

.flashbox1 p {
  padding: 0;
  margin: 0;
}

.flashbox1 h3 {
 /*t-size: 20px;
   font-style: italic; */
  /* margin-top: 10px ! important; */
  line-height: 32px;
}

.flashbox1 a {
  /* background-color: white;
  color: #000000;*/ 
  text-decoration: none; 
  padding: 4px;
}

/* phone puff used with imgrightvertcenter */
div.phonepuff h3 {
  margin-bottom: 0; 
  margin-right: 30px;
}

/* rsform */ 

div.moduletable > div.rsform { /* form in module */
  padding-top: 15px;
}

div.rsform legend { /*  no line under heading */
  border-bottom: none;
}

div.formBody { /*  a little bit of space in the form between fields */
  margin-bottom: 10px;
}

.formResponsive input[type="submit"] { /* submit button with LG blue */
  background-color: #1d3d8f;
  background-image: -ms-linear-gradient(top, #0088cc, #1d3d8f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#1d3d8f));
  background-image: -webkit-linear-gradient(top, #0088cc, #1d3d8f);
}

.formResponsive input[type="submit"]:hover, .formResponsive input[type="submit"]:active, .formResponsive input[type="submit"].active, .formResponsive input[type="submit"].disabled, .formResponsive input[type="submit"][disabled] { /* submit button hover */
  background-color: #1d3d8f;
}

form#userForm.rsform-half { /* rsform 50% width */
  width: 50%;
}

/* contact form in right module */

div.rsform.contact-right { /* form at top aligned with box */
  padding-top: 0 ! important; 
}

div.rsform.contact-right h2 { /* remove some space from h2 in this case */
  margin-top: 0;
}

/* contact form in bottom (phone) */

div.rsform.contact-bottom-phone h2 {
  color: #ffffff;
}

div.rsform.contact-bottom-phone span.formError, div.rsform.contact-bottom-phone p.formError { /* error messages, form is in footer, bg is blue */
  color: orange;
}

/* coolclock */

canvas.day {
  /* background-color:#ff0; /*yellow*/
  background-image: url('../../../images/template/icon/day-icon.png');
  background-repeat: no-repeat;
  background-position: top right;
  background-size: 15px 15px;
}
canvas.night {
  /* background-color:#ddf; /* light blue */
  background-image: url('../../../images/template/icon/night-icon.png');
  background-repeat: no-repeat;
  background-position: top right;
  background-size: 15px 15px;
}

canvas.day, canvas.night {
    padding:8px;
}

div#swmsubboxr2 > div.col-md-9 { /* the clocks in subbox 6 */
  background-color: #e6e6e6; 
  min-height: 0;
}

div.swmclock {
  float: left;
  width: 16.66666666666667%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding: 15px 10px 15px 10px;
}

div.swmclock h3 {
  font-size: 14px;
  line-height: 16px;
  margin-top: 0px;
  margin-bottom:15px;
  color: black;
  text-transform: uppercase;
  text-align: center;
}

div.imgrightvertcenter { /* vertical center img in div */
  position: relative;
}

div.imgrightvertcenter img {
  position: absolute;
  top:0;
  bottom:0;
  right: 0;
  margin:auto;
  float: right;
}

/* auto popup */
div.fancybox-wrap img {
  max-width: 100%;
}

/* responsive */
/* Large desktop */
@media (min-width: 1200px) { 
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 
  a span#swmtitle {
  }

  a span#swmdescription {
  }

  div#swmheader { /* default is bg 90% */
    background-size: inherit; 
  }

  div#swmleft > div.moduletable, div#swmright > div.moduletable {
    padding-top: 10px;
  }

  div#swmbanner2content {
    margin-top: 20px;
  }

 /* banner1, banner2, content, subbox */

  div#swmcontent > div, div#swmsubbox > div.col-md-3, div#swmbanner1content, div#swmbanner2content { /* get rid of padding */
    padding-left: 0;
    padding-right: 0;
  }

  /* cool clock */
  div#swmsubboxr2 > div.col-md-9 { /* grey box follows width of other modules */
    padding-left: 0;
    padding-right: 0;
    margin-left: 15px;
    margin-right: 15px;
  }

  div.swmclock {
    float: none;
    width: 100%;
  }

  div#swmsubboxr2 > div {
    margin-bottom: 20px;
  }

}

/* Landscape phone to portrait tablet */

@media (max-width: 767px) { 
  /* title & description */
  a span#swmtitle {
  }

  a span#swmdescription {
  }

  /* phone menu */ 
  span.caret.swmmenuleft {
    float: right; 
  }

  h1 { 
    font-size:26px;
    font-weight: 300;
    text-transform: none;
  }
  h2 { /* article title */
    font-size: 24px;
    font-weight: 400;
  }
  h3, div.rsform legend, div.rsform h2 { /* module title + rsform in module */ 
    font-size: 22px;
    font-weight: 300;
  }

  h4 {
    font-size: 20px;
    font-weight: 400;
    line-height: 25px;
  }
  p { 
   font-size:18px;
   font-weight: 300;
  }

  div#swmleft > div.moduletable, div#swmright > div.moduletable {
    padding-top: 10px;
  }

  div#swmbanner2content {
    margin-top: 20px;
  }

  div#swmfooter p {
    font-weight: 300;
    font-size: 14px;
   
   }

  div#swmfooter strong {
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.06em;
  }

  div.swmwidth:first-child { /* container + row has padding */
    padding-left: 0;
    padding-right: 0;
  }

  /* rsform */ 
  form#userForm.rsform-half { /* rsform 50% width */
    width: 100%;
  }

  /* banner1, banner2, content, subbox */

  div#swmcontent > div, div#swmsubbox > div.col-md-3, div#swmbanner1content, div#swmbanner2content { /* get rid of padding */
    padding-left: 0;
    padding-right: 0;
  }

  /* cool clock */
  div#swmsubboxr2 > div.col-md-9 { /* grey box follows width of other modules */
    padding-left: 0;
    padding-right: 0;
    margin-left: 15px;
    margin-right: 15px;
  }

  div.swmclock {
    float: none; 
    width: 100%;
  }

  div#swmsubboxr2 > div {
    margin-bottom: 20px;
    background-color: #ffffff;
  }
}
 

/* Landscape phones and down */
@media (max-width: 480px) { 
}