/**
 * @file
 *
 * Used for normalizing and styling of elements. Based on
 * http://git.io/normalize with some things removed and added to fit the
 * styling of the theme.
 */


/* =============================================================================
   HTML5 display definitions
   ========================================================================== */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden] {
  display: none;
}

/* ==========================================================================
   Base and typography
   ========================================================================== */
html,
body,
td {
  color: #555;
  font-family:  Verdana, Geneva, sans-serif;
  font-size: 13px;
  line-height: 1.1em;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  /*background: #cccccc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAgMAAADwAc52AAAADFBMVEXe3Nzd3Nzp5+fp6Ohmx7hWAAAAGElEQVR4XmOoO8Dw2oFhxwGG7wcYbh0AADKTBzPvaTmyAAAAAElFTkSuQmCC);*/
  margin: 0;
}
#tinymce {
  border-right: 1px solid #cccccc;
  max-width: 940px;
  padding: 10px;
}

h1, h2, h3, h4, h5, h6 {
  color: #007d98;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.3125em;
  margin: 0;
}
h1 {
  font-size: 26px;
  line-height: 1em;
  margin: 1% 0 2%;
  padding: 0 10px;
}
.content h1 {
  padding: 0;
}
h2 {
  color: #555;
  font-size: 22px;
  text-transform: uppercase;
}
.sidebar h2 {
  font-size: 19px;
  margin: 16px 0;
}
h3 {
  color: #a87216;
  font-size: 18px;
}
h1 i,
h2 i,
h3 i,
h4 i {
  font-weight: normal;
}

/* ==========================================================================
   Normal content
   ========================================================================== */
a,
a:visited {
  color: #007d98;
  text-decoration: none;
}
a:active,
a.active,
a.active-trail,
li a.active,
li a.active-trail,
a:hover {
  color: #222;
  outline: 0;
}
a:focus {
  color: #222;
  outline: 0 !important;
}

p {
  line-height: 1.25em;
  margin: 12px 0;
}

.content ul,
.mceContentBody ul,
.content ol,
.mceContentBody ol {
  /* Fixes list next to floating objects. */
  overflow: hidden;
}

img {
  border: 0;
  height: auto;
  max-width: 100%;
  -ms-interpolation-mode: bicubic;
}
.bigImg img {
  width: 100%;
}
.img_legend {
  float: right;
  font-size: 0.8em;
  font-style: italic;
  margin: 15px;
  text-align: center;
  width: 200px;
  margin: 15px;
}

/* Set margins on images with float. The second selector is needed for IE. */
p img[style*='float'][style*='left'] {
  margin: 0 1em 1em 0;
}
p img[style*='float'][style*='right'] {
  margin: 0 0 1em 1em;
}

svg:not(:root) {
  overflow: hidden;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}
tbody {
  border-top: none;
}
td,
th {
  border: 1px solid #ccc;
  padding: 3px 5px;
}
td {
  word-break: break-word;
}

.clear {
  clear: both;
}

/* ==========================================================================
   Forms
   ========================================================================== */
fieldset {
  border: 4px solid #efefef;
  margin: 10px 0 0;
  padding: 0 12px 12px;
}
.page-reading-list fieldset {
  border: 0;
  margin: 0 0 1em;
  padding: 0;
  text-align: right;
}
legend {
  color: #007d98;
  padding: 0 8px;
}
.page-reading-list legend {
  display: none;
}

button,
.button,
.more-link a,
input,
select,
textarea {
  background: #fff;
  border: 1px solid #ccc;
  color: #222;
  font-family: inherit;
  font-size: 13px;
  line-height: 1.1em;
  margin: 0;
  padding: 5px;
  width: 100%;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: inset 0 1px 3px #ccc;
  -webkit-box-shadow: inset 0 1px 3px #ccc;
  box-shadow: inset 0 1px 3px #ccc;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

button,
.button,
.more-link a,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  min-width: 150px;
  padding: 7px 30px;
  text-align: center;
  text-shadow: -1px -1px 1px white;
  background: #eee;
  background: -moz-linear-gradient(left, #e9e9e9 0%, #f9f9f9 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e9e9e9), color-stop(100%,#f9f9f9));
  background: -webkit-linear-gradient(left, #e9e9e9 0%, #f9f9f9 100%);
  background: -o-linear-gradient(left, #e9e9e9 0%, #f9f9f9 100%);
  background: -ms-linear-gradient(left, #e9e9e9 0%, #f9f9f9 100%);
  background: linear-gradient(to right, #e9e9e9 0%, #f9f9f9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=1 );
  -moz-box-shadow: 0 1px 3px #ccc;
  -webkit-box-shadow: 0 1px 3px #ccc;
  box-shadow: 0 1px 3px #ccc;
}
.button.active,
button:hover,
.button:hover,
.more-link a:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
  outline: 0 !important;
  background: #ddd;
  background: -moz-linear-gradient(left, #e9e9e9 0%, #d5d5d5 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e9e9e9), color-stop(100%,#d5d5d5));
  background: -webkit-linear-gradient(left, #e9e9e9 0%, #d5d5d5 100%);
  background: -o-linear-gradient(left, #e9e9e9 0%, #d5d5d5 100%);
  background: -ms-linear-gradient(left, #e9e9e9 0%, #d5d5d5 100%);
  background: linear-gradient(to right, #e9e9e9 0%, #d5d5d5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#d5d5d5',GradientType=1 );
}

.button,
.more-link a {
  display: inline-block;
  min-width: 0;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
  border: 0;
  padding: 0;
  width: auto;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

select {
  min-width: 200px;
  padding: 5px;
}

label {
  color: #007d98;
  font-weight: normal;
  margin-bottom: 5px;
}

.description {
  font-style: italic;
  padding-top: 5px;
}

.form-item input.error,
.form-item textarea.error,
.form-item select.error {
  border: 1px solid red;
}

/* ==========================================================================
   Extra normalizing
   ========================================================================== */
abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

mark {
  background: #ff0;
  color: #000;
}

code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

pre {
  white-space: pre-wrap;
}

q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}

::selection {
  background: #007c97;
  color: #fff;
  text-shadow: none;
}

/**
 * Development
 */
ul.primary {
  margin: 8px 10px;
  padding: 0;
}
ul.primary li {
  display: block;
}
ul.primary li a {
  display: block;
  padding: 0.5em 1em;
  text-align: center;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
ul.primary li.active a {
  border-bottom: 0;
}

#messages {
  word-break: break-word;
}

/* ==========================================================================
   Print
   More or less copied from http://h5bp.com
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
.print-visible {
  display: none;
}
@media print {
  /* Black prints faster: h5bp.com/s */
  * {
    background: transparent !important;
    box-shadow: none !important;
    color: #000000 !important;
    text-shadow: none !important;
  }

  pre,
  blockquote {
    page-break-inside: avoid;
  }

  /* h5bp.com/t */
  thead {
    display: table-header-group;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  @page {
    margin: 1.5cm 0.5cm 1cm;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }

  /* Hide some content */
  .print-hidden {
    display: none !important;
  }
  .print-visible {
    display: block !important;
  }

  /* Hide adminstrative content. */
  #admin-menu,
  #toolbar,
  .tabs {
    display: none;
  }

  html body.admin-menu {
    margin-top: 0 !important;
  }

  .dotted {
    border-top: 1px dashed #666;
  }
  #content-container #content {
    padding-top: 0 !important;
  }
  #messages,
  #block-system-main {
    padding: 0 !important;
  }
}


.view-id-embed_audio .dotted {
  display: none !important;
}


.view-embed-audio .embed-audio-title {
    font-weight: bold;
	font-size: 1.15em
}


.view-embed-audio .embed-audio-title a {
    display: block;
    font-weight: bold;
    margin-bottom: 10px;
    color: #007D98 !important;
    cursor: default !important;
}

.view-embed-audio .embed-audio-title a:hover {
  text-decoration: none !important;
  color: #007D98 !important;
  cursor: default !important;
}

.view-embed-audio .views-field-field-image {
	float: left;
}

.view-embed-audio ul.audio-list li {
	overflow: hidden !important;
}


/*

#block-views-home-key-themes-block .views-row-1{
  display: none;
}
#block-views-home-key-themes-block .views-row-4{
  display: none;
}

#block-views-home-key-themes-block .views-row-5{
  float: left;
}
#block-views-home-key-themes-block .views-row-3{
  float: right;
}
#block-views-home-key-themes-block .views-row-2{
  float: right;
}

#block-views-home-key-themes-block .view-content{
  display: flex;
  flex-flow: row;
}
#block-views-home-key-themes-block .views-row-5{
  order: 1;
}
#block-views-home-key-themes-block .views-row-3{
  order: 3;
}
#block-views-home-key-themes-block .views-row-2{
  order: 2;
}

*/

#block-views-home-key-themes-block {
  margin-top: 30px;
  float: left;
  height: auto !important;
}

#block-views-home-key-themes-block .views-row {
  width: 32% !important;
  margin-right: 0;
  margin-left: 0;
}

#block-views-home-key-themes-block .views-row.views-row-even {
    margin-left: 2%;
    margin-right: 2%;
}

#block-views-home-key-themes-block .view-content a {
  width: 264px;
  display: table-cell;
  height: auto;
}

#block-views-home-key-themes-block div.shadow {
  height: 15px;
  margin-top: -2px;
  width: 287px;
}

#block-views-home-key-themes-block .view-content a img {
  display: none;
}

#block-views-home-key-themes-block .view-home-key-themes a {
  height: 1.5em !important;
}

#block-views-home-key-themes-block .view-home-key-themes h3 {
  text-align: center;
  color: #333;
  background: none !important;
  font-size: 1.25em;
}

#block-views-home-key-themes-block .view-home-key-themes .views-row a:hover .text-block h3 {
  color: #fff;
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
}

.article-gallery .navigation.gallery {
	display: none;
}

.node.node-article .field-name-body img{
  transform: translateZ(0px);
}

#block-block-3 {
  width: 36%;
  float: right;
  overflow: auto;
  padding: 0 2%;
  background: rgba(0, 0, 0, 0) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAIBAMAAAA2IaO4AAAAIVBMVEVDQ0P///9DQ0NERERDQ0NERERDQ0NDQ0NERERDQ0NDQ0PBpoE4AAAAC3RSTlMAAAEBCQkhIiJ3eAutQ4kAAAAfSURBVHheY4hoYRRkyFxuCCRmKAoyhKUAuYJAgEYAAI46BVD7ZUJSAAAAAElFTkSuQmCC") repeat-y scroll 0 0;
  display: block;

}

#block-block-3 #project-higlights {
  overflow: auto !important;
  height: 380px;
}

#gallery-left > h2, #gallery-right > h2 {
    display: block !important;
}

#block-block-3 h2 {
  margin-bottom: 0px !important;
  font-size: 15px;
  height: 42px;
  line-height: 21px;
}
#block-block-3 .views-row {
  margin-bottom: 12px;
}
#block-block-3 a {
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  margin-bottom: 10px;
}

#block-block-3 a.gal_btn {
    color: #666666;
    float: right;
    font-size: 0.9em;
    font-weight: normal;
}

#related_article_0{
  clear: both: !important;
}

@media only screen and (max-width: 950px) {
  #block-block-3 h2 {
    margin-top: 20px !important;
  }
  #block-block-3 {
    width: 100%;
    height: auto !important;
    margin-bottom: 20px;
    padding: 0;
    background: none;
  }
}



/**** For articles ****/
  #latest_articles {

  }

  h3#related_article_title {
    color: #fff;
    padding: 5px;
    background-color: #555;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5) !important;
  }


  #related_articles {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-top: 15px;
  }
  .related_article {
    float: left;
    width: 46%;
    position: relative;
    padding: 1%;
  }
  #related_article_0 {
    margin-right: 1%;
    float: left;
    clear: both !important;
  }
  #related_article_1 {
    margin-left: 1%;
    float: right;
  }
  .related_article span.related_article_image img {
    width: 100%;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5) !important;
  }
  .related_article h4.related_article_title {
    background-color: #099eb9;
    color: #ffffff;
    font-size: 13px;
    opacity: 0.85;
    padding: 5px;
    position: relative;
  }
  .related_article h4.related_article_prev {
    background-color: #555;
    color: #fff;
    display: block;
    margin-bottom: 0;
    opacity: 0.85;
    padding: 5px;
    position: absolute;
    text-align: left;
    top: 6px;

  }

  .related_article h4.related_article_next {
    background-color: #555;
    color: #fff;
    display: block;
    margin-bottom: 0;
    opacity: 0.85;
    padding: 5px;
    position: absolute;
    text-align: right;
    top: 6px;

  }
  .related_article span.related_article_header {
    display: block;
    position: absolute;
    top: 5px;
    opacity: 0;
    background-color:#555;
    overflow: auto;
  }

  .related_article span.related_article_header  p {
    display: block;
    margin: 0;
    padding: 5px;
    color: #ffffff;
  }
  .related_article span.related_article_header  p strong {
    font-weight: normal;
  }
  .related_article span.related_article_header  p.readmore {
    float: right;
    font-weight: bold;
  }
  .related_article span.related_article_pubdate {
    color: #a87216;
    font-style: italic;
  }

  .fixed_bottom {
      position: fixed;
  }


 @media only screen and (max-width: 768px) {
   #related_articles
   {
    margin-top: 0;
   }

  .related_article {
    float: left;
    width: 98%;
    position: relative;
    padding: 1%;
    margin-top: 15px;
  }
  #block-views-home-slider-mobile-block {
    display: block !important;
  }
  #block-views-home-slider-home-slideshow,
  #block-views-home-views-list-block-1 {
    display: none;
  }
}


/** Quick and dirty fix. Should be deleted. **/
body.front #sharedPopular div.list span.picture img
{
	display: none;
}

.front .view-content h3,
.front .item h2 {
  margin-bottom: 15px !important;

}

#block-views-home-slider-mobile-block {
  display: none;
}

.view-home-slider-mobile .category {
  margin-top: 3px;
}
.view-home-slider-mobile .category a {
    font-size: 11px;
    color: #a87216;
    font-weight: normal;
    text-transform: uppercase;
    font-style: normal;
}
.view-home-slider-mobile .item h2 {
  font-size: 16px;
}
.view-home-slider-mobile .item h2 span {
    text-transform: none;
    font-size: 16px;
    color: #007d98;
    line-height: 1.3125em;
}
.view-home-slider-mobile p {
    color: #555;
    font-size: 16px;
    margin: 0;
}
.view-home-slider-mobile .views-row {
  clear: both;
  background: rgba(0, 0, 0, 0) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAIBAMAAAA2IaO4AAAAIVBMVEVDQ0P///9DQ0NERERDQ0NERERDQ0NDQ0NERERDQ0NDQ0PBpoE4AAAAC3RSTlMAAAEBCQkhIiJ3eAutQ4kAAAAfSURBVHheY4hoYRRkyFxuCCRmKAoyhKUAuYJAgEYAAI46BVD7ZUJSAAAAAElFTkSuQmCC") repeat-x scroll center bottom !important;
  display: block;
  margin-bottom: 12px !important;
  overflow: hidden;
  padding-bottom: 20px;
}
.front .view-home-slider-mobile .item h2 {
  margin-bottom: 2px !important;
}
.page-node-447 #block-views-home-slider-home-slideshow {
  display: block !important;
}
.field-item ul > li {
	margin-bottom: 6px;
}
#popup-text a {
  color: #fff;

}
#popup-text a:link {
  color: #fff;
  text-decoration: underline;
}
#popup-text a:visited {
  color: #fff;
  text-decoration: underline;
}
#popup-text a:hover {
  color: #fff;
}