/*
Theme name: Artisti
Theme Autor: Bernt Förström 
Version: 2.0
*/
*{
    box-sizing: border-box;  
  }
  
  #site-container {
      max-width: 1350px;
      margin-right: auto;
      margin-left: auto;
  }
  #site-header {
     display: flex;
      height: 270px;
      background: url('BannerSussu.jpg');
      text-align: center;
      border: solid 2px #336600;
      border-top: none;
      border-bottom: none;
  }  
  #site-header h1 {
      text-align:left;
      color: #336600;
      -webkit-text-stroke: 2px #000000;
      font-size: 0.0em; 
      margin: 0;
  }
   #top-navi {
	  background-color: transparent;
    padding-left: 100px;
  }
    #top-navi ul{
      list-style: none;
      margin: 0;
      padding: 0;
      padding-left: 500px; 
      display:flex ; 
      flex-wrap:wrap;
      font-size:xx-large;
  }
     #top-navi ul li a{
      text-decoration:none;
      color: #e9dcbe;
      font-weight: bold;
      display:flex;
      padding: 5px 10px;
      text-align: center;
  }

  /*tar extra Etusivu bort*/

    #top-navi .sub-menu{
      position: absolute;
      top: 100%;
      left: 0;
      z-index: 1;
      display: none;
      padding-top: 2px;
  }
    #top-navi ul li:hover .sub-menu{
      display: block;
   }

    #top-navi ul li.current-menu-item > a,
	#top-navi ul li.current-post-ancestor > a,
	#top-navi ul li.current-category-parent > a{
      background-color:coral ;
   }
   
   
     #content {
      border: solid 2px #336600;
      display: flex;
  }
    #content main {
      width: 70%;
      padding: 15px;
  }  
    #content main article{
      border-bottom: 1px dashed #808080;
      margin-bottom: 10px;
  }
    #sidebar{ 
      width: 30%;
      padding: 10px;
  }
    #content #sidebar a{
      text-decoration: none;
  }
  #content #sidebar h1, #content #sidebar h2{
      color: #e9dcbe;
      background-color: #af241d;
      font-size: 1.25em;
      padding: 10px;
  }
    #content #sidebar > div:first-child h1, #content #sidebar > div:first-child h2{
      margin-top: 5px;
  }
    #site-footer {
      background-color: #af241d;
      border: solid 2px #701814;
      border-top: none;
      padding: 10px;
      text-align: center;
  }

  
  @media only screen and (max-width:950px){
      #content {
          display: block;
      }  
      #content main{
          width: 100%;
      }
      #content #sidebar{
          width: 100%;
      }
      #site-header {
         height: 185px;
         background: url('BannerSussu_70.jpg');
         border: solid 2px #336600;
         border-top: none;
         border-bottom: none;
     }
     #top-navi ul{
      list-style: none;
      margin: 0;
      padding: 0;
      padding-left: 250px; 
      display:flex ; 
      flex-wrap:wrap;
      font-size: 1.00em;
    } 
  }