/*   
Theme Name: JZB 002
Theme URI: https://www.tomogramm.ch/
Description: Johannes-Zweig Bern v. 0.0.2
Author: Thomas Luethi
Author URI: https://www.tomogramm.ch/
*/

/* Schriftart fuer Logo und Navigation: Baar Philos: */
@font-face { font-family: 'Baar Philos Regular'; font-style: normal; font-weight: normal; src: local('Baar Philos Regular'), url('fonts/baarprg_.woff') format('woff'); }
@font-face { font-family: 'Baar Philos Bold'; font-style: normal; font-weight: normal; src: local('Baar Philos Bold'), url('fonts/baarpb__.woff') format('woff'); }
/*
@font-face { font-family: 'Baar Philos Italic'; font-style: normal; font-weight: normal; src: local('Baar Philos Italic'), url('baarpi__.woff') format('woff'); }
@font-face { font-family: 'Baar Philos BoldItalic'; font-style: normal; font-weight: normal; src: local('Baar Philos BoldItalic'), url('baarpbi_.woff') format('woff'); }
*/

p.logo span.logo11 { font-family:'Baar Philos Regular',arial,helvetica,sans-serif; }
p.logo span.logo12 { font-family:'Baar Philos Bold',arial,helvetica,sans-serif; }



@media screen {

body
 { font-family:arial,helvetica,sans-serif; font-size:100%;
   color:#000000;  background-color:#FFDE59;
   background: radial-gradient(circle, rgba(255,222,89,0.8) 50%, rgba(255,255,255,1) 100%);
   text-align:left;
   margin:0; border:0 none; padding:0;
 }


/* Mitglieder-Bereich und Unterseiten: */
body.page-id-24, body.parent-pageid-24, body.parent-pageid-36, body.member
 { color:#000000; background-color:#81D41A; background: radial-gradient(circle, rgba(129,212,26,0.5) 50%, rgba(255,255,255,1) 100%); }

/* Vorstands-Bereich und Unterseiten: */
body.page-id-208, body.parent-pageid-24.page-id-208, body.parent-pageid-24.parent-pageid-208 
 { color:#000000; background-color:#FF972F; background: radial-gradient(circle, rgba(255,151,47,0.6) 50%, rgba(255,255,255,1) 100%); }


a:link, .inhalt a:link
  { color:#000099; background-color:transparent; text-decoration:underline; }
a:visited, .inhalt a:visited
  { color:#983498; background-color:transparent; text-decoration:underline; }
a:hover, .inhalt a:focus, .inhalt a:hover
  { color:#FF9900; background-color:#ffffff; text-decoration:none; }
a:active, .inhalt a:active
  { color:#983498; background-color:transparent; text-decoration:underline; }

a img { border:0 none; }

a[href*="tel:"], .inhalt a[href*="tel:"]
  { color:#000000; background-color:transparent; text-decoration:none; }

.logo
   { color:#000000; background-color:transparent;
     font-size:20px; 
     text-decoration:none;
     margin:0; padding:15px 0 15px 15px; }
        

p.logo a, p.logo a.logolink:link, p.logo a.logolink:visited, p.logo a.logolink:focus, p.logo a.logolink:hover, p.logo a.logolink:active
   { color:#000000; background-color:transparent;
     text-decoration:none; }
p.logo img.logoecke1 { width:100px; height:194px; float:left; margin:0 20px 10px 0; }
p.logo span.logo11 { font-size:1.2rem; }
p.logo span.logo12 { font-size:2.7rem; }

/* Logo (Ecke) transparent machen: */
img.logoecke1, img.logoecke2 { opacity:0.8; } 

div.container {
                overflow:hidden; /* Zum Abschneiden der ueberfluessigen Hoehe der Navigationsspalte */
                /* border:3px dotted red; */
                margin:1em auto; padding:2px;
               }


/* Navigation formatieren: */
nav.navi {
           float:left; width:18em; clear:both; 
           margin-right:1em;
           color:#000000; background-color:#ffffee;
           border-radius:1em; /* border:1px dotted #9999FF; */
           }

.navi p.logoecke2  { width:100px; height:194px; margin:10px 20px 10px 10px; padding:0; }
.navi p.logoecke2 a, .navi p.logoecke2 a img { display:block; margin:0; border:0 none; padding:0; }  
.navi p.logoecke2 a { color:#000000; background-color:transparent; }

/* Erste Ebene = Hauptmenue: Keine Listen-Zeichen, fett, Anthro-Schrift: */
nav.navi>ul,
nav.navi ul.menu 
  { list-style-type:none; /* border:1px dotted blue; */ 
    margin:1em 0 0 1em; padding:0 0 2em 0;
  }

nav.navi>ul>li,
nav.navi ul.menu>li
   { padding-bottom:0.8em; 
     font-weight:normal;
     font-family:'Baar Philos Bold',arial,helvetica,sans-serif;
     font-size:1.3rem;
   }

/* 2., 3., 4. Ebene = Untermenues: Keine Zeichen, fett, Arial: */
nav.navi ul ul,
nav.navi ul.sub-menu 
  { list-style-type:none; /* border:1px dotted blue; */ margin:1em 0 0 1em; padding:0 0 2em 0; }

nav.navi ul ul li,
nav.navi ul.sub-menu>li
   { padding:0 0 0.4em 0; 
     font-weight:normal;
     /* font-family:arial,helvetica,sans-serif; */
     font-family:'Baar Philos Regular',arial,helvetica,sans-serif;
     font-size:1.0rem;
   }




/* Mehr Abstand oben vom Link "Mitglieder-Bereich": */
nav.navi ul.menu>li.menu-item-26
   { padding-top:3em; padding-bottom:0; }
   
/* Untermenues grundsaetzlich ausblenden: */
nav.navi ul.menu li ul.sub-menu { display:none; }

/* Untermenues, in denen die aktuelle Seite vorkommt, 
   sowie Untermenues der aktuellen Seite einblenden: */
nav.navi ul.menu li.current-menu-ancestor ul.sub-menu, 
nav.navi ul.menu li.current-menu-item ul.sub-menu
  { display:block; margin-top:0.2em !important; margin-bottom:0 !important; padding-bottom:0 !important; }
  
/* Untermenu 2. und folgende Ebenen: fast kein Abstand nach oben: */
nav.navi ul.menu li ul.sub-menu li ul.sub-menu { margin-top:0.15em !important; }

/* Link-Farben Navigation: */
.navi a:link, .navi a:visited
  { color:#861B1B; background-color:transparent; text-decoration:none; }
.navi a:focus, .navi a:hover
  { color:#FF9900; background-color:transparent; text-decoration:none; }
.navi a:active
  { color:#861B1B; background-color:transparent; text-decoration:none; }

/* Aktuelle Seite hervorheben: */
.navi li.current-menu-item
  { /* border:1px dotted red; */} 
.navi li.current-menu-item>a, .navi li.current-menu-item>a:link, .navi li.current-menu-item>a:visited,
.navi li.current-menu-item>a:focus, .navi li.current-menu-item>a:hover, .navi li.current-menu-item>a:active
  { color:#666666; background-color:transparent; text-decoration:none; } 

  
/* Inhalt formatieren: */

main.inhalt { margin:0 0 0 0; 
             float:left; 
             overflow:visible;
             }
main.inhalt { color:#000000; background-color:rgba(255,255,255,0.2);  }

h1,h2,.putzer { clear:both; }

.noshow    { display:none; }

div p.align-center, .align-center { text-align:center; }

/* Tabellen-Zellen: Position oben links, kein Rahmen */
main.inhalt table tr th, main.inhalt table tr td, 
main.inhalt figure.wp-block-table table tr th, main.inhalt figure.wp-block-table table tr td,
main.inhalt figure.is-style-stripes table tr th, main.inhalt figure.is-style-stripes table tr td,
main.inhalt figure.is-style-regular table tr th, main.inhalt figure.is-style-regular table tr td
 { text-align:left; vertical-align:top; font-style:normal; border:0 none; /* border:1px solid #ffffff; */ }

/* Gestreifte Tabellen-Zellen: Hintergrund hellgrau bzw. hellgelb */
main.inhalt figure.wp-block-table.is-style-stripes table tr:nth-child(even) th, main.inhalt figure.wp-block-table.is-style-stripes table tr:nth-child(even) td
 { color:#000000; background-color:#ffffee; }

main.inhalt figure.wp-block-table.is-style-stripes table tr:nth-child(odd) th, main.inhalt figure.wp-block-table.is-style-stripes table tr:nth-child(odd) td
 { color:#000000; background-color:#f9f9ee; }


/* Fusszeile formatieren: */

footer.fusszeile { clear:both; /* border:2px dashed green; */ padding:0.5em; border-radius:1em; min-height:1.2em; }

footer.fusszeile p.datum { float:left; /* border:1px dotted green; */ margin:0; padding:0 2em 0 2em; }

footer.fusszeile ul.menu { float:left; width:auto; list-style-type:none; /* border:1px dotted blue; */ margin:0; padding:0; }

footer.fusszeile ul.menu li.menu-item { float:left; clear:none; padding:0 1em 0 1em; /* border:1px dotted red; */ border-left:1px solid black; }
footer.fusszeile ul.menu li:first-child.menu-item { padding:0 1em 0 0; border-left:none; }

footer.fusszeile p.url { display:none; /* float:left; width:24em; margin:0; padding:0 2em 0 2em; border:1px dotted red; */ }

/* Link-Farben Navigation: */
footer.fusszeile a:link, footer.fusszeile a:visited
  { color:#861B1B; background-color:transparent; text-decoration:none; }
footer.fusszeile a:focus, footer.fusszeile a:hover
  { color:#FF9900; background-color:transparent; text-decoration:none; }
footer.fusszeile a:active
  { color:#861B1B; background-color:transparent; text-decoration:none; }

/* Aktuelle Seite hervorheben: */
footer.fusszeile li.current-menu-item>a, footer.fusszeile li.current-menu-item>a:link, footer.fusszeile li.current-menu-item>a:visited,
footer.fusszeile li.current-menu-item>a:focus, footer.fusszeile li.current-menu-item>a:hover, footer.fusszeile li.current-menu-item>a:active
  { color:#666666; background-color:transparent; text-decoration:none; } 



/* Seiten-spezifische Anpassungen: */

/* Startseite, page-id = 39: */
body.page-id-39 h1 { display:none; }
body.page-id-39 nav.navi li.menu-item a { font-size:1.8rem; }


/* Anpassungen fuer Plug-Ins */

h1.tribe-events-single-event-title { font-size:1.8rem; font-weight:bold; /* border:1px dotted white; */ }

div.tribe-events-schedule h2,
div.tribe-events-single-section h2
 { font-size:1.2rem; font-weight:bold; /* border:1px dotted #999999; */ } 

div.tribe-common-g-row header
 { font-size:1rem; /* border:1px dotted #999999; */ } 
div.tribe-common-g-row header h3
 { font-size:1rem; font-weight:bold; /* border:1px dotted #999999; */ margin:0 0 1.5em 0; } 

div.tribe-events-schedule span.tribe-events-cost { display:none; /* border:1px dotted red; */ }

/* Text beim Passwort-Formular: */

form.post-password-form:after 
 {
  display:block; font-size:smaller; 
  content: "Passwort vergessen? Via E-Mail willkommen@johannes-zweig-bern.ch Passwort anfragen.";
 }


@media screen and (min-width:1160px)  /* Breite Bildschirme ab ca. 1160px */
         {

          /* Button fuer Navigation ausblenden: */
          input#responsive-nav, label.responsive-nav-label { display: none; }

          
          /* Logo groesser auf ALLEN Seiten (wie Home) */          
          body p.logo span.logo11 { font-size:1.8rem; }
  			 body p.logo span.logo12 { font-size:4.05rem; }       

          div.container {
                overflow:hidden; /* Zum Abschneiden der ueberfluessigen Hoehe der Navigationsspalte */
                /* border:3px dotted red; */
                width:70em;
               }
          div.container, footer.fusszeile {
                width:1060px;
                margin:1em auto; padding:0.5em; border-radius:1em; 
               }

          header#jzb-header-1 { z-index:20; margin:0; border-radius:1em 1em 0 0;  padding-bottom:2em; }
          p.logo { z-index:20; padding:0.5em 0 0.5em 0; }
          p.logo img.logoecke1 { display:none; }
          nav.navi { position: relative; top:-10em;  }
          nav.navi img.logoecke2 { width:100px; height:194px; 
                                   position:relative; top:0; left:5px; }
 
         /* Schriftgroesse groesser: */
         nav.navi>ul>li, nav.navi ul.menu>li  { font-size:1.5rem; }
         nav.navi ul ul li, nav.navi ul.sub-menu>li { font-size:1.2rem; }
         main.inhalt { font-size:1.2em; }


         main.inhalt { margin:0; padding:0; /* border:2px dotted blue; */ }
			main.inhalt, footer.fusszeile div.menu-footer-menu-container, header#jzb-header-1
			   { width:660px; float:right; /* border:1px dotted #666666; */ margin:0; padding-left:24px; padding-right:24px; }
			main.inhalt { border-radius:1em; 
							  border-radius:0 0 1em 1em;
			              position:relative; top:-0em; 
			              /* margin-top:-6.5em; padding-top:8em; z-index:10; */ padding-top:0; }
			
			nav.navi { min-height:49em; }
			main.inhalt { min-height:41em; }
			footer.fusszeile { margin-top:-1em; }

			nav.navi, footer.fusszeile p.datum 
			   { width:300px; float:left; /* border:1px dotted #66FF66; */ margin:0 30px 0 0; padding:0; }

         nav.navi, header#jzb-header-1, main.inhalt, footer.fusszeile 
           { color:000000; background-color:rgba(255,255,255,0.2); } 

         /* Spezialfall Home-Seite: Container als ganze Flaeche, Fusszeile darunter */

         body.home nav.navi, body.home header#jzb-header-1, body.home main.inhalt
           { color:000000; background-color:rgba(255,255,255,0); } 

         body.home div.container, body.home footer.fusszeile
           { color:000000; background-color:rgba(255,255,255,0); /* border:1px dotted red; */ } 

         body.home p.logo { /* border:1px dotted blue; */ position:relative; top:30px; left:-90px; }         
         body.home p.logo span.logo11 { font-size:1.8rem; }
			body.home p.logo span.logo12 { font-size:4.05rem; }       
			body.home nav.navi { min-height:10em; padding:0; }
         body.home nav.navi img.logoecke2 { width:200px; height:388px; }
         body.home nav.navi ul li.menu-item-home { display:none; }

         body.home main.inhalt { width:265px; float:left; margin:0; padding:0; 
			                        min-height:700px; /* border:1px dotted blue; */
                                 position:relative; top:50px; left:-45px; z-index:50; }

         body.home div.menu-seiten-menu-container { position:relative; top:50px; left:650px; z-index:100; /* border:1px dotted green; */ }
         body.home footer.fusszeile { margin-top:1em; }
         body.home footer.fusszeile p.datum { width:230px; /* border:1px dotted red; */ }
         body.home footer.fusszeile div.menu-footer-menu-container { float:left; /* border:1px dotted green; */ }

         } /* Ende breite Bildschirme */

@media screen and (max-width:1159px)  /* Schmale Bildschirme unter ca. 1159px */
         {
          div.container {
                overflow:hidden; /* Zum Abschneiden der ueberfluessigen Hoehe der Navigationsspalte */
                /* border:3px dotted red; */
                /* max-width:95%; */
                margin:1em auto; padding:0 1em;
               }

          p.logo img.logoecke1 { display:inline; width:100px; height:194px; }

          .navi p.logoecke2 { display:none; }


          /* Fix fuer Android bis 4.2 zwecks Checkbox-Hack zum Ein- und Ausblenden der Navigation
            Siehe http://timpietrusky.com/advanced-checkbox-hack */
          body { -webkit-animation: bugfix infinite 1s; }
          @-webkit-keyframes bugfix {  from { padding: 0; } to { padding: 0; } }

          /* Input-Checkbox fur Navigations-Schalter-Trick ausblenden */
          input#responsive-nav { display:none; }

          /* Label = Schalter fuer Navigation anzeigen: */
          label.responsive-nav-label {
                position: absolute;
                top:7em; left:3.5em; 
                display: block; width:1em; height:1.3em; float:right;
                margin:0.5em 0.5em 1em 0.5em;
                padding: 0 0.2em 0.1em 0.2em;
                border-radius:0.3em;
                cursor: pointer;
                /* user-select:none; /* Fuer iOS-6-Bug */
                color:#ffffff; background-color:rgba(0,0,0,0.6);
                font-size:1.5em;
                z-index:20;
              }

          /* Hamburger-Symbol vor dem (inaktiven) Navigations-Label: */
          input#responsive-nav[type=checkbox] ~ label.responsive-nav-label::before {
             content: "\2261"; font-size:1.2em;
             display:block; float:left;
             width: 0.9em;
             height: 1em;
             border:0 none;
             margin:0;
             padding:0 0 0 0.15em;
            }

          /* X-Symbol vor dem (aktiven) Navigations-Label: */
          input#responsive-nav[type=checkbox]:checked ~ label.responsive-nav-label::before {
             content: "X"; font-size:1em;
             display:block; float:left;
             width: 0.7em;
             height: 1em;
             border:0 none;
             margin:0.2em;
             padding:0;
            }

          /* Navigation vorerst ausblenden: */
          nav.navi {
            position: absolute;
            top: -9999px; left:-9999px;
           } 

          /* Wenn Schaltflaeche Navigation geklickt: Navigation einblenden */
          input#responsive-nav[type=checkbox]:checked ~ nav.navi {
             position:absolute;
             top:14em; left:5.5em;
             z-index:30;
             display:block;
            }

          /* Wenn Schaltflaeche Navigation geklickt: Inhalt ausblenden und hoch machen, um Fusszeile nach unten zu verschieben */
          input#responsive-nav[type=checkbox]:checked ~ main.inhalt
           {
             /* position:absolute; top:-9999px; left:-9999px; */
             visibility:hidden; min-height:37em;
           }

          main.inhalt, footer.fusszeile 
           { color:000000; background-color:#ffffee; border-radius:1em; padding:1em; 
             clear:both; }
          
          footer.fusszeile { margin:0 1em; padding:1.5em 1em; } 
          footer.fusszeile p.datum { width:6.5em; float:left; display:block; /* border:1px dotted red; */ padding:0; } 

         /* Spezialfall Home-Seite: */

         body.home nav.navi, body.home header, body.home main.inhalt 
           { color:000000; background-color:rgba(255,255,255,0); } 

         body.home div.container, body.home footer.fusszeile
           { color:000000; background-color:rgba(255,255,255,0);  } 

         body.home input#responsive-nav, body.home label.responsive-nav-label { display: none; }
         
         body.home nav.navi { position:relative; top:650px; left:00px; }
         body.home nav.navi ul li.menu-item-home { display:none; }
 
         body.home main.inhalt { position:relative; top:-350px; left:0px; } 
         body.home div.menu-seiten-menu-container { padding-top:0px; /* border:1px dotted green; */ } 
         } /* Ende schmale Bildschirme */



/* Sprunglink ausblenden fuer normale Bilschirme: */
.sprunglink:not(:focus) {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(100%);
  white-space: nowrap;
}




} /* Ende @media screen */



@media print {

body
 { font-family:arial,helvetica,sans-serif; font-size:100%;
   color:#000000;  background-color:#FFFFFF;
   text-align:left;
   margin:0; border:0 none; padding:0;
 }

a:link, a:visited
  { color:#000000; background-color:#ffffff; text-decoration:none;  }
a:focus, a:hover
  { color:#000099; background-color:#ffffff; text-decoration:underline; }
a:active
  { color:#000000; background-color:#ffffff; text-decoration:none; }

a img { border:0 none; }

p.sprunglink  { display:none; }

p.logo a, p.logo a.logolink:link, p.logo a.logolink:visited, p.logo a.logolink:focus, p.logo a.logolink:hover, p.logo a.logolink:active
   { color:#000000; background-color:#ffffff;
     text-decoration:none; }
p.logo img.logoecke1 { width:50px; height:97px; float:left; margin:0 20px 10px 0; }
p.logo span.logo11 { font-size:1.2rem; }
p.logo span.logo12 { font-size:2.6rem; }

div.container { overflow:auto;
                margin:0; padding:0;
               }

input#responsive-nav, label.responsive-nav-label { display: none; }
nav.navi { display:none; }

div.inhalt { margin:0; }

footer.fusszeile { clear:both; padding:5px 0 0 0; border-top:1px solid #666666; }
footer.fusszeile ul.menu { display:none; }
footer.fusszeile p.datum { display:block; float:left; width:8em; }
footer.fusszeile p.url   { display:block; float:left; width:24em;  }


h1,h2,.putzer { clear:both; }

div p.align-center, .align-center { text-align:center; }

.noprint, .noshow    { display:none; }

} /* Ende @media print */