/*
Theme Name: Uncode Child – Woge Nordstadt
Description: Projektbezogene Anpassungen auf Basis des Uncode Parent Themes
Author: Webdesign Hannover / Inga Boye
Author URI: https://www.webdesign-hannover.de
Template: uncode
Version: 1.0.0
Text Domain: uncode-child
*/

* {
  box-sizing: border-box;
}

html {
  font-family: 'Open Sans', sans-serif;
}

body,
p,
li,
dt,
dd,
dl,
address,
label,
pre,
code,
.nav-tabs .tab-excerpt {
  font-size: 18px;
}

p,
li,
dt,
dd,
dl,
address,
label,
small,
pre,
code,
span.tab-excerpt {
  line-height: 1.75;
}

p {
  margin: 8px 0 !important;
}

li {
  line-height: 1.3;
}

ul li {
  margin-bottom: 20px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Open Sans', sans-serif;
}

h4,
h5,
h6 {
  line-height: 1.5em !important;
}

ul.icons li .fa {
  font-size: 1.3em;
  top: 0.2em;
  font-weight: 800;
}


/* mehrspaltiger Text */

@media (min-width: 959px) {
  .zweispaltig {
    column-count: 2;
  }
}


/* portfolio-bottom */

.uncode-divider-wrap svg,
.uncode-divider-wrap img {
  height: 0%;
}

.style-light .owl-dots-outside .owl-dots .owl-dot span {
  background-color: #0098fe;
}


/* lightbox */

.lg-backdrop.in {
  opacity: 0.85;
  background-color: #0098fe !important;
}

.lg-sub-html h6:not([class*="fontsize-"]) {
  margin: 0;
  font-size: 16px;
  font-weight: bold;
}

.lg-sub-html p {
  font-size: 14px;
}

.lg-toolbar .lg-icon {
  font-size: 24px;
}


/* mobiles Menü */

@media (max-width: 959px) {
  .menu-with-logo .menu-smart > li,
  .menu-with-logo .menu-smart > li > a {
    color: #fff !important;
  }

  .menu-mobile-centered .menu-smart:not(.top-enhanced-inner) li:not(.social-icon) .fa[class*="fa-angle-down"] {
    display: unset !important;
  }
}




/* Submenüs im blauen Kasten */

/* normal: weiß */
.menu-smart ul.drop-menu.un-submenu a,
.menu-smart ul.drop-menu.un-submenu a span,
.menu-smart ul.drop-menu.un-submenu a i {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* aktive Menüpunkte normal ebenfalls weiß */
.menu-smart ul.drop-menu.un-submenu li.active > a,
.menu-smart ul.drop-menu.un-submenu li.active > a span,
.menu-smart ul.drop-menu.un-submenu li.current-menu-item > a,
.menu-smart ul.drop-menu.un-submenu li.current-menu-item > a span,
.menu-smart ul.drop-menu.un-submenu li.current-menu-parent > a,
.menu-smart ul.drop-menu.un-submenu li.current-menu-parent > a span,
.menu-smart ul.drop-menu.un-submenu li.current-menu-ancestor > a,
.menu-smart ul.drop-menu.un-submenu li.current-menu-ancestor > a span {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* hover und focus: schwarz */
.menu-smart ul.drop-menu.un-submenu li:hover > a,
.menu-smart ul.drop-menu.un-submenu li:hover > a span,
.menu-smart ul.drop-menu.un-submenu a:hover,
.menu-smart ul.drop-menu.un-submenu a:hover span,
.menu-smart ul.drop-menu.un-submenu a:focus,
.menu-smart ul.drop-menu.un-submenu a:focus span,
.menu-smart ul.drop-menu.un-submenu a:focus-visible,
.menu-smart ul.drop-menu.un-submenu a:focus-visible span {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}

/* falls Uncode beim Hover einen Hintergrund setzt */
.menu-smart ul.drop-menu.un-submenu li:hover > a,
.menu-smart ul.drop-menu.un-submenu a:hover,
.menu-smart ul.drop-menu.un-submenu a:focus,
.menu-smart ul.drop-menu.un-submenu a:focus-visible {
  background-color: transparent !important;
}




/* Mobiles Menü: Dropdown-Pfeile weiß sichtbar machen */
@media (max-width: 959px) {
  body.menu-mobile-centered #menu-hauptmenue.menu-smart li.dropdown > a.dropdown-toggle,
  body.menu-mobile-centered #menu-hauptmenue.menu-smart li.menu-item-has-children > a {
    color: #ffffff !important;
  }

  body.menu-mobile-centered #menu-hauptmenue.menu-smart li.dropdown > a.dropdown-toggle .fa,
  body.menu-mobile-centered #menu-hauptmenue.menu-smart li.dropdown > a.dropdown-toggle .fa::before,
  body.menu-mobile-centered #menu-hauptmenue.menu-smart li.dropdown > a.dropdown-toggle .fa-dropdown,
  body.menu-mobile-centered #menu-hauptmenue.menu-smart li.dropdown > a.dropdown-toggle .fa-angle-down,
  body.menu-mobile-centered #menu-hauptmenue.menu-smart li.dropdown > a.dropdown-toggle .sub-arrow,
  body.menu-mobile-centered #menu-hauptmenue.menu-smart li.dropdown > a.dropdown-toggle .sub-arrow::before,
  body.menu-mobile-centered #menu-hauptmenue.menu-smart li.dropdown > a.dropdown-toggle::before,
  body.menu-mobile-centered #menu-hauptmenue.menu-smart li.dropdown > a.dropdown-toggle::after {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border-color: #ffffff !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
}

/* Mobiles Menü: eigenen Dropdown-Pfeil setzen */
@media (max-width: 959px) {
  body.menu-mobile-centered #menu-hauptmenue.menu-smart li.dropdown > a.dropdown-toggle::after {
    content: "";
    display: inline-block !important;
    width: 0.47em;
    height: 0.47em;
    margin-left: 0.45em;
    vertical-align: 0.16em;
    border-right: 2.5px solid #ffffff !important;
    border-bottom: 2.5px solid #ffffff !important;
    transform: rotate(45deg);
    opacity: 1 !important;
    visibility: visible !important;
  }

  body.menu-mobile-centered #menu-hauptmenue.menu-smart li.dropdown.open > a.dropdown-toggle::after,
  body.menu-mobile-centered #menu-hauptmenue.menu-smart li.dropdown > a.dropdown-toggle[aria-expanded="true"]::after {
    transform: rotate(-135deg);
    vertical-align: -0.02em;
  }
}



/* Mobiles Padding unterm header */

@media (max-width: 959px) {
.main-container .row-container .double-top-padding, .block-wrapper-parent .row-container .double-top-padding, .has-unblock .row-container .double-top-padding {
  padding-top: 36px;}
}



/* fotonachweise */

/* Beschreibung im Hover der Fotogalerie */
#gallery-115572 p.t-entry-excerpt {
  font-size: 11px !important;
}

/* Fotonachweis in der Post-Galerie „Aktuell“ */
.page-id-141653 .page-id-141090 .fotonachweis,
.page-id-141653 .page-id-141090 .fotonachweis * {
  font-size: 11px !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
  color: #0099ff !important;
  text-transform: none;
  letter-spacing: 1 !important;
}

/* Automatischer Fotonachweis aus der Medien-Description */
.auto-fotonachweis .woge-media-credit {
  display: block;
  width: 100%;
  margin-top: 6px;
  margin-bottom: -5px;

  font-size: 12px;
  line-height: 1;
  font-weight: 400;
  text-align: left;
  text-transform: none;
  letter-spacing: 0;

  color: inherit;
  opacity: 1;
}



/* Kontaktformular */

div.wpcf7 form .wpcf7-response-output {
  font-weight: 600;
  margin: 50px 0px 0px 0px !important;
  font-size: 1.1emv !important;
}

.form-privacy-note {
  font-weight: 400;
  margin: 50px 0px 0px 0px !important;
  font-size: 14pt !important;
}



/* Footer */

.footer-icon {
  margin-left: 8px;
}

@media (min-width: 570px) and (max-width: 959px) {
  .main-container .cols-md-responsive, .block-wrapper-parent .cols-md-responsive, .has-unblock .cols-md-responsive {
    margin-left: 0px !important;
  }
}