html { font-family: 'Muli','Helvetica',Arial,sans-serif; background-color: rgba(255,255,255,1.00); color: rgba(66,66,66,1.00); }
h1,h2,h3,h4,h5,h6,h1 em,h2 em,h3 em,h4 em,h5 em,h6 em { font-family: 'Muli','Helvetica',Arial,sans-serif; font-weight: 600 !important; line-height: 1.1em; }
strong { font-weight: 600; }
p,a,em,li,button { font-weight: 300 !important; }
.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle { font-family: 'Muli','Helvetica',Arial,sans-serif; color: rgba(66,66,66,1.00); }
.titulo { font-size: 1.15rem; }


.text-red, .text-red em { color: rgba(229,27,35,1.00) !important; }
.text-gray { color: rgba(245,245,245,1.00) !important; }
.section-pub p.uk-text-small { font-size: 0.6rem !important; margin-top: -0.65rem !important; margin-bottom: 0.05rem; !important; }
.text-ultra-small { font-size: 0.75rem; color: rgba(160,160,160,1.00); line-height: 1.0rem !important; }

.section-light-gray { background-color: rgba(233,233,233,1.00); }
.section-gray { background-color: rgba(128,128,128,1.00); }
.section-dark-gray { background-color: rgba(22,22,22,1.00); }
.section-pub { background-color: rgba(233,233,233,0.60); }
.section-degrade-gray { background: rgba(222,222,222,1);
background: -moz-linear-gradient(top, rgba(222,222,222,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(222,222,222,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(222,222,222,1) 0%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(222,222,222,1) 0%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(222,222,222,1) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(222,222,222,1) 0%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#ffffff', GradientType=0 ); }


/* -- Modificadores UIKit -- */
#navigation-top { position: relative; z-index: 500; }
.uk-dark #navigation-top { background-color: rgba(233,233,233,0.70); }
.uk-light #navigation-top { background-color: rgba(22,22,22,0.70); }
.uk-dark #navigation-top.uk-active, .uk-light #navigation-top.uk-active { background-color: rgba(22,22,22,0.95); }
#navigation-top .uk-navbar-nav li:first-child .uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle { padding-left: 0px; }
#navigation-top .uk-navbar-item, #navigation-top .uk-navbar-nav>li>a, #navigation-top .uk-navbar-toggle { height: 60px; }
#navigation-top.uk-active .uk-navbar-nav>li>a { color: rgba(233,233,233,0.8); }
#navigation-top.uk-active .uk-navbar-nav>li>a:hover, .uk-light .uk-navbar-nav>li>a:focus { color: rgba(233,233,233,1.0); }
#navigation-top .uk-navbar-nav>li.uk-active>a, #navigation-top.uk-active .uk-navbar-nav>li.uk-active>a { color: rgba(229,27,35,1.00); }

#navigation-top .uk-logo { display: none; }
#navigation-top.uk-active .uk-logo { display: flex; width: 250px; border-right: 1px solid rgba(255,255,255,0.4); padding-right: 25px; margin-right: 25px; }
#navigation-top .uk-logo img { width: 210px; }

.uk-button .uk-icon { vertical-align: text-top; margin-top: -1px; }
.uk-container { padding-left: 60px; padding-right: 60px; }

.uk-accordion li { border-top: 1px solid rgba(200,200,200,1.00); padding-top: 10px; }
.uk-accordion li ul li { border-top: 0px none transparent; padding-top: 0px; }


/* -- Estilos Proprietários -- */
#pre-header { position: relative; z-index: 10; background-color: rgba(33,33,33,1.00); }
#pre-header p { display: inline-block; margin-bottom: 0px; }
#pre-header .addthis_sharing_toolbox { display: inline-block; margin-left: 12px; vertical-align: text-top; }
#pre-header .addthis_sharing_toolbox .at-share-btn { margin-bottom: 0px !important; }

header { min-height: 200px; }
.homepage header { height: 80vh; min-height: 850px; }
header .uk-container { z-index: 10; position: relative; }
header .branding-projecto { z-index: 100; width: 350px; margin: 0 auto; }
.homepage header .branding-projecto { width: 700px; }
header .logo { width: 350px; }
.homepage header .branding-projecto .logo { width: 100%; }
header .hash { width: 240px; }
.homepage header .branding-projecto .hash { width: 40%; }

#header-scroller a:hover { color: rgba(229,27,35,1.00); }
#back-video { z-index: 0; position: relative; }


#article-featured-large { background-image: url('../img/icone-featured-dark.svg'); background-repeat: no-repeat; background-position: 110% 220px; background-size: 35%; }

.category-entrance a.uk-light { color: rgb(255,255,255) !important; }
.category-entrance a.uk-dark { color: rgb(66,66,66) !important; }

article a { position: relative; color: rgba(66,66,66,1.00); }
article .uk-overlay-primary a { position: relative; color: rgba(255,255,255,1.00); }
article a:hover { text-decoration: none; }

#article-entrance-image { height: 60vh; }
#article-entrance-image .uk-cover { top: 60%; }

.article-image { position: relative; }
.article-counter { background-image: url('../img/corner-light-blue.html'); width: 90px; height: 90px; }
.article-counter p { margin-top: 55px; margin-right: 15px; color: rgba(255,255,255,1.00); }
.tag-list a { color: rgba(160,160,160,0.80) !important; font-size: 1.0rem; margin-right: 10px; }
.tag-list a:hover { color: rgba(160,160,160,1.00) !important; text-decoration: none; }
.label-category, .label-tag { border-left: 1px solid rgba(22,22,22,0.3); padding: 0px 0.8rem 10px 0.8rem; margin: 0 20px; font-size: 0.7rem; color: rgba(22,22,22,0.5); font-weight: 300; }
#timeline-content .label-category, #timeline-content .label-tag { border-left: 0px none transparent; padding: 0; margin: 0 0 15px 0; }
.corner-preview { width: 60px; }

#timeline-content .uk-card { z-index: 10; }
#timeline-content .chamada-timeline-esquerda { position: absolute; top: 80px; right: -53px; width: 250px; z-index: 0; }
#timeline-content .chamada-timeline-direita { position: absolute; top: 80px; left: 28px; width: 250px; z-index: 0; }
#timeline-content .tag-timeline { display: inline-block; min-width: 210px; margin-top: 65px; background-color: rgba(220,220,220,1.00); padding: 0.8rem; border-radius: 40px; }
#timeline-content .tag-timeline.direita { float: left; }
#timeline-content .tag-timeline.esquerda { float: right; }
#timeline-content .tag-timeline .uk-icon-button { float: left; }
#timeline-content .tag-timeline p { margin: 0px !important; font-size: 0.75rem; }
#timeline-content .tag-timeline p.uk-text-small {font-size: 0.80rem; }

quotation:before { content: "\201D"; float: left; color: rgba(90,90,90,0.50); font-size: 12.0rem; line-height: 1.0rem; margin-left: -85px; margin-top: 55px; }
quotation { display: block; font-size: 1.4rem; color: rgba(90,90,90,1.00); margin-left: 85px; margin-top: 30px; margin-bottom: 30px; }
quotation cite { display: block; font-size: 1.0rem; margin-top: 0.25rem; }

.carta-compromisso p { font-size: 1.2rem; }
.carta-compromisso #items-carta .numero { height: 60px; }
.carta-compromisso #items-carta p { font-size: 1.4rem; }

.article-initiative { border: 1px solid rgba(233,233,233,1.00); }
.article-initiative .uk-card-header { background-color: rgba(245,245,245,1.00); padding: 30px 15px 0px 15px; }
.article-initiative .uk-card-body { min-height: 90px; padding: 15px;
background: rgba(245,245,245,1);
background: -moz-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(245,245,245,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ffffff', GradientType=0 );
}
.article-initiative .uk-card-footer { background-color: rgba(255,255,255,1.00); }
.initiative-number { height: 70px; width: auto; }
.uk-modal .initiative-number { height: 90px; width: auto; }


#caixa-agradecimento { background-image: url('../img/icone-featured-dark.svg'); background-repeat: no-repeat; background-position: -320px 200px; background-size: 105%; }
#caixa-agradecimento img { width: 50%; }
#caixa-agradecimento p { font-size: 1.1rem; color: rgba(255,255,255,0.85) !important; }

footer { background-color: rgba(22,22,22,1.00); }
footer .uk-text-small { font-size: 0.8rem; }
footer .logo { max-width: 260px; display: block; }
footer .hash { max-width: 140px; }
footer .logo-CM { width: 130px; }




/* --- Small screens ------------------------------------------------------------------ */
@media only screen and (max-width: 40em) {
  .uk-padding { padding: 20px 0px; }
  .uk-modal .uk-padding { padding: 20px; }
  .uk-container { padding-left: 10px; padding-right: 10px; }
  #navigation-top .uk-navbar-item, #navigation-top .uk-navbar-nav>li>a, #navigation-top .uk-navbar-toggle { height: 50px; }
  .homepage header { height: 80vh; min-height: 580px; }
  .homepage header .branding-projecto { width: 96%; }
} /* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (max-width: 40em) and (orientation: portrait) {
}

/* --- Medium screens / Tablet -------------------------------------------------------- */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .homepage header .branding-projecto { width: 500px; }
} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 40.063em) and (max-width: 64em) and (orientation: portrait) {
}

/* --- Large screens ------------------------------------------------------------------ */
@media only screen and (min-width: 64.063em) {
} /* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) and (max-width: 90em) {
} /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

/* --- XLarge screens ------------------------------------------------------------------ */
@media only screen and (min-width: 90.063em) {
} /* min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) and (max-width: 100em) {
  .uk-container { padding-left: 60px; padding-right: 60px; }
} /* min-width 1441px and max-width 1600px, use when QAing xlarge screen-only issues */
@media only screen and (min-width: 100.063em) and (max-width: 120em) {
  .uk-container { padding-left: 30px; padding-right: 30px; }
} /* min-width 1600px and max-width 1920px, use when QAing xlarge screen-only issues */


/* --- XXLarge screens ------------------------------------------------------------------ */
@media only screen and (min-width: 120.063em) {
} /* min-width 1921px, xxlarge screens */