/*
Theme Name: Tutoriais TCE Ceará
Author: TCE Ceará
Author URI: http://www.tce.ce.gov.br
Version: 1.0
*/

@import url('css/bootstrap.min.css');
@import url('css/fontawsome.all.min.css');
@import url('css/fonts.css');

:root {
    --color-primary: #004784;
    --color-primary-link: #08309C;
    --color-secondary: #c3d90d;
    --color-gray: #474747;
    --color-gray2: #747474;
    --color-gray3: #bcbcbc;
}

body, html { width: 100%; height: 100%; font-family: 'ubunturegular', sans-serif; }
a { color: var(--color-primary-link) }
h1 { font-family: 'ubuntulight', sans-serif; font-size: 3.5rem; color: var(--color-gray); margin: 20px 0 0 0;  }
h3 { font-family: 'ubuntulight', sans-serif; font-size: 1.5rem;  }
b { font-family: 'ubuntubold', sans-serif; }

.sidebar .menu-sidebar { margin:0px; padding:0px; }
.sidebar .menu-sidebar li { list-style: none; }
.sidebar .card { border: none !important; }
.sidebar .card a { cursor: pointer; }
.sidebar .card-header { font-size: 18px !important; background-color: transparent !important; border-bottom: none !important; color: var(--color-gray); padding: .75rem 5px .75rem 0 !important }
.sidebar .card-header:first-child { padding-top: 0px !important; margin-top:0 !important;}
.sidebar .card-header i{ transform:rotate(90deg); transition: transform .2s linear; float: right; color: var(--color-secondary)}
.sidebar .card-header .collapsed i{transform:rotate(0); transition: transform .2s linear; }
.sidebar .card-body  { padding: 0 0 0 30px !important; margin-bottom:30px !important;  } 
.sidebar .card-body li { list-style: none; margin-bottom: 15px; } 
.sidebar .card-body li a { font-size: 14px; padding:4px 0; color: var(--color-gray) }

.sidebar .search { padding: 20px 0; margin-bottom: 20px; /*border-bottom: 1px solid rgba(0,0,0,.05)*/ }
.sidebar .search input[type="submit"] { background-color: var(--color-primary); border: none; color: #fff}
.sidebar .search input[type="search"]::placeholder { font-weight: normal !important;}

.right { position: sticky; top: 2rem; height: calc(100vh - 4rem); overflow-y: auto; order: 2; padding-top: 1.5rem; padding-bottom: 1.5rem; font-size: .875rem;  }
.right .nav { display: block; }
.right .nav-link { padding: 0 15px !important; }
.right .nivel-h2 { padding-top: 30px !important; }
.right .nivel-h2:first-child { padding-top: 10px !important; }
.right .nivel-h3 { padding-left: 30px !important; }
.right .nav a { font-weight: bold; } 
.right .nav a.active { color: var(--color-secondary); font-weight: 600; }
.right .navbar { padding: 0; border-left: 4px solid var(--color-secondary) }

.mais-info { color: var(--color-gray2); margin-bottom: 50px;  }
.mais-info i { margin-right: 10px; color: var(--color-gray3) }
.mais-info a { color: var(--color-primary-link); font-size: 15px; margin-right: 10px; font-weight: bold; }
.excerpt { margin-bottom: 50px; }

/*.tag::after  { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f02b"; margin-left:5px; }*/

.search-item { padding: 20px; margin: 20px 0; border: 1px solid #eee; border-radius: 3px; border-left: 5px solid var(--color-secondary);  }

/* WORPDRESS */
.wp-block-separator { margin-top: 50px; margin-bottom: 50px; }

@media (min-width: 768px) {
    .sidebar { border-right: 1px solid rgba(0,0,0,.1); position: sticky; height: calc(100vh - 4rem); z-index: 1000; top: 2rem; }

}