html { font-family: 'Muli','Helvetica',Arial,sans-serif; background-color: rgba(255,255,255,1.00); color: rgba(66,66,66,1.00); font-weight: 400; }
h1,h2,h3,h4,h5,h6,h1 em,h2 em,h3 em,h4 em,h5 em,h6 em,.uk-h1,.uk-h2,.uk-h3,.uk-h4,.uk-h5,.uk-h6,.uk-h1 em,.uk-h2 em,.uk-h3 em,.uk-h4 em,.uk-h5 em,.uk-h6 em { font-family: 'Muli','Helvetica',Arial,sans-serif; font-weight: 400 !important; line-height: 1.1em; }
strong { font-weight: 800 !important; }
p, ul, ol { color: rgba(77,77,77,1.00); }
.uk-light p, .uk-light ul, .uk-light ol { color: rgba(241,241,241,1.00); }


.section-black { background-color: rgba(35,31,32,1.00); }
.section-dark-gray { background-color: rgba(35,31,32,0.80); }
.section-gray { background-color: rgba(35,31,32,0.50); }
.section-light-gray { background-color: rgba(35,31,32,0.10); }
.section-green { background-color: rgba(127,164,27,1.00); }

.section-red { background-color: rgba(182,19,24,1.00); }
.section-brown { background-color: rgba(219,186,106,1.00); }
.section-light-blue { background-color: rgba(159,181,206,1.00); }
.section-blue { background-color: rgba(0,118,159,1.00); }
.section-green { background-color: rgba(101,136,67,1.00); }

.text-red { color: rgba(182,19,24,1.00); }
.text-brown { color: rgba(219,186,106,1.00); }
.text-light-blue { color: rgba(159,181,206,1.00); }
.text-blue { color: rgba(0,118,159,1.00); }
.text-green { color: rgba(101,136,67,1.00); }



/* -- UI Kit Modifiers ------------------------------------------------------ */
#navigation-top { position: relative; z-index: 500; }
.uk-dark #navigation-top { background: rgba(255,255,255,0.30);
background: -moz-linear-gradient(top, rgba(255,255,255,0.30) 0%, rgba(255,255,255,0) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0.30)), color-stop(100%, rgba(255,255,255,0)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0.30) 0%, rgba(255,255,255,0) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,0.30) 0%, rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,0.30) 0%, rgba(255,255,255,0) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0.30) 0%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#FFFFFF', GradientType=0 );
border-bottom: 1px solid rgba(220,220,220,1.00);
}
.uk-light #navigation-top { background: rgba(0,0,0,0.60);
background: -moz-linear-gradient(top, rgba(0,0,0,0.60) 0%, rgba(0,0,0,0) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.60)), color-stop(100%, rgba(0,0,0,0)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0.60) 0%, rgba(0,0,0,0) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0.60) 0%, rgba(0,0,0,0) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0.60) 0%, rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.60) 0%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
border-bottom: 1px solid rgba(35,35,35,1.00);
}
.home .uk-dark #navigation-top { border-bottom: 0px none transparent; }
.home .uk-light #navigation-top { border-bottom: 0px none transparent; }
#navigation-top.uk-active { background: rgba(255,255,255,0.95); }
#navigation-top .uk-navbar-nav li:first-child .uk-navbar-item, #navigation-top .uk-navbar-nav>li>a, #navigation-top .uk-navbar-toggle { padding: 0px; padding-top: 5px; padding-bottom: 5px; }
#navigation-top .uk-navbar-item, #navigation-top .uk-navbar-nav>li>a, #navigation-top .uk-navbar-toggle { min-height: 60px; font-family: 'Muli','Helvetica',Arial,sans-serif; font-weight: 600 !important; margin: 0px; }
#navigation-top .uk-navbar-left .uk-navbar-nav>li>a { margin-right: 20px; }
#navigation-top .uk-navbar-right .uk-navbar-nav>li>a, #navigation-top .uk-navbar-toggle { margin-left: 20px; }

.uk-dark #navigation-top .uk-navbar-nav>li>a, .uk-dark #navigation-top .uk-navbar-toggle { color: rgba(35,31,32,0.70); }
.uk-light #navigation-top .uk-navbar-nav>li>a, .uk-light #navigation-top .uk-navbar-toggle { color: rgba(255,255,255,0.70); }
#navigation-top.uk-active .uk-navbar-nav>li>a, #navigation-top.uk-active .uk-navbar-toggle { color: rgba(35,31,32,0.70); }
.uk-dark #navigation-top .uk-navbar-nav>li>a:hover, .uk-dark #navigation-top .uk-navbar-nav>li.uk-active>a { color: rgba(35,31,32,1.00); padding-top: 0px; }
.uk-light #navigation-top .uk-navbar-nav>li>a:hover, .uk-light #navigation-top .uk-navbar-nav>li.uk-active>a { color: rgba(255,255,255,1.00); padding-top: 0px; }
#navigation-top.uk-active .uk-navbar-nav>li>a:hover, #navigation-top.uk-active .uk-navbar-nav>li.uk-active>a { color: rgba(35,31,32,1.00); }


.uk-navbar-nav>li>a:hover, .uk-navbar-nav>li.uk-active>a { border-top: 5px solid rgba(150,160,151,1.00); }
.uk-navbar-nav>li.red>a:hover, .uk-navbar-nav>li.red.uk-active>a { border-top: 5px solid rgba(182,19,24,1.00); }
.uk-navbar-nav>li.brown>a:hover, .uk-navbar-nav>li.brown.uk-active>a { border-top: 5px solid rgba(219,186,106,1.00); }
.uk-navbar-nav>li.light-blue>a:hover, .uk-navbar-nav>li.light-blue.uk-active>a { border-top: 5px solid rgba(159,181,206,1.00); }
.uk-navbar-nav>li.blue>a:hover, .uk-navbar-nav>li.blue.uk-active>a { border-top: 5px solid rgba(0,118,159,1.00); }
.uk-navbar-nav>li.green>a:hover, .uk-navbar-nav>li.green.uk-active>a { border-top: 5px solid rgba(101,136,67,1.00); }

#navigation-top .uk-logo { display: none; border-right: 1px solid rgba(200,200,200,1.00); padding: 0px; margin-right: 30px; }
#navigation-top.uk-active .uk-logo { display: flex; }
#navigation-top .uk-logo img { height: 36px; margin-right: 20px; }
#navigation-top .uk-logo .icone-NS { display: flex; }
#navigation-top .uk-logo .logo-NS { display: none; }

#site-scroller { height: 3px; }
#site-scroller[value]::-webkit-progress-bar { border-radius: 0px !important; }
#site-scroller[value]::-webkit-progress-value { background-color: rgba(226,30,38,1.00) !important; }
#site-scroller[value]::-moz-progress-bar { background-color: rgba(226,30,38,1.00) !important; }

#offcanvas-nav .logo-NS { max-width: 200px; margin-bottom: 40px; }
#offcanvas-nav .uk-nav>li { margin: 8px 0px; }
#offcanvas-nav .uk-nav>li a { display: inline; padding-bottom: 15px; }
#offcanvas-nav .uk-nav>li::before { content: "\25A0"; display: inline; font-size: 1.5rem; margin-right: 10px; }
#offcanvas-nav .uk-nav>li.red::before { color: rgba(182,19,24,1.00); }
#offcanvas-nav .uk-nav>li.brown::before { color: rgba(219,186,106,1.00); }
#offcanvas-nav .uk-nav>li.light-blue::before { color: rgba(159,181,206,1.00); }
#offcanvas-nav .uk-nav>li.blue::before { color: rgba(0,118,159,1.00); }
#offcanvas-nav .uk-nav>li.green::before { color: rgba(101,136,67,1.00); }

.uk-overlay-primary { background-color: rgba(35,31,32,0.65); }

.uk-search-input { font-family: 'Muli','Helvetica',Arial,sans-serif !important; color: rgba(0,60,103,1.00) !important; }
.uk-dark .uk-search-input::placeholder { color: rgba(77,77,77,1.00) !important; }
.uk-light .uk-search-input::placeholder { color: rgba(241,241,241,1.00) !important; }

.uk-icon { vertical-align: top; }
.uk-button .uk-icon { vertical-align: middle; }

.uk-card-primary { background-color: rgba(127,164,27,1.00); }
.uk-card-primary a p { color: rgba(255,255,255,1.00) !important; }

/* -- Custom Styles --------------------------------------------------------- */
#cookies-disclaimer { z-index: 50; position: relative; background-color: rgba(35,31,32,0.95); }
#cookies-disclaimer.disabled { display: none; }


header { height: auto; min-height: 120px; }
.home header { height: 100vh; min-height: 350px; }
.single header { border-bottom: 0px none transparent; }
header .project-logo { z-index: 100; width: 380px; margin-left: auto; margin-right: auto; }
header .project-logo img { width: 100%; max-width: 100%; }
.home header .project-logo { width: 650px; }

header #back-video { z-index: 0; position: relative; }
header #curtain { z-index: 0; }

header .separator { z-index: 10; min-height: 70px; }
header .separator img { vertical-align: bottom; margin-bottom: -1px; }
header .separator a { z-index: 100; color: rgba(35,31,32,1.00) !important; }

#section-featured { background-image: url('../img/featured-pattern.png'); }

#article-entrance-image { height: 55vh; min-height: 550px; }

.article-label { z-index: 20; padding: 0px 20px 10px 0px; }
.article-sticky .article-label { position: absolute; top: 20px; right: 0px; border-bottom: 1px solid rgba(255,255,255,1.00); }

.article-meta { margin-top: 25px; }
.single .article-meta { margin-top: 0px; border-left: 3px solid rgba(220,220,220,1.00); }
.article-meta p { color: rgba(100,100,100,1.00); font-size: 0.80rem; }
.single .article-meta p { font-size: 0.90rem; }

#related-articles .article-meta { border-left: 0px none transparent; }

.label-category { line-height: 14px; font-size: 12px; margin-top: 18px; }
.single .label-category { line-height: 18px; font-size: 20px; margin-top: 0px; }
.label-category .square { display: inline-block; vertical-align: top; width: 13px; height: 13px; margin-right: 8px; background-color: rgba(35,31,32,0.50); }
.single .label-category .square { width: 18px; height: 18px; margin-right: 12px; }
.label-category.text-red .square { background-color: rgba(182,19,24,1.00); }
.label-category.text-brown .square { background-color: rgba(219,186,106,1.00); }
.label-category.text-light-blue .square { background-color: rgba(159,181,206,1.00); }
.label-category.text-blue .square { background-color: rgba(0,118,159,1.00); }
.label-category.text-green .square { background-color: rgba(101,136,67,1.00); }



#sponsors { background-color: rgba(255,255,255,0.40); }
#sponsors .uk-child-width-1-2 { height: 90px; }
#sponsors p { font-size: 1.15rem; color: rgba(130,130,130,1.00); }
#sponsors p.uk-text-small { font-size: 0.85rem; }
#sponsors p.label-sponsor { font-size: 0.70rem; }
#sponsors .logo-EDP { width: auto; height: 82px; }
#sponsors .logo-MillenniumBCP { width: 190px; height: auto; }
#sponsors .logo-Claranet { height: 22px; }
#sponsors .logo-MEO, #sponsors .logo-SAP, #sponsors .logo-Jeep { width: auto; height: 28px; }
#sponsors .logo-Altri { height: 45px; margin-bottom: 20px; }
#sponsors .stamp-PR { width: auto; height: 90px; margin-left: 25px; }


footer { background-color: rgba(35,31,32,1.00); }
footer .uk-text-small { font-size: 0.8rem; }
footer .logo-NS { width: 320px; }



/* -- Specific: SECTION LIVE LABS ------------------------------------------- */
#live-labs { background-color: rgba(127,164,27,0.10); background-image: url('../img/live-labs/header-texture.svg'); background-size: 2048px; background-position: 0 120px; }
#live-labs .uk-card { width: 280px; }
#live-labs #sponsors { padding-top: 20px; padding-bottom: 20px; }

/* -- Specific: SECTION FOOTER SPONSORS ------------------------------------------- */
#footer-sponsors { background-color: rgba(127,164,27,0.10); background-image: url('../img/live-labs/header-texture.svg'); background-size: 2048px; background-position: 0 120px; }
#footer-sponsors #sponsors { padding-top: 20px; padding-bottom: 20px; }


/* -- Specific: SINGLE for LIVE LABS ---------------------------------------- */
.single-category-live-labs { background-color: rgba(127,164,27,0.10); background-image: url('../img/live-labs/header-texture.svg'); background-size: 2048px; background-position: 0 60px; }
.single-category-live-labs .uk-dark #navigation-top { border-bottom: 0px none transparent; }
.single-category-live-labs .uk-light #navigation-top { border-bottom: 0px none transparent; }

/* -- Specific: PAGE for WEB TALKS ---------------------------------------- */
.page-web-talks { background-color: rgba(127,164,27,0.10); background-image: url('../img/live-labs/header-texture.svg'); background-size: 2048px; background-position: 0 60px; }
.page-web-talks .uk-dark #navigation-top { border-bottom: 0px none transparent; }
.page-web-talks .uk-light #navigation-top { border-bottom: 0px none transparent; }



/* -- Imported Assets Styles ------------------------------------------------ */
.citacaoArtigo { background-color: rgba(127,164,27,0.05); border-left: 3px solid rgba(127,164,27,1.00); padding: 40px; margin-bottom: 40px;}
.citacaoArtigo .citacaoH3Mobile { font-size: 1.6rem; font-weight: 400; }
.citacaoArtigo .citacaoArtigoTxt { margin-bottom: 0px; }

.citacao { position: relative; padding: 40px 0px 40px 80px; }
.citacao::before { content: "\201C"; color: rgba(127,164,27,0.35); font-size: 150px; font-weight: 800; position: absolute; top: -50px; left: -10px; }
.citacao .citacaoTxt { font-size: 1.3rem; }
.citacao .nomeCitacao { font-size: 0.85rem; display: block; }






/* --- Small screens -------------------------------------------------------- */
@media only screen and (max-width: 40em) {
  .uk-section { padding-top: 10px;  }
  .uk-padding { padding: 20px 0px; }
  #pre-header.uk-padding { padding: 10px 0px; }
  #pre-header p { margin: 0 auto; }
  #navigation-top .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: 40px; }
  #navigation-top .uk-navbar-left .uk-navbar-nav>li>a { margin-right: 10px; }
  #navigation-top .uk-navbar-right .uk-navbar-nav>li>a, #navigation-top .uk-navbar-toggle { margin-left: 10px; }
  .home header { height: 90vh; min-height: 540px; }
  header #client-branding { position: relative !important; top: 0; transform: none; margin-top: 8px; } /* RESET de UK-POSITION */
  header .project-logo { width: 85% !important; margin-top: 0px; }
  .category header .project-logo, .page header .project-logo { margin-left: auto; }
  header .separator { overflow: hidden; margin-bottom: -2px; }
  header .separator img { position: absolute; max-width: 300%; width: 300%; left: -100%; bottom: 0px; }
  .uk-text-lead { font-size: 1.1rem; }
  .category-entrance .uk-overlay-primary { background-color: rgba(255,255,255,0.85); }
  .category-entrance .category-icon { width: 80px; }
  .category-entrance h5 { font-size: 0.85rem; letter-spacing: -0.05em; }
  .tag-list a { font-size: 0.85rem; }
  #sponsors .uk-child-width-1-1 { height: auto; }
  footer .logo-NS { width: 230px; }
} /* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (max-width: 40em) and (orientation: portrait) {
  #article-entrance-image { height: 300px; }
}

/* --- Medium screens / Tablet ---------------------------------------------- */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .uk-container { padding-left: 60px; padding-right: 60px; }
  #navigation-top .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 { min-height: 50px; font-size: 0.65rem; letter-spacing: -0.025rem; }
  #navigation-top .uk-navbar-left .uk-navbar-nav>li>a { margin-right: 8px; }
  #navigation-top .uk-navbar-right .uk-navbar-nav>li>a, #navigation-top .uk-navbar-toggle { margin-left: 8px; }
  #navigation-top .uk-logo { display: none !important; }
  header #client-branding { padding-right: 60px; }
} /* 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 #client-branding { position: relative !important; top: 0; transform: none; margin-top: 0px; } /* RESET de UK-POSITION */
}

/* --- 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) {
  .uk-container { padding-left: 70px; padding-right: 70px; }
  #navigation-top .uk-container {  padding-left: 20px; padding-right: 20px; }
  #navigation-top .uk-logo { margin-right: 18px; }
  #navigation-top .uk-logo img { height: 26px; margin-right: 18px; }
  #navigation-top .uk-navbar-item, #navigation-top .uk-navbar-nav>li>a, #navigation-top .uk-navbar-toggle { min-height: 50px; font-size: 0.75rem; letter-spacing: -0.025rem; }
  #navigation-top .uk-navbar-left .uk-navbar-nav>li>a { margin-right: 10px; }
  #navigation-top .uk-navbar-right .uk-navbar-nav>li>a, #navigation-top .uk-navbar-toggle { margin-left: 10px; }
  .uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle { font-size: 0.775rem; }
  .page-web-talks .stream-content { max-width: 960px; }
  #sponsors .logo-EDP { height: 80px; }
  #sponsors .logo-MillenniumBCP { width: 178px; }
  #sponsors .logo-Claranet, #sponsors .logo-MEO, #sponsors .logo-SAP, #sponsors .logo-Jeep { height: 25px; }
  #sponsors .stamp-PR { height: 85px; margin-left: 20px; }
} /* 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) {
  #navigation-top .uk-navbar-item, #navigation-top .uk-navbar-nav>li>a, #navigation-top .uk-navbar-toggle { font-size: 0.8rem; letter-spacing: -0.0125rem; }
} /* min-width 1441px and max-width 1600px, 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; }
  header #client-branding { padding-right: 0px; }
} /* 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) {
  #navigation-top .uk-logo .icone-NS { display: none; }
  #navigation-top .uk-logo .logo-NS { display: none; }

} /* min-width 1921px, xxlarge screens */