/* fuer OJS3-Plattform fuer EXCLI
   Farben
   0c17a5 = EXCLI-Blau fuer alle interaktiven Elemente und die Rahmen
   0b1269 = dunkleres Blau, wenn man mit der Maus drueberfaehrt oder etwas anklickt
   b5b9e8 = helleres Blau fuer Schaltflaechenbereiche */

/* die PKP-Grafik in der Fusszeile wird verborgen */
.pkp_brand_footer {
   display: none;
}

/* Block-Title */
.pkp_block .title {
   color: rgba(0,0,0,0.87);
}

/* Navigation - Einfärben der Menü-Punkte */
@media (min-width: 992px) {
   .pkp_navigation_primary .dropdown-menu a:focus, .pkp_navigation_primary .dropdown-menu a:hover {
      border-color: #0c17a5;
   }

   .pkp_nav_list ul a {
      color: #0c17a5;
   }   

   .pkp_nav_list ul a:hover, .pkp_nav_list ul a:focus {
      border-color: #0c17a5;
      color: #0c17a5;
    }
}

/* Rechts - Impact Factor - Social Media Icons */
#customblock-impactfactor img{
   max-width: 64px!important;
}

/* Menue rechts oben verbergen */
.pull-right, .header_view .download {
   display: none;
}

/* Submision-Schaltflaeche rechts gestalten */
.pkp_block.block_make_submission a {
    border: 1px solid #b5b9e8;
}

/* Rahmen fuer linke Spalte definieren */
.pkp_structure_main {
   border-bottom: 1px solid #cccccc;
   padding-top: 5px;
   padding-bottom: 5px;
}

/* Rahmen fuer Elemente in rechter Spalte definieren */
.pkp_block {
   border-bottom: 1px solid #cccccc;
}
.pkb_block:last-child {
   border-bottom: none;
}

/* Meldung einfaerben */
.alert {
   background: #b5b9e8;
   border: 1px solid #0c17a5;
   color: black;
}

/* Hyperlinks einfaerben */
.pkp_structure_content a:link,
.obj_announcement_summary .read_more:hover, .obj_announcement_summary .read_more:focus { color: #0c17a5; }
.pkp_structure_content a:visited { color: #0c17a5; }
.pkp_structure_content a:hover { color: #0b1269; }

/* Schaltflaechen fuer Galleys definieren */
.galley-link {
   display: none;
   background-color: #b5b9e8; 
   border: #0c17a5;
}
.galley-link:hover {
   background-color: #0b1269; 
}

.cmp_button_wire, .obj_galley_link {
   border: 1px solid #0c17a5;
}

/* Schaltflaechen */
.cmp_button, .cmp_form .buttons button, .page_lost_password .buttons button, .page_search .submit button, .block_make_submission a, 
.button {
   background-color: #b5b9e8; 
   border: none;border: 1px solid #b5b9e8;
   border-radius: 3px; /* abgerundete Ecken */
   color: #0c17a5; /* Textfarbe */
   border: none;
   box-shadow: none;
   line-height: inherit;
   padding: 6px 8px;
   font-size: inherit;
   display:inline-block;
   text-decoration: none;
   text-align: left;
   min-width: 230px;
   cursor: pointer;
   font-weight: normal;
}
a.block_make_submission_link:hover {
   color: #fff;
   text-decoration: none;
   border: 1px solid #0b1269;
   background-color: #0b1269;
}

.button:hover {
   background: #0b1269; /* dunklere Hintergrundfarbe beim Ueberfahren */
   color: white;
}

.btn {
   background-color: #b5b9e8; 
   background-image: unset;
   border: 1px solid #0c17a5;
   color: #0c17a5;
}
.btn.btn-topic {
   background-color: white;
   padding: 3px 8px;
   margin: 0 10px 10px 0;
   font-weight: bold;
   display: block;
   border-radius: 3px;
}
.btn.btn-topic:hover {
   color: #0c17a5;
   text-decoration: none;
   border: 1px solid #b5b9e8;
   background-color: #fff;
}
.btn:hover {
   background: #0b1269; /* dunklere Hintergrundfarbe beim Ueberfahren */
   color: white;
}

/* Galley Buttons */
.cmp_button_wire:hover, .cmp_button_wire:focus, .obj_galley_link:hover, .obj_galley_link:focus {
   background-color: #0b1269;
   color: #fff;
   border-color: #ccc;
}

/* Ausblenden des input-Feldes */
.toggleBox input {
   position: absolute;
   left: -99999px;
}
 
/* Gestaltung der Beschriftung */
.toggleBox label {
   display: block;
   border-radius: 3px;
   background: #b5b9e8;
   color: #0c17a5;
   padding: .4em;
   text-align: center;
   cursor: pointer;
   font-weight: normal;
}

/* wenn man mit der Maus ueber die Beschriftung geht */
.toggleBox label:hover {
   background: #0b1269;
   color: white;
}
 
/* der Aufklappmechanismus */
.toggleBox input:not(:checked) ~ div {
   opacity: 0;
   height: 0;
}
 
.toggleBox input:checked ~ div {
   opacity: 1;
   padding: .8em;
   -webkit-transition: opacity 1s ease-in-out;
   -moz-transition: opacity 1s ease-in-out;
   -ms-transition: opacity 1s ease-in-out;
   -o-transition: opacity 1s ease-in-out;
   transition: opacity 1s ease-in-out;
}
 
/* Steuerung der Sichtbarkeit der Beschriftung */
.toggleBox input:not(:checked) ~ .close,
.toggleBox input:checked ~ .open {
   display: none;
}

/* Artikel-Details */
@media (min-width: 768px)
{
   .obj_article_details .entry_details {
      width: 299px;
   }
}

/* Login-Bereich User Sidebar */
#customblock-user .formField {
   margin-bottom: 1rem;
}
#customblock-user .textField {
   display: block;
   width: calc(100% - 10px);
   padding: 6px 2px;
   border-radius: 4px;
   margin: 0 10px 0 0;
   border: 1px solid #0c17a5;
 }
 #customblock-user .textField:hover, #customblock-user .textField:focus{
   border-color: #b5b9e8;
 }