@charset "UTF-8";


/* -- ROOT ELEMENTS / VARS -- */
:root {
  --clr-verde: rgba(114,166,47,1.00);
  --clr-verde-claro: rgba(154,196,51,1.00);
  --clr-verde-escuro: rgba(58,145,63,1.00);
}

html { font-family: 'BNPP Sans','Helvetica',Arial,sans-serif; color: rgba(83,96,105,1.00); }
h1,h2,h3,h4,h5,h6,.uk-h1,.uk-h2,.uk-h3,.uk-h4,.uk-h5,.uk-h6,h1 em,h2 em,h3 em,h4 em,h5 em,h6 em,.uk-heading-small,.uk-heading-medium { font-family: 'BNPP Sans','Helvetica',Arial,sans-serif; font-weight: 700 !important; color: rgba(83,96,105,1.00); line-height: 1.2em; }
h4,h5,h6,.uk-h4,.uk-h5,.uk-h6,h4 em,h5 em,h6 em { font-weight: 400 !important; }
p, em, li { font-weight: 300; color: rgba(83,96,105,1.00); }
.uk-light p, .uk-light em, .uk-light li { font-weight: 300; color: rgba(255,255,255,1.00); }
button,.uk-button { font-weight: 400; }
strong,b { font-weight: 700; }

/* -- Cores TEXTOS -- */
.texto-verde { color: var(--clr-verde) !important; }
.texto-verde-claro { color: var(--clr-verde-claro) !important; }
.texto-verde-escuro { color: var(--clr-verde-escuro) !important; }
.texto-laranja { color: rgba(248,71,23,1.00) !important; }
.texto-cinza-claro { color: rgba(240,242,245,1.00) !important; }
.texto-cinza-escuro { color: rgba(83,96,105,1.00) !important; }

/* -- Cores BACKGROUNDS -- */
.section-verde { background-color: var(--clr-verde) !important; }
.section-verde-claro { background-color: var(--clr-verde-claro) !important; }
.section-verde-escuro { background-color: rgba(44,122,38,1.00) !important; }
.section-laranja { background-color: rgba(248,71,23,1.00) !important; }
.section-cinza-claro { background-color: rgba(240,242,245,1.00) !important; }
.section-cinza-escuro { background-color: rgba(83,96,105,1.00) !important; }
.section-preto { background-color: rgba(13,26,35,1.00) !important; }

/* -- Redefinição UIKIT */
.uk-navbar-brand { font-size: 16px; vertical-align: top; margin-top: 6px; height: 30px; }
.uk-navbar-nav>li>a { font-family: 'BNPP Sans','Helvetica',Arial,sans-serif; }
.uk-button { border-radius: 4px !important; font-family: 'BNPP Sans','Helvetica',Arial,sans-serif; }
.uk-button-danger { color: #FFF !important; }


#navigation-top { position: relative; z-index: 500; }
.uk-dark #navigation-top { background-color: rgba(22,22,22,0.80); }
.uk-light #navigation-top { background-color: rgba(255,255,255,0.80); }
#navigation-top.uk-active { background-color: rgba(22,22,22,0.95); }
#navigation-top .uk-navbar-item, #navigation-top .uk-navbar-nav>li>a, #navigation-top .uk-navbar-toggle { min-height: 60px; font-family: 'BNPP Sans','Helvetica',Arial,sans-serif; margin: 0px; }
.uk-dark #navigation-top .uk-navbar-nav>li>a, .uk-dark #navigation-top .uk-navbar-toggle { color: rgba(255,255,255,1.00); }
.uk-light #navigation-top .uk-navbar-nav>li>a, .uk-light #navigation-top .uk-navbar-toggle { color: rgba(83,96,105,1.00); }

.uk-dark #navigation-top .uk-navbar-nav>li>a:hover, .uk-light #navigation-top .uk-navbar-nav>li>a:hover,
.uk-dark #navigation-top .uk-navbar-nav>li.uk-active>a, .uk-light #navigation-top .uk-navbar-nav>li.uk-active>a { color: var(--clr-verde); }

#navigation-top .uk-logo { display: none; border-right: 1px solid rgba(200,200,200,1.00); padding: 0px; margin-right: 20px; }
#navigation-top.uk-active .uk-logo { display: flex; }
#navigation-top .uk-logo img { width: 200px; margin-right: 20px; margin-bottom: 7px; }
#navigation-top .inverted { background-color: rgba(255,255,255,0.12); }

#navigation-bottom .uk-navbar-item, #navigation-bottom .uk-navbar-nav>li>a, #navigation-bottom .uk-navbar-toggle { font-size: 0.675rem; padding: 0 10px; }

.uk-button-primary { background-color: var(--clr-verde-claro); }
.uk-button-primary:focus, .uk-button-primary:hover { background-color: var(--clr-verde); }
.uk-button-danger { background-color: rgba(248,71,23,1.00); }
.uk-button-danger:focus, .uk-button-danger:hover { background-color: rgba(223,54,7,1.00); }

.uk-tab>.uk-active>a { border-bottom: 2px solid var(--clr-verde-claro); }


/* -- Estilos Proprietários -- */
#cookies-disclaimer { background-color: var(--clr-verde); }

header { height: auto; min-height: 0px; }
header #client-branding { position: relative; z-index: 15; }
header #client-branding .logo-Cetelem { width: 150px; }
header #branding { z-index: 20; position: relative !important; width: 600px; margin: 50px auto; }
.home header #branding { width: 550px; }
.category-ned-4-kids header #branding { width: 640px; }
.single-category-ned-4-kids header #branding { width: 700px; }
header .curtain-header { z-index: 10; }
header .background-header { z-index: 0; }

aside { width: 300px !important; }
aside a.lnk-categoria, aside a.lnk-categoria h2 { color: rgba(154,196,51,0.80) !important; }
aside a.lnk-categoria:hover, aside a.lnk-categoria:hover h2 { color: var(--clr-verde-claro) !important; }

.article a h3, .article a h3 em { color: rgba(83,96,105,0.85) !important; }
.article a:hover h3, .article a:hover h3 em { color: rgba(83,96,105,1.00) !important; }
.uk-light .article a h3, .uk-light .article a h3 em { color: rgba(255,255,255,0.85) !important; }
.uk-light .article a:hover h3, .uk-light .article a:hover h3 em { color: rgba(255,255,255,1.00) !important; }
.uk-light .article .texto-verde { color: rgba(44,122,38,1.00) !important; }

.category-ned-4-kids .article img { border: 5px solid var(--clr-verde); }

.article.native .uk-card-body { padding: 0px 10px 60px 10px; }

.article.native .native-label { font-size: 0.8rem; color: rgba(83,96,105,0.30); margin: 20px; }
.article.native .native-label p { font-size: 0.65rem; color: rgba(83,96,105,0.50); }
.article.native .native-label .logo-BlueAcademy { display: block; width: 150px; margin: 0px; }

#article-entrance-image { height: 75vh; min-height: 620px; }
.single-category-ned-4-kids #article-entrance-image { border: 5px solid var(--clr-verde); }

#frm-checkUpFinanceiro .uk-card { background-color: rgba(154,196,51,0.20); }
#painel-resultados { background-color: rgba(154,196,51,0.30); }
#painel-resultados .uk-card { background-color: rgba(44,122,38,1.00); }
#painel-resultados .uk-card.danger { background-color: rgba(248,71,23,1.00); }
#painel-resultados #semaforo { width: 300px; }
progress[value]::-webkit-progress-value {
  background-image:
	   -webkit-linear-gradient(-45deg, transparent 33%, rgba(0, 0, 0, .1) 33%,rgba(0,0, 0, .1) 66%, transparent 66%),
	   -webkit-linear-gradient(top, var(--clr-verde-claro),rgba(154,196,51,1.00)),
	   -webkit-linear-gradient(left, var(--clr-verde-claro), var(--clr-verde-claro));
    border-radius: 2px;
    background-size: 35px 20px, 100% 100%, 100% 100%;
}

#videos-block { background-color: rgba(22,22,22,0.90); }

iframe.remote-site { width: 2048px; height: 10248px; }

.at-resp-share-element .at-share-btn { margin-bottom: 0px !important; }

#pre-footer { background-color: rgba(22,22,22,0.93); }
footer { background-color: rgba(22,22,22,1.00); }
footer .logo-NeD { width: 280px; }
footer .logo-Cetelem { width: 130px; }
footer .uk-grid-divider>:not(.uk-first-column)::before { border-left: 1px solid rgba(255,255,255,0.10); }



/* --- Styles specific for NL Subscriptions --------------------------------- */
.nl-subscription-popup { background-color: var(--clr-verde); width: 300px; height: 350px; position: fixed; bottom: 0px; right: 50px; background-image: url('../img/icon-mail.svg'); background-size: 65%; background-repeat: no-repeat; background-position: 105% 125%; box-shadow: 0 5px 15px hsla(0,0%,0%,55%); }
.nl-subscription-popup h4 { font-size: 1.35rem; }
.nl-subscription-popup .uk-close { position: absolute; top: 15px; right: 15px; }

.nl-subscription-embed h4 { font-size: 1.15rem; }
.nl-subscription-embed .uk-close { position: absolute; top: 15px; right: 15px; }

.nl-subscription-bar { background-image: url('../img/icon-mail.svg'); background-size: 250px; background-repeat: no-repeat; background-position: 20% 42%; }
.nl-subscription-bar.body { background-color: var(--clr-verde); }
.nl-subscription-bar.footer { background-color: rgba(22,22,22,0.96); }


/* --- Styles specific for Banners ------------------------------------------ */
#banner-checkup-financeiro { position: relative; }
#banner-checkup-financeiro .uk-card { width: 70%; min-width: 300px; background-color: rgba(255,255,255,0.85); }
#banner-ned-4-kids { position: relative; }
#banner-ned-4-kids .uk-card { width: 70%; min-width: 300px; background-color: rgba(255,255,255,0.85); }


/* --- Styles specific for NED 4 Kids Area ---------------------------------- */
#navigation-top .ned-4-kids a { background-color: rgba(0,0,0,0.12) !important; color: var(--clr-verde-claro) !important; }
#navigation-top .ned-4-kids a:hover, #navigation-top .uk-active.ned-4-kids a { background-color: var(--clr-verde-claro) !important; color: rgba(255,255,255,1.00) !important; }

.category-ned-4-kids { background-image: url('../img/bg-texture-ned4kids.svg'); background-size: 100%; font-size: 18px; }
.single-category-ned-4-kids { background-image: url('../img/bg-texture-ned4kids.svg'); background-size: 100%; font-size: 22px; }
.single-category-ned-4-kids #article-entrance-image { height: auto;}
.single-category-ned-4-kids #related-articles { background-color: rgba(233,244,226,1.00) !important; }
.single-category-ned-4-kids #related-articles h3 { font-size: 1.6rem; }
.single-category-ned-4-kids #related-articles p { font-size: 1.1rem; }
.single-category-ned-4-kids .uk-card { background-color: var(--clr-verde-escuro); }
.single-category-ned-4-kids .uk-card h2, .single-category-ned-4-kids .uk-card h3, .single-category-ned-4-kids .uk-card h4 { color: var(--clr-verde-claro) !important; }

#footer-ned-4-kids { padding-top: 40px; padding-bottom: 20px; }

.tabela1 table {width: 100%;border-collapse: collapse;background-color: #e5e5e5;}
.tabela1 th, .tabela1 td {border: 1px solid #000;padding: 8px;text-align: left;}
.tabela1 th {background-color: #f2f2f2;}



/* --- Small screens -------------------------------------------------------- */
@media only screen and (max-width: 40em) {
  #navigation-top .uk-navbar-item, #navigation-top .uk-navbar-nav>li>a, #navigation-top .uk-navbar-toggle { min-height: 50px; }
  header #branding { width: 90%; padding-top: 110px; }
  .home header #branding { width: 80%; padding-top: 110px; }
  header #client-branding { padding: 15px !important; }
  header #client-branding .logo-Cetelem { width: 100px; }
} /* 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) {
  header #branding { width: 420px; }
  .home header #branding { width: 440px; }
  header #branding .logo-NeD { margin-top: 8px; }
  header #client-branding .logo-Cetelem { width: 110px; }
  #frm-checkUpFinanceiro .uk-tab>*>a { font-size: 0.80rem;}
} /* 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) {
  header #branding { width: 340px; }
  .home header #branding { width: 420px; }
  header #branding .logo-NeD { margin-top: 18px; }
  header #client-branding .logo-Cetelem { width: 110px; }
}

/* --- Large screens -------------------------------------------------------- */
@media only screen and (min-width: 64.063em) {
  .uk-container { padding-left: 60px; padding-right: 60px; }
} /* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) and (max-width: 90em) {
  header.no-back #branding { width: 250px; }
} /* 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) {
} /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

/* --- XXLarge screens ------------------------------------------------------ */
@media only screen and (min-width: 100.0625em) {
  .uk-container { padding-left: 30px; padding-right: 30px; }
} /* min-width 1601px, xlarge screens */
@media only screen and (min-width: 100.0625em) and (max-width: 120em) {
} /* min-width 1601px and max-width 1920px, use when QAing xlarge screen-only issues */

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