/** Campaign CSS - 20140425 **/
.navSupScrollTop
{
	visibility: hidden;
	opacity: 0;
	
	position: fixed;
	bottom: 0.3em;
	left: 0.3em;
	width: 3em;
	height: 3em;
	background-color: #777;
    background-image: url("../../../Img/navigation/scrollToTopArrow.png");
    background-size: contain;
	
	cursor: pointer;
	
	box-shadow: rgba(0,0,0,0.5) 0 0 5px;
	
	-moz-transition: opacity .25s linear, visibility .1s linear;
	-webkit-transition: opacity .25s linear, visibility .1s linear;
	-o-transition: opacity .25s linear, visibility .1s linear;
	transition: opacity .25s linear, visibility .1s linear;
    z-index:1000;
}
.navSupScrollTop.is-active
{
	visibility: visible;
	opacity: 1;
}

/* Default (desktop) */
html {}
body.res_themes_bostadvasteras_pages_cm_templates_article_campaign {
}
body {
    font-family: 'Libre Baskerville', serif;
    line-height: 23px; 
    font-size: 21px; 
    color:#3C3C3B;
    padding-top:0;
}
.handheld-menu > .handheldTopMenu {
    display: none;
}
form {
    margin: 0 auto;
    padding-bottom: 0;
    position: relative;
    width: 100%;
}
.bg {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
	
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
	
  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;

  opacity:0.4;
}


div.siteFooter-container div.siteFooter div.siteContact.campaign span br {
    margin-bottom:4px;

}
div.siteFooter-container div.siteFooter div.siteContact.campaign a {
    color:#412724;
    text-decoration:none;

}
h1 {
    font-family: 'Libre Baskerville', serif;
        color: #412724;
}


h2 {
    color: #412724;
    font-size: 48px;
    line-height: 70px;
    margin-bottom: 50px;
    text-transform: uppercase;
}

h3 {
    font-size: 32px;
        color: #412724;
    font-weight: normal;
    line-height: 40px;
    margin: 0 0 25px;
}

p {
    line-height: 34px;
    margin: 0 0 30px;
}

h4 {
            color: #412724;
    font-size: 29px;
    line-height: 40px;
        font-weight: normal;
    margin: 0 0 14px;
}

em, strong em {
    font-style: italic;
        font-weight:700;
}
strong {
    font-weight:700;
}
div.siteMain-container div.siteMain div.col100 table.col50 {
    background:#fff;
    float:right;
}
div.siteMain-container div.siteMain div.col100 table.col50 tr td {
    padding:10%;
}
ul.thumbnail-list img {
    border: 4px solid #fff;
    margin: 0;
}
.col25 img {
    max-width:100%;
}

.col50 img {
    max-width: 100%;
}

@media screen and (max-width: 1024px) { /* Specific to this particular image */
.bg {
    left: 50%;
    margin-left: -512px;   /* 50% */
  }
}
div.siteHeader-container, div.siteMain-container, div.siteFooter-container, div.siteLogo-container {
    background: transparent;
    margin: 0 auto;
    overflow: hidden;
    width:100%;
}
div.siteHeader-container {
    background:#fff;
}
div.siteHeader, div.siteLogo, div.siteMain, div.siteFooter {
    background: transparent;
    margin: 0 auto;
    overflow: hidden;
    width:960px;
}
div.siteLogo {
    text-align:center;
    margin-top:30px;
}
div.siteLogo img {
    width:120px;
}

div.siteMain {
    padding: 90px 20px;
}
div.siteFooter-container {
    background:#fff;
    padding:0 0 50px;
    color:#412724;
}

div.siteFooter {
    border-top: 7px solid #412724;
    color: #412724;
    font-size: 23px;
    line-height: 28px;
    padding-top: 50px;
    text-align: center;
}
.col100 {
    background:transparent;
}
div.siteContent {
    width: 100%;
}
.header-content {
    margin:30px auto 0;
    width:960px;
}
.displaynone {
    visibility:hidden;
    display:block;
    }
.campaign-title {
    color: #412724;
    font-size: 80px;
    letter-spacing: -3px !important;
    line-height: 100px;
    text-align: center;
    position:relative;
    padding-bottom:20px;
    text-transform:uppercase;
    margin-bottom:50px;
}

.campaign-title:before {
    content : "";
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    bottom  : 0;
    height  : 1px;
    width   : 30%;  /* or 100px */
    border-bottom:7px solid #412724;
    text-align:center;
}
.campaign-text h2 {
    font-family: 'Libre Baskerville', serif;
    color: #a28255;
    font-size: 60px;
    letter-spacing: -2px !important;
    line-height: 70px;
    text-align: right;
    text-shadow: 1px 1px 1px #000;
    padding-right:30px;
    margin-bottom:30px;
}
.campaign-text {
        font-family: 'Libre Baskerville', serif;
    color: #a28255;
    font-size: 34px;
    letter-spacing: -1px !important;
    line-height: 36px;
    text-align: center;
   font-style:italic;
    padding:0 40px;
    margin-top:20px;
}

div.campaign-menu-container {
    width: 958px;
    text-align: center;
    padding:10px 0;
    margin:40px auto 30px;
}
ul.campaignMenu {
    margin: 2px auto; 
    line-height: 1.4;
}
ul.campaignMenu li {
    display: inline; 
    text-align: center; 
}
ul.campaignMenu li a {
    padding:0 10px;
    color: #a28255;
    font-size: 21px;
    text-decoration:none;
    letter-spacing:-1px;
}
ul.campaignMenu li a:before {
    content: "\f054";
    font-family: FontAwesome;
    padding-right: 6px;
    color: #a28255;
    line-height: 30px;
    text-decoration: none;
    font-size: 18px;
    display: inline-block;
}
ul.campaignMenu li a:hover:before{
    content: "\f054";
    font-family: FontAwesome;
    color: #412724
}
ul.campaignMenu li a:hover {
    color:#412724;
}
div.thumbnail-container {
    width: 960px;
    text-align: center;
    padding:10px 0 23px;
    margin:0 auto;
}
div.thumbnail-container ul.horizontal.thumbnail-list {
    margin: 2px auto; 
    line-height: 1.4;
    float:none;
}
div.thumbnail-container ul.horizontal.thumbnail-list li {
    display: inline; 
    text-align: center;
    float:none;
    margin-bottom:10px;

}
div.thumbnail-container ul.horizontal.thumbnail-list li.alignleft, div.thumbnail-container ul.horizontal.thumbnail-list li.alignright {
    margin:0;
    float:none;
}

div.related-content-container {
    width:100%;
    margin:0 auto;
}
.box.secondary.articlerelations.related-content {
    background:#dcd9d5;
    color:#fff;
    width:100%;
    text-align:center;
    padding-top:30px;
    padding-bottom:50px;
    margin-bottom:0;
}
.box.secondary.articlerelations.related-content h3 {
    text-align:center;
    font-size:46px;
    display:inline-block;
    padding: 14px 25px;
    background:transparent;
    color:#412724;
    letter-spacing:-1px;
    margin-bottom:0;
}
.box.secondary.articlerelations.related-content ul.horizontal {
    margin: 20px auto 0; 
    line-height: 1.4;
    float:none;
}
.box.secondary.articlerelations.related-content ul.horizontal li {
    display: inline; 
    text-align: center;
    float:none;
}

.box.secondary.articlerelations.related-content ul.horizontal li a {
    padding:0 10px;
    color: #412724;
    font-size: 17px;
    font-weight: 400;
    text-decoration:none;
    letter-spacing:-1px;
}
div.related-content div.box-inner li.cm_page,
div.related-content div.box-inner li.doc_document,
div.related-content div.box-inner li.inf_link {
    background:none;
    padding:0;
    }
div.related-content div.box-inner li.cm_page a:before,
.box.secondary.articlerelations.related-content ul.horizontal li a:before {
    content: "\f054";
    font-family: FontAwesome;
    padding-right:8px;
    color:##412724;
    text-decoration:none;
    font-size:17px;
    display:inline-block;
    }
/** Snippets Campaign **/
table.box {
    width:100%;
}
table.box.white {
    background:transparent url(../Img/Campaign/bg-transparent.png) repeat 0 0;
    border-radius: 12px;
}
td.col50 {
   width:50% !important;
}
td.col50.campaign-content-left {
    padding-right: 10px;
}
td.col50.campaign-content-right {
    padding-left: 10px;
}
table.box .box-inner.white {
    background:transparent url(../Img/Campaign/bg-transparent.png) repeat 0 0;
    border-radius: 12px;
    color: #222;
    font-size: 16px;
    line-height: 27px;
    padding: 32px;
}
table.box .box-inner.white.left, table.box .box-inner.white.right {
    background:none;
    color: #222;
    font-size: 16px;
    line-height: 27px;
    padding: 32px;
}
/** WHITE BOX **/
table.box .box-inner.white a.bulleted:hover,
table.box .box-inner.white.left a.bulleted:hover, 
table.box .box-inner.white.right a.bulleted:hover {
    color:#000;
    text-decoration:none;
}
table.box .box-inner.white a.bulleted:before,
table.box .box-inner.white.left a.bulleted:before, 
table.box .box-inner.white.right a.bulleted:before {
    content: "\f054";
    font-family: FontAwesome;
    padding-right:4px;
    color:#028FC6;
    text-decoration:none;
    font-size:17px;
    display:inline-block;
    margin-left:4px;
}
table.box .box-inner.white a.bulleted:hover:before {
    content: "\f054";
    font-family: FontAwesome;
    color:#000;
}
/** BROWN BOX **/
table.box .box-inner.brown a.bulleted {
    color:#fff;
    text-decoration:none;
}
table.box .box-inner.brown a.bulleted:hover {
    color:#028FC6;
    text-decoration:none;
}
table.box .box-inner.brown a.bulleted:before {
    content: "\f054";
    font-family: FontAwesome;
    padding-right:4px;
    color:#fff;
    text-decoration:none;
    font-size:17px;
    display:inline-block;
    margin-left:4px;
}
table.box .box-inner.brown a.bulleted:hover:before {
    content: "\f054";
    font-family: FontAwesome;
    color:#028FC6;
}
/** BLACK BOX **/
table.box .box-inner.black a.bulleted {
    color:#fff;
    text-decoration:none;
}
table.box .box-inner.black a.bulleted:hover {
    color:#028FC6;
    text-decoration:none;
}
table.box .box-inner.black a.bulleted:before {
    content: "\f054";
    font-family: FontAwesome;
    padding-right:4px;
    color:#fff;
    text-decoration:none;
    font-size:17px;
    display:inline-block;
    margin-left:4px;
}
table.box .box-inner.black a.bulleted:hover:before {
    content: "\f054";
    font-family: FontAwesome;
    color:#028FC6;
}
/** BLUE BOX **/
table.box .box-inner.blue a {
    color:#000
}
table.box .box-inner.blue a.bulleted {
    color:#fff;
    text-decoration:none;
}
table.box .box-inner.blue a.bulleted:hover {
    color:#000;
    text-decoration:none;
}
table.box .box-inner.blue a.bulleted:before {
    content: "\f054";
    font-family: FontAwesome;
    padding-right:4px;
    color:#fff;
    text-decoration:none;
    font-size:17px;
    display:inline-block;
    margin-left:4px;
}
table.box .box-inner.blue a.bulleted:hover:before {
    content: "\f054";
    font-family: FontAwesome;
    color:#000;
}
table.box .box-inner.black {
    background:transparent url(../Img/Campaign/bg-transparent-black.png) repeat 0 0;
    border-radius: 12px;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 27px;
    padding: 32px;
}
table.box .box-inner.brown {
    background:transparent url(../Img/Campaign/bg-transparent-brown.png) repeat 0 0;
    border-radius: 12px;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 27px;
    padding: 32px;
}
table.box .box-inner.blue {
    background:transparent url(../Img/Campaign/bg-transparent-blue.png) repeat 0 0;
    border-radius: 12px;
    border-radius: 12px;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 27px;
    padding: 32px;
}
table.box .box-inner.black h3, table.box .box-inner.brown h3, table.box .box-inner.blue h3 {
    color:#fff;
    font-size:28px;
    line-height:35px;
}
table.box .ingress {
    font-size:18px;
    font-weight:600;
    letter-spacing:-1px;
    line-height:28px;
}
table.box h3 {
    font-size:32px;
    font-weight:400;
    letter-spacing:-1px;
    margin-bottom:20px;
    line-height: 44px;
}
table.box a {
    text-decoration:none;
    color:#028FC6;
}
table.box a:hover {
    text-decoration:underline;
    color:#fff;
}
table.box .col50 img {
    max-width: 430px !important;
}
.col50 .box-inner img {
    max-width: 405px !important;
}
a.bulleted:before {
    content: "\f054";
    font-family: FontAwesome;
    padding-right:4px;
    color:#fff;
    text-decoration:none;
    font-size:17px;
    display:inline-block;
    margin-left:4px;
}

table.campaign-submenu {
    margin: 0 auto 20px;
    background:transparent url(../Img/Campaign/bg-transparent.png) repeat 0 0;
    border:1px solid #222;
}
table.campaign-submenu .box-inner {
    padding:10px;
}
table.campaign-submenu ul {
    margin:0;
}
table.campaign-submenu ul, 
table.campaign-submenu ul li {
   list-style-type:none;
}
table.campaign-submenu ul li {
   display:inline-block;
   margin:0 10px;
}
table.campaign-submenu ul li a {
    color:#000;
    text-decoration:none;
}
table.campaign-submenu ul li a:hover {
    color:#028FC6;
    text-decoration:none;
}
table.campaign-submenu ul li a:before {
    content: "\f054";
    font-family: FontAwesome;
    padding-right:4px;
    color:#000;
    text-decoration:none;
    font-size:17px;
    display:inline-block;
    margin-left:4px;
}
table.campaign-submenu ul li a:hover:before {
    content: "\f054";
    font-family: FontAwesome;
    color:#028FC6;
}
    div.related-content div.box-inner li.inf_link {
        background:none !important;
    }

/* Tablet */
@media (min-width: 481px) and (max-width: 979px) {
    body {
        padding-top:0;
        padding:15px;
    }
    form {

    }
    .handheld-menu .handheldTopMenu, .handheldTopMenu.nojs {
        position: relative;
        z-index: 2000;
        background: #92352e;
    }
    .handheld-menu .handheldTopMenu li, .handheldTopMenu.nojs li {
        position: relative;
        z-index: 2000;
    }
    .handheld-menu .handheldTopMenu a, .handheld-menu .handheldTopMenu span {
        font-weight: normal;
        font-size: 14px;
        line-height: 46px;
        padding-left: 0.6em;
        color: #fff;
        border: none;
    }
    .handheld-menu .handheldTopMenu span {
        line-height: 45px;
    }
    .handheld-menu .handheldTopMenu li, .handheldTopMenu.nojs li {
        border-bottom: 1px solid #fff;
    }
    .handheld-menu .handheldTopMenu ul li > ul li > ul li, .handheldTopMenu.nojs ul li > ul li > ul li {
        border-bottom: 1px solid #fff;
    }
    .handheld-menu .handheldTopMenu .expanded ul {
        padding-left: 0;
        width: 100%;
    }
    .handheld-menu .handheldTopMenu .expanded ul li a {
        padding-left: 1em;
    }
    .handheld-menu .handheldTopMenu .expanded ul li ul li a {
        padding-left: 2em;
    }
    .handheld-menu .handheldTopMenu .expanded ul li ul li ul li a{
        padding-left: 3em;
    }
    .handheld-menu .handheldTopMenu .expanded ul li ul li ul li ul li a {
        padding-left: 4em;
    }
    .handheld-menu .handheldTopMenu .expanded ul li ul {
        background: #fff;
        overflow: hidden;
    }
    .handheld-menu .handheldTopMenu .expanded ul li ul li ul {
        background: #92352e ;
        overflow: hidden;
    }
    .handheld-menu .handheldTopMenu .expanded ul li ul li ul li ul li {
        background: #92352e ;
        overflow: hidden;
    }
    .handheld-menu .handheldTopMenu .expand-button, .handheld-menu .handheldTopMenu .collapse-button {
        color: #fff;
        font-size:26px;
    }
    .handheld-menu .handheldTopMenu ul li:last-child, .handheldTopMenu.nojs ul li:last-child {
        margin: 0;
    }
    .handheldTopMenu ul li:hover, .handheldTopMenu ul ul li:hover, .handheldTopMenu ul ul ul li:hover, .handheldTopMenu ul ul ul ul li:hover, .handheldTopMenu ul ul ul ul ul li:hover {
        background: #333 !important;
    }
    .campaign-menu-container {
        display:none;
    }
    div.siteHeader-container, div.siteMain-container, div.siteFooter-container, div.siteLogo-container {
        clear: both;
    }

    div.siteHeader-container {
        margin-bottom: 59px;
        padding-top: 0;
    }
    div.siteHeader, div.siteLogo, div.siteMain, div.siteFooter {
        width:100%;
    }
    div.siteMain {
        padding:0;
    }
    .header-content {
        margin: 0 auto 40px;
        width:100%;
    }
    .siteLogo {
        text-align:center;
        width:100%;
    }
    div.siteHeader-container h1 {
        background:transparent;
        text-indent:0;
    }
    
    h2 {
        color: #412724;
        font-size: 43px;
        line-height: 70px;
        margin-bottom: 50px;
        text-transform: uppercase;
    }
    .campaign-title {
        color: #412724;
        font-size: 2.5em;
        line-height: 70px;
        margin-bottom: 30px !important;
        text-align: center;
    }
    .campaign-text h2 {
        font-size: 1.6em;
        line-height:40px;
        text-align:center;
        padding:0;
    }

    .campaign-text {
        font-size: 21px;
        line-height: 32px;
        text-align: center;
    }
    table.box.white, table.box .box-inner.black {
        width:100%;
    }

    div.siteContent table tr > .col50 {
        display: block;
        float: left;
        width: auto !important;
    }
    table.box .box-inner.white.left, table.box .box-inner.white.right {
       width: 88.7% !important;
       padding-bottom:10px;
    }
    table.box .box-inner.white.right {
        padding-top:0;
        padding-bottom:30px;
    }
    td.col50.campaign-content-right {
        margin-left:0 !important;
        padding-left:0 !important;
    }
    table.box h3 {
        margin-bottom: 20px;
        margin-top:10px;
    }
    div.thumbnail-container {
        width:100%;
    }
    div.related-content-container {
        width:100%;
    }
    div.siteFooter-container {
    }
    div.siteFooter {
        width:90%;
    }
}

/* Phone */
@media (max-width: 480px) {
    body {
        padding-top:0;
        padding:15px;
    }
    form {

    }
    .handheld-menu .handheldTopMenu, .handheldTopMenu.nojs {
        position: relative;
        z-index: 2000;
        background: #92352e;
    }
    .handheld-menu .handheldTopMenu li, .handheldTopMenu.nojs li {
        position: relative;
        z-index: 2000;
    }
    .handheld-menu .handheldTopMenu a, .handheld-menu .handheldTopMenu span {
        font-weight: normal;
        font-size: 14px;
        line-height: 46px;
        padding-left: 0.6em;
        color: #fff;
        border: none;
    }
    .handheld-menu .handheldTopMenu span {
        line-height: 45px;
    }
    .handheld-menu .handheldTopMenu li, .handheldTopMenu.nojs li {
        border-bottom: 1px solid #fff;
    }
    .handheld-menu .handheldTopMenu ul li > ul li > ul li, .handheldTopMenu.nojs ul li > ul li > ul li {
        border-bottom: 1px solid #fff;
    }
    .handheld-menu .handheldTopMenu .expanded ul {
        padding-left: 0;
        width: 100%;
    }
    .handheld-menu .handheldTopMenu .expanded ul li a {
        padding-left: 1em;
    }
    .handheld-menu .handheldTopMenu .expanded ul li ul li a {
        padding-left: 2em;
    }
    .handheld-menu .handheldTopMenu .expanded ul li ul li ul li a{
        padding-left: 3em;
    }
    .handheld-menu .handheldTopMenu .expanded ul li ul li ul li ul li a {
        padding-left: 4em;
    }
    .handheld-menu .handheldTopMenu .expanded ul li ul {
        background: #fff;
        overflow: hidden;
    }
    .handheld-menu .handheldTopMenu .expanded ul li ul li ul {
        background: #92352e ;
        overflow: hidden;
    }
    .handheld-menu .handheldTopMenu .expanded ul li ul li ul li ul li {
        background: #92352e ;
        overflow: hidden;
    }
    .handheld-menu .handheldTopMenu .expand-button, .handheld-menu .handheldTopMenu .collapse-button {
        color: #fff;
        font-size:26px;
    }
    .handheld-menu .handheldTopMenu ul li:last-child, .handheldTopMenu.nojs ul li:last-child {
        margin: 0;
    }
    .handheldTopMenu ul li:hover, .handheldTopMenu ul ul li:hover, .handheldTopMenu ul ul ul li:hover, .handheldTopMenu ul ul ul ul li:hover, .handheldTopMenu ul ul ul ul ul li:hover {
        background: #333 !important;
    }

    .campaign-menu-container {
        display:none;
    }
    div.siteHeader-container, div.siteMain-container, div.siteFooter-container, div.siteLogo-container {
        clear: both;
    }
        div.siteHeader-container {
        margin-bottom: 59px;
        padding-top: 0;
    }
    div.siteHeader, div.siteLogo, div.siteMain, div.siteFooter {
        width:100%;
    }
    .header-content {
        margin: 0 auto 40px;
        width:100%;
    }

        div.siteMain {
        padding:0;
    }
    .siteLogo {
        text-align:center;
        width:100%;
    }
    .siteLogo img {
        text-align:center;
        width:60%;
    }
    div.siteHeader-container h1 {
        background:transparent;
        text-indent:0;
    }
    .campaign-title {
    font-family: 'Libre Baskerville', serif;
        color: #412724;
        font-size: 1.5em;
        line-height: 40px;
        text-align:center;
        margin-bottom:30px !important;
    }
    .campaign-text h2 {
        font-size: 1.6em;
        line-height:40px;
        text-align:center;
        padding:0;
        margin-top:30px;
    }
    
    h2 {
        color: #412724;
        font-size: 30px;
        line-height: 46px;
        margin-bottom: 50px;
        text-transform: uppercase;
    }
    

    h3 {
        color: #412724;
        font-size: 22px;
        font-weight: normal;
        line-height: 32px;
        margin: 0 0 25px;
    }
    .campaign-text {
        font-size: 21px;
        line-height: 32px;
        text-align: center;
    }
    table.box.white, table.box .box-inner.black {
        width:100%;
    }

    div.siteContent table tr > .col50 {
        display: block;
        float: left;
        width: auto !important;
    }
    table.box .box-inner.white.left, table.box .box-inner.white.right {
       width: 82.7% !important;
       padding-bottom:10px;
    }
    table.box .box-inner.white.right {
        padding-top:0;
        padding-bottom:30px;
    }
    td.col50.campaign-content-right {
        margin-left:0 !important;
        padding-left:0 !important;
    }
    table.box h3 {
        margin-bottom: 20px;
        margin-top:10px;
        line-height:34px;
        font-size:28px;
    }

    table.box .box-inner.black h3, table.box .box-inner.brown h3, table.box .box-inner.blue h3 {
        color: #FFFFFF;
        font-size: 24px;
        line-height: 35px !important;
    }
    div.thumbnail-container {
        width:100%;
    }
    div.related-content-container {
        width:100%;
    }
    div.siteFooter-container {
    }
    div.siteFooter {
        width:90%;
    }
    .box.secondary.articlerelations.related-content ul.horizontal li {
        display:block;
    }
    .box.secondary.articlerelations.related-content h3 {
        font-size:32px;
    }
    
    p {
        font-size: 16px;
        line-height: 30px;
        margin: 0 0 30px;
    }
    .siteContact {
        font-size: 16px;
    }
}