/*
Theme Name: IPE
Theme URI: https://ipe-nagel.de
Author: Jonathan Nagel
Author URI: https://jonathannagel.de
Description: Custom theme for IPE-Nagel.de
Version: 1.0
Text Domain: ipe
Template: bootstrap-basic
*/

@charset "utf-8";
@font-face {
    font-family: "font44310";
    src: url("/wp-content/themes/ipe/font/ZURCHLC.ttf");
    font-weight: normal;
    font-style: normal;
}

body{
font-family: font44310;
}

/* title and logo */

.site-description small {
   display:block;
   font-size: 12px;
   line-height: 12px;
}
.site-title>.row {
   /*margin-bottom:24px;*/
}


@media (min-width: 768px) {
   html {
       position: relative;
       min-height: 100%;
   }
   body {
       margin: 0 0 100px; /* bottom = footer height */
   }
   body.page-id-6 {
      background: url("/wp-content/themes/ipe/img/bg/bg4.png");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: calc(100% - (((100vw - 1170px) / 2) + 140px)) calc(100% - 100px);
   }

   /* footer */

   footer {
       position: fixed;
       left: 0;
       bottom: 0;
       height: 100px;
       width: 100%;
       z-index:1;
       overflow:visible;
       padding:0!important;
   }
   #site-footer {
      background:transparent;
      border-width:0;
      background-color:#37388b;
   }
   #footer-row {
      height: 180px;
      position:fixed;
      bottom:-24px;
      width:100%;
      margin:0!important;
      background-image:url("https://ipe-nagel.de/wp-content/themes/ipe/img/IPE-footer.png")!important;
      background-size: auto 180px;
      background-repeat:no-repeat;
      background-position:right;
   }


   /* naviagtion */

   .navbar {
      margin-bottom:0px;
   }
   .navbar-default {
      background:none;
      border:none;
      -webkit-box-shadow: inset 0 0px 0 rgba(255, 255, 255, .15), 0 0px 0px rgba(0, 0, 0, .075);
      box-shadow: inset 0 0px 0 rgba(255, 255, 255, .15), 0 0px 0px rgba(0, 0, 0, .075);
   }
   .primary-menu {
      position: fixed;
      left: 0;
      bottom: 60px;
      height: 40px;
      width: 100%;
      z-index:3;
      margin:0!important;
   }
   .secondary-menu {
      position: fixed;
      left: 0;
      bottom: 10px;
      height: 40px;
      width: 100%;
      z-index:2;
      margin:0!important;
   }
   .cat-menu {
      position: fixed;
      left: 0;
      bottom: 136px;
      height: 60px;
      width: 100%;
      z-index:2;
      margin:0!important;
   }
   .navbar-default .navbar-collapse, .navbar-default .navbar-form {
      text-align: center;
   }
   .navbar-nav {
      float: none;
      display: inline-block;
   }
   ul#menu-main-menu.nav.navbar-nav {
      padding-top:6px;
   }
   .navbar-nav>li>a {
      padding-top: 4px;
      padding-bottom: 4px;
      border:2px solid transparent;
   }
   .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.open>a {
      border-radius: 4px 4px 4px 4px;
      -moz-border-radius: 4px 4px 4px 4px;
      -webkit-border-radius: 4px 4px 4px 4px;
      border: 2px solid rgba(255,255,255,.6);
      color:rgba(255,255,255,1)!important;
      background:transparent;
      -webkit-box-shadow: inset 0 0 10px rgba(255,255,255,.6);
      -moz-box-shadow: inset 0 0 10px rgba(255,255,255,.6);
      box-shadow: inset 0 0 10px rgba(255,255,255,.6);
   }
   .navbar-default .navbar-nav>.active>a,
   .navbar-default .navbar-nav>.active>a:focus,
   .navbar-default .navbar-nav>.active>a:hover {
      color:rgba(255,255,255,.6);
      background:transparent;
      transition:color .3s;
   }
   .navbar-default .navbar-nav>li>a {
      color:rgba(255,255,255,.6);
      transition:color .3s;
   }
   .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
      color:rgba(255,255,255,1);
      transition:color .3s;
   }
   #menu-basic-categories.nav.navbar-nav {
      height: 96px;
      overflow: hidden;
      padding-top: 20px;
   }
   #menu-basic-categories.nav.navbar-nav>li>a, #menu-basic-categories.nav.navbar-nav>li>a:active, #menu-basic-categories.nav.navbar-nav>li>a:focus, #menu-basic-categories.nav.navbar-nav>li>a:hover {
      color:#37388b;
      text-transform: uppercase;
      width:250px;
      height:250px;
      padding:20px 60px 0px;
      text-align:center;
      overflow:hidden;
      position:relative;
      margin: 0px;
      border:10px solid rgba(223,219,236,.9);
      border-radius:50%;
      -moz-border-radius:50%;
      -webkit-border-radius:50%;
      -webkit-box-shadow: 0px 0px 3px 1px rgba(255,255,255,.9);
      -moz-box-shadow: 0px 0px 3px 1px rgba(255,255,255,.9);
      box-shadow: 0px 0px 3px 1px rgba(255,255,255,.9);
      background: rgba(255,255,255,1) padding-box;
   }
   #menu-basic-categories.navbar-nav>.active>a, #menu-basic-categories.navbar-nav>.active>a:focus, #menu-basic-categories.navbar-nav>.active>a:hover {
      color:#37388b!important;
   }
   #menu-basic-categories.nav.navbar-nav>li.active>a,
   #menu-basic-categories.nav.navbar-nav>li.current-page-ancestor>a {
      font-weight:bold;
   }
   #main-column .post, #main-column .page {
      border-width:0px;
   }

   .sidebar-menu {
      margin-top:2em;
   }
   .parent_title {
      margin-left:50px;
      color:#37388b;
      padding-bottom:.4em;
      font-size:150%;
   }
   .parent_title>a, .parent_title>a:hover, .parent_title>a:focus {
      color:#37388b;
   }
   .sidebar-menu ul {
      padding:0;
      margin-left:20px;
   }
   .sidebar-menu>ul {
      margin-left:50px;
   }
   .sidebar-menu li {
      margin-bottom:.25em;
      /*margin: 0 10px .25em;*/
      padding-left:10px;
      list-style-type: none;
   }
   .sidebar-menu li.current_page_item>a {
      font-weight:bold;
      cursor:default;
      text-transform:uppercase;
   }
   .sidebar-menu li a, .site-navigation li a:hover,
   .sidebar-menu li a:focus  {
      color:#37388b;
   }
   .sidebar-menu li a::before {
      content:'\21B3';
      margin-left:-8px;
      margin-right:4px;
      display:inline-block;
   }
   .sidebar-menu li a:hover, .site-navigation li a:focus  {
      text-decoration: underline;
   }
   .sidebar-menu li a:hover::before, .sidebar-menu li a:focus::before,
   .sidebar-menu li.current_page_item>a:hover, .sidebar-menu li.current_page_item>a:focus {
      text-decoration: none;
   }


   /* title and logo */

   h1.site-title-heading {
      padding-bottom:1.2em;
      width: 100%;
   }
   .site-description, .news-homepage {
      margin-left:50px;
   }
   .site-description small {
      display:block;
      margin-right:30px;
      font-size: 85%;
      line-height: 18px;
   }
   .row-with-vspace.site-branding {
     margin-bottom:0;

   }
   .site-branding {
     height: calc( 100vh - 100px );
   }
   .site-title {
      height:100%;
      margin-top:0;
      padding-top:10px;
      overflow:scroll;
   }
   .site-title>.row {
      margin-bottom:0px;
   }
   .Pfeil {
      background: url("https://ipe-nagel.de/wp-content/themes/ipe/img/Pfeil.png") top left/contain no-repeat;
      height: 150px;
      text-align: center;
      font-size: 10pt;
      line-height: 11pt;
      padding: 55px 0px 30px 20px;
   }

   .news-homepage {
      padding:10px;
      border:4px silver double;
      border-radius:8px;
      -moz-border-radius:8px;
      -webkit-border-radius:8px;
   }
   .seminarangebot-button {
      margin-left:50px;
      margin-bottom:14px;
      text-transform:uppercase;
      font-weight:bold;
      color:rgba(55,56,139,.5);
      white-space: nowrap;
   }
    .seminarangebot-button a {
      color:rgba(55,56,139,.7);
   }
   .bottom-container {
      /*position: absolute;*/
      bottom: 0px;
      left: 15px;
      width:calc( 100% - 30px);
      margin-bottom:40px;
   }

   /* general */

   article {
      margin-top:50px;
   }
   h1.entry-title {
      margin-bottom:1.2em;
      border-bottom:2px rgba(223,219,236,.8) solid;
      width:75%;
   }
   .entry-content a {
      background:rgba(223,219,236,.6);
   }
   .entry-content a:hover, .entry-content a:focus {
      background:rgba(223,219,236,1);
   }


   /*Startseite*/

   article#post-6 {
      margin-top:0;
      height: calc(100vh - 120px);
      display: table-cell;
      vertical-align: middle;
   }
   article#post-6 .entry-content {
      position: relative;
      margin-top: -245px;
   }
   .page-id-6 #content {
      margin-bottom:0;
   }
   .entry-content>#menu-basic-categories.nav.navbar-nav {
      height:auto;
      overflow:visible;
   }
   .entry-content>#menu-basic-categories.nav.navbar-nav>li>a {
      -webkit-box-shadow: 0px 0px 0px 0px rgba(255,255,255,.9);
      -moz-box-shadow: 0px 0px 0px 0px rgba(255,255,255,.9);
      box-shadow: 0px 0px 0px 0px rgba(255,255,255,.9);
      text-shadow: 0px 0px 4px rgba(255, 255, 255, 1);
      background: rgba(255,255,255,.5) padding-box;
      width: 250px;
      height: 250px;
      padding: 95px 20px 0px;
      font-size:180%;
      transform:scale(1);
      font-weight:bold;
      transition: transform 1.4s ease-in-out;
      z-index:1;
   }
   .entry-content>#menu-basic-categories.nav.navbar-nav>li>a:hover {
      transform:scale(1.15);
      font-weight:bold;
      transition: transform .4s ease-in-out;
      z-index:3;
   }
   .entry-content>#menu-basic-categories.nav.navbar-nav>li.menu-item-77>a {
      position: absolute;
      left: 300px;
      top: 0px;
   }
   .entry-content>#menu-basic-categories.nav.navbar-nav>li.menu-item-89>a {
      position: absolute;
      left: 205px;
      top: 230px;
      padding-top:105px;
   }
   .entry-content>#menu-basic-categories.nav.navbar-nav>li.menu-item-75>a {
      position: absolute;
      left: 452px;
      top: 198px;
   }
   .post-6 h1.entry-title {
      display:none;
   }

}



/* Aktuelles */
ul.ecs-event-list {
   list-style-type: none;
   display:table;
   border-collapse: separate;
   border-spacing:0 15px;
}
ul.ecs-event-list li {
   display:table-row;
}
.duration.time {
   display: table-cell;
   width: 75px;
   height: 75px;
   background: #eee;
   padding: 6px;
   text-align: center;
   vertical-align: middle;
}
.duration.time span {
   display:block;
}
.entry-title.summary, .duration.venue, .ecs-excerpt {
   margin-left:20px;
   display:block;
}
.duration.venue em {
   display:none;
}
.Anmeldung {
   background:orange;
   border-radius:3px;
   color:white;
   padding:6px 9px;
   font-weight:bold;
   text-transform: uppercase;
   margin-top:21px;
   display:inline-block;
}
.single-tribe_events .child-pages {
   display:none;
}
.tribe-events-schedule .tribe-events-cost {

}
.alignright { float: right; margin: 0 0 1em 1em; }
.alignleft { float: left; margin: 0 1em 1em 0; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }