/*
Theme Name: Prisledstänger.se 3.0 - Inoxa
Theme URI: http://interaktivmedia.se
Author: Anders Jonasson / Interaktivmedia
Author URI: http://www.interaktivmedia.se
Description: Detta tema är utvecklat unikt för Inoxa av Anders Jonasson / InteraktivMedia 2025.
Version:3.0
Text Domain: prisledstanger-3
*/

body{
	font-family: 'ralewayregular', sans-serif;
	background-color:#eee;
	color:#fff;
	font-size:1.6em !important;
	/*background:url(/wp-content/themes/prisledstanger/gfx/preloader.gif) no-repeat center 40% fixed #eee;*/
}
@media (max-width: 767px){
	body{
		font-size:2em;
	}
}
label{
	display:block;
	font-weight:normal;
	margin-top:2em;
}

body #bg-content a:link,
body #bg-content a:visited,
body #bg-content a:hover{
	color:#fff;
	text-decoration:underline;
}
body #bg-content a:hover{
	text-decoration:none;
}

#bg-content{
	background-image:url("/wp-content/uploads/sites/2/bakgrund.jpg");
	background-size:contain;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: rgba(0,0,0,0.6);
    background-blend-mode: overlay;
	padding-top:100px;
	padding-bottom:50px;
}
main{
	padding:30px !important;
	max-width:950px;
	/*
	background-color: rgba(0,0,0,0.6) !important;
	box-shadow: 1px 1px 31px -5px rgba(0,0,0,1);
	-webkit-box-shadow: 1px 1px 31px -5px rgba(0,0,0,1);
	-moz-box-shadow: 1px 1px 31px -5px rgba(0,0,0,1);
	*/
}

form{opacity:0;}
input[type="number"], input[type="text"], input[type="email"], select{
	width:100%;
	border:dotted 1px #d0d0d0;
	padding:1em;
	background-color:#fff;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
input[type=number] {
-moz-appearance: textfield;
}
@-moz-document url-prefix() {
  select {
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: "";
  }
}
::-webkit-input-placeholder {
   color: #3071a9;
}
:-moz-placeholder { /* Firefox 18- */
   color: #3071a9;  
}
::-moz-placeholder {  /* Firefox 19+ */
   color: #3071a9;
}
:-ms-input-placeholder {  
   color: #3071a9;
}

.btn{
	border-radius: 0;
	padding:0.85em;
}
.button-row{
	padding-top:3em;
}
.button-row .btn{
	margin-left:1em;
	margin-bottom:1em;
}
@media (max-width: 767px){
	.btn{
		width:100%;
		font-size:1em;
		padding:1em;
	}
}

.tooltip{}
.tooltip-inner{
	font-size:1.2em;
	padding-top:1em;
	padding-bottom:1em;
}

#topbar{
	background-color:#19495d;
	color:#eee;
	margin:auto;
	position:fixed;
	width:100%;
	z-index:1000;
}
#topbar-inside{
	width:950px;
	max-width:100%;
	margin:auto;
	padding-left:2em;
	display: flex;
	gap: 1px;
	vertical-align:middle;
	
}
#topbar-name{
	font-family: ralewaybold;
	font-size:1em;
	text-transform: uppercase;
	margin-right:1em;
	padding-top:20px;
	padding-bottom:20px;
}
#topbar-name{
	color:#fff;
	text-decoration:none;
}
#topbar-inside a:not(#topbar-name){
	font-size:14px;
	color:#d9edf7;
	text-decoration:none;
	cursor:pointer;
	background:none;
	padding-right:15px;
	padding-left:15px;
	padding-top:20px;
	padding-bottom:20px;
	margin:0;
	background-color:rgba(0,0,0,0.2);
}
#topbar-inside a:not(#topbar-name):hover{
	text-decoration:underline;
}
#topbar-inside a.selected{
	background-color:rgba(255,255,255,0.2) !important;
}
#topbar-inside a.disabled:hover{
	cursor:default !important;
	text-decoration:none !important;
}
@media (max-width: 950px){
	#topbar-inside a:not(#topbar-name){
		font-size:12px;
	}
}
@media (max-width: 820px){
	#topbar-inside a:not(#topbar-name){
		display:none;
	}
}
#topbar form{display:inline;}

#hidden_content{display:none;}
	

#container{
	background-color:transparent;
	padding:2em;
	padding-bottom:5em;
	padding-top:6em;
}

#logotype{
	border-bottom:dotted 1px #d0d0d0;
	margin-bottom:1em;
}
#preloader-container{
	position:fixed;
	width:100%;
	text-align:center;
	top:30%;
	z-index:1000;
}
#preloader{
	display:inline;
	color:#fff;
	-webkit-animation-name: pulse; 
	-webkit-animation-duration: 500ms; 
	-webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes pulse{
	from {
		opacity: 0.50;
	}
	50% {
		opacity: 1;
	}
	to { 
		opacity: 0.50;
	}
}


.box{
	margin-top:2em;
}
.box-border{
	height:200px;
	width:100%;
	background-color:#fff;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center  right 10%;
}

.box-image img{
	max-width:100%;
	max-height:100%;
	height:auto;
	display:block;
	margin:auto;
}

.box button{
	border:none;
	outline:1px solid #fff;
	outline-offset: 0px; 
	transition: all 0.1s ease;
	opacity:1;
}

.box button:hover,
.box button:focus-visible{
	border:none;
	outline:1px solid #fff;
	outline-offset: 3px; 
	opacity:0.9;
}

.box-name{
	text-transform: uppercase;
	padding-top:0.1em;
	font-size:0.8em;
}
.box-price{
	padding-top:0.3em;
	padding-left:0.1em;
	float:right;
	color:#ff0000;
	font-size:1.4em;
	font-weight:600;
}
@media (max-width: 767px){
	.box{
		max-width:350px;
		margin:auto;
		margin-bottom:2em;
	}
	.box-border{
		background-size:contain;
		background-position:center;
	}
	.clear-box.clear{
		clear:none;
	}
}
@media (max-width: 991px){
	.clear-box.clear{
		clear:none;
	}
}

input,select{
	color:#333;
}
button.btn-primary{
	background-color:#cc0000;
	border:none;
}
button.btn-primary:hover,
button.btn-primary:focus-visible{
	background-color:#990000;
	border:none;
}


#footer{
	clear:both; 
	float:none; 
	background-color:#19495d;
	color:#eee;
}
#footer-inside{
	width:950px;
	max-width:100%;
	margin:auto;
	padding:2em;
}
#footer-inside a:link, #footer-inside a:visited, #footer-inside a:hover, #footer-inside a:active{
	color:#47c4ff !important;
}

.clear{clear:both;}

#offert{
	COLOR:#333;
}
#offert .sum{
	font-weight:bold;
}
#offert .total-sum{
	color:#cc0000;
}
#offert .old-sum{
	text-decoration: line-through;
}
#offert td.sum-line{
	font-weight:bold;
	padding-top:2em;
	padding-bottom:2em;
}
#offert td.promocode-line{
	font-weight:bold;
	padding-top:2em;
	padding-bottom:2em;
}
.panel{
	border-radius: 0;
}
.offer-image{
	height:100px;
	width:auto;
}

#offert table.table{
	margin-top:10px;
}
#offert table.table tr td{
	max-width:500px;
}

@media (min-width: 991px){
	.text-right{
		width:20%;
		padding-left:20% !important;
		padding-right:20% !important;
	}
}

input[name="input_promocode_discount"]{
	width:400px;
	margin-bottom:1em;
}
@media (max-width: 767px){
	input[name="input_promocode_discount"]{
		width:100%;
	}
}

/* Formulär */
#ellibot_forms{
}

#ellibot_forms input[type="text"], #ellibot_forms input[type="email"]{
	border:dotted 1px #d0d0d0;
	padding:1em;
	background-color:#fff;
}

#ellibot_forms textarea{
	width:100%;
}

#ellibot_forms span{
	float:left;
	width:50%;
	padding-left:1%;
	padding-right:1%;
}
@media (max-width: 991px){
	#ellibot_forms span{
		float:none;
		width:100%;
		padding:0;
	}
}

#ellibot_forms span.ellibot_forms_submit{
	float:none;
}

#ellibot_send_quotation{
	background-color:#428bca;
	color:#fff;
	border:0;
	padding: 10px 16px;
	float:right;
	margin-top:1em;
}
#ellibot_send_quotation:hover{
	background-color:#3071a9;
}

#ellibot_forms span.ellibot_forms_textarea{
	display:block;
	float:none;
	clear:both;
	width:100%;
}
#ellibot_forms span.ellibot_forms_checkbox{
	margin-top:1em;
}

/* Ort, postnummer 25% av fält */
#ellibot_forms span:nth-of-type(4), #ellibot_forms span:nth-of-type(5), #ellibot_forms span:nth-of-type(7), #ellibot_forms span:nth-of-type(8){
	width:25%;
}

/* Required fält */
#ellibot_forms input:required {
  background-color: #fffcf2;
}

/*Varukorgen*/
.ellibot_forms_hidden{display:none;}



/* Tvingar adminbar att fixera även på liten skärm*/
#wpadminbar{
	position:fixed !important;
}

/* Läsmer innehåll */
.shortcode_readmore{
	display:none;
}
.glyphicon{padding-right:5px;}



/* Teckensnitt Google Raleway */
@font-face {
    font-family: 'ralewayregular';
    src: url('fonts/raleway-regular-webfont.eot');
    src: url('fonts/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-regular-webfont.woff') format('woff'),
         url('fonts/raleway-regular-webfont.ttf') format('truetype'),
         url('fonts/raleway-regular-webfont.svg#ralewayregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewaymedium';
    src: url('fonts/raleway-medium-webfont.eot');
    src: url('fonts/raleway-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-medium-webfont.woff') format('woff'),
         url('fonts/raleway-medium-webfont.ttf') format('truetype'),
         url('fonts/raleway-medium-webfont.svg#ralewaymedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewaysemibold';
    src: url('fonts/raleway-semibold-webfont.eot');
    src: url('fonts/raleway-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-semibold-webfont.woff') format('woff'),
         url('fonts/raleway-semibold-webfont.ttf') format('truetype'),
         url('fonts/raleway-semibold-webfont.svg#ralewaysemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewaybold';
    src: url('fonts/raleway-bold-webfont.eot');
    src: url('fonts/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-bold-webfont.woff') format('woff'),
         url('fonts/raleway-bold-webfont.ttf') format('truetype'),
         url('fonts/raleway-bold-webfont.svg#ralewaybold') format('svg');
    font-weight: bold;
    font-style: bold;
}



/* WooCommerce */
.offer_woo_buttons{
	font-size:16px;
	padding-top:8px;
	padding-left:10px;
}
.offer_woo_buttons button[name="create_woo_product"]{
	border-radius:3px;
	padding-left:15px;
	padding-right:15px;
	font-size:16px;
}
.offer_woo_buttons a:link,
.offer_woo_buttons a:visited,
.offer_woo_buttons a:hover{
	color:#333 !important;
	font-size:16px;
	margin-left:15px;
	text-decoration:underline;
}
.woocommerce{
	
}

/* Varukorg */
.woocommerce table.shop_table{
	background-color:rgba(0,0,0,0.6);
	padding:20px;
	
}
.woocommerce table.shop_table tr{
	border-color:#fff !important;
}

.woocommerce table tr.woocommerce-cart-form__cart-item td{
	border-top:solid 1px #777;
}

/* Döljer attributnamn i varukorg */
.woocommerce table tr.woocommerce-cart-form__cart-item.cart_item td.product-name::first-line{
	font-weight:bold;
}
.woocommerce table tr.woocommerce-cart-form__cart-item.cart_item td.product-name dl dt.variation-Spec{
	display:none;
}

/* Döljer produktbild */
.woocommerce .product-thumbnail{
	width:150px;
	height:auto;
}


/* Radera produkt knapp*/
.woocommerce .product-remove a{
	text-decoration:none !important;
	background-color:rgba(255,255,255,1);
}


/* Döljer pris och antal i varukorg */
.woocommerce .product-quantity,
.woocommerce .product-price{ 
	display:none !important;
}

/* Döljer knapp Uppdatera varukorg */
.woocommerce button[name="update_cart"],
.woocommerce input[name="update_cart"] {
	display:none !important;
}

/* Visar total summa i varukorg */
.wc-cart-vat-totals-backlink{
	float:left;
}
.wc-cart-vat-totals{
	float:right;
}


/* Total summa */
.wc-cart-vat-totals div,
.wc-cart-vat-totals h3{
	width:100%;
	text-align:right;
	margin:0;
	padding:0;
}

/* Gör att alla textfält ligger i en kolumn istället för två i kassan */
.woocommerce .col2-set,
.woocommerce .col2-set .col-1,
.woocommerce .col2-set .col-2{
	box-sizing:unset !important;
	float:none !important;
	clear:both !important;
	width:100% !important;
}

/* Faktureringsdetaljer */
.woocommerce .woocommerce-billing-fields__field-wrapper{
	background-color:rgba(255,255,255,0.2);
	padding:20px;
	border-radius:3px;
}
.woocommerce .woocommerce-billing-fields__field-wrapper p.form-row-wide,
.woocommerce .woocommerce-billing-fields__field-wrapper p.form-row-first,
.woocommerce .woocommerce-billing-fields__field-wrapper p.form-row-last{
	width:50%;
	padding:0;
	margin:0;
	display: inline-block;
}
.woocommerce .woocommerce-additional-fields{
	background-color:rgba(255,255,255,0.2);
	padding:20px;
	padding-top:0;
}
.woocommerce .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper label{
	margin:0;
	padding:0;
}
.woocommerce .woocommerce-billing-fields label{
	margin:0;
	padding:0;
}

/* Textfält ovanför skrivfält i kassan */
.woocommerce .woocommerce-billing-fields__field-wrapper p.form-row#billing_ange_dina_specifika_val_field label:before{
	content: 'HEJ';
}
.woocommerce .woocommerce-billing-fields__field-wrapper p.form-row#billing_ange_dina_specifika_val_field{
	margin-top:20px;
	width:100%;
	display:block;
	 word-break: break-all;
}
/* Skrivfält */
.woocommerce .woocommerce-additional-fields__field-wrapper p.form-row#order_comments_field label{
	display:none;
}
.woocommerce .woocommerce-additional-fields__field-wrapper p.form-row#order_comments_field textarea::placeholder{
	color:transparent;
}

/* döljer land */
.woocommerce .woocommerce-billing-fields__field-wrapper p.form-row#billing_country_field{
	display:none;
}

.woocommerce .woocommerce-billing-fields__field-wrapper p.form-row.woocommerce-invalid label{
	color:#ff0000;
}

/* Döljer checkbox för nyhetsbrev */
.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox,
.woocommerce #mailpoet_woocommerce_checkout_optin_present_field{
	display:none;
}


/* Betalningsalternativ */
.woocommerce .woocommerce-checkout-review-order input{
	display:inline-block;
}
.woocommerce .woocommerce-checkout-review-order label{
	display:inline-block;
}
.woocommerce .payment_box.payment_method_cod{
	display:none;
}

/* Döljer rubrik "Din beställning" */
.woocommerce h3#order_review_heading{
	display:none;
}

.woocommerce #order_review #payment{
	background-color:rgba(255,255,255,0.2);
	border-radius:0 0 3px 3px;
	border-top:solid 1px #999;
}

.woocommerce #order_review #payment .form-row.place-order{
	float:right;
	margin-top:10px;
}

.woocommerce #order_review button#place_order{
	font-weight:normal;
	background-color:#cc0000;
	border:none;
	padding:15px;
}
.woocommerce #order_review button#place_order:hover,
.woocommerce #order_review button#place_order:focus-visible{
	background-color:#990000;
	border:none;
}


/* Tillbaka till butiken länk */
.woocommerce a.button.wc-backward{
	display:none;
}

/* Orderdetaljer */
.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details{
	display:none;
}