@import "fonts.css";
@import "flag-icon.min.css";

/* header */
#header, #header .navbar-section {
  height: 6rem;
}

/* logo */
#header .logo a {
  display: flex;
  height: 100%;
  align-items: center;
}

#header .logo a img, #header.scrolled .logo a img {
  float: left;
  margin-right: 1rem;
  height: 80% !important;
}

#header .logo a .titles {
  float: right;
  font-family: eb_garamond_sc08_regular;
  font-weight: normal;
  line-height: normal;
}

#header .logo a .titles .title {
  font-size: 2rem;
}

#header .logo a .titles .subtitle {
  font-size: 1rem;
  opacity: 1;
  height: 18px;
  transition: opacity 500ms ease, height 500ms ease;
}

#header.scrolled .logo a .titles .subtitle {
  font-size: 1rem;
  opacity: 0;
  height: 0; 
}

/* language switcher */
.langswitcher {
  margin: 0 !important;
  display: block;
  transform: none;
  position: relative;
  top: 0;
}

.overlay-menu .langswitcher {
  margin-left: 2.15rem !important;
  margin-top: 1rem !important;
  font-size: 1.3rem;
  text-align: left;
}

.langswitcher li {
  margin: 0;
}

.langswitcher a {
  opacity: 0.4;
}

.langswitcher a.active, #header .langswitcher a:hover {
  text-decoration: none;
  opacity: 1;
}


/* image aligns */

img.float-left {
  display: inline;
  float: left;
  margin: 5px 15px 5px 0;
  max-width: 47%;
}
img.float-right {
  float: right;
  margin: 5px 0 5px 15px;
  max-width: 47%;
}
img.clear-left {
  clear: left;
}
img.clear-right {
  clear: right;
}
img.clear-both {
  clear: both;
}
img.aligncenter {
  display: block;
  margin: 10px auto;
}

/* member page styles */
table.member-content td {
  padding: 5px;
}

table.member-content .text-col {
  width: 65%;
  vertical-align: top;
}

table.member-content .photo-col {
  width: 35%;
  vertical-align: top;
}