/*
Theme Name: Felix-Hüttemann-Theme
Theme URI: https://webtypen.de
Author: Benedict Romp
Author URI: https://webtypen.de/
Description: Theme for Felix Hüttemann.
Version: 1.0
Tags: research, academic, custom
Text Domain: felix_huettemann_theme
*/

.logo-wrapper {
    display: flex;
    flex-direction: row;
}

.logo-wrapper .logo {
    height: 40px;
    margin-right: 10px;
}

.logo-wrapper .con {
    flex: 1;
}

.logo-wrapper .con .line-1 {
    font-weight: bold;
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 5px;
}

.logo-wrapper .con .line-2 {
    font-weight: bold;
    font-size: 15px;
    line-height: 15px;
}

.container.padding-top {
    padding-top: 20px;
}

.hero-box {
    background: #eee;
    border-radius: 10px;
    position: relative;
    background-size: cover;
    background-position: center center;
}

a.hero-box {
    text-decoration: none;
    transition: all 150ms;
    color: #212529;
}

a.hero-box .box-content {
    text-decoration: none;
    color: #212529;
}

a.hero-box:hover .box-content {
    color: #212529;
    text-decoration: none;
    background:rgb(219, 219, 219);
    transition: all 150ms;
}

a.hero-box:hover .box-image-wrapper {
    background:rgb(219, 219, 219);
    transition: all 150ms;
}

a.hero-box:active .box-content {
    color: #212529;
    background: rgb(211, 211, 211);
}

a.hero-box:active .box-image-wrapper {
    background: rgb(211, 211, 211);
}

.hero-box.has-image {
    display: flex;
    flex-direction: row;
}

.hero-box.small {
    height: 120px;
}

.hero-box.big {
    height: 380px;
}

.hero-box .box-content {
    padding: 10px;
    background: #eeeeeec4;
}

.hero-box .box-content .excerpt {
    margin-bottom: 5px;
}

.hero-box.has-image .box-content {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.hero-box .box-image-wrapper {
    padding: 10px;
}

.hero-box .box-image {
    height: 80px;
    width: 140px;
    background-size: cover;
    background-position: center center;
    border-radius: 10px;
}

.hero-box.big .box-content {
    padding: 20px;
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
    border-radius: 10px;
}

.hero-box.small .box-content {
    position: absolute;
    bottom: 5px;
    left: 5px;
    right: 5px;
    border-radius: 10px;
}

.hero-box .box-content .title {
    font-size: 16px;
    font-weight: bold;
}

.hero-box .box-content .info {
    font-size: 12px;
}

header nav ul.nav li {
    padding: 0px;
    margin: 0px;
    padding-left: 10px;
}

header nav ul.nav li a {
    text-decoration: none;
    font-weight: bold;
    color: #333;
}

header nav ul.nav li a:hover {
    text-decoration: none;
    opacity: 0.75;
}

header nav ul.nav li a:active {
    text-decoration: none;
    opacity: 0.5;
}

header nav ul.nav li.current_page_item a {
    text-decoration: underline;
}