/*
 Theme Name:   Ribosome child
 Theme URI:
 Description:  Ribosome child theme for Poradnia
 Author:       pjj
 Author URI:   http://www.narkomania.org.pl
 Template:     ribosome
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 /* == Add your own styles below this line ==
--------------------------------------------*/
/* ------------------------------------------------------------------- ogólne */
.center { text-align: center }
.right { text-align: right }
.small { font-size: .9rem }
.smaller { font-size: .9em }
.larger { font-size: 1.1em }

.alignleft { width: 25%; margin: 0 10px 10px 0; }

/* ===================================== S T Y L E  W Ł A S N E === */

.caps { font: 600 small-caps 1.05em Falling-sky, Arial, sans-serif; }
caps { font-variant: small-caps; font-size: 1.05em }

/* --------------------  b o x  -------------  */
.box1 { box-sizing: border-box; display: inline-block; width: 90%; min-width: 200px; float:left }
.box2 { box-sizing: border-box; display: inline-block; width: 45%; min-width: 120px; float:left; overflow: auto }
   .box2 img { width: 80%; margin: 0 10px 10px -1px; box-shadow: 3px 3px 2px #adadcd; float: left }
   .box2 img[alt*="logo"] { width: 70%; box-shadow: none }
	.box2 div:after { content: "\A"; white-space: pre }
.box3 { box-sizing: border-box; display: inline-block; width: 32%; min-width: 70px; float:left }
   .box3 img { display: inline-block; margin: 0 0 10px 10px; box-shadow: 0 0 10px #adadcd; } 
.box2-3 { box-sizing: border-box; display: inline-block; width: 60%; min-width: 100px; float:left }
.box1-3 { box-sizing: border-box; display: inline-block; width: 32%; min-width: 70px; float:left }
   .box1-3 img { display: inline-block; margin: 0 0 10px 10px; box-shadow: 0 0 10px #adadcd; } 
@media screen and (max-width: 480px) { .box2, .box3, .box2-3, .box1-3 {width: 90% }}

/* --------------------  b o o k   -------------  */
.book { box-sizing: border-box; display: inline-block; width: 210px; height: 300px; float: left; overflow: hidden;
	padding: 5px; margin:5px 10px 5px 5px; }
.book img { height: 82%; width: auto; box-shadow: 3px 3px 2px #adadcd; } 
.book p { font: 600 1rem/1.1 Falling-sky, Arial, sans-serif; margin: .15rem 0 .5rem 0; }

.bookshelf { box-sizing: border-box }
	.bookshelf img { transition: all .2s; }
	.bookshelf img:hover { transform: scale(1.05); } 
.scroll-shelf { white-space: nowrap; overflow-x: scroll }

/* --------------- /.b o o k   -------------  */

.clear { clear: both }
.clear:after { clear: both }

lead { font-size: 1.2rem; font-style: italic; font-weight: bold; }
stopka { font-style: oblique }
stopka:first-letter { font-weight: 600 }

.blink { visibility: visible }
.blink:hover { color: #eb7500 }

.blu { background-color: #004759; color: #ebb000; font-weight: 600 }
.blu a {color: #ebb000 }

/* ------------------------------ spoiler -  b e l k a  -------------- */
form input.belka { display: none }
.tresc-belki { display: none; width: 90%; box-sizing: border-box; color: #000084; font-size: 0.95em; height: 0; margin: -10px 0 0 5px; padding: 3px 5px 3px 7px; border: solid 2px #004579; border-bottom-left-radius: 3px;  border-bottom-right-radius: 3px }
label.dla-belki { display: inline-block; width: 90%; background-color: #000066; box-sizing: border-box; border-radius: 3px; padding: 5px 5px 5px 7px; margin: 0 0 10px 5px; font: 600 1.1em/1.7em Falling-sky, Arial, sans-serif; color: #fff}
label:hover { cursor: pointer }
label.dla-belki:after { content: " rozwiń ↓"; color: #adadad; font-size: 0.8em; font-weight: 400 }
input.belka:checked + label + .tresc-belki { height: auto; display: block; opacity: 1 }
input.belka:checked + label.dla-belki { border-bottom-left-radius: 0;  border-bottom-right-radius: 0 }
input.belka:checked + label.dla-belki:after { content: " zwiń ↑" } 
/* ---------------- /.belka -------------- */

/* ----------------  s t r o n a   g ł ó w n a  ---------------*/
.tytul { font: small-caps 600 1.5em/1em Arial, sans-serif; padding: 15px 0px 5px 0px; text-shadow: 1px 1px 2px #adadcd;}
.tekst { float: left; width: 90%; font: 0.95em/0.95em Roboto-Condensed, sans-serif; color: #002484; margin: 5px }
.tekst img { float: left; width: 25%; max-width: 145px; display: inline; margin-top: px; margin: 15px 20px 10px 5px; box-shadow: 3px 3px 3px #adadcd; }
.tytul a:hover { text-decoration: underline }


/* --------------------------------------------  H  p  ----------------- */

.entry-content h2 { font: 600 1.3rem/1.5 Falling-sky, Arial, sans-serif; margin: -.7rem 0 .5rem 0; }
.entry-content h3 { font: 600 1.2rem/1.5 Falling-sky, Arial, sans-serif; margin: .7rem 0 .7rem 0; color:#000084}
.entry-content h4 { font: 600 1.15rem/1.4 Falling-sky, Arial, sans-serif; margin: .7rem 0 .5rem 0; }
.entry-content h5 { font: 600 1rem/1.2 Falling-sky, Arial, sans-serif; margin: .3rem 0 .7rem 0; }

.entry-content p { margin: .1em 0 .15rem 0; }

/* =================================== m e n u  G.  ======= */ 

#page .menu-top-menu-container,
#page .menu-top-menu-container a { background-color: #004579; color: #fafafa }

#page #menu-top-menu-1 a:hover { 
color: #adadad }

#page #menu-top-menu-1 .current-menu-item > a,
#page #menu-top-menu-1 .current-menu-ancestor > a,
#page #menu-top-menu-1 .current_page_item > a,
#page #menu-top-menu-1 .current_page_ancestor > a {
color: #fafafa; }

.main-navigation li ul li a { line-height: 1.45em; padding: 10px }
#page .menu-item-15561 a, 
#page .menu-item-18683 a,
#page .menu-item-18767 a { color: #ebb000; }

/* ==============================================  w i d g e t y   === */

#page .widget-title-tab { background-color: #004579;
    color: #ebb000; border-top-right-radius: 2px;  border-top-left-radius: 2px
}
#page .textwidget, 
#page .widget a { color: #00355E; line-height: 1.5em
}
#page .widget-area .widget li { line-height: 1.3em; margin: 2px 
}



/* ==================================================================================== */

/*@import 'notices.css';*/

.breadcrumb { display: none;
    font-size: 12px;
    line-height: 150%;
    margin-bottom: 20px;
}

footer[role="contentinfo"] {
    background-color: #fff; opacity: .9; color: #000084
}

.toc-alphabet { /* Słowniczek slangu narkotykowego */
    overflow: auto;
}
.toc-alphabet a {
    display: block;
    padding: 0px 4px;
    border: 1px solid #e0e0e0;
    width: 16px;
    text-align: center;
    margin-right: 7px;
    float: left;
    transition: 0.4s ease-in-out;
}
.toc-alphabet a:hover {
    color: #fff;
    background-color: #00bcd5;
}

.cover { /* okładka czasopisma, książki etc. */
    float: left;
    margin-right: 15px;
    border: 1px solid #999;
}

.panel-meta {
    overflow: auto;
    border: 1px solid #ccc;
    padding: 15px;
}
.panel-meta p {
    font: 12px/200% Verdana, Tahoma, Arial, Helvetica, sans-serif;
    margin-bottom: 0;
}
/* ---------------- autor artykułu w czytelni ----------- */
.autorzy {
    border: 1px solid rgb(240, 240, 240);
border-radius: 2px;
    display: inline-block;
    float: right;
    margin: -35px 0 0 0;
    padding: 5px 5px;
}

.entry-meta-term-single a {
    display: inline-block;
    border: 1px solid #777;
    padding: 1px 10px;
}

.simple-footnote {
    background-color: #00bcd5;
    color: white;
    display: inline-block;
    height: 20px;
    padding: 0 3px;
}

.lead {
    font-size: 1.2rem;
    font-style: italic;
    font-weight: bold;
}

.entry-content blockquote {
    padding-left: 20px;
}


/* ---------------------------------------------------------------- footnotes */
.footnote_plugin_tooltip_text {
    cursor: help;
    font-weight: 800;
}
/* ---------------------------------------------------------------------- toc */
.fx-toc {
    /*border: 1px solid #ccc;*/
    padding: 5px 10px;
    background-color: #f2f2f2;
}
.fx-toc h2 {
    margin: 20px 0 10px 20px;
}
.fx-toc ol,
.fx-toc ul {
    padding-left: 24px;
}
.fx-toc li {
    margin-left: 15px;
    padding-left: 10px;
}
ol.level-2 {
    list-style-type: lower-latin;
}

/* ------------------------------------------------------ category posts list */
ul.lcp_catlist {
    list-style: none;
}
.lcp_catlist li {
    margin: 0 0 15px 3px;
}
.lcp-author {
    clear: right;
    color: #777;
    font-size: .9rem;
}

/* ------------------------------------------------ real-accessability plugin */
#real-accessability-copyright {
    display: none;
}
.real-accessability-grayscale {
    filter: grayscale(100%); /* Firefox 35+ */
}

/* ----------------------------------------------------------- tweak homepage */
.home.page .breadcrumb,
.home.page .entry-title,
.page-id-15547 .breadcrumb, /* strona testowa */
.page-id-15547 .entry-title,
.page-id-18728 .entry-title,
.page-id-18309 .entry-title {
    display: none;
}

.home.page #primary,
.page-id-15547 #primary {
    margin-top: 0;
}

.blog-info-sin-imagen {
    display: none;
}

/* -------------------------------------------------------------- nowe kolory */
/* trzeba zmienić w 9 miejscach poniżej */
#page a, 
#page .prefix-widget-title,
#page .sub-title a:hover,
#page .entry-content a:visited,
#page .comment-content a:visited,
#page .entry-header .entry-title a:hover,
#page .main-navigation .current-menu-item > a,
#page .main-navigation .current-menu-ancestor > a,
#page .main-navigation .current_page_item > a,
#page .main-navigation .current_page_ancestor > a,
#page .main-navigation li a:hover,
#page .widget-area .widget a:hover,
#page footer[role="contentinfo"] a:hover,
#page .author-info a,
#page .entry-meta a:hover,
#page .format-status .entry-header header a:hover,
#page .comments-area article header a:hover,
#page a.comment-reply-link:hover, 
#page a.comment-edit-link:hover,
#page .icono-caja-destacados {
    color: #004579;
}

#page a:hover {
color: #00BCD5 }

#page .social-icon-wrapper a { color: #45629D }

#page .toggle-search 
{ color: #ebb000 }

#page button, 
#page input[type="submit"], 
#page input[type="button"], 
#page input[type="reset"] {
    background-color: #000066 !important;
}

#page .bypostauthor cite span,
#page .currenttext, 
#page .paginacion a:hover,
#page .logo-header-wrapper,
#page .encabezados-front-page,
#page .enlace-caja-destacados:hover,
#page .top-bar {
    background-color: #000066;
}

#page .archive-header,
#page blockquote,
#page h2.comments-title {
    border-left-color: #000066;
}

#page .aside {
    border-left-color: #000066 !important;
}

#page h3.cabeceras-fp {
    border-bottom-color: #000066;
}

#page h3.widget-title { 
    border-bottom: 2px solid #004579;
}

@media screen and (min-width: 768px) {
    #page .excerpt-wrapper { border-left: 2px solid #000066; }
}

@media screen and (max-width:  599px) {
    #page .menu-toggle, #page .menu-toggle:hover { background: #000066 !important; }
}


/* ------------------------------------------------------------------ .notice */
.notice {
    background-color: #f0f0f0;
    border-left: 8px solid #00bcd5;
    color: #222;
    font-family: "Segoe UI", Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 0.9rem;
    line-height: 180%;
    margin-bottom: 15px;
    padding: 8px 16px 10px 48px;
    position: relative;
}

.notice h2,
.notice p,
.notice li,
.notice dt,
.notice dd {
    font-family: "Segoe UI", Verdana, Tahoma, Arial, Helvetica, sans-serif;
    line-height: 180%;
    font-size: .9rem;
    margin: 0;
    padding: 0;
}

.notice h2 {
    color: #777;
    font-size: 1rem;
    margin: -2px 0 6px;
}

.notice p + ol,
.notice p + ul {
    margin-top: -16px;
}

.notice ol,
.notice ul {
    padding-left: 24px;
    margin-bottom: 10px;
}

.notice:before {
    font-family: FontAwesome;
    font-size: 20px;
    left: 16px;
    position: absolute;
    top: 9px;
    color: #00bcd5;
}

.notice.notice-calendar:before    { content: "\f073"; }
.notice.notice-download:before    { content: "\f019"; }
.notice.notice-gallery:before     { content: "\f1c5"; }
.notice.notice-important:before   { content: "\f06a"; }
.notice.notice-info:before        { content: "\f05a"; }
.notice.notice-link:before        { content: "\f08e"; }
.notice.notice-note:before        { content: "\f24a"; }
.notice.notice-question:before    { content: "\f059"; }
.notice.notice-rss:before         { content: "\f09e"; }
.notice.notice-tip:before         { content: "\f0eb"; }
.notice.notice-source:before      { content: "\f060"; }
.notice.notice-see-also:before    { content: "\f064"; }

/* -------------------------------------------- baza placówek -- wyszukiwanie */
label {
    font-family: Calibri;
}
#v {
    width: 180px;
    font-size: 14px;
}

#facility-list a {
    display: block;
    outline: 1px solid silver;
    margin-bottom: 15px;
    padding: 0 10px;
    text-decoration: none;
}
#facility-list a:hover {
    background-color: #ffc;
}
#facility-list h2 {
    font-size: 20px;
    margin: -25px 0 5px;
}
#facility-list p {
    padding: 0 0 5px;
    margin: 0;
}

.facility h2 {
    font-family: Calibri;
    font-size: 2rem;
}

.facility p, .facility li {
    font: 1.2rem/160% Verdana, Arial, Helvetica, sans-serif;
}
.facility-address {
    border: 1px dotted #333;
    padding: 10px 30px;
    margin-bottom: 20px;
}
.facility-address p {
    font-size: 1rem;
}
.link-back {
    font-size: .8rem;
    text-decoration: green;
    display: inline-block;
    width: 200px;
    padding: 3px 20px;
    color: #fff !important;
    background-color: green;
    /*margin-top: 30px;*/
}

.center {
    text-align: center;
}

a:focus {
    outline: 1px dotted #666;
}