/**
 * @file
 * Use this CSS file to override base CSS rules
 */

/* Set default font weight to 300 for better typography in high-density screens */
/*body {
  font-weight: 300;
}*/

/** COLORS **/
/*
Background Cards: #f8f9fb
Blue light: #0089a1
Blue Dark: #07496b
*/

/* ++++ Headlines: smaller Headlines ++++ */

h6 {
  font-size: var(--mt-text-size);
  margin-top: var(--mt-text-size);
}
h5 {
  font-size: calc(var(--mt-text-size) * var(--mt-modular-ratio));
  margin-top: var(--mt-text-size);
}
h4 {
  font-size: calc(var(--mt-text-size) * var(--mt-modular-ratio));
  margin-top: var(--mt-text-size);
}
h3 {
  font-size: calc((var(--mt-text-size) * var(--mt-modular-ratio)) * var(--mt-modular-ratio));
  margin-top: var(--mt-text-size);
}
h2 {
  font-size: calc(((var(--mt-text-size) * var(--mt-modular-ratio)) * var(--mt-modular-ratio))* var(--mt-modular-ratio));
  margin-top: var(--mt-text-size);
}

strong {font-weight:600}

.col-12 h2.title, .col-12 nav > h2, .col-12 .block-search > h2, #block-views-block-frontpage-teaser-block-1-2 h2.title{font-size: calc(((var(--mt-text-size) * var(--mt-modular-ratio)) * var(--mt-modular-ratio))* var(--mt-modular-ratio));}


h1 {
  font-size: calc((((var(--mt-text-size) * var(--mt-modular-ratio)) * var(--mt-modular-ratio)) * var(--mt-modular-ratio)) * var(--mt-modular-ratio));
  margin-top: var(--mt-text-size);
}

/* ++++ Spaces and Fonts ++++ */

.fo-co {font-family: var(--mt-ff-38);font-weight:600;font-size: .950em}
.fo-co-li {font-family: var(--mt-ff-38);font-weight:400;font-size: .950em}
.fo-fs-sm {font-size: .950em}
.mar-tp-0 {margin-top:0}
.mar-tp-50 {margin-top:50px}
.mar-bt-50 {margin-bottom:50px}
.mar-bt-20  {margin-bottom:20px}
.mar-bt-100 {margin-bottom:100px}
.pad-bt-20 {padding-bottom:20px}
.pad-bt-50 {padding-bottom:50px}
.pad-bt-100 {padding-bottom:100px}
.pad-tp-20 {padding-top:20px}
.pad-tp-50 {padding-top:50px}
.pad-all-wt {padding:20px; background-color:#fff}
.al-rg {text-align:right}
.overview-box {margin-bottom:50px;}
img.align-left {margin-right:20px}
img.align-right {margin-left:20px}

/* Caption Format */
.caption > figcaption {padding:10px; font-size:1rem; font-style:italic}


/* override button.css */
a.mt-button, .mt-button > a, button.mt-button, input[type="submit"], input[type="reset"], input[type="button"] {
  font-family: var(--mt-ff-38);
  font-size:16px;
  font-weight: 600;
  padding: 16px 33px;
  text-decoration: none;
  display: inline-block;
  line-height: 1.125;
  border-width: 2px;
  border-style: solid;
  
}

.share-links ul.nav li a {
  line-height: 1;
  white-space: normal;
  text-align: center;
  font-size: 30px;
  color: #fff;
  padding:0 20px;
}

/* ++++ Header second: menu ++++ */

/* override menu.css */
.header-container ul.menu > li > a:hover, .header-container ul.menu > li > a:focus, .header-container ul.menu > li > a.is-active {color: var(--mt-color-accent) }
ul.menu li.active-trail a.menuparent {color:#fff}

.header.header .modal-icon-button {color: var(--mt-color-accent) }

/* ++++ Hero top ++++ */

.hero-top {
  min-height: 40px;
/*  background-image: url(/sites/default/files/logos/bg150.png);
  background-position: right center;
  background-repeat: no-repeat; 
  */
}

.hero-top__container {
  padding-top: 20px;
  padding-bottom: 20px; 
 
	
}

.internal-banner-container {
  position: relative;
  min-height: 100px;
}

/* Hero Top Slider */
.field--entity-reference-target-type-taxonomy-term {
	margin-top:20px;
	padding-left:0;
		
}

.field--entity-reference-target-type-taxonomy-term::before {
	display:none;
}



h1.hero-top-hl, h1.page-title {font-size: calc(((var(--mt-text-size) * var(--mt-modular-ratio)) * var(--mt-modular-ratio)) * var(--mt-modular-ratio));
}
h1.page-title span {font-size: calc((((var(--mt-text-size) * var(--mt-modular-ratio)) * var(--mt-modular-ratio)) * var(--mt-modular-ratio)) * var(--mt-modular-ratio));
}

.region-hero-top h1.page-title span  {font-size: calc(((var(--mt-text-size) * var(--mt-modular-ratio)) * var(--mt-modular-ratio)) * var(--mt-modular-ratio));
}

.mt-button {text-align:center;margin-top:40px}

/* Flex Slider
.flexslider-main .field--entity-reference-target-type-taxonomy-term .field__label{font-size: calc(((var(--mt-text-size) * var(--mt-modular-ratio)) * var(--mt-modular-ratio)) * var(--mt-modular-ratio));}

.flexslider-main .field--entity-reference-target-type-taxonomy-term .field__item a {font-size: calc((var(--mt-text-size) * var(--mt-modular-ratio)) * var(--mt-modular-ratio));}
 */

/* ++++ Main Content ++++ */

/* Format Meta */

ul.field--name-field-authors li.field__item, ul.field--name-field-authors li.field__label{
  font-family: var(--mt-ff-38);font-weight:600;font-size: .950em
}

ul.field--name-field-authors, ul.field--entity-reference-target-type-taxonomy-term--tags {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

ul.field--entity-reference-target-type-taxonomy-term--tags li.field__label {
  padding-bottom:10px
	
	}

ul.field--name-field-authors li {
  float:left		
}
ul.field--name-field-authors {margin-bottom:20px;}

#block-views-block-authors-date-block-1.block {
  padding: 0;
}

/* Default Font-family in text headlines */
.region-content-top h1, .field--name-field-body h1,.field--name-field-body h2,.field--name-field-body h3,.field--name-field-body h4,.field--name-field-body h5,.field--name-field-body h6 {
  font-family: var(--mt-ff-06);
  }

/* ++++ Second sidebar ++++ */
.author-block {margin-top:10px; font-size:0.95rem}
.region-sidebar-second {padding-left:20px}
#block-views-block-frontpage-teaser-block-1-2,#block-views-block-frontpage-teaser-block-1 {margin-top:30px}
/*.block-views-blockfrontpage-teaser-block-1 h2.title {text-align:center} */
.expand-collapse a {text-decoration:none}
.expand-collapse a:hover {text-decoration:underline}


/* ++++ Bottom ++++*/
.teaser-compact-image {margin-right:20px;}
.teaser-compact-image img {max-width:none}

.unli {border-bottom:2px solid #e6e7ea;margin-bottom:50px;}

.footer {
  background-image: url(/sites/default/files/bg-footer-trans10.png);
  background-position: right center;
  background-repeat: no-repeat; 
}

.hero-top {
  background-image: url(/sites/default/files/bg-footer-trans20.png);
  background-position: right center;
  background-repeat: no-repeat; 
}


/* +++++ NODES +++++ */

/* Glossary */
.view-im-glossary-a-z a.is-active {font-size:2.0em}

/* Glossary Tooltip */
/**
 * Tooltip Styles
 */

/* Base styles for the element that has a tooltip */
[data-tooltip],
.tooltip {
  position: relative;
  cursor: pointer;
}

/* Base styles for the entire tooltip */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after {
  position: absolute;
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: 
    opacity 0.2s ease-in-out,
    visibility 0.2s ease-in-out,
    -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -moz-transition:    
    opacity 0.2s ease-in-out,
    visibility 0.2s ease-in-out,
    -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  transition:         
    opacity 0.2s ease-in-out,
    visibility 0.2s ease-in-out,
    transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform:    translate3d(0, 0, 0);
  transform:         translate3d(0, 0, 0);
  pointer-events: none;
}

/* Show the entire tooltip on hover and focus */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* Base styles for the tooltip's directional arrow */
.tooltip:before,
[data-tooltip]:before {
  z-index: 1001;
  border: 6px solid transparent;
  background: transparent;
  content: "";
}

/* Base styles for the tooltip's content area */
.tooltip:after,
[data-tooltip]:after {
  z-index: 1000;
  padding: 8px;
  width: 220px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  font-size: 14px;
  line-height: 1.2;
}

/* Directions */
/* Top (default) */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after,
.tooltip-top:before,
.tooltip-top:after {
  bottom: 100%;
  left: 50%;
}
/* Horizontally align top/bottom tooltips */
[data-tooltip]:after,
.tooltip:after,
.tooltip-top:after {
  margin-left: -80px;
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after,
.tooltip-top:hover:before,
.tooltip-top:hover:after,
.tooltip-top:focus:before,
.tooltip-top:focus:after {
  -webkit-transform: translateY(-12px);
  -moz-transform:    translateY(-12px);
  transform:         translateY(-12px); 
}



/* Staff Pages */
.field--name-user-picture {float:left;padding-right:20px;margin-bottom:40px}

.profile .field--name-user-picture ~ div {
  margin-left:0;
}
.paragraph--type--team-members {margin-bottom:50px}

/* article.profile {display:flex}  */
article.profile img {max-width:none}

/* Donation Button  */

.inmind-donation-banner {
  -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.3);
  -moz-box-shadow: 0 0 15px rgba(0,0,0,0.3);
  box-shadow: 0 0 15px rgba(0,0,0,0.3);
  cursor: pointer;
  background-color: #f0f0f0;
  position: absolute;
  left: auto;
  top: -20px;
  right: 0;
  height: 96px;
}  
  .inmind-donation-banner .inmind-donation-logo {
  position: absolute;
  left: -50px;
}

.inmind-donation-banner .inmind-donation-logo img {
  position: relative;
  top: -2px;
}

.inmind-donation-banner .inmind-donation-text {
  padding-left: 60px;
  padding-top: 20px;
  padding-right: 15px;
  display: block;
}

/* ## Glossary ## */
.view-im-glossary-a-z a {
	font-family: var(--mt-hff);
	font-weight:600;
	font-size: 1.5em;
	padding: 0 5px 0;
	
}