html { font-family: 'Muli','Helvetica',Arial,sans-serif; background-color: rgba(250,247,224,1.00); background-image: url('../img/fundo-site.png'); background-size: 125px; }
h1,h2,h3,h4,h5,h6 { font-family: 'Libre BAskerville','Helvetica',Arial,sans-serif; font-weight: 300 !important; line-height: 1.2em; color: rgba(128,103,42,1.00) !important; }
p,a,em,li,button,th,td { font-weight: 400; color: rgba(0,0,0,1.00) !important; }
strong { font-weight: 700; }


/* -- Modificadores UIKit -- */
#navigation-top { position: relative; z-index: 500; background-color: rgba(33,33,33,0.60); }
#navigation-top.uk-active { background-color: rgba(33,33,33,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 a { color: rgba(255,255,255,0.70) !important; }
#navigation-top a:hover { color: rgba(255,255,255,1.00) !important; }
#navigation-top .uk-navbar-item, #navigation-top .uk-navbar-nav>li>a, #navigation-top .uk-navbar-toggle { min-height: 50px; }

.uk-text-large { font-size: 1.2rem; }
.uk-grid-divider>:not(.uk-first-column)::before { border-left: 1px solid rgba(33,33,33,0.45); }
.uk-table-divider>:first-child>tr:not(:first-child), .uk-table-divider>:not(:first-child)>tr, .uk-table-divider>tr:not(:first-child) { border-top: 1px solid rgba(33,33,33,0.45); }

/* -- 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; color: rgba(255,255,255,1.00) !important; }
#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; }

header { height: 90vh; min-height: 850px; background-color: rgba(250,247,224,1.00); }

#branding { position: relative; z-index: 10; }
#branding h1 { color: rgba(250,235,208,1.00); line-height: 1.3em; font-size: 2.2rem; }
#branding .logo-CMB { position: relative; max-width: 130px; }

#infos, #infos2 { z-index: 10; }
#infos #logo-BP { width: 170px; }
#infos #logo-CTT { width: 80px; }
#infos2 #stamp { max-width: 200px; }

.section-normal { background-color: rgba(255,255,255,0.15); }

#apresentacao h2 { font-size: 1.8rem; }
#colecao { background-color: rgba(255,255,255,0.50); }


#barraMicrosites { width: 100%; height: 285px; margin-bottom: -6px; padding: 0px; border: 0px none transparent; }

footer { background-color: rgba(33,33,33,1.00); }
footer p { color: rgba(255,255,255,1.00) !important; font-size: 0.95rem; }
footer .uk-text-small { font-size: 0.8rem; }
footer .social-icons a .icone { background-color: rgba(255,255,255,0.60); color: rgba(33,33,33,1.00); border-radius: 50px; font-size: 22px; width: 35px; height: 35px; line-height: 35px; text-align: center; }
footer .social-icons a:hover .icone{ background-color: rgba(255,255,255,0.80); }
footer .social-icons .stamp { height: 35px; }





/* --- Small screens ------------------------------------------------------------------ */
@media only screen and (max-width: 40em) {
  .uk-padding { padding: 20px 0px; }
  #navigation-top .uk-navbar-item, #navigation-top .uk-navbar-nav>li>a, #navigation-top .uk-navbar-toggle { height: 40px; }
  .slick-prev { left: 10px !important; }
  .slick-next { right: 10px !important; }
} /* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (max-width: 40em) and (orientation: portrait) {
  header { height: 210vh; min-height: 210vh !important; }
  header .uk-cover { width: 450px !important; height: auto !important; }
  #branding .logo-CMB { max-width: 90px; }
  #infos #logo-BP { width: 130px; }
  #infos #logo-CTT { width: 65px; }
  #infos2 { bottom: 200px !important; }
  #infos2 #stamp { max-width: 140px; }
  #barraMicrosites { height: 475px; }
}

/* --- Medium screens / Tablet -------------------------------------------------------- */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .slick-prev { left: 10px !important; }
  .slick-next { right: 10px !important; }
} /* 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 { height: 140vh; min-height: 140vh !important; padding-bottom: 200px; }
  header .uk-cover { width: 920px !important; height: auto !important; }
  #barraMicrosites { height: 260px; }
}

/* --- 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) {
  #colecao .uk-container { max-width: 800px; }
} /* 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: 120em) {
} /* min-width 1441px 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 */
