/**
 * Theme layouter cmacessoids
 * IDs e Paginas
 * @package cmacesso
 */

/*#--- ID ---#*/
:root {
  --font-family:'Titillium Web', 'Helvetica', sans-serif;
    /*Regular 400;Medium 500;Bold 700;Black 900;*/
	--cm-blue:#193887; /*rgb(24,56,136)*/
	--cm-red:#ED1C24; /*rgb(236,28,36)*/
  --blues:rgba(24,88,128,1); /* */
  --blues-light:rgb(124,188,228); /*BDC2E2 */
  --bege-claro:#e3e5c0;
  --bege-escuro:#949472;
  --blues-grad:linear-gradient(to bottom, rgba(024,88,128,1) 25%, rgba(024,88,128,0.75) 95%);
  --blues-alpha:rgba(24,88,128,0.9);
}
body {
  color:var(--bege-claro);
  font-size:15px;
  font-family:var(--font-family);font-weight:400;
  background:var(--blues-grad);
  background-attachment:fixed;
}
/*#--- Header---#*/
.site-header {position:fixed;
  flex-wrap:nowrap;justify-content:space-between;
  padding-top:76px;
}
.site-header > * {
  display:flex;flex-direction:column;
  transition:0.3s;width:auto;
}
#page.inrolado .site-header {padding-top:32px;
  background:var(--blues);
  border-bottom:1px solid var(--blues-light);
}
/* Branding */
a.site-branding {
  color:#FFF;text-decoration:none;
  flex-direction:row;
  margin-left:5%;
}
.site-title{padding:24px 60px 8px 0;}
.site-name{display:block;
  font-size:1.4em;padding:4px 14px 4px 0;
  margin:0;line-height:1;
}
#page.inrolado .site-title{padding-top:8px;}
/*#site-logo {display:block;margin:auto 2%;
  width:32%;height:100%;transition:0.3s;
}#page.inrolado #site-logo {width:12%;height:82%;}*/
/* Menu */
#site-navigation {
  width:auto;margin-right:10%;
  justify-content:flex-start; /*vertical down*/
  align-items:flex-end; /*horizontal left */
  border-bottom: 1px solid #ffffff60;
  margin-bottom:8px;
}
.main-navigation * {transition:all ease-out 0.2s;}
#site-navigation #primary-menu {
  position:relative;
  width:100%;
}
#site-navigation #primary-menu ul {position:absolute;right:0;margin-top:14px;margin-top:4px;
  width:100%;
}
#site-navigation a {
  color:#FFF;text-transform:uppercase;
  border-top:0px solid;
  margin:2px 12px;/*transition:0.2s;*/
}
#site-navigation a:hover {color:var(--bege-claro);}
.menu-toggle.stripesbutton{
  background-color:transparent;border-radius:0;border:none;
  position:relative;z-index:10;cursor:pointer;
  height:56px;width:56px;
  text-align:right;
  padding:6px 0 0 0;
  color:#FFF;font-size:4.2em !important;
  /*display:flex;flex-direction:column;justify-content:space-between;*/
}
.stripesbutton:after {
  color:#FFF;content:'\2261';
  transition:200ms;
}.main-navigation.toggled .stripesbutton:after {
  content:'x';opacity: 0.8;
  transition:200ms;
  font-size:0.8em ;
}
.show {display: block;}

.menu-toggle .bar {
  height:4px;width:100%;
  background-color:white;
  transition:all 100ms ease-in-out;
}
.xis {width:46px;}
.xis:nth-of-type(1) {
  transform:rotate(45deg);transform-origin:top left;
  width:46px;}
.xis:nth-of-type(2) {transform-origin:center;width:0;}
.xis:nth-of-type(3) {
  transform:rotate(-45deg);transform-origin:bottom left;
  width:46px;}
.main-navigation.toggled .menu-toggle {margin-right:24px;}

/*#--- RODAPE ---#*/
.site-footer {color:var(--cm-blue);color:white;padding:14px 0;
  flex-direction:row;justify-content:space-between;
  border-top: 1px solid #ffffff40;
}
.site-footer .site-info {padding:8px;margin-right:10%;
}
.toplink {visibility:hidden;
	display:block;width:38px;height:38px;
  padding:18px;margin-left:10%;
	background:url(../images/ccd-arrowlinks-sprite.png) no-repeat;
  background-position:bottom 8px center ;
	transition:all 1.2s;
	opacity:0.7;
}.toplink:hover {
	opacity:1;
  background-position:top 8px center;
  transition:all 0.2s;
}
#page.inrolado .toplink {visibility:visible;}

#colophon li {list-style-type:none;}
#colophon a, #colophon a:visited{color:var(--bege-claro) !important;text-decoration:none;}
#colophon a:hover, #colophon a:focus {
  color:var(--bege-escuro) !important;text-decoration:none;
}

/*#--- Paginas ---#*/
.single article .entry-content {max-width:740px;}
.page article .entry-content {max-width:740px;}

article, header.indexhead {margin:8px auto 2em;display:block;position:relative;}
.navigation.post-navigation {
  max-width:740px;
  margin:8px 0 2em;display:block;position:relative;
  border-top:1px solid white;
}
.navigation.posts-navigation {
  width:94%;max-width:960px;
  margin:16px auto 3em;display: block;position: relative;
  border-top:1px solid white;
}
.entry-header {width:100%;display:flex;flex-wrap:wrap;}
.post-thumbnail {
  display:block;position:relative;width:300px;
  margin-right:20px;padding:0;line-height:0.5em;
}
.post-thumbnail img {
  position:absolute;display:block;
  height:100%;width:100vw;object-fit:cover;
}
.post-info {display:block;width:calc(90% - 320px);padding-top:12px;}
.post-info h2.entry-title {margin:0.4em 0;}
.post-info h1.entry-title {line-height:1.2em;}
.dopostinfos {display:block;}
.dopostinfos:last-of-type {padding-bottom:21px;}
.post-info a {
  text-align:center;text-decoration:none;
  color:rgb(024,88,128);
}
.post-info a:hover {text-decoration:none;color:#949472;}
.post-info li {list-style-type: none;display: inline;}
header.indexhead {border-bottom:1px solid #FFF;}
header.indexhead h1.page-title {margin:0 auto;}
header.indexhead h1.page-title a,header.indexhead h1.page-title a:focus,
header.indexhead h1.page-title a:visited,header.indexhead h1.page-title a:active {
  text-decoration:none;color:#949472;
}
.single .nav-links a {color:black;font-size:0.9em;text-decoration:none;}
.single .nav-links a:visited {color:#030303;}
.single .nav-links a span {font-size: 3em;}
.acessform, .acessform #loginform {
  margin:0;padding:0;border-bottom:1px solid #FFF;display:block;
  font-weight:bold;
}
.entry-content input[type="text"], .entry-content input[type="password"],
.entry-content input[type="email"], .entry-content textarea {
	width:90%;margin:0 auto;padding:0;
}.entry-content a.passloglink {margin:0;padding:0;color:#FFC;text-decoration:none;
}
.nf-before-form-content, .nf-field-label {display:none;}
.nf-form-content input.ninja-forms-field {height:32px !important;}
.nf-form-content textarea.ninja-forms-field {height:140px;width:90%;}

.cm-box-content input {display:block;}

/*#--- Desktop ---#*/
@media screen and (min-width: 37.5em) {
  body {font-size:16px;}
  .site-header {justify-content:space-between;}
  a.site-branding {margin-left:10%;}
  .site-name{font-size:2em;}
  #page.inrolado .site-name{display:inline-block;
    font-size:1.4em;
  }
  #site-navigation {
    margin-right:10%;width:40%;
    justify-content:flex-end; /*vertical down*/
  }
  #site-navigation #primary-menu ul {position: relative;margin-top:0;}
  .toplinkd  {display: none;}
}