.header{background:#004997;}
.feature-box .feature-content{overflow: hidden; width: 16em; height: 4em;}
.feature-box:nth-child(1){ background:linear-gradient(to bottom, #3ba236, #223f32);}

.feature-box:nth-child(2){ background:linear-gradient(to bottom, #f8b100, #ce4217);}

.feature-box:nth-child(3){ background:linear-gradient(to bottom, #eb609e, #65224f);}

.feature-box:nth-child(4){ background:linear-gradient(to bottom, #009edb, #253888);}

.feature-box a:hover {text-decoration: underline;}

.feature-box:hover { filter:brightness(110%);}

.feature-box{color:#fff;}
.feature-box a{color:#fff;text-decoration:underline;font-size: inherit;font-weight: inherit;}

.feature-box .feature-content{text-shadow:0px 0px 3px #000;}
.feature-box .read-btn, .feature-box:hover .read-btn, .read-btn:hover{text-decoration:none;}

.site-nav{padding:0;background:#253888;border-bottom:5px solid #f8af05;}

.site-nav ul li{   border-right: 2px solid #004997;}

.site-nav ul li:nth-child(5){border-right:none;}

.site-nav li:hover a, .site-nav li.current_page_item a{color:#fff;}

.site-nav ul li:hover{ background:#008fd6;}

.site-nav ul li a{padding: 10px 15px 38px 15px !important;color:#fff;}

.logo p{color:#fff;}

#sidebar{margin: 20px 0 0;
    padding: 10px;
    border: 1px solid #013a77;
    box-sizing: border-box;
    width: 292px;
    border-radius: 4px;}

#s{display: block;
    width: 96%;
    margin-top: 4px;
    padding: 3.4px;
    background: url(/wp-content/themes/healing-touch/images/icon-lupa.png);
    background-repeat: no-repeat;
    background-size: 5%;
    background-position: 4px 5px;
    text-indent: 20px;}

#sidebar aside ul li{padding:7px 0 7px 14px; background-position:0 9px; background-color:#fff;    margin-bottom: 0.5em;}

#sidebar aside ul li:hover{background-color:#008fd6; transition:all 0.3s;}

#sidebar aside ul{padding:0;}

#sidebar aside ul li a{color:#000;}
#sidebar aside ul li:hover a{color:#fff;text-decoration:none;}

#sidebar aside.widget_search input[type="submit"]{ background:#008fd6;text-shadow:0px 0px 3px #000;}
#sidebar aside.widget_search input[type="submit"]:hover{ background:#f8af05; transition:all 0.3s;}

#searchsubmit{
	margin-top: 5px;
	font-weight: bold;
	width: 100%;}

a:hover{text-decoration:underline;}
h3 + p, ul + h3, ul + p, p + h3, h2 + p, ul + h2, h2 + h3 {
margin-top: 12px;}
ul li{font-size:14px;}
.logo h2 {text-transform: capitalize;font-size: 2.25em}
.theme-default .nivo-controlNav a.active {background-color: #f8af05 !important;}
.theme-default .nivo-controlNav a {background-color: #213a73;}

.site-nav ul li a {margin: 0;padding: 0;}
ul li {line-height: 1.4;}
.logo {padding: 10px 0 0 10px;}
.welcome-box { margin: 0;  padding: 35px 0 115px 0;}
.welcome-content p:last-of-type {   padding-bottom: 0;}
.welcome-content img {margin: 10px 10px 10px 0;}
.feature-box:first-child{margin-left: 0;}
.feature-box .feature-title {font: 700 19px 'Roboto',san-serif;	color: inherit;z-index: 999;position: relative;	text-shadow: 2px 2px 2px #000;line-height: 2.25;margin: 0;}
#footer {background-color: #213a73;color: #fff;}
#footer a, .foot-label, .widget-column h2 {color: inherit !important;}
#footer .widget-column ul li {background: none;padding-left: 0;}
#footer .widget-column ul li a:hover {	text-decoration: underline;}
#footer .widget-column{width: 33%; margin-right: 0; padding-right: 50px;box-sizing: border-box;}
@media screen and (max-width: 1024px) and (min-width: 990px){
.feature-box {width: 24.81% !important;min-height: initial;}
#footer .widget-column{width: 31% !important;}
}

@media screen and (max-width: 768px) and (min-width: 720px){
#sidebar{width: 252px;}
}
@media screen and (max-width: 719px) and (min-width: 480px){
.feature-box{margin-bottom: 1em;}
.header {padding-bottom: 5px;}

#footer .widget-column{width: 95% !important; padding-right: 0; box-sizing: border-box;}
}
@media screen and (max-width: 479px){
.feature-box{width: 100%;margin-bottom: 1em;}
.header {padding-bottom: 5px;}
#footer .widget-column{width: 95% !important;}
}
#footer .widget-column:first-child{width: 40%;}
#footer .widget-column:nth-child(2){width: 15%;}
#footer .widget-column:nth-child(3){width: 35%;}
.feature-box:nth-child(2) .feature-title{font-size: 17px;
    margin: 0 0 4px 0;}
.logo p{margin-top:0;}

#home_slider{
	min-height: 400px;
	width:100%;
	background-image:url('https://www.prefeituracamposgoytacazes.org/wp-content/uploads/2018/03/slide1.jpg');
	background-position:center;
	background-size:cover;
	animation: slider 10s infinite;
}
@media screen and (max-width:500px){
	.all-box{top:0;margin-bottom:0}
	#home_slider{min-height: 150px;margin: 16px 0;}
	#sidebar{width: 100%;}
	.site-nav ul li a{padding: 10px !important;width: calc(100% - 20px);display: inline-block;}
}
@keyframes slider {
    0% {background-image: url('https://www.prefeituracamposgoytacazes.org/wp-content/uploads/2018/03/slide1.jpg');}
    35% {background-image: url('https://www.prefeituracamposgoytacazes.org/wp-content/uploads/2018/03/slide2.jpg');}
    65% {background-image: url('https://www.prefeituracamposgoytacazes.org/wp-content/uploads/2018/03/slide2.jpg');}  
    100% {background-image: url('https://www.prefeituracamposgoytacazes.org/wp-content/uploads/2018/03/slide1.jpg');}
}

@media screen and (max-width:500px) {
    .all-box .site-aligner{
        display: flex;
        flex-wrap: wrap;
        gap: 5px;
    }
    .home .feature-box {
        width: 48%;
        margin-bottom: 0.2em;
        display: inline-flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .home .feature-box .feature-title{
        font-size: 16px;
        margin-bottom: 0;
			line-height: 1.5em;
    }
    .home .feature-box .feature-content{
        overflow: visible;
        width: 100%;
        height: auto;
        padding: 0;
        margin: 5px;
        font-size: 14px;
    }
    .home .feature-box:nth-child(1) .feature-title{
        line-height: 3em;
    }
}

/* CUSTOM CSS FINAL */

.entry-content :where(ul, ol, li, span, p, strong, em, a, b, i ){
    font-size: 16px;
}

.entry-header .post-date{
    color:#afafaf
}

.ultimos_artigos .post-relacionado .conteudo-post p.conteudo-data i.fa:before, .entry-header .fa.fa-calendar::before {
    content: '';
    display: inline-block;
    width: 19px;
    height: 19px;
    vertical-align: text-bottom;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.ultimos_artigos .post-relacionado .conteudo-post p.conteudo-data i.fa-calendar::before, .entry-header .fa.fa-calendar::before {
    background-image: url('https://www.prefeituracamposgoytacazes.org/wp-content/themes/healing-touch/images/fa-calendar.webp');
}

.ultimos_artigos {
    border-top: 1px solid #ccc;
    padding-top: 15px;
    clear: both;
    margin-top: 15px;
}

.ultimos_artigos .post-relacionado {
    display: grid;
    grid-template-columns: 28% 70%;
    gap: 3%;
    margin-top: 15px;
}

.ultimos_artigos .post-relacionado:not(:last-child) {
    border-bottom: 1px dotted #ccc;
    padding-bottom: 10px;
}

.ultimos_artigos .post-relacionado .conteudo-post p {
    margin-bottom: 14px;
    padding-bottom: 0;
}

.ultimos_artigos .post-relacionado .conteudo-post p.conteudo-data {
    color: #AAAAAA;
}

.ultimos_artigos .post-relacionado .conteudo-titulo {
    font-weight: bold;
}

.ultimos_artigos .post-relacionado .read-more, .read-more a {
    background-color: #008fd6;
    color: #fff !important;
    padding: 5px 10px;
    margin-left: 0;
    border-radius: 5px;
    transition: all .3s ease-in-out;
}

.ultimos_artigos .post-relacionado .read-more:where(:hover, :active), .read-more a:where(:hover, :active) {
    background-color: #f8af05;
}

@media screen and (max-width:800px) {
    .page-header h1{
        top: 0;
    }
    .sidebar_right {
        width: 100%;
    }

    #sidebar {box-sizing: border-box;}
    
    .ultimos_artigos .post-relacionado {
        grid-template-columns: 100%;
        gap: 1%;
        width: 97%;
        box-sizing: border-box;
    }
    
    .ultimos_artigos .post-relacionado .conteudo-post {
        margin-bottom: 10px;
    }
    
    .ultimos_artigos .post-relacionado .post-imagem {
        display: flow-root;
        max-height: 230px;
        overflow: hidden;
    }
    
    .ultimos_artigos .post-relacionado .post-imagem img {
        width: 100%;
    }
}
@media screen and (min-width:800px) {
    .blog-post-repeat article{
        display: grid;
        grid-template-columns: 35% calc(65% - 10px);
        gap: 10px;
    }
    .blog-post-repeat .blog-title{
        margin-top: 0;
    }
}