/*
 Theme Name:   GeneratePress Koeln.de Child
 Theme URI:    https://www.koeln.de/
 Description:  GeneratePress child theme for koeln.de
 Author:       The COP Guys
 Author URI:   https://www.koeln.de
 Template:     generatepress
 Version:      0.1
*/

/* 
 Load Gilroy font
 More about Gilroy: https://www.fontshmonts.com/text-fonts/gilroy/
*/ 

@font-face {
  font-family: 'GilroyRegular';
  src: url('/wp-content/themes/generatepress_child/fonts/gilroy_regular/Gilroy-Regular.eot'); /* IE9 Compat Modes */
  src: url('/wp-content/themes/generatepress_child/fonts/gilroy_regular/Gilroy-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/generatepress_child/fonts/gilroy_regular/Gilroy-Regular.woff') format('woff'), /* Pretty Modern Browsers */
       url('/wp-content/themes/generatepress_child/fonts/gilroy_regular/Gilroy-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/generatepress_child/fonts/gilroy_regular/Gilroy-Regular.svg') format('svg'); /* Legacy iOS */
       font-display: swap;
}

@font-face {
  font-family: 'GilroyBlack';
  src: url('/wp-content/themes/generatepress_child/fonts/gilroy_black/Gilroy-Black.eot'); /* IE9 Compat Modes */
  src: url('/wp-content/themes/generatepress_child/fonts/gilroy_black/Gilroy-Black.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/generatepress_child/fonts/gilroy_black/Gilroy-Black.woff') format('woff'), /* Pretty Modern Browsers */
       url('/wp-content/themes/generatepress_child/fonts/gilroy_black/Gilroy-Black.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/generatepress_child/fonts/gilroy_black/Gilroy-Black.svg') format('svg'); /* Legacy iOS */
       font-display: swap;
}

@font-face {
  font-family: 'GilroyBlackItalic';
  src: url('/wp-content/themes/generatepress_child/fonts/gilroy_black_italic/Gilroy-BlackItalic.eot'); /* IE9 Compat Modes */
  src: url('/wp-content/themes/generatepress_child/fonts/gilroy_black_italic/Gilroy-BlackItalic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/generatepress_child/fonts/gilroy_black_italic/Gilroy-BlackItalic.woff') format('woff'), /* Pretty Modern Browsers */
       url('/wp-content/themes/generatepress_child/fonts/gilroy_black_italic/Gilroy-BlackItalic.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/generatepress_child/fonts/gilroy_black_italic/Gilroy-BlackItalic.svg') format('svg'); /* Legacy iOS */
       font-display: swap;
}

@font-face {
  font-family: 'GilroyBold';
  src: url('/wp-content/themes/generatepress_child/fonts/gilroy_bold/Gilroy-Bold.eot'); /* IE9 Compat Modes */
  src: url('/wp-content/themes/generatepress_child/fonts/gilroy_bold/Gilroy-Bold.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/generatepress_child/fonts/gilroy_bold/Gilroy-Bold.woff') format('woff'), /* Pretty Modern Browsers */
       url('/wp-content/themes/generatepress_child/fonts/gilroy_bold/Gilroy-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/generatepress_child/fonts/gilroy_bold/Gilroy-Bold.svg') format('svg'); /* Legacy iOS */
       font-display: swap;
}

@font-face {
  font-family: 'GilroyBoldItalic';
  src: url('/wp-content/themes/generatepress_child/fonts/gilroy_bold_italic/Gilroy-BoldItalic.eot'); /* IE9 Compat Modes */
  src: url('/wp-content/themes/generatepress_child/fonts/gilroy_bold_italic/Gilroy-BoldItalic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/generatepress_child/fonts/gilroy_bold_italic/Gilroy-BoldItalic.woff') format('woff'), /* Pretty Modern Browsers */
       url('/wp-content/themes/generatepress_child/fonts/gilroy_bold_italic/Gilroy-BoldItalic.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/generatepress_child/fonts/gilroy_bold_italic/Gilroy-BoldItalic.svg') format('svg'); /* Legacy iOS */
       font-display: swap;
}

@font-face {
  font-family: 'GilroyExtraBold';
  src: url('/wp-content/themes/generatepress_child/fonts/gilroy_extra_bold/Gilroy-ExtraBold.eot'); /* IE9 Compat Modes */
  src: url('/wp-content/themes/generatepress_child/fonts/gilroy_extra_bold/Gilroy-ExtraBold.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/generatepress_child/fonts/gilroy_extra_bold/Gilroy-ExtraBold.woff') format('woff'), /* Pretty Modern Browsers */
       url('/wp-content/themes/generatepress_child/fonts/gilroy_extra_bold/Gilroy-ExtraBold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/generatepress_child/fonts/gilroy_extra_bold/Gilroy-ExtraBold.svg') format('svg'); /* Legacy iOS */
       font-display: swap;
}

@font-face {
  font-family: 'GilroyLight';
  src: url('/wp-content/themes/generatepress_child/fonts/gilroy_light/Gilroy-Light.eot'); 
  src: url('/wp-content/themes/generatepress_child/fonts/gilroy_light/Gilroy-Light.woff2') format('woff2'), 
       url('/wp-content/themes/generatepress_child/fonts/gilroy_light/Gilroy-Light.woff') format('woff'), 
       url('/wp-content/themes/generatepress_child/fonts/gilroy_light/Gilroy-Light.ttf')  format('truetype'), 
       url('/wp-content/themes/generatepress_child/fonts/gilroy_light/Gilroy-Light.svg') format('svg'); 
       font-display: swap;
}


@font-face {
  font-family: 'GilroyMedium';
  src: url('/wp-content/themes/generatepress_child/fonts/gilroy_medium/Gilroy-Medium.eot'); /* IE9 Compat Modes */
  src: url('/wp-content/themes/generatepress_child/fonts/gilroy_medium/Gilroy-Medium.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/generatepress_child/fonts/gilroy_medium/Gilroy-Medium.woff') format('woff'), /* Pretty Modern Browsers */
       url('/wp-content/themes/generatepress_child/fonts/gilroy_medium/Gilroy-Medium.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/generatepress_child/fonts/gilroy_medium/Gilroy-Medium.svg') format('svg'); /* Legacy iOS */
       font-display: swap;
}



@font-face {
  font-family: 'GilroySemiBold';
  src: url('/wp-content/themes/generatepress_child/fonts/gilroy_semi_bold/Gilroy-SemiBold.eot'); /* IE9 Compat Modes */
  src: url('/wp-content/themes/generatepress_child/fonts/gilroy_semi_bold/Gilroy-SemiBold.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/generatepress_child/fonts/gilroy_semi_bold/Gilroy-SemiBold.woff') format('woff'), /* Pretty Modern Browsers */
       url('/wp-content/themes/generatepress_child/fonts/gilroy_semi_bold/Gilroy-SemiBold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/generatepress_child/fonts/gilroy_semi_bold/Gilroy-SemiBold.svg') format('svg'); /* Legacy iOS */
       font-display: swap;
}

.dropdown-menu-toggle .gp-icon {
  display: none;
}
.site-footer a {
	color: #fff;
  text-decoration: none;
} 

.wp-block-social-links.is-style-logos-only .wp-social-link a {
  padding: 6px;
  background: #868789;
}
p.anzeige-container {
  margin-bottom: 4px;
}

/* Layout */
.site-header {
  z-index: 500;
}
.main-nav {
  z-index: 5000;
}
.site-footer ul {
  margin: 0;
  list-style: none;
}
.site-footer h4, .site-footer h5, .site-footer h6 {
  margin-bottom: 5px;
}
.wp-block-columns.firstteasergroup {
  margin-bottom: 5px;
}
ul.serviceliste {
  margin: 0;
}
.main-navigation .menu-bar-item.search-item {
  z-index: 2000;
}
/*Table*/
table, td, th {
  border: 1px solid #D9D9DC;
}
/* Branchenbox/Table */
.table-branchen table, .table-branchen tr, .table-branchen td {
	border: none !important;
}
.table-branchen td {
	padding: 20px 0 0px 40px;
}
.uniteaser-anzeige, .anzeige-verpoorten {
  margin-top: -20px;
  padding: 0 !important;
  font-size: 12px !important;
  text-align: right;
}
/* Links */

.site-content .table-branchen table a {
	color: #000000;
}
.site-content .table-branchen td a::before {
  margin-right: 5px;
  content: "•";
  font-weight: bold;
}
.branchen-link span {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  height: 1.25rem;
  padding: 0 .375rem;
  font-size: .75rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: #ffffff;
  background: #868789;
  border-radius: 0 0 0 .1em;
} 
.branchen-link {
  position: relative;
  display: flex;
  align-items: center;
  width: 11.125rem;
  max-width: 18.75rem;
  height: 2rem;
  padding: 0 8px;
  color: #000000;
  word-break: normal;
  background: #efefef;
  border: 1px solid #868789;
  border-radius: 2px;
  margin: 3px 0 0;
}
/* Buttons Formulare*/
.site-content .gform_button {
  background-color: #E3001B;
  color: #fff;
  font-size: 18px;
  font-family: GilroyBold;
  font-weight: normal;
  cursor: pointer;
  padding: 10px 20px;
  border-radius: 8px;
  margin-bottom: 30px;
}


/* Mobile  */
@media (min-width: 1024px) {
      .secondary-navigation .main-nav ul li a, .secondary-navigation .menu-toggle, 
      .secondary-menu-bar-items .menu-bar-item > a {
        padding-left: 20px !important;
        padding-right: 0 !important;
      }
      .secondary-navigation {
        margin-top: 30px;
      }
      .main-navigation {
          margin: -65px 0 0 0;
          height: 51px;
      }
      .nav-below-header .main-navigation .inside-navigation.grid-container, 
      .nav-above-header .main-navigation .inside-navigation.grid-container {
        padding: 0 !important;
      }
      .site-logo {
        margin-top: -50px;
        margin-left: -16px;
      }
      .astm-search-menu {
        margin-left: 80px;
      }
      .is-search-input {
        height: 30px;
      }
}
@media (max-width: 768px) {
      /* navigation */
      .main-navigation.has-branding .menu-toggle, 
      .main-navigation.has-sticky-branding.navigation-stick .menu-toggle {
        padding-right: 12px !important;
      }
      .nav-below-header .main-navigation .inside-navigation.grid-container, 
      .nav-above-header .main-navigation .inside-navigation.grid-container {
        padding: 0;
      }
      #mobile-header .main-nav {
        z-index: 20000;
        margin-top: -18px;
      }
      .dropdown-menu-toggle .gp-icon {
          display: inline-block !important;
      }
      .menu-toggle .gp-icon svg {
        height: 2em;
        width: 1.5em;
        padding-bottom: 4px;
      } 
      .main-navigation.toggled .main-nav > ul {
        background: #d9d9dc;
        padding: 15px 0;
      }
      .main-navigation.toggled .main-nav > ul li {
        border-bottom: 1px solid #f7f8f9;
      }
      .main-navigation.toggled .main-nav ul ul {
        border-bottom: none;
      }
      .main-navigation.toggled .main-nav > ul li a {
        width: 75%;
      }
      .main-navigation .main-nav ul ul li a {
        padding: 15px 10px 15px 30px;
      }
      .main-navigation.toggled .main-nav ul li a, .menu-toggle, .main-navigation .menu-bar-item > a {
        color: #000;
      }
      .main-navigation.toggled .main-nav ul li:not([class*="current-menu-"]):hover > a, .main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a, .main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"]) > a, .main-navigation .menu-bar-item:hover > a, .main-navigation .menu-bar-item.sfHover > a {
        color: #e3001b;
      }
      .secondary-navigation ul, .secondary-navigation:not(.toggled) .main-nav > ul {
        display: inline-flex !important;
      }
      .secondary-menu-toggle {
        display: none !important;
      }
      .secondary-navigation .main-nav ul li a {
        font-size: 12px !important;
        padding-left: 8px !important;
      }
      /* Branchen Link */
      .secondary-navigation {
        margin: 8px 0;
      }
      .branchen-link {
        width: 8.5rem;
        max-width: 10rem;
        padding: 0 6px;
        margin: 0;
      }
      .branchen-link span {
        font-size: .55rem;
      }
      /* Search */
      .icon-search {
        display: none;
      }
      form.is-search-form {
        width: 80%;
        margin: 20px auto;
      }
      /* Logo */
      .main-navigation.has-branding .inside-navigation.grid-container {
        height: 35px;
      }
      .main-navigation .site-logo.navigation-logo img, 
      .mobile-header-navigation .site-logo.mobile-header-logo img {
        height: 62px;
      }
      .site-logo.mobile-header-logo {
        background: #fff;
        z-index: 50000;
        padding: 0 6px 4px 6px;
        margin-top: -12px;
      }
      .buergerservice {
        background: #d9d9dc;
        padding: 8px;;
      }
      .buergerservice h3 {
        margin-bottom: 10px;
      }
      h3 {
        margin-bottom: 0;
      }
      /* Slider-Mobile */

      .kde-slider-start .slider-padding h4,
      .kde-slider-start .slider-padding div,
      .kde-slider-start .slider-padding h2,
      .kde-slider-start .slider-padding h3,
      .kde-slider-start .slider-padding p  {
        padding: 0 !important;
      }
      .kde-slider-start .slider-padding h4  {
        font-size: 14px !important;
        margin-bottom: 8px !important;
      }
      .kde-slider-start .slider-padding h3  {
        font-size: 32px !important;
        line-height: 32px !important;
        margin-bottom: 12px !important;
      }
      .kde-slider-start .slider-padding h2  {
        line-height: 36px !important;
        margin-bottom: 12px !important;
      }
      .kde-slider-start .slider-padding p  {
        font-size: 14px !important;
        line-height: 18px !important;
      }
}