/*
Theme Name: Extra Child Theme
Version: 1.0
Description: Child Theme of Extra
Author:       AlexOffice
Text Domain: extra-child
Author URI:   alexoffice-koeln.de
Template: Extra
*/


@font-face {
  font-family: 'AvanceOTItalic';
  src: url("fonts/avance/AvanceOTItalic.eot");
  src: url("fonts/avance/AvanceOTItalic.eot?#iefix") format("embedded-opentype"), url("fonts/avance/AvanceOTItalic.woff2") format("woff2"), url("fonts/avance/AvanceOTItalic.woff") format("woff"), url("fonts/avance/AvanceOTItalic.ttf") format("truetype"), url("fonts/avance/AvanceOTItalic.svg#avanceotitalic") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* -------------------------------------------------------

  JCR:: 2025-05-27 Austausch Frutiger-Font 

  ------------------------------------------------------- */

/* noto-sans-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 200;
  src: url('fonts/noto-sans-v42-latin/noto-sans-v42-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/noto-sans-v42-latin/noto-sans-v42-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/noto-sans-v42-latin/noto-sans-v42-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

body {
  font-family: "Noto Sans", Arial, sans-serif !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  color: #595B60 !important;
}

body p {
  font-size: 16px !important;
}

h1, h2, h3, h4 {
    font-family: "Noto Sans", Arial, sans-serif !important;
	text-transform: none!important;
	color: #b61f29!important;
}


a:hover {
	color: #b61f29!important;
}

p a {
	border-bottom: 0.5px solid #595B53!important;
	color: #595B53!important;
}
p a:hover {
	border-bottom: 0.5px solid #b61f29!important;
}

.wp-caption {
	border: none!important;
	background-color: transparent!important;
}

p.wp-caption-text {
	font-size: 12px!important;
}

.container {
  z-index: 0;
}

.et-accent-color {
    color: #b61f29!important;
}

.et_pb_widget {
	border-bottom: 1px solid #b61f29;
	border-radius: 0px!important;
	-webkit-box-shadow: 0 0px 0px rgb(0 0 0 / 10%);
    box-shadow: 0 0px 0px rgb(0 0 0 / 10%);
	padding: 10px 20px 0px 20px!important;
}

.et_pb_widget .widgettitle {
	background-color: transparent!important;
	color: #b61f29!important;
	text-transform: none!important;
	font-size: 18px!important;
	padding: 10px 20px 0px 20px;
}

.et_pb_widget .widget_text .textwidget {
    padding: 0 2px 5px 20px;
    line-height: 1em;
}

.et_pb_extra_column_sidebar {
	border-left: 1px solid #b61f29;
}

@media only screen and (max-width: 1025px){
.et_pb_extra_column_sidebar {
	border-left: 0px solid #b61f29;
}
	}

.et_pb_fullwidth_menu--without-logo .et_pb_menu__menu>nav>ul>li {
	font-size: 18px;
	vertical-align: text-bottom;
}

.et_pb_fullwidth_menu--without-logo .et_pb_menu__menu>nav>ul>li a:hover {
    opacity: .7;
	text-decoration: underline;
	text-decoration-color: #b61f29;
	text-underline-position: under;
}

.posts-blog-feed-module .post-title {
	font-size: 24px;
}

.entry-title {
	font-size: 32px;
	color: #b61f29;
}

.post-nav .nav-links .nav-link-next .button:before {
	color: #e0ecf3;
}

.post-nav .nav-links .nav-link-prev .button:before {
	color: #e0ecf3;
}

.nav li ul {
	border-top: 3px solid #b61f29;
}


/* -------------------------------------------------------

    kein Burger-Menü für Footer-Menü

    https://www.bobthewebbuilder.com/divi-menu-hack-dont-collapse-on-mobile/

  ------------------------------------------------------- */

  @media screen and (max-width: 980px) {
    footer .et_pb_menu__menu {
      display: block !important;
    }
    footer .mobile_menu_bar {
      display: none;
    }
  }

@media screen and (min-width: 989px) and (max-width: 1031px) {
.et_pb_image_wrap {
	top: 152px;
	}
}

@media screen and (min-width: 1032px) and (max-width: 1245px) {
.et_pb_image_wrap {
	top: 78px;
	}
}

@media screen and (min-width: 480px) and (max-width: 815px) {
.et_pb_image_wrap {
	top: -8px;
	}
}