/* muli-300 - latin */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 300;
  src: local('Muli Light'), local('Muli-Light'),
       url('../fonts/muli-v11-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/muli-v11-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* muli-regular - latin */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 400;
  src: local('Muli Regular'), local('Muli-Regular'),
       url('../fonts/muli-v11-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/muli-v11-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* muli-700 - latin */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 700;
  src: local('Muli Bold'), local('Muli-Bold'),
       url('../fonts/muli-v11-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/muli-v11-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* allerta-regular - latin */
@font-face {
  font-family: 'Allerta';
  font-style: normal;
  font-weight: 400;
  src: local('Allerta Regular'), local('Allerta-Regular'),
       url('../fonts/allerta-v8-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/allerta-v8-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


:root {
    --navbar-bg: #252850;
    --sub-footer-bg: #F4F4F4;

    --inso-red: #D12026;
}

html,
body {
    height: 100%;
    min-height: 100vh;
}

body {
    font-family: 'Muli', sans-serif;
    color: #3F3F3F;
    position: relative;
    display: grid;
    grid-template-rows: 1fr auto;
    padding-top: 79px;
}

.sub-page {
    padding-top: 120px;
}

.sub-page--profile {
    padding-top: 2.5rem;
}

section {
    border: 1px solid transparent;
}

h1 {
    font-weight: bold;
    font-size: 1.8em;
    margin-top: 56px !important;
    margin-bottom: 40px !important;
}

h2 {
    font-size: 1.5em;
    font-weight: bold;
    color: #D12026;
}

h3 {
    font-weight: bold;
    font-size: 1.6em;
}

a {
    color: var(--inso-red);
    text-decoration: none;
}

a:hover {
    color: var(--inso-red);
    text-decoration: underline;
}

p a {
    text-decoration: underline;
}

.small-font {
    font-size: 0.75em;
}

.big-font {
    font-size: 1.25em;
    font-weight: bold;
}

.color-text {
    color: #3F3F3F;
}

.inso-bg-grey {
    background-color: #F2F2F2;
}

.navbar-subpage--secondary,
.mainNav {
    background-color: var(--navbar-bg);
}

.mainNav a {
    color: white !important;
    text-decoration: none;
}

.mainNav li > a:hover, .mainNav li > a:focus {
    /*text-decoration: underline;*/
}

.active.nav-link {
    position: relative;
}

.active.nav-link::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 6.5px solid transparent;
    border-right: 6.5px solid transparent;
    border-bottom: 12px solid white;
    position: absolute;
    bottom: -17px;
    left: 50%;
    margin-left: -5px;
}

.nav-item {
    font-size: 1.25rem;
}

.navbar > .container {
  position: relative;
}

.navbar-brand > img {
  width: 56px;
  height: 56px;
}

/* NOTE: position absolute to center navigation */
/* manually enter desired bootstrap breakpoint */
@media screen and (min-width: 992px) {
  .navbar-brand {
    position: absolute;
  }
}

.carousel-indicators li[data-bs-target] {
    border-radius: 100%;
    width: 10px;
    height: 10px;
    background-color: #4B4B4B;
    opacity: 1;
}

.carousel-indicators li.active {
    background-color: #D12026;
}

.tu-wien-logo-carousel {
    height: 110px;
    max-width: 313px !important;
    opacity: 0.3;
}

.carousel-item {
    height: 448px;
}

.carousel-control-next-icon, .carousel-control-prev-icon,
.carousel-control-next:hover,
.carousel-control-prev:hover {
    /*color: #D12026;
    background: #D12026;*/
    fill: #D12026;
}

.carousel-control-next,
.carousel-control-prev {
    width: 8%;
}

.carousel-control-next svg {
    transform: rotate(90deg);
    position: absolute;
    right: 0;
}

.carousel-control-prev svg {
    transform: rotate(-90deg);
    position: absolute;
    left: 0;
}

.carousel-item.collaborations {
    background: url("../images/world.svg") no-repeat right;
}

.carousel-item.collaborations p {
    margin-bottom: 8px;
}

.carousel-list {
    padding-left: 1.25rem;
}

.carousel-list li {
    margin-bottom: 0.5rem;
    font-weight: lighter;
}

#apache-logo {
    position: relative;
    top: -25px;
}

.research-group-logo {
    width: 200px;
    height: 80px;
    margin-bottom: 32px;
}

.research-group-logo img {
    opacity: 0.5;
}

.research-group-logo-placeholder {
    font-size: 3em;
    font-weight: bold;
    color: black;
    opacity: 0.5;
    font-family: 'Allerta', sans-serif;
}
.research-group-name {
    margin-bottom: 4px;
}

#busy-logo {
    position: relative;
    bottom: -30px;
}

#deco-logo {
    position: relative;
    bottom: 9px;
}

#esse-logo {
    position: relative;
    bottom: -28px;
}

#copa-logo {
    position: relative;
    bottom: -30px;
}

#open-logo {
  height: 55px;
  position: relative;
  top: 3px;
}

#andy-logo {
  position: relative;
  bottom: -13px;
}

#seat-logo {
  position: relative;
  bottom: -18px;
}

#miso-logo {
  height: 55px;
  position: relative;
  top: 10px;
}

#lila-logo {
    height: 50px;
    position: relative;
    top: 15px;
}

.horizontal-split-line {
    border-radius: 12px;
    height: 3px;
    background-color: #A9A9A9;
    max-width: 320px;
}

#research h3 {
    font-size: 1.4em;
}

.person-icon {
    height: 32px;
    margin-right: 1rem;
}

.team-entry {
    display: flex;
}

.person {
    display: block;
    margin-bottom: 1rem;
}

.team-column-wrapper {
    flex: 1 1 auto;
}

.team-column {
    margin-top: 2.875rem;
}

.red-font {
    color: #D12026;
    font-size: 1.1em;
}

.red-font-link:hover {
    color: #D12026;
}

.book-preview {
    height: 264px;
}

.book-title-wrapper {
  text-align: center;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  /* margin: 16px 0; */
}

.book-icon {
    height: 25px;
    display: block;
    flex: 0 0 100%;
}

.btn-semester {
    background-color: rgba(75,75,75,0.1);
    border-bottom-color: #4B4B4B;
    color: #4B4B4B;
}

.lecture-table {
    width: 100%;
}

.lecture-table td {
    padding-left: 20px;
}

.lecture-table a {
    color: black;
}

.lecture-table h3 {
    font-size: 1.3rem;
    margin-top: 1.5rem;
}

.lecture-table-header {
    color: #D12026;
    font-size: 1em;
    font-weight: bold;
}

#office p {
    margin-bottom: 8px;
}

footer {
    background-color: #252850;
    color: white;
}

footer p {
    font-size: 0.75em;
    margin-bottom: 4px;
}

.copyright {
    font-size: 1em;
    color: #A9A9A9;
}

.footer-link {
    color: white;
}

.footer-link:hover {
    color: white;
}

.footer-link p {
    font-size: 1em;
}

.footer-logo {
    height: 52px;
    width: 52px;
}

#baba-topics li {
    margin-top: 5px;
    margin-bottom: 5px;
}

.publications li {
    margin-bottom: 0.5rem;
    list-style: none;
    position: relative;
}

.publications li::before {
  position: absolute;
  left: -1.5rem;
  top: 0.3rem;
  content: "";
  width: 1rem;
  height: 1rem;
  background-image: url("../images/book2.svg");
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
}

.publications li.award::before {
  background-image: url("../images/award.svg");
}

.publications li.publication-database::before {
    background-image: url("../images/database.svg");
}

.publications li a {
    text-decoration:underline;
}

.profile-section li a {
    text-decoration:underline;
}

.amma li a {
    text-decoration:underline;
}

.miso li a {
    text-decoration:underline;
}

.sub-footer {
    background: var(--sub-footer-bg);
    padding-top: 3rem;
    padding-bottom: 3rem;
    margin-top: 3rem;
}

.sub-footer--logo {
    max-width: 200px;
}

@media only screen and (max-width: 991px) {
    .active.nav-link::after {
        display: none;
    }

    .sub-site.active.nav-link::after {
        display: inline;
    }

    .carousel-item {
        height: 650px;
    }
}

@media only screen and (max-width: 576px) {
    #lectures-content {
        font-size: x-small;
    }

    #lectures-content h3 {
        font-size: small;
    }

    .lecture-table td {
        padding-left: 10px;
    }
}

@media only screen and (max-width: 450px) {
    #google-map {
        width: 90vw;
    }
}

.btn-outline-primary {
    color: var(--inso-red);
    border-color: var(--inso-red);
}

.map-responsive iframe {
    width: 100%;
}

.profile-picture {
	margin-bottom: 1.5rem /* Corresponds to Bootstrap mb-4 */
}

.profile-contact-info-block {
}

.profile-section {
	margin-top: 3rem; /* Corresponds to Bootstrap mt-5 */
	margin-bottom: 3rem; /* Corresponds to Bootstrap mb-5 */
}

.text-justify {
	text-align: justify;
}

p.p-justify {
	text-align: justify;
}

.p-justify p {
	text-align: justify;
}