/* CSS Document */

body {
	margin:0;
	padding:0;
	top:0;
	background-color:#feddec;/*#E7DBD1;#DAC8BA;*/
	    color: #be96a3;
	font-size: 100%;
	    font-weight: 400;
    font-family: basic-sans, sans-serif;
	
}

.myInput {
	height:100%;
}
#taxText{
font-size:18px;  left:0; padding:10px;display:inline-block;
}
#image_logo_size{
	max-width:150px;margin-top:30px;
}
#stripes_top {
	
}
#stripes_bottom {

}
#image_logo {

margin-left:auto;margin-right:auto; max-height:300px; max-width:150px;
}
#terms{
	
	margin-left:auto;margin-top:150px;padding:10px; margin-bottom:100px; margin-right:auto; max-width:600px;
	
}
#popup_cookies{
	background-color:#FFF;	
	color:#a45282;
	font-family: basic-sans, sans-serif;
	
}
#cookies_text{
	margin-left:auto; margin-right:auto; max-width:850px; margin-top:50px; margin-bottom:30px;
	
	
}
#header_and_menu{

background-color: #D88BAE; /* For browsers that do not support gradients */
 /* background-image: linear-gradient(#b6779c, #bcab4e);*/
 /*** a05b89 Old color **/
width: 100%;
height: 100%;
font-family:'fairplex-wide', serif;font-weight:400;
}
#border_wrapper{
	
}
#top_wrapper{

}
.cart {
color:#a45282;
font-family: basic-sans, sans-serif;font-weight:400;
}
#no-page{
color:#a45282;
font-family: basic-sans, sans-serif;font-weight:400;
}

/******************** USER ******************/
#user-menu{
	
	background-color:#F3E0EB;
	color:#a45282;
	font-family:'fairplex-wide', serif;font-weight:400;
	
}
.userText{
color:#a45282;
font-family:'fairplex-wide', serif;font-weight:400;
}



.no-product{

margin-top:100px;	
}

/********************* LOGIN ******************/
.login{
color:#a45282 !important;
font-family:'fairplex-wide', serif;font-weight:400;
}
.register{
color:#a45282;
font-family:'fairplex-wide', serif;font-weight:400;
}
#sendmail_text{
color:#a45282;
font-family:'fairplex-wide', serif;font-weight:400;
}

/********************* PRODUCTSLIST *******************/

/****** MOBILE *******/
@media screen and (max-width: 40em) {
#productGrid {
max-width:140px !important;
vertical-align: top !important;
font-size: 70% !important;
}
#productWrapper1{
margin-bottom: 20px !important;
}
.new_img{
height: 40px !important;
}
}
#priceText{
font-family:'Lato', sans-serif;
font-weight:700;
font-size:clamp(20px, 4vw, 25px);
letter-spacing:0.5px;
color:#6B2E46;
line-height:1;
display:inline-block;
}

#priceTextKr{
font-family:'Lato', sans-serif;
font-weight:400;
font-size:clamp(12px, 3vw, 14px);
color:#6B2E46;
opacity:0.85;
margin-left:2px;
}
.productListText{
color:#a45282;
font-size:clamp(13px, 3.2vw, 18px);
font-family:'Lato', sans-serif;
letter-spacing:1px;
font-weight:300;
line-height:1.4;
}

.centerprodukt{

	height:auto;
	max-width:1300px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	font-family: basic-sans, sans-serif;
	font-weight:300;
	

	
}


/******************* PRODUCTS page *****************/

/************** MOBILE **********/

@media screen and (max-width: 40em) {
#productPageWrapper{
font-size: 70% !important;
}

}

#productNameHeader1{
color:#be96a3 !important;
font-family:'fairplex-wide', serif;
font-weight:400;

}
#productPriceInfo{
color:#be96a3 !important;
font-family:'fairplex-wide', serif;
font-weight:400;

}
#productPageWrapper{
color:#be96a3 !important;
font-weight: 400;
font-family: basic-sans, sans-serif;

}



.news_menu{

	color: rgb(195, 178, 152); 
	font-family: Cinzel; 
	font-weight: 100; 
	font-size: 1.44615rem; 
	
	
	float:left; 
	text-align:left; 
	padding-left:15px; 
	display:inline-block;
	 min-width:210px;  
	 min-height:180px; 
	 margin-right:80px;

	
}
.news_info{
 max-width:800px; padding-left:15px; display:inline-block; min-height:400px; margin-bottom:100px;	
	
}
#fade {
background-color:#be96a3;
border-radius:9px;
border:1px solid #DEBFC9;
color:#ffffff;
font-family: basic-sans, sans-serif;
text-decoration:none;
padding:20px;
display:none; 
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index:10;
width:300px;
font-size:100%;
text-align:center;

}

#fade_tomuch{
	
background-color:#be96a3;
border-radius:9px;
border:1px solid #DEBFC9;
color:#ffffff;
font-family: basic-sans, sans-serif;
text-decoration:none;
padding:20px;
display:none; 
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index:10;
width:300px;
font-size:100%;
text-align:center;

}


#wrapper {
	height: auto;
	width:auto;
	margin-top: 0px;   
	margin-left:auto;
	margin-right:auto; 
}




#product_img{
max-width: 400px;
}

/*------------------------ Meny ------------------------- */
#centerMenu{
	height:auto;
	max-width:1000px;
	padding-right:43px;
	text-align:center;

	align-content: center;

	margin-left:auto;
	margin-right:auto;
}
.header	{
	width:auto;
	height:42px;
	
	
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a8907f+1,693201+100 */



	font-family: 'Ubuntu', sans-serif;
	font-size:20px;
}

/*---------------------- Produkt lista -------------------*/


div.listProdukt {

	font-family:'Trebuchet MS', Helvetica, sans-serif;
	/*font-family: 'Open Sans', sans-serif;*/
	padding-left:10px;
	padding-top:40px;
	font-size:13px;


	
}

#popup{
	display:block;

	height:auto;
	width:auto;
	padding-top:20px;
	padding-right:20px;
	opacity:0.9;
	float:right;
	position:absolute;
	right: 0; 
    top: 0;

}


/*-----------------FOOTER---------------*/

#footer {
	
   background-color:#D88BAE;
   /*background-image: linear-gradient(to top, #b6779c, #bcab4e);*/
   font-family:'fairplex-wide', serif;font-weight:400;
width: 100%;
height: 100%;
}

/* ----------------produkt sidan-------------------*/





.header,	.loginText a:visited {
	color:#fdf7d1;
	text-decoration:none;
}
.header, .loginText a:link {
	color: #fdf7d1;
	text-decoration: none;
}
.header, .loginText a:hover {
	color: #fdf7d1;
	text-decoration: none;
}
.header, .loginText a:active {
	text-decoration: none;
	color:#fdf7d1;
	text-align: left;
}

	a:visited {
	color:#000;
	text-decoration:none;
}
   a:link {
	color: #000;
	text-decoration: none;
}
 a:hover {
	color: #000;
	text-decoration: none;
}
 a:active {
	text-decoration: none;
	color:#000;
	text-align: left;
}






/***************** LOGIN BUTTON M.M ******************/
.myButton {
	background-color:#be96a3;
	border-radius:9px;
	border:1px solid #d4d4d4;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Georgia;
	font-size:15px;
	padding:4px 20px;
	text-decoration:none;
}
.myButton:hover {
	background-color:#9a5b80;
}
.myButton:active {
	position:relative;
	top:1px;
}







/*--------------------- PRODUCT BUY BUTTON -------------------------*/

.myButton2 {
	background-color:#be96a3;
	border-radius:9px;
	border:1px solid #d4d4d4;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Georgia;
	font-size:19px;
	padding:6px 30px;
	text-decoration:none;
}
.myButton2:hover {
	background-color:#9a5b80;
}
.myButton2:active {
	position:relative;
	top:1px;
}



.myButton3 {
	-moz-box-shadow:inset 0px 0px 0px 0px #ab9593;
	-webkit-box-shadow:inset 0px 0px 0px 0px #ab9593;
	box-shadow:inset 0px 0px 0px 0px #ab9593;
	background-color:#ab9a8c;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Trebuchet MS;
	font-size:10px;
	padding:3px 7px;
	text-decoration:none;
	text-shadow:0px 0px 0px #4d3534;
}
.myButton3:hover {
	background-color:#806c57;
}
.myButton3:active {
	position:relative;
	top:1px;
}