/*
 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 ==
--------------------------------------------*/


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

/* ------------------------------------------------------------------- ogólne */

.right { text-align: right }
.small { font-size: .9rem }
.smaller { font-size: .9em }
.large { font-size: 1.2rem }
.larger { font-size: 1.1em }
.x-large { font-size: 1.6rem }

.alignleft { width: 25%; margin: 0 10px 10px 0; }
.caps { font: 600 small-caps 1.05em Arial, sans-serif; }
caps { font-variant: small-caps; font-size: 1.05em }

.clear, .clear:after, .clear:before { clear: both }
.none { display:none }

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

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

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

/* --------------------  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: 530px) { .box2, .box3, .box2-3, .box1-3 {width: 95%; float: none; clear: both}}
@media screen and (max-width: 1035px) { .box3, .box1-3 {width: 30%;}}
@media screen and (max-width: 960px) { .box2, .box3, .box2-3, .box1-3  {width: 45%;}}
@media screen and (max-width: 740px) { .box2, .box3, .box2-3, .box1-3  {width: 65%;}}

/* --------------------  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 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 }

/* ------------------------------ 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 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ń ↑" } 

/* ----------------  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; max-height: 145px; display: inline; margin-top: px; margin: 15px 20px 10px 5px; box-shadow: 3px 3px 3px #adadcd; }
.tytul a:hover { text-decoration: underline }

/* ------------- s w i t c h ' n ' s c r o l l  --------------  */
/* scroll */
.scroll { margin: 20px 0; overflow: auto; white-space: nowrap; hyphens: manual}
	.scroll ul { float: left; margin-right: -999em; white-space: nowrap; list-style: none; }
	.scroll li { float: left; display: inline; box-sizing: border-box; 
		 padding: 5px; margin-left: 5px; border-right: 1px solid #77Ff77; 5BEB35; }
	.scroll li img { margin:5px; box-shadow: 0 0 5px 2px #6b6bee; transition: all .2s;}
		.scroll li img:hover { transform: scale(1.025); box-shadow: 0 0 6px 3px #6b6bee;}
/* switch */
.switch-a {display: inline-block; color: #ffa410} 	
	.switch-a:after {content: '#'}
.switch-b {display: none; color: #74d30b; letter-spacing: 1px}
	.switch-a:hover ~ .switch-b {display: inline} 
	.switch-a:hover ~ .switch-b:before {content: '#'}
	.switch-a:hover:after {content: ''}

/* -------------------------------------------- Strefa  M  ----------------- */

/* --  k a f e l k i   --*/
 	.sm-etykieta {position: relative; }
	.sm-karta {position: absolute; left: 0; top:100%; z-index: 1000; display:none }
	.sm-etykieta:hover > .sm-karta {display: inline-block}  
 
/*  -------  T I T L E  -------- */
.sm-title {font: 700 6rem Life savers, Arial, sans-serif; letter-spacing: 5px }
.sm-title span:first-of-type {font: 700 8.5rem Amatica SC, Arial, sans-serif; letter-spacing: 7px; }

/*  -------  M A I N  -------  */
.sm-main { overflow: auto; background-color: #0A4183; box-shadow: 0 0 15px 20px #0A4183;}
	.sm-main .box1-3 {margin-right: .7rem}
	.sm-main .box1-3:first-of-type {margin-left: .7rem}
	.sm-main:first-of-type {margin-top: -40px}
.sm-main small {float: right; line-height: .7}
.sm-main #telefony-zaufania { line-height: 1.4}

 /* -- V E R T , W I D E , C A L L- F O R -A C T I O N -- */
.vert {width: 67%; margin-left: 9%}
	.vert img { width: 85%; margin-top: .3rem; display: block; clear: both } 
.wide {width: 90%; }
	.wide img { width: 90%; margin-top: .3rem; display: block; clear: both } 
.cfa {width: 190px; margin-left: 15% }
.vert, .wide, .cfa { margin-bottom:1rem; padding: 1rem; border-top-right-radius: 35px; border-bottom-right-radius: ; border-bottom-left-radius: 35px }
/*  ---->  T y p o  <----  */
.wide p:first-line, .vert p:first-line, .mod p:first-line {font: 600 1.3rem Arial, sans-serif;}		/* font */
.wide p>span, .vert p>span, .mod p>span {font: small-caps 600 1.6rem Arial, sans-serif;}
.wide a:nth-of-type(1n+2), .vert a:nth-of-type(1n+2), .cfa a, .mod a {line-height: 1.35; border-radius: 3px; display: inline-block; padding: 0 .2rem 0 .35rem;}					/* a */ 
.cfa { font: 400 1.2rem/1.2 Arial, sans-serif; white-space: normal; }
  .cfa p:first-line {font-weight: 600;}
/*  M O D  */       
.mod { float: right; margin-top: 1rem; padding-left: 2rem; border-radius: .4rem }
	.mod a[href$="sun"]:hover {background-color:#FfBb30; box-shadow: 0 0 2rem 2px #FFFb97; border-radius: 9px }
	.mod a[href$="noc"]:hover {background-color:#DAD8Dd; box-shadow: 0 0 5px #fff; border-radius: 7px }
	.mod a[href$="energia"]:hover {background-color:#9521a1; box-shadow: 0 0 3px 1px #fff; border-radius: 7px }
	.mod a[href$="vibrant"]:hover {background-color:#000; box-shadow: 0 0 2px 3px #FaB830; border-radius: 7px }

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

/* ===  S U N = slonecznik  === */
.sun	.sm-title {color: #Fcab0F; text-shadow: 5px -5px 9px #000066;}
.sun	.sm-title span:first-of-type {text-shadow: 7px 7px 9px #000066;}
/*  m a i n  */
.sun { font: 500 1.4rem/1.2 PT Sans Narrow, Arial, sans-serif; color: #FAC91A; letter-spacing: 1px; background-color: #1B5BA8; box-shadow: 0 0 15px 20px #1B5BA8;}
/*   vert , wide , c-f-a  */
.sun .vert, .sun .wide, .sun .cfa { color: #07356D; background-color: #ffcc16; box-shadow: 0 0 5px #fff }
/*  ->  T y p o  <-  */
.sun .wide, .sun .vert { font: 400 1.3rem/1.2 PT Sans Narrow, Arial, sans-serif; letter-spacing: 0}   		/* font */
	.sun .wide p:first-line, .sun .vert p:first-line { color: #ca3037; }
	.sun .wide p>span, .sun .vert p>span, .sun #telefony-zaufania span { color: #B70037;}
	.cfa p:first-line {color: #ff6700;}
.sun .wide a:nth-of-type(1n+2), .sun .vert a:nth-of-type(1n+2), .sun .cfa a { box-shadow: 0 0 .5rem 2px #FFFb97;}  /* a */
.sun .mod a { background-color: #Fcab0F; line-height: 1.1; opacity: .95 }
.sun .mod { border-left: 1px solid #Fcab0F;}

/* === N R G = energy === */
.nrg	.sm-title {color: #Dd30a0; text-shadow: 5px -5px 9px #CE86CE; }
.nrg	.sm-title span:first-of-type { text-shadow: 7px 7px 9px #CE86CE;}
/*  m a i n  */
.nrg {font: 500 1.45rem Josefin Sans, Arial, sans-serif; color: #CE86CE }
/*   vert , wide , c-f-a  */
.nrg .vert, .nrg .wide, .nrg .cfa { color: #FAC91A; background-color: #9521a1;  box-shadow: 0 0 3px 1px #fff; }
/*  ->  T y p o  <-  */
.nrg .wide, .nrg .vert { font: 400 1.3rem/0.9 Josefin Sans, Arial, sans-serif; letter-spacing: 0}     /* font */
	.nrg .wide p:first-line, .nrg .vert p:first-line {color: #ff6700;}
	.nrg .wide p>span, .nrg .vert p>span {color: #fff;}
	.nrg .cfa p:first-line {color: #ff6700;}
.nrg .wide a:nth-of-type(1n+2), .nrg .vert a:nth-of-type(1n+2), .nrg .cfa a { background-color: #F5B800;} /* a */
.nrg .mod a { background-color: #Dd30a0; F5B800; line-height: 1.1;}
.nrg .mod { border-left: 1px solid #Dd30a0;}

/* ===  V B R = vibrant  === */
.vbr .sm-title {color: #F86227; text-shadow: 5px -5px 9px #000;}
.vbr .sm-title span:first-of-type {text-shadow: 7px 7px 9px #000;}
/*  m a i n  */
.vbr { font: 1.4rem Athiti, Arial, sans-serif; color: #Fabb27; background-color: #0A4183;}
/*   vert , wide , c-f-a  */
.vbr .vert, .vbr .wide, .vbr .cfa {color: #Fbcb47; background-color: #000; box-shadow: 0 0 3px 1px #fff; }	
.vbr .vert a, .vbr .wide a, .vbr .cfa a { color: #fff }  
/*  ->  T y p o  <-  */
.vbr .wide, .vbr .vert { font: 400 1.14rem/1.2 Arial, sans-serif;}
	.vbr .wide p:first-line, .vbr .vert p:first-line, { color: #ff6700;}
	.vbr .wide p>span, .vbr .vert p>span {color: #fff;}
	.vbr .cfa p:first-line {color: #ff6700;}
.vbr .wide a:nth-of-type(1n+2), .vbr .vert a:nth-of-type(1n+2), .vbr .mod a  { background-color: #FaB830 }
.vbr .mod { border-left: 1px solid #FaB830;}

/* ===  N O C  === */
.noc	.sm-title {color: #fafaeb; text-shadow: 4px -4px 5px #fff;}
.noc	.sm-title span:first-of-type {text-shadow: 5px 5px 7px #fff;}
/*  m a i n  */
.noc { font: 400 1.14rem/1.2 Arial, sans-serif; color: #DAD8DA }
/*   vert , wide , c-f-a  */ 
.noc .vert, .noc .wide, .noc .cfa { color: #DAD8DA; background-color: #50508F; box-shadow: 0 0 5px #fff;}
/*  ->  T y p o  <-  */
.noc .wide, .noc .vert { font: 400 1.1rem/1.2 Arial, sans-serif;}			/* font */
	.noc .wide p:first-line, .noc .vert p:first-line {color: #DAD8Dd }
	.noc .wide p>span, .noc .vert p>span { color: #fff }
	.noc .cfa p:first-line { color: #ff6700 }
.noc .wide a:nth-of-type(1n+2), .noc .vert a:nth-of-type(1n+2), .noc .cfa a, .noc .mod a { background-color: #DAD8Dd }	/* a */
.noc .mod { border-left: 1px solid #DAD8Dd ;}
 }  */
/* --------------------------------------------  H  p  ----------------- */

.entry-content h2 { font: 600 1.3rem/1.5 Arial, sans-serif; margin: -.7rem 0 .5rem 0; }
.entry-content h3 { font: 600 1.2rem/1.5 Arial, sans-serif; margin: .7rem 0 .7rem 0; color:#000084}
.entry-content h4 { font: 600 1.15rem/1.4 Arial, sans-serif; margin: .7rem 0 .5rem 0; }
.entry-content h5 { font: 600 1rem/1.2 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-19931 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 }

#page #enhancedtextwidget-16 a {color: #004579; display: inline-block}
#page #enhancedtextwidget-16 .widget-title-tab { background-color: #ffa410; color: #004579; }
#page #enhancedtextwidget-16 a:hover {color: #Fb0E29}
/* ==================================================================================== */

/*@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,
.page-id-19997 .entry-title,
.page-id-20278 .entry-title,
.page-id-20359 .entry-title,
.page-id-20302 .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"; }

/* ------------------------------------------------------------------- alerts */
/*
types:
    alert-success
    alert-info
    alert-warning
    alert-danger
usage:
<div class="alert alert-success" role="alert">...</div>
*/
.alert {
    border: 1px solid transparent;
    border-radius: 4px;
    box-sizing: border-box;
    margin: 20px 0;
    padding: 18px 15px 15px 45px;
    position: relative;
}
.alert:before {
    font-family: FontAwesome;
    font-size: 20px;
    left: 16px;
    position: absolute;
    top: 15px;
}
.alert i {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 18px;
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
}
.alert-success:before {
    content: "\f087";
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f;
}
.alert-info:before {
    content: "\f05a";
}

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b;
}
.alert-warning:before {
    content: "\f071";
}
.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}
.alert-danger:before {
    content: "\f088";
}

/* -------------------------------------------- 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;
}

.query-results-count {
    background-color: #666;
    border: 1px solid #666;
    border-bottom: none;
    color: #fff;
    font-size: 20px;
    margin: 10px 0 0 !important;
    padding: 3px 10px;
}
.query-results-details {
    background-color: #3c3c4b1a;
    border: 1px solid #666;
    border-top: none;
    margin: 0 0 20px;
    padding: 2px 10px;
}
.query-results-details span {
    background-color: #666;
    border-radius: 2px;
    color: #fff;
    font: 12px Arial;
    padding: 2px 5px;
}

/* ------------------------------------------------------------ accessibility */
a:focus {
    outline: 1px dotted #666;
}

/* --------------------------------------------------- test horizontal scroll */