/* Fixar för att skriva över problem i temat */
/* Döljer sticky meny i sidhuvud */
.sticky-wrapper .stuck{
	opacity:0 !important;
}
.sticky-wrapper .stuck #LinkLogoBox{
	display:none !important;
}
.intro-text-wrap{
	display:none !important;
}
/* Gör att sidan inte hoppar när den laddas om */
.sticky-wrapper{
	min-height:320px !important;
}
@media only screen and (max-width: 1513px) {	
	.site-inwrap .sticky-wrapper{
		min-height:0px !important;
	}
	
	#beros_stegborr_1_2{
	/*	margin-top:-50px !important; */
	}
	.entry{
		margin:0 !important;
		padding:0 !important;
	}
	
}
#post-2865 .entry-content {
	background-color:#657F92;
	padding-top:100px;
	padding-bottom:100px;
}


/* Stegborrskonfigurator  */
#beros_stegborr_1_2{
	width:80%;
	max-width:1580px;
	margin:auto;
	padding-left:10%;
	padding-right:10%;
	padding-top:100px;
	background-color:#fff;
}

#beros_stegborr_1_2 input:disabled{
	background-color:#fff;
}

#beros_stegborr_1_2 input.error:disabled, #beros_stegborr_1_2 select.error:disabled{
	background-color:#fff;
}

#beros_stegborr_1_2 input:read-only{
	cursor:default;
}


#beros_stegborr_1_2 input.error, #beros_stegborr_1_2 select.error{
	background-color:#f3bdbd !important;
}
#beros_stegborr_1_2 select.error option{
	background-color:#fff;
}

#beros_stegborr_1_2 .clear{
	float:none;
	clear:both;
}
#beros_stegborr_1_2 .hidden{
	display:none;
}
#beros_stegborr_1_2 h1{
	font-weight:bold;
	margin-bottom:20px;
}
#beros_stegborr_1_2 h3{
	font-weight:bold;
	margin-bottom:30px;
}
#beros_stegborr_1_2 .message{
	background-color:#d9effe;
	border:solid 2px #bdddf3;
	padding:30px;
	border-radius:5px;
	text-align:center;
}
#beros_stegborr_1_2 .message ul li{
	 list-style-position: inside;
}
#beros_stegborr_1_2 .message.warning{
	margin-top:50px;
	background-color:#f3bdbd;
	border-color:#f29595;
}
#beros_stegborr_1_2 .message.warning h2{
	color:#f23d3d;
}

#beros_stegborr_1_2 input:focus, #beros_stegborr_1_2 select:focus, #beros_stegborr_1_2 button:focus{
	outline:solid 3px #71a8dd;
}
#beros_stegborr_1_2 input:read-only:focus{
	outline:none;
}

#beros_stegborr_1_2 button:disabled{
	cursor:default;
}
#beros_stegborr_1_2 button:disabled:hover{
	box-shadow:none !important;
}


/* Olika stegen */

/* Steg 1*/
#beros_stegborr_1_2 #step-1{
	margin-top:100px;
	opacity:0.2;
}

/* Steg 2 */
#beros_stegborr_1_2 #step-2{
	margin-top:100px;
	position:relative;
}
#beros_stegborr_1_2 #step-2 h3, #beros_stegborr_1_2 #step-2 .card{
	opacity:0.2;
}

/* Steg 3 */
#beros_stegborr_1_2 #step-3{
	margin-top:100px;
	opacity:0.2;
}


/* Intro */
#beros_stegborr_1_2 #intro{
	max-width:820px;
	font-size:16px;
}


/* Hålbild */
#beros_stegborr_1_2 .halbild-wrapper {
	width:100%;
}
#beros_stegborr_1_2 button.halbild {
	display:block;
	width:18%;
	min-height:200px;
	float:left;
	margin-right:3.4%;
	margin-bottom:3.4%;
	padding:25px 15px;
	border: 2px solid #72a8dc;
	border-radius: 5px;
	background-color: #d9effe;
	-webkit-transition: box-shadow 200ms ease;
	transition: box-shadow 200ms ease;
	text-align: center;
	overflow:hidden;
	/* Gör att bredden blir rätt trots padding */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#beros_stegborr_1_2 button.halbild:hover {
  box-shadow: 0 0 30px 0 rgba(58, 102, 144, 0.4);
}
#beros_stegborr_1_2 button.halbild:last-of-type{
	margin-right:0;
}
#beros_stegborr_1_2 button.halbild img{
	display:block;
	margin:auto;
}
/* Vald hålbild */
#beros_stegborr_1_2 button.halbild.selected-halbild{
	background-color:#bdddf3;
}

#beros_stegborr_1_2 .halbild-label {
  display:block;
  margin-top: 1rem;
  color: #333;
  font-size: 11px;
  line-height: 15px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
}
#beros_stegborr_1_2 .kf-steps {
  padding: 0px;
  float: left;
  background-color: #fff;
}





/* Ange mått */
#beros_stegborr_1_2 #cards{
	width:55%;
	display:inline-block;
	position:relative;
}

/* Bild */
#beros_stegborr_1_2 #imageContainer{
	width:44%;
	display:inline-block;
	vertical-align:top;
	position: sticky;
	top:0px;
	opacity:0.2;
}
#beros_stegborr_1_2 #imageContainer img{
	display:block;
	margin-right:50px;
	margin-top:0px;
}


/* Visa bild/ritning knapp mobil */
#beros_stegborr_1_2 #showImage{
	display:none !important;
}
#beros_stegborr_1_2 #showImage:disabled{
	cursor:default;
}


#beros_stegborr_1_2 .card{
	margin-bottom:30px;
}
#beros_stegborr_1_2 .card-content {
  min-width: 390px;
  padding: 1rem;
  border-radius: 3px;
  background-color: #d9effe;
}

#beros_stegborr_1_2 .card-header {
  margin: -1rem -1rem 1rem;
  padding: 0.5rem 1rem;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  background-color: #bdddf3;
  color: #3a6690;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
}

#beros_stegborr_1_2 .card-help {
  padding-left: 21px;
  background-image: url('images/info.svg');
  background-position: 0px 0px;
  background-size: 16px;
  background-repeat: no-repeat;
  font-size: 11px;
  line-height: 1.5em;
}

#beros_stegborr_1_2 .card-form-wrapper {
  padding-top: 1rem;
  max-width:100%;
}

#beros_stegborr_1_2 .card input {
  height: 44px;
  max-width: 100px;
  margin-right: 0.5rem;
  margin-bottom: 0px;
  border: 2px solid #72a8dc;
  border-radius: 3px;
  float:left;
}

#beros_stegborr_1_2 .card input[type="radio"]{
	height:auto;
	margin:0;
	padding:0;
	margin-right:5px;
	vertical-align:middle;
}

#beros_stegborr_1_2 .card select{
  height: 44px;
  padding:0 10px;
  margin-bottom: 0px;
  border: 2px solid #71a8dd !important;
  background-color: #fff;
  margin-right: 0.5rem;
  float:left;
  min-width:110px;
  width:110px;
}

#beros_stegborr_1_2 .card-bt-blob {
  width: 19px;
  height: 19px;
  border-radius: 3px;
  background-color: #3a6690;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
  display:inline-block;
}

#beros_stegborr_1_2 .card-bt-blob.down {
  background-image: url('images/down.svg');
  background-position: 50% 50%;
  background-size: 9px;
  background-repeat: no-repeat;
   margin-top:2px;
}

#beros_stegborr_1_2 .card-bt-blob.up {
  background-image: url('images/up.svg');
  background-position: 50% 50%;
  background-size: 9px;
  background-repeat: no-repeat;
  margin-bottom:2px;
}

#beros_stegborr_1_2 .card-bt {
  padding:0;
  border:none;
  background-color:transparent;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-width: 110px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
}
#beros_stegborr_1_2 .card-bt:hover{
	background-color:transparent;
}
#beros_stegborr_1_2 .card-bt:disabled:hover{
	cursor:default;
}
#beros_stegborr_1_2 .card-bt:hover .card-bt-blob, #beros_stegborr_1_2 .card-bt:focus .card-bt-blob{
	 background-color: #71a8dd;
}
#beros_stegborr_1_2 .card-bt:focus{
	outline: none;
}
#beros_stegborr_1_2 .card-bt:disabled:hover .card-bt-blob{
	background-color:#3a6690;
}
#beros_stegborr_1_2 select:disabled:hover{
	cursor:default;
}



#beros_stegborr_1_2 .card-bt-txt {
  margin-left: 8px;
  color: #3a6690;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
}

#beros_stegborr_1_2 .card-bt-group{
	float:left;
}


/* Sista val */
#beros_stegborr_1_2 .card label{
  display:block;
  margin-bottom: 0px;
  margin-top:10px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  clear:both;
}
#beros_stegborr_1_2 .card .card-select select{
	margin-bottom:15px;
	width:100%;
}
#beros_stegborr_1_2 select[name="form_bearb"] option:nth-of-type(1){
	background-color:#fff;
}
#beros_stegborr_1_2 select[name="form_bearb"] option:nth-of-type(2){
	background-color:#00e0ff;
}
#beros_stegborr_1_2 select[name="form_bearb"] option:nth-of-type(3){
	background-color:#ff6600;
}
#beros_stegborr_1_2 select[name="form_bearb"] option:nth-of-type(4){
	background-color:#ffff00;
}
#beros_stegborr_1_2 select[name="form_bearb"] option:nth-of-type(5){
	background-color:#99cc00;
}
#beros_stegborr_1_2 select[name="form_bearb"] option:nth-of-type(6){
	background-color:#ffcc00;
}


/* Beställing */
#beros_stegborr_1_2 .checkout-group {
	text-align: right;
	margin-top:30px;
}

#beros_stegborr_1_2 .checkout-group.order {
  margin-top: 1.5rem;
}

#beros_stegborr_1_2 .checkout-group.disabled {
  opacity: 0.2;
}

#beros_stegborr_1_2 button.card-checkout, #beros_stegborr_1_2 input.card-checkout-submit{
  display: inline-block;
  padding: 0.85rem 1.3rem;
  border-radius: 3px;
  background-color: #3a6690;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
  color: #d9effe;
  font-weight: 700;
  letter-spacing: 1px;
  text-decoration: none;
  text-transform: uppercase;
  border:0;
}

#beros_stegborr_1_2 .card-checkout:hover {
  background-color: #70a8dd;
}
#beros_stegborr_1_2 .card-checkout:disabled:hover {
  background-color: #3a6690;
  cursor:default;
}

#beros_stegborr_1_2 .card-checkout-cancel {
  display: inline-block;
  margin-right: 1rem;
  padding: 0.85rem 1.3rem;
  border-radius: 3px;
  color: #3a6690;
  background-color:#fff;
  font-weight: 700;
  letter-spacing: 1px;
  text-decoration: none;
  text-transform: uppercase;
}
#beros_stegborr_1_2 .card-checkout-cancel:focus{
	outline:solid 3px #71a8dd;
}
#beros_stegborr_1_2 .card-checkout-cancel:disabled:hover {
  cursor:default;
}


/* Beställningsformulär */
#beros_stegborr_1_2 .order-wrapper {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 10rem;
}
#beros_stegborr_1_2 .order-wrapper input[type="submit"]{
	float:right;
	margin-right:1em;
	margin-top:15px;
}
#beros_stegborr_1_2 .order-wrapper input[type="submit"]:disabled:hover {
  cursor:default;
}

#beros_stegborr_1_2 .radio-wrapper {
  margin-top: 2rem;
  margin-bottom: 1.5rem;
}

#beros_stegborr_1_2 .radio-wrapper label{
	display:block;
}
#beros_stegborr_1_2 .order-label {
  font-size: 11px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

#beros_stegborr_1_2 .order-submit {
	background-color: #3a6690;
}

#beros_stegborr_1_2 .order-group-wrapper {
  width:100%;
  margin-bottom:1em;
}

#beros_stegborr_1_2 .order-group {
	display:block;
	width:calc(25% - 1em);
	float:left;
	margin-right:1em;
}

#beros_stegborr_1_2 .order-input {
  height: 44px;
  border: 2px solid #72a8dc;
  border-radius: 3px;
  max-width:100%;
	display:block;
}

#beros_stegborr_1_2 .order-message {
  border: 2px solid #72a8dc;
  border-radius: 3px;
  width:calc(100% - 1em);
}

#beros_stegborr_1_2 .gdpr-text{
	padding-top:15px;
	max-width:550px;
}
#beros_stegborr_1_2 .gdpr-text a:link, #beros_stegborr_1_2 .gdpr-text a:visited, #beros_stegborr_1_2 .gdpr-text a:hover{
	color:#3a6690;
	text-decoration:underline;
}


/* Olika skärmstorlekar */
@media only screen and (max-width: 1375px) {
	#beros_stegborr_1_2{
		padding-left:30px;
	}
}

@media only screen and (max-width: 1000px) {
	#beros_stegborr_1_2 .order-group, #beros_stegborr_1_2 .order-message, #beros_stegborr_1_2 .order-wrapper input[type="submit"]{
		width:calc(100% - 2em);
		float:none;
		margin:0;
	}
}

@media only screen and (max-width: 768px) {
	
	#beros_stegborr_1_2{
		padding-right:30px;
	}
	
	#beros_stegborr_1_2 #showImage{
		display:block !important;
		background-color:#72a8dc;
		width:100%;
		position:sticky;
		top:0px;
		opacity:0.2;
		z-index:1000;
		margin-bottom:30px;
	}
	
	#beros_stegborr_1_2 button.halbild {
		min-height:185px;
		width:48%;
		margin-right:2%;
		margin-bottom:2%;
		padding:25px 15px;
	}
	
	#beros_stegborr_1_2 #cards{
		width:100%;
		max-width:100%;
		display:block;
	}
	
	#beros_stegborr_1_2 .card-content {
		min-width:auto;
	}
	
	#beros_stegborr_1_2 #imageContainer{
		width:100%;
		visibility:hidden;
		position:fixed;
		left:0;
		top:0;
		background-color:#fff;
		z-index:999;
		opacity:0;
	}
	#beros_stegborr_1_2 #imageContainer img{
		margin:auto;
	}
	
	#beros_stegborr_1_2 .order-group, #beros_stegborr_1_2 .order-message, #beros_stegborr_1_2 .order-wrapper input[type="submit"]{
		width:100%;
	}
	
}

@media only screen and (min-width: 769px) {
	#beros_stegborr_1_2 #imageContainer{
		visibility:visible !important;
	}
}

@media only screen and (max-width: 500px) {
	
	#beros_stegborr_1_2{
		padding:0 10px;
	}
	
	#beros_stegborr_1_2 button.halbild {
		width:100%;
		margin:2% 0;
	}
	
	#beros_stegborr_1_2 .card input, #beros_stegborr_1_2 .card select, #beros_stegborr_1_2 .card button{
		width:100%;
		min-width:100%;
		max-width:100%;
		margin-bottom:2%;
	}
	
	#beros_stegborr_1_2 .card .card-bt-group{
		width:100%;
	}
	
	 #beros_stegborr_1_2 .card .card-bt-group button{
		display:block;
		width:100%;
		background-color:#fff;
		padding:5px 0;
	 }
	 
	
}

#beros_stegborr_1_2 .table{
	width:100%;
	display:table;
	margin:10px 0;
}
#beros_stegborr_1_2 .table-25 .tr .td{
	width:25%;
}
#beros_stegborr_1_2 .table-50 .tr .td{
	width:50%;
}
#beros_stegborr_1_2 .table .tr{
	display:table-row;
}
#beros_stegborr_1_2 .table .tr .td{
	display:table-cell;
}
#beros_stegborr_1_2 .divider{
	width:100%;
	height:1px;
	background-color:#71a8dd;
	margin-top:15px;
	margin-bottom:5px;
}