/*
Theme Name: datingtheme.io » lustportal.com
Theme URI: https://lustportal.com/
Author: name
Description: Child-Theme fuer datingtheme - lustportal.com
Template: datingtheme
Version: 1.0
Text Domain: datingtheme-lustportal
*/

/* Login-Button im Menue (rechts ausgerichtet, Button-Style) */
#navigation .navbar .navbar-nav > li.menu-login-btn {
    float: right;
}
#navigation .navbar .navbar-nav > li.menu-login-btn > a {
    background: #d31c13;
    color: #ffffff !important;
    border-radius: 4px;
    padding: 8px 16px !important;
    margin: 8px 0 8px 12px;
    font-weight: 700;
    line-height: 1;
}
#navigation .navbar .navbar-nav > li.menu-login-btn > a:hover,
#navigation .navbar .navbar-nav > li.menu-login-btn > a:focus {
    background: #a30f0a;
    color: #ffffff !important;
}
@media (max-width: 767px) {
    #navigation .navbar .navbar-nav > li.menu-login-btn { float: none; }
    #navigation .navbar .navbar-nav > li.menu-login-btn > a { display: inline-block; margin: 8px 16px; }
}

/* Brand SVG-Logo (zwei Herzen) */
.dt-brand-svg-wrap {
    display: inline-block;
    line-height: 0;
    vertical-align: middle;
}
.dt-brand-svg {
    display: block;
    max-width: 100%;
    height: auto;
    width: 360px;
}
@media (max-width: 768px) {
    .dt-brand-svg { width: 300px; }
}
@media (max-width: 480px) {
    .dt-brand-svg { width: 240px; }
}

.brand,
.navbar-brand {
    max-width: none;
    width: auto;
}

#navigation .navbar .navbar-brand {
    height: auto;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-right: 4px;
    margin-right: 0;
}
.navbar-brand .dt-brand-svg-wrap,
.brand .dt-brand-svg-wrap {
    padding: 4px 0;
}
#navigation .navbar .navbar-nav > li:first-child > a {
    padding-left: 8px;
}

/* ContactModal Default-Logo */
#ContactModal .modal-image[src*="logo-square.svg"],
#ContactModal .modal-image[src*="logo.svg"] {
    width: 200px;
    height: auto;
    max-width: 100%;
    padding: 14px;
    background: #ffffff;
    border-radius: 6px;
    object-fit: contain;
}
@media (max-width: 480px) {
    #ContactModal .modal-image[src*="logo-square.svg"],
    #ContactModal .modal-image[src*="logo.svg"] {
        width: 160px;
        padding: 10px;
    }
}