/***

    Det är nått konstigt med line-height på rubriken på denna sida:
    http://tentacle.eu/aktuellt/ om man ändra den till mindre så kommer
    arikelsida (http://tentacle.eu/aktuellt/visa/gdynia-a-strong-link-on-the-baltic-adriatic-core-network-corridor) 
    balla ut! 

***/

@import url('https://fonts.googleapis.com/css?family=Droid+Sans:400,700');

body, .inline h2, h1, h2, h3, h4, h5, h6  {
  font-family: 'Droid Sans', sans-serif;
  -webkit-font-smoothing: antialiased;
} 

header h2  {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 700;
}

.sidebar h3 {
  font-size: 18px;
  line-height: 1.2em;
  font-weight: 700;
}

.sidebar p {
  font-size: 14px;
  line-height: 1.4em;
}

.puff a { font-weight: 700; color: #111 !important; }
nav #lg-menu li a { text-transform: uppercase; font-weight: 700; }

@media only screen and (min-width: 40.063em) {
  p {
    font-size: 16px;
    line-height: 1.4em;
  }
  .flexslider .flex-caption {
    font-size: 16px;
    line-height: 21px;
    font-weight: 700;
  }
}

.sidebar p.date, p.date {
  color: #369178;
  text-transform: uppercase;
  font-weight: 700;
  margin-top: 5px;
  margin-bottom: 7px;
}

.news-entry h1 {
  font-size: 28px; 
  line-height: 1.15em;
}

.news-entry h1 a { line-height: 0.75em !important; }

.news-entry img { margin-bottom: 6px; }

.related-content .archive a { padding: 5px 0; }
.headline { 
  text-transform: uppercase; 
  font-size: 32px; 
  color: #369178; 
  margin-bottom: 10px; 
  margin-top: 15px; 
  line-height: 1.4em;
}
.news header { background-color: #369178; }
.inline h2 { font-size: 26px; line-height: 1.15em; margin-bottom: 15px; }
.inline .excerpt { font-style: italic; color: #111; line-height: 1.4em; }
.inline p, .inline ul, .inline ol, .inline li { font-size: 16px; line-height: 1.4em; color: #333; }
.news-entry .read-more {
  display: block;
  margin-top: 5px;
}
.kalender { display: none; }

.hero .logo {
  margin-top: 20px;
  width: 300px !important;
  position: initial;
  top: auto;
  left: auto;
}
.read-more.right { 
  float: right; 
  padding-right: 0.5rem; 
}

.content.contact { width: 75%; padding: 0; }
.content.projects { width: 100%; padding-left: 0.5rem; padding-right: 0.5rem; }
.content.project { width: 75%; }
.content.news-feed { width: 75%; padding-top: 0; }

.content.projects .thirds {
  margin-bottom: 0.8rem;
  padding: 0 0.4rem;
}

.contact-ppl .thirds .wrapper strong { color: #000; font-size: 18px; }

.contact-ppl .thirds .wrapper * { line-height: 1.8em !important; }
.contact-ppl .thirds .wrapper h2 { line-height: 1.3em !important;  }


.contact-ppl .thirds .wrapper { min-height: 390px; }
.contact-ppl .thirds:first-of-type .wrapper, .contact-ppl .thirds:nth-of-type(2) .wrapper, .contact-ppl .thirds:nth-of-type(3) .wrapper { min-height: 474px; }

.content.projects .thirds h2 { margin-bottom: 5px; }
.content.projects .thirds p { margin-bottom: 8px; }

.content.projects .thirds .wrapper { padding: 0.75rem; background-color: #F6F6F6; }
.content.contact .thirds .wrapper { display: block; background-color: #F6F6F6; margin-bottom: 1.4rem; }
.content.contact .thirds .wrapper img { margin-bottom: 0; }

.wrap {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap; 
}

.wrap h1 { width: 100%; }

.wrap .thirds {
  word-break: break-word;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  max-width: 100%; }
  @media screen and (min-width: 40em) {
    .wrap .thirds {
      padding-left: 0.75rem;
      padding-right: 0.75rem; } }
  @media screen and (min-width: 40em) {
    .wrap .thirds {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 33.3333333333%;
              flex: 0 0 33.3333333333%;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      max-width: 33.3333333333%; } }
@media screen and (min-width: 40em) and (min-width: 40em) {
  .wrap .thirds {
    padding-left: 0.75rem;
    padding-right: 0.75rem; } }

  .wrap .single {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    max-width: 100%; }
    @media screen and (min-width: 40em) {
      .wrap .single {
        padding-left: 0.75rem;
        padding-right: 0.75rem; } }

.thirds img { min-width: 100%; margin-bottom: 10px; }


.news-entry .item:nth-child(odd) { background-color: transparent !important; }
.news-entry .item { 
  border-bottom: 1px solid #CCC !important; 
  padding: 0 0 10px !important; 
  margin-bottom: 30px !important;
}
.news-entry .item:last-of-type { border: 0 none !important; margin-bottom: 0 !important; padding-bottom: 0 !important; }

.news-entry h1 a { font-size: inherit !important; }
.news-entry h1 a:hover { color: #000; }

.flex-prev, .flex-next { display: none !important; }
.news-entry .item img { min-width: 100%; }


.event-puff a { 
  color: #000; 
  display:block;
  
}
.event-puff p { 
  font-size: 14px;
  line-height: 1.4em;
  padding: 0 0.5rem;
  margin-bottom: 0.2rem;
  
}



.right-logo { float: right; display: block; margin-top: 50px; }
.right-logo img { width: 300px; }

.event-puff .date {
  text-transform: uppercase;
  font-weight: 700;
  margin-top: 12px;
  padding: 0 0.5rem;
  margin-bottom: 0px;
}

.event-puff header {
  background-color: transparent;
}
.event-puff header a {
  display: block;
  color: white;
  background-color: #369178;
  padding: 9px 10px 7px;
}

.event-puff header a i { padding-left: 5px; font-size: 0.9em; vertical-align: baseline; }

.event-puff .read-more { padding: 0 0.5rem; display: block; color: #369178; margin-bottom: 0.6rem; }
.event-puff a:hover { color: inherit; }
.event-puff h3 {
  font-size: 18px;
  line-height: 1.2em;
  padding: 0 0.5rem;
  font-weight: 700 !important;
  text-transform: none;
  margin-bottom: 6px;
}
.cooling{float:left; width:30% !important; margin:10px;}
.cool{
          margin:0;
          list-style: none;
      
      
    }
    .cool li{
      margin-bottom:10px;  
      border: 1px solid #E5E5E5;
      

    }
    @media (min-width: 768px) {
      .cool li{
       
      }
    }
.masonry{
  width:100%;
}    
img{
  max-width:100%;
}
.grid-item{
  width:45%;
  padding:10px;
}

@media (min-width: 768px) {
    .grid-item{
      width:33%;
      padding:20px;
    }
  }
  @media (max-width: 768px) {
    .grid-item{
      width:50%;
    } 
  }
@media (min-width: 768px) {
.partner-wrap .related-content{
  width:25% !important;
}
}
@media (max-width: 768px) {
.content {
    width: 100% !important;
    padding: 0;
}
}