/*Helena Persson Stilmall LIA-projektet*/

/*============================================================================== 
   Mobile devices
================================================================================ */
@media screen and (max-width: 1080px) {
    body {
          background-color:#72d5cd;
    }
}

header, footer, nav, article, section, aside, figure, figcaption {
    display: block;
}
body {
   
    margin: 0;
    padding: 0;
    
}
header {
   
    background-size: 100% auto;
    color: white;
    margin-top: -38px;
    padding-top: 7%;
    position: relative;
    text-align: center;
    z-index: 1;
}
#container {
    width: 1024px;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    background-color:  #FFF;   
}
h1 {
    color: #555;
    font-family: "Josefin Sans", "Roboto Condensed", sans-serif;
    font-size: 110%;
    font-weight: 100;
}
h2 {
    color: #555;
    font-family: "Josefin Sans", "Roboto Condensed", sans-serif;
    font-size: 110%;
    font-weight: 100;
}

h3 {
    color: #000000;
    font-family: "Josefin Sans", "Roboto Condensed", sans-serif;
    font-size: 100%;
    font-weight: 600;
    
}
h3 a {
    color: #ff1493;
    font-weight: 900;
    text-decoration: none;
}
h4 {
    color: #999;
    font-family: "Josefin Sans", "Roboto Condensed", sans-serif;
    font-size: 90%;
    font-weight: 400;
    margin: 10px 0 0;
}
h4 a {
    color: #888;
    text-decoration: none;
}
h4 a:hover {
    color: #ccc;
}
h5 {
 color: #555;
    font-family: "Josefin Sans", "Roboto Condensed", sans-serif;
    font-size: 120%;
    font-weight: 100;
    text-align: center;
}

p {
    font-family: "Josefin Sans", "Roboto Condensed", sans-serif;
    font-size: 120%;
    font-weight: 100;
}
a:hover {
  color: #ff007b;
  text-decoration:none;
}
a {
    
    text-decoration: none;
    cursor: auto;
}
/*END OF GENERAL SETTINGS*/
#logo {
    display: block;
    margin: 20px auto;
    max-width: 200px;
    min-width: 130px;
    opacity: 1;
    width: 15%;
    z-index: 1;
}
#logo:hover {
    opacity: 0.8;
}
/*END OF LOGOTYPE SETTINGS*/
.nav ul{
    display: inline-table;
	   margin: 0px;
	   padding: 0px;
	   list-style: none;
	   width: 960px;
      border-bottom: 1px solid;      
}
.nav ul li {
    font-family: "Josefin Sans","Roboto Condensed",sans-serif;       
	   font-weight: bold;
	   font-size: 18px;
	   color: #A9A9A9;
	   float: left;
	   width: 190px;
	   height: 40px;
	   text-align: center;
	   line-height: 30px;
	   text-shadow: none;
    cursor: pointer; 
    padding-top: 10px;
}
nav a:link, a:visited {
	   text-decoration: none;
	   color: #A9A9A9;
}
nav a:hover {
	   color: #006400;
       text-decoration: none;
}
/*END OF NAVIGATION SETTINGS*/
.headerimage {
    margin-left:0px;      
}
#bildtextplatta{
    width: 600px;
    height: 80px;
    clear: both;
    position: absolute;
    background-color:#ffffff;
    opacity: 0.9;
    box-shadow: 0px 4px 6px #2f4f4f;
    margin-top:-150px;
 }
/*END OF HEADER PICATURE SETTINGS*/ 
.bild1 {
	  margin-bottom:15px;
	  display: block;
  	margin-left: 24px;	
	  float:right;
}
/*END OF SMALL PICATURE SETTINGS IN START SIDE*/
#section_1{
	  float: left; 
	  width: 800px;	
	  background: #fff;	
	  padding-left: 112px;    
   padding-right: 112px;
}
/*END OF TEXT SECTION AT START SIDE*/
article {
   float: left; 
	  width: 690px; 	
	  margin-left: 15px;
   padding-top: 20px;  
   padding-left: 20px;
   padding-right: 20px;	  
}
/*END OF ARTICLE SETTINGS*/
aside {
   float: right; 
	  width: 229px; 
	  padding-left: 30px;
   padding-right: 20px;
   padding-top: 20px;      
}
/*END OF SIDEBAR SETTINGS*/

/*THE CODE BELOW GET THE PRODUCTS LYING NEXT TO EACH OTHER */
#article2 {
	  margin-left: 20px;
	  float: left;
}
/*END PLACE OF MAIN CONTENT 1*/
#butikssidan { 
	  float: left;
   width: 690px;
   height: auto;
   margin-left: 15px;
	  padding-right: 0px;
	  padding-left: 40px;
	  padding-top: 20px; 
   list-style-type: none;       
}
#butikssidan ul li   {
   padding-top:5px;
   padding-bottom: 5px;
   height: auto;
}
#butikssidan  ul li  nav ul.page-numbers li{
   list-style-type: none;
   display: inline-block;
	  background-color: #FFE4E1;
	  width: 30px;
	  padding: 10px;
	  height: 30px;
	  border-radius: 10px;
	  margin: 10px 10px 10px 10px;
	  vertical-align: middle;  
}
.products ul {
   padding-left:0px;
}
.products ul li {
   display: inline-block;
	  background-color: #FFE4E1;
	  width: 300px;
	  padding: 10px;
      padding-bottom: 35px;       
	  height: 370px;
	  border-radius: 10px;
	  margin: 10px 10px 10px 10px;
	  vertical-align: middle;  
}
/*END OF SETTINGS FOR THE SHOP SIDE AND THE PRODUCTS*/

/*THE CODE BELOW GET THE SOCIAL LINKS IN THE FOOTER*/
footer {
  padding-left:40%;
  
}
/*END OF SOCIAL ICON SETTINGS IN THE FOOTER*/
.item{      
  float: right;  
}
.list-group-item {
    border: none;
}