/***********
*
* Name: biecoll_3-3-0-13.css
* Zweck: Ergaenzen und Ueberschreiben von ojs styles fuer biecoll.ub.uni-bielefeld.de
* Upload: OJS -> Dashboard (Backend) -> Administration -> Einstellungen -> Aussehen -> Einrichtung -> Formatvorlage der Website -> Entfernen -> Datei hochladen
*
***********/

/****
*
* Schriftart
*
****/ 

/* Einbindung einer neuen Schriftart (kein Google Font) */

@font-face{
  font-family:"Open Sans";
  src:url("/styles/fonts/OpenSans-Regular.ttf") format("opentype");
}
@font-face{
  font-family:"Open Sans";
  font-weight:bold;
  src:url("/styles/fonts/OpenSans-Bold.ttf") format("opentype");
}
@font-face{
  font-family:"Open Sans";
  font-weight:bold;
  font-style:italic;
  src:url("/styles/fonts/OpenSans-BoldItalic.ttf") format("opentype");
}
@font-face{
  font-family:"Open Sans";
  font-style:italic;
  src:url("/styles/fonts/OpenSans-Italic.ttf") format("opentype");
}

/* Schriftart festlegen */

body
{font-family:"Open Sans",Arial,Helvetica,sans-serif!important;}

/****
*
* Kopfbereich (Header) 
*
****/ 

/* Kein Abstand nach unten zwischen Bild und Navigationsleiste (sonst Luecke bei farbigen Nav-Leisten) */

.pkp_site_name .is_img
{padding-bottom:0!important;}

/* Logo auf groesserem Bildschrimen groesser */

@media screen and (min-width:993px) 
{
.pkp_site_name .is_img img
{width:100%!important;max-height:400px!important;}
}

/* Logo auf kleinen Bildschirmen etwas groesser, Header anpassen */

@media (max-width:992px) {
.pkp_site_name .is_img img
{max-height:100px!important;}
.pkp_site_name_wrapper
{height:120px!important;}
}

 /* Mindesthöhe für die Navigationszeile im Kopfbereich, damit Suche-Button im kopf bleibt, wenn haupt-nav komplett geloescht */
 
.pkp_navigation_primary_wrapper
{min-height:40px!important;}

/* Einzeiliges aufklappbares Suchformular besser sichtbar machen bei weissem Hintergrund */

.pkp_head_wrapper .pkp_search.is_open input[type="text"]
{border-top:1px solid #ddd!important;border-left:1px solid #ddd!important; }
  
/****
*
* Inhaltsbereich Startseite
*
****/ 

/* Kein zusaetzlicher Rand vom Inhaltsbereich zum Header */

.pkp_page_index .pkp_structure_content
{padding-top:0!important;}

/* Kein zusaetzlicher Rahmen oben bei Mitteilungen auf Startseite, da sonst doppelter Rahmen */

.pkp_page_index .cmp_announcements
{border-top:0!important;}

/* Kein negativer Rand nach oben beim 'Ueber-die-Zeitschrift'-Text (z.B. bei LGNRW), da padding allgemein schon auf 0 gesetzt */

.pkp_page_index .homepage_about h2
{margin-top:10px!important;}

/* Kein negativer Rand nach oben bei Startseitengrafik (z.B. bei ZDB), da padding allgemein schon auf 0 gesetzt */

.pkp_page_index .homepage_image
{margin-top:0!important;}

/* Startseitengrafik kleiner */

.pkp_page_index .homepage_image img
{margin:20px 30px 0;max-width:300px;}
  
/****
*
* Kontaktbereich
*
****/ 

 /* Normale Schriftgroesse auf Kontaktseite, keine Raender */
 
.page_contact .address, 
.page_contact .phone, 
.page_contact .email
{font-size:14px!important;margin-top:0!important;}

/* Das Wort 'Telefon' nicht fett und nicht in separater Zeiler, sondern mit Telefonnummer auf einer Zeile */

.page_contact .phone .label{
font-weight:normal!important;display:inline!important;}

 
/****
*
* Zeilenabstand
*
****/ 

.pkp_structure_content
{line-height:1.6!important;} /* Hoeherer Zeilenabstand */


.item.copyright
{line-height:1.25!important;} /* kein hoeherer Zeilenabstand */


/****
*
* Bereiche ausblenden (nicht anzeigen)
*
****/ 

.obj_issue_toc .published, /* 'veroeffentlicht'-Hinweis im Heft nicht anzeigen */
.page_index_journal .heading h2, /* Doppelte Ueberschrift auf Startseite nicht anzeigen */
.page_submissions .privacy_statement h2+h2, /* Doppelte Ueberschrift von Privacy Statement auf Submission-Seite nicht anzeigen */
.page.page_submissions .cmp_notification /* Kasten 'make a submission' auf 'Submissions'-Seite nicht anzeigen */
{display:none!important;}

/****
*
* Formulare
*
****/ 

/* Keine Raender im Review-Form */

#editReviewFormTabs .pkp_controllers_grid td, #editReviewFormTabs .pkp_controllers_grid p
{padding-top:0;padding-bottom:0;line-height:1!important;}


/****
*
* Listen
*
****/ 

ul.galleys_links, ul.galleys_links li 
{margin:0;padding:0;list-style-type:none;} /* keine Einrueckung, Listenpunkte bei Galley-Links */

ul.galleys_links li 
{margin-bottom:5px;} /* Rand nach unten, um mehrere Galley-Links optisch zu trennen bei Anordnung untereinander */

.list-inline /* Liste ohne Listenpunkte im Footer */
{padding-left:0;list-style: none;margin-left:-5px;}
.list-inline > li 
{display: inline-block;padding-left:5px;padding-right:5px;}

/****
*
* Raender (margin / padding)
*
****/ 

.page_index_journal .obj_article_summary .galleys_links
{margin-top:5px!important;} /* weniger Rand vom PDF-Link im Inhaltsverzeichnis oben */

.page_index_journal .obj_issue_toc .articles > li
{margin-bottom:20px!important;} /* weniger Rand nach unten unter PDF-Link zu naechstem Titel */

.pkp_page_index .journals h3
{margin-top:0!important} /* kein rand nach oben fuer den ZS-Namen in der Liste der Zeitschriften */

.pkp_site_name > a
{padding-bottom:0!important;} /* Kein Rand zwischen Kopfgrafik und Haupt-Navigation */

.obj_article_details .copyright a[rel="license"] + p {
margin-top:10px!important;;} /* Rand von 'Artikelrechte' zum 'Copyright-Vermerk' */

.obj_issue_toc
{margin-bottom:30px!important;} /* Rand nach unten unterhalb des Inhaltsverzeichnis-Bereichs, z.B. zum 'Alle Ausgaben'-Link */

.obj_issue_toc .cover 
{max-width:50%!important;float:left!important;margin-right:30px!important;} /* Cover linksbuendig */

.obj_issue_toc .galleys,
.obj_issue_toc .section
{padding-bottom:0!important;padding-top:20px!important;} /* kein zus. Rand im Inhaltsverzeichnis zwischen Rubriken */

.obj_issue_toc .galleys::before, .obj_issue_toc .section::before 
{top:35px!important;} /* Rand der Linie bei Rubriktiteln anpassen */ 

.obj_issue_toc .sections:not(:first-child)
{margin-top:5px!important;} /* weniger Rand nach oben bei erster Rubrik */

.pkp_footer_content
{padding:10px 0!important;} /* weniger Rand bei Footer-Hinweis */

.pkp_structure_content
{padding-top:0!important;} /* kein zus. Rand nach oben im Content-Bereich */

  
/****
*
* Anpassung, wenn keine Sidebar rechts
*
****/ 

.pkp_structure_main:first-child:last-child
{margin-left:0!important;width:100%!important;} /* keine Sidebar rechts = Inhaltsbereich auf voller Breite, kein Rand nach links */

.pkp_structure_main:first-child:last-child::before
{left:0!important;} /* keine Sidebar rechts = Linie links ganz links, nicht eingerueckt */

.pkp_structure_main:first-child:last-child::after 
{right:0!important;} /* keine Sidebar rechts = Linie rechts ganz rechts, nicht eingerueckt */

@media screen and (min-width:993px) {
.pkp_structure_main:first-child:last-child .main_entry
{width:652px;} /* keine Sidebar rechts = linke Seite breiter (+300px) */
}

@media screen and (min-width:1200px) {
.pkp_structure_main:first-child:last-child .main_entry
{width:860px;} /* keine Sidebar rechts = linke Seite breiter (+300px) */
}
  
/****
*
* Footer
*
****/ 

.pkp_brand_footer
{display:none;}

.pkp_footer_content ul
{margin-top:0;padding-left:0;list-style:none;margin-left:-5px;}

.pkp_footer_content li 
{display:inline-block;padding-left:5px;padding-right:5px;}

/* Footer zweispaltig */

@media screen and (min-width:993px) {
.footer_left
{float:left;width:45%;margin-right:10px;}
.footer_right
{float:right;width:45%;margin-left:10px;}
.pkp_footer_content:after
{content:" ";display:table;clear:both;} /* neuer abschnitt nach zweispaltigem footer */  
}