.pager li>a:hover {background-color: #4e6b7d;}
.btn, .sppb-btn {border-radius: 0px;}


/*
ul.pagination li > a {
   border-radius: 2px;
   padding: 10px 20px;
   border: 1px solid;
}


ul.pagination li > a:hover {
   background-color: #4e6b7d;
} */

.pagination > .page-item > .page-link, .pagination > .page-item > span {
  background-color: transparent!important;
  color: #4e6b7d!important;
  border: 1px black solid;
}
.pagination > .page-item > .page-link:hover, .pagination > .page-item > span:hover {
  background-color: #4e6b7d!important;
  color: white!important;
}


/* Väljarknappar
------------------------------------------------------------*/
a.choicelink-villor, a.choicelink-projekt {width: 230px; font-size: 18px; font-weight: bold; color: #fff; border: 2px solid #fff; background-color: rgba(255, 255, 255, 0.3);}
a.choicelink-villor {margin-right: 10px;  padding: 10px 92px;}
a.choicelink-projekt {margin-left: 10px; padding: 10px 40px;}
.rstboxes .rstbox .rstbox-content {overflow: visible;}

.sppb-panel-primary>.sppb-panel-heading {
  color:white;
  background:#4e6b7d
}

/* Header
------------------------------------------------------------*/
#sp-top-bar {display: none;}
#sp-header .container {width: 100%; padding: 0px 30px; background-color: #4e6b7d;}

div#sp-header-sticky-wrapper.sticky-wrapper, #sp-header {height: auto!important;}

.sp-megamenu-parent >li >a, .sp-megamenu-parent >li.active>a, .sp-megamenu-parent >li:hover>a {color: #fff;}
/* .sp-megamenu-parent >li.active>a, .sp-megamenu-parent >li:hover>a {color: #bebebe;} */


#offcanvas-toggler {line-height: 0px; margin-top: 5px;}
#offcanvas-toggler >i {font-size: 28px; margin: 15px 0 0px 0; color: #fff;}
.offcanvas-menu .offcanvas-inner {padding: 50px 20px 20px;}

/*
@media only screen and (min-width: 768px){
#offcanvas-toggler {display: none;}
}
*/


@media only screen and (max-width: 992px){
.treblaknappar {margin: 0px!important;}
.treblaknappar .sppb-col-md-4 {margin-bottom: 2px; padding: 0px;}
}


/* Logotype
------------------------------------------------------------*/
#sp-logo {padding: 0px;height: 68px;}
img#mblogo {width: 200px; height: auto; margin-top: 10px;}




/* Main Menu
------------------------------------------------------------*/
.social {float: left; padding-top: 17px;}
.social img {width: 25px; height: auto; margin-right: 10px; float: left;}

.menu-mbv {float: right; margin-top: 0px;}

#sp-menu {text-align: right; position: relative;}
#sp-menu .sp-module {margin-top: 0px;}

.menytext, .menytext-bostad {display: inline-block; position: absolute; top: 17px; right: 300px; color: #fff;}
.menytext-bostad {right: 220px;}


/*
.shift-mbv {float: right; margin-top: 0px;}
.shift-mbv p {margin: 0px;}
*/

ul.maximenuck {float: left;}
ul.maximenuck li {display: inline-block;}
ul.maximenuck li a {color: #fff; padding: 0px 15px; text-transform: uppercase;}
ul.maximenuck li a:hover {color: #fff;}
ul.maximenuck li.level2 {background-color: #4e6b7d;}
div#maximenuck93 ul.maximenuck li.level1.parent > a:after {border-color: #fff transparent transparent transparent!important; border-width: 5px 4px 0 4px!important; top: 14px!important; right: 0px!important;}

.shift-offcanvas, .shift-offcanvas:hover {background-color: #004677!important; color: #fff!important;}
a.shift-bostad, a.shift {margin-left: 60px; padding: 19px 30px!important; float: right; background-color: #004677; color: #fff!important;}
a.shift-bostad:hover, a:hover.shift {background-color: #004677!important;}
a.shift {margin-left: 25px;}

@media only screen and (max-width: 770px){
a.shift {display: none;}
.menytext, .menytext-bostad {right: 50px!important;}
}



ul#mainmenu {border: 1px solid magenta;}
ul#mainmenu li {display: inline-block;}
ul#mainmenu li a {color: #fff; padding: 0px 15px;}

.sp-module ul >li {border: none;}


/* Formulär
------------------------------------------------------------*/
input[type="text"], .rsform-select-box, .form-horizontal textarea {border: none!important; border-radius: 0px!important;}
.rsform-select-box {box-shadow: none rgba(0, 0, 0, 0.075);}
.checkbox-inline input[type="checkbox"] {margin-top: 9px;}
.form-horizontal .checkbox-inline {margin-right: 20px;}
.form-horizontal .control-label {width: 100%; text-align: left;}
.tooltip .fade .top .in {left: 0px!important;}

/*input[type=checkbox].css-checkbox {
							position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
						}

						input[type=checkbox].css-checkbox + label.css-label {
							padding-left:35px;
							height:30px; 
							display:inline-block;
							line-height:30px;
							background-repeat:no-repeat;
							background-position: 0 0;
							font-size:30px;
							vertical-align:middle;
							cursor:pointer;

						}

						input[type=checkbox].css-checkbox:checked + label.css-label {
							background-position: 0 -30px;
						}
						label.css-label {
				background-image:url(http://csscheckbox.com/checkboxes/u/csscheckbox_f60067e68146be412873f96f1d2458cd.png);
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}*/





/* Nyheter
------------------------------------------------------------*/
.nyhetsmodul {min-height: 600px;}
body.nyheter #sp-bottom a {color: #8ea1af!important;}
.nyheter #sp-main-body {padding: 70px 0px 0px 0px;}
.nspArt h4, .nspArt .nspInfo {margin: 0px!important;}
.nspArt h4.nspHeader {padding: 0px;}
.nspArt h4.nspHeader a {font-size: 16px; color: #263238;}
.nspArt h4.nspHeader a:hover {color: #8ea1af;}
.nspArts {padding: 0px;}




/* Puffar på framsidan 
------------------------------------------------------------*/
.puffcentertext h3, .puffcentertext-projekt h3 {margin: 0px;}
.puffcentertext h3, .puffcentertext-projekt h3 {text-align: center; font-size: 18pt; font-weight: 500;}
.puffcentertext a {padding: 90px 0px;}
.puffcentertext-projekt a {padding: 90px 0px;}
.puffcentertext a, .puffcentertext-projekt a {display: block; background-color: rgba(0, 0, 0, 0.3);}
.puffcentertext a:hover, .puffcentertext-projekt a:hover {background-color: rgba(0, 0, 0, 0);}

.huskollage .sppb-row > div.sppb-col-sm-12 {margin-bottom: 10px;}

/*
@media only screen and (min-width: 770px){
.puffcentertext h3 {margin: 0px 0px -10px 0px;}
}
*/




/* Flikar
------------------------------------------------------------*/
ul.sppb-nav {margin-top: -40px;}



/* Tabell - First Choice
------------------------------------------------------------*/
table.firstchoice-elforbrukning {width: 100%; border: 1px solid #333;}
table.firstchoice-elforbrukning tr:nth-child(even) {background-color: #eee;}
tablefirstchoice-elforbrukning tr:nth-child(odd) {background-color:#fff;}
.tablemargin {padding-left: 10px;}

table#first-choice-priser {width: 100%; display: block; margin-top: 15px; font-family: Roboto Condensed, sans-serif; font-size: 20px; font-weight: normal; font-size: 16pt; color: #333;}
td.first-choice-priser-text {width: 50%;}
td.first-choice-minitext {font-size: 60%; color: #333;}




/* Tre hus
------------------------------------------------------------ */
.huskollage a {color: #fff;}


/* Husinfo
------------------------------------------------------------ */
table.husinfo td p {margin: 0px!important;}


/* Citat
------------------------------------------------------------*/
.citat h2, h2.storrubrik{font-family: Playfair Display, sans-serif; font-weight: normal; font-size: 36px;}



/* Video
------------------------------------------------------------*/
#myVideo {
/*
    position: fixed;
  right: 0; 
  bottom: 0;
*/
  min-width: 100%; 
  min-height: 100%;
  width: auto; 
  height: auto;
  z-index: -100;
}


/* Katalogval
------------------------------------------------------------*/
#katalogval a {display: block; font-family: Roboto Condensed, sans-serif; font-size: 24px; text-align: center; margin-top: 40px; padding: 20px; color: #FFF;}


/* Cookies
------------------------------------------------------------*/
.infoplus a {color: #333!important;}


/* Footer
------------------------------------------------------------*/
#sp-footer {background-color: #8ea1af!important; text-align: left; padding: 50px 0px;}
#sp-footer .sp-module {margin-top: 0px;}

.sidfot {width: 20%; margin-top: 0px; display: inline-block; text-align: left;}
.sidfot h3 {font-size: 16px!important; font-weight: 100!important; padding: 0px!important 0px!important 10px!important 0px!important; margin-bottom: 0px!important;}
.sidfot.sp-module ul >li >a {line-height: 120%!important;}
.sp-module .sp-module-title {border: none!important;}
.sp-module .sp-module-title:after {background: none!important;}


ul#sidfot-meny {margin: 0px; padding: 0px;}
ul#sidfot-meny li {display: inline-block; margin: 0px 5px;}

p.sidfottext span {white-space: nowrap; margin-right: 20px;}


.sidfot-logga {position: relative; top: 0px; right: 0px; margin-top: 0px; max-width: 200px;}
.sidfot-logga p{text-align: center; margin-top: 40px;}
.sidfot-logga img {width: 100%; height: auto; margin: auto;}

.sidfot .shift {display: none;}


@media only screen and (max-width: 1204px){
p.sidfottext {max-width: 510px;}
}
}


@media only screen and (max-width: 768px){
#sp-footer {text-align: center;}
.sidfot {width: 100%; margin-top: 0px; margin-bottom: 20px; display: block; text-align: center;}
.sidfot-logga {position: relative; margin: 20px auto; max-width: 314px;}
}



.offcanvas-menu .offcanvas-inner .sp-module ul > li a , .offcanvas-menu {
  color: #5f5f5f;
}

.offcanvas-menu {
  background-color: #fff;
}
.offcanvas-menu .offcanvas-inner {
  padding: 0;
}

.offcanvas-menu .offcanvas-inner .sp-module:first-child {
  padding: 0;
}
.nav {
  display: block;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li.active > a , .offcanvas-menu .offcanvas-inner .sp-module ul > li:hover > a ,
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li.active > a, .offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li:hover > a {

  color: #508679 /*  #f25f63; */
}
body {
  line-height: 30px!important;
  letter-spacing: 1px;
}

.entry-header.has-post-format {
  margin-left: 0;
}
.entry-header h2 {
  margin: 0px 0 7px;
  font-weight: 300;
}
dl.article-info {
	margin-bottom: 0;
}
	
.entry-header h2 a {
  color: rgb(38, 50, 56);
  font-weight: 300;
}