/* CSS for kortshop blogg 
@import url("/ext/bloggstyles.php") media-types;*/

.blogtitle {
  float:left;
  font-family:'Montserrat-semi',sans-serif;
  font-size:20px;
  text-transform:uppercase;  
}
.blogtitle a {
  color:#121212;
}

.blogdate {
  float:right;
  font-family:'Montserrat-semi',sans-serif;
  font-size:11px;
  color:#666666;  
}
.blogtext {
  float:left;
  width:100%;
  font-family:'Montserrat',sans-serif;
  font-size:13px;
  color:#121212;    
}
.blogtext p {
  font-size:13px; 
  padding-bottom:14px;  
}

.blogtext ul {
  list-style-type: disc;
  list-style-position: inside;
}

.blogtext h2 {
  font-weight:bold;
  font-family:'Montserrat-semi',sans-serif;
  font-size:18px;
  color:#444444;    
}
.blogtext a {
  font-family:'Montserrat',sans-serif;
  color:#777777;
  font-size:13px;    
}
.blogtext img {
  max-width:100%;
}

.blogmulti {
  font-size:11px;
  font-family:'Montserrat-semi',sans-serif;
  color:#777777;    
}

.blogtext td img {
  width:100%;   
}
.blogauthor {
  float:right;
  font-family:'Montserrat',sans-serif;
  font-size:10px;
  color:#666666;
  margin-right:10px;  
}
.bloghead {
  width:100%;height:600px;
  background:url('/images/blogheader_meal.jpg') no-repeat;
  /*cursor:pointer;
  background-color:#121212;
  border:#990000 1px dotted;*/   
}
/*.bloghead .bmain {
  float:left;
  margin-left:40%;
  margin-top:40px;
  font-family:'Montserrat-semi',sans-serif;
  font-size:40px;
  color:<?php echo $ksthemecolor; ?>;
}*/
#newslettblog {
  font-family:'Montserrat',sans-serif;
  font-weight:normal;
  text-transform:uppercase;
}

.bloghead .bsub {
  float:left;
  margin-left:10%;
  margin-top:15%;
  margin-right:25%;
  font-family:'Montserrat-semi',sans-serif;
  font-size:18px;
  color:#FFFFFF;
  text-shadow: 0 0 1px #000;
  /*opacity:.8*/
}
.bloglist {
  width:48%;
  float:right;
  padding-bottom:12px;
  /*border:#990000 1px dotted;*/
}
.blogwrapper div:nth-child(2n+1) {float:left;}
.blogwrapper div:nth-child(2n+1) {clear: both;} 

.blogwrap {
  margin-left:0px;
  margin-right:0px;
}

@media screen and (max-width: 375px) {
  .blogwrap {
    margin-left:3px;
    margin-right:3px;
  }
  .bloghead .bmain {
    margin-left:20%;
    margin-top:10px;
    font-size:20px; 
  }
  .bloghead .bsub {
    margin-left:10%;
    margin-top:5%;
    margin-right:14%;
    font-size:13px;
  }
  .bloghead {
    /*height:60px;*/
    height:260px;
    background-size: 100% auto;
  }
  .blogtext p {
    font-size:15px;   
  }
  .blogtext a {
    font-size:15px;    
  }
  .blogtext td img {
    width:100%;   
  }
  .bloglist {
    width:98%;
    padding-bottom:12px;
    float:none;
    /*border:#990000 1px dotted;*/
  }
}

@media screen and (max-width: 500px) and (min-width: 376px) {
  .blogwrap {
    margin-left:3px;
    margin-right:3px;
  }
  .bloghead .bmain {
    margin-left:20%;
    margin-top:10px;
    font-size:20px; 
  }
  .bloghead .bsub {
    margin-left:10%;
    margin-top:5%;
    margin-right:14%;
    font-size:13px;
  }
  .bloghead {
    /*height:60px;*/
    height:260px;
    background-size: 100% auto;
  }
  .blogtext p {
    font-size:15px;   
  }
  .blogtext a {
    font-size:15px;    
  }
  .blogtext td img {
    width:100%;   
  }
  .bloglist {
    width:100%;
    padding-bottom:12px;
    float:none;
    /*border:#990000 1px dotted;*/
  }
  .blogwrapper div:nth-child(1n+1) {clear: both;}
}

@media screen and (max-width: 800px) and (min-width:501px) {
  .blogwrap {
    margin-left:3px;
    margin-right:3px;
  }
  .blogtext p {
    font-size:15px;   
  }
  .blogtext a {
    font-size:15px;    
  }
  .blogtext td img {
    width:100%;   
  }  
  .bloglist {
    width:100%;
    padding-bottom:12px;
    float:none;
    /*border:#990000 1px dotted;*/
  }
  .blogwrapper div:nth-child(1n+1) {clear: both;}
}