/**
 * Theme ID
 * IDs, Header, Footer
 * @package cmbiblio
 */
/*#--- ID ---#*/
:root {
  --cmbiblio-blue:#385880; /*#rgb(056,88,128)*/
  --bege-escuro:#949472; /*959484*/
  --cinza-claro:#e3e5c0;
  --cinza-escuro:#C2C1B5; /*rgb(194,194,180)*/
  --corou-color:#BDC2E2; /*rgb(190,194,225)*/
  --leftwidth:400px;
  --rightwidth:calc(100% - 408px);
}
body {
  color:#333;font-size:14px;font-weight:300;
  font-family:'Roboto', sans-serif !important;
  background:#fff;
  background:url('../images/manchasblue12.png') no-repeat center/cover;
  background-attachment:fixed;
}
h1,h2,h3,h4,h5,h6,a {color:#000;font-weight:500;}
h1 {font-size:2.0em;margin-bottom:8px;}
h2 {font-size:1.6em;margin-bottom:7px;}
h3 {font-size:1.2em;margin-bottom:6px;}
h4 {font-size:1.0em;margin-bottom:5px;}
h5 {font-size:0.9em;margin-bottom:4px;}
h6 {font-size:0.8em;margin-bottom:3px;}
a {text-decoration:none;transition:200ms;}
a:hover, a:visited {color:#555;}

/*#--- Header ---#*/
.site-header{transition:0.3s;padding-top:inherit;}
.site-header .centralizer > * {
  margin:1px;
  display:flex;
  font-family:'Titillium Web', 'Georgia', sans-serif;
  transition:0.3s;
}
#page.inrolado .site-header{
  background-color:rgba(255,255,255,0.95);
  background-image:url('../images/manchasblue12.png');
  background-repeat:no-repeat;background-position:center;
  background-size:cover;background-attachment:fixed;
  border-bottom:1px solid var(--corou-color);
}

/* Branding */
a.site-branding{
  text-decoration:none;
  color:var(--cmbiblio-blue);
  -webkit-flex-direction:row;flex-direction:row;flex-grow:0;
  display:block;margin:auto 8px;
  transition:0.3s;
}
a.custom-logo-link{width:144px;margin:auto 8px;transition:0.3s;}
#site-logo, a.custom-logo-link img {
  display:block;margin:auto 8px;
  width:100%;height:100%;
  transition:0.3s;
}
#page.inrolado a.custom-logo-link, #page.inrolado a.custom-logo-link img{height:60px;width:auto;}
.site-title{padding-top:21px;padding-bottom:21px;transition:0.3s;display:inline-block;}
#page.inrolado a.site-branding{flex-grow:2;}
.site-name{display:block;
  margin:0;font-size:2em;font-weight:500;line-height:1;
}
#page.inrolado #site-logo{width:12%;height:82%;}
#page.inrolado .site-title{display:inline-block;padding-top:3px;padding-bottom:3px;}
#page.inrolado .site-name{font-size:1.4em;padding:12px 0 8px 0;}

/* Menu */
#site-navigation{
  width:auto;margin-bottom:1.2em;
  display:flex;flex-direction:row;flex-direction:column;
  -webkit-justify-content:flex-end;justify-content:flex-end;
  -webkit-align-items:center;align-items:center;
  align-items:flex-end;
  align-items:space-between;flex-grow:1;
}
#site-navigation * {transition:all ease-out 0.2s;}
#site-navigation ul{border-top:1px solid gray;margin-right:0;}
#site-navigation a{
  color:var(--bege-escuro);
  text-transform:uppercase;
  margin:2px 12px;
  transition:0.2s;
}
#site-navigation a:hover{color:var(--cmbiblio-blue);}
@media screen and (max-width:37.5em) {
  .main-navigation{
    position:absolute;right:1%;left:1%;padding:0;
    flex-direction:column;align-items:flex-end;
  }
  .main-navigation.toggled{}
  .main-navigation ul{display:block;height:0;opacity:0;margin:0;padding:12px;}
  .main-navigation.toggled ul{height:auto;opacity:1;padding:12px;}
  .main-navigation li{
    width:90%;margin:auto;padding:2px 8px;
    text-align:left;
    border-bottom:1px solid var(--bege-escuro);
    font-size:1em;
  }
  .main-navigation.toggled ul li{padding:8px 22px 8px 0;margin:0;width:auto;}
  #site-navigation.main-navigation.toggled a{
  	display:block;margin:0 4px;padding:0;
  	text-decoration:none;
    color:#FFF;
  }
  #site-navigation.main-navigation.toggled a:hover{color:var(--cmbiblio-blue);}
  .main-navigation a:active{outline:none;}
  .main-navigation ul ul{
  	float:right;position:absolute;
  	top:1.5em;left:-999em;z-index:99999;
  	box-shadow:0 3px 3px rgba(0, 0, 0, 0.4);
    text-align:right;
  }
}
.menu-toggle{
  min-height:40px;min-width:40px;
  margin:4px 2px 1px 1px;padding:8px 6px;
  display:flex;flex-direction:column;justify-content:space-between;
  background:none;border-radius:0;border:0 none;
}
.menu-toggle .bar{
  height:4px;width:100%;
  background-color:var(--bege-escuro);
  transition:all 200ms ease-in;
}
.bar.xis{width:123%;}
.xis:nth-of-type(1){transform:rotate(45deg);transform-origin:top left;}
.xis:nth-of-type(2){transform-origin:center;width:0;}
.xis:nth-of-type(3){transform:rotate(-45deg);transform-origin:bottom left;}
.main-navigation.toggled .menu-toggled0{margin-right:24px;}
.main-navigation ul{padding:0;margin:12px 30px;
	list-style:none;text-align:left;
  color:#FFF;
  background:var(--bege-escuro);
  transition:all 500ms ease-in;
}
/*#--- RODAPE ---#*/
.site-footer{color:#dfdfdf;background:#444;padding:12px 0;}
#foot-crawl{padding:12px 0;border-top:1px solid var(--corou-color);}
a.toplink{
  position:fixed;display:block;z-index:1000;
  bottom:12px;right:12px;
  margin:8px auto;padding:8px;
	max-width:30px;height:30px;
  border-radius:15px;
	background-image:url(../images/ccd-arrowlinks-sprite.png);
  background-repeat:no-repeat;
  background-position:top center;
  background-color:var(--bege-escuro);
	opacity:0;
	transition:all 0.3s ease-out;
  visibility:hidden;
}
#page.inrolado a.toplink{visibility:visible;opacity:0.8;transition:all 1.6s ease;}
a.toplink:focus{outline:0 none;}
a.toplink:hover,a.toplink:active{
  outline:0 none;
  background-position:bottom center;
  background-color:var(--cmbiblio-blue);
	opacity:1;
  transition:all 0.2s ease-in;
}
#colophon li{list-style-type:none;}
#colophon a{color:var(--cinza-escuro) !important;}
#colophon a:visited, #colophon a:hover, #colophon a:focus{
  color:var(--bege-escuro) !important;
	text-decoration:none;
}
/*#--- MAIN ---#*/
#main {
  border-top:1px solid var(--bege-escuro);
  margin-top:12px;padding-top:12px;
}
.site-main > .centralizer{-webkit-align-items:center;align-items:center;}
article{margin:0 auto 3em;width:90%;}
.page-template-page-bibliotecas article{width:94%;}

/*#--- MOBILE --- 561px #*/
@media screen and (max-width:37.5em) {
  article{min-width:96%;width:96%;}
}
/*#--- DESKTOP ---#*/
@media screen and (min-width:37.5em) {
  body{font-size:16px;}
  .centralizer{width:90%;}
  .menu-toggle{display:none;}
  .main-navigation ul{padding:0;margin:12px 30px;margin:0;background:none;}
  article{min-width:800px;width:60%;}
}