@charset "UTF-8";


/* -- ROOT ELEMENTS / VARS -- */
:root {
  --bg-white-d2: hsl(0,0%,95.5%);
  --bg-white-d1: hsl(0,0%,97.5%);
  --bg-white: hsl(0,0%,99.5%);

  --bg-green-d2: hsl(159.2,65.3%,8.7%);
  --bg-green-d1: hsl(159.2,65.3%,11.7%);
  --bg-green: hsl(159.2,65.3%,14.7%);
  --bg-green-l1: hsl(159.2,65.3%,17.7%);
  --bg-green-l2: hsl(159.2,65.3%,20.7%);
  --bg-green-l3: hsl(159.2,65.3%,23.7%);
  --bg-green-l4: hsl(159.2,65.3%,26.7%);

  --bg-green-d1-tr: hsla(159.2,65.3%,11.7%,95%);


  --txt-black: hsl(0,0%,12%);

  --txt-green-d3: hsl(111.1,44.9%,35.2%);
  --txt-green-d2: hsl(111.1,44.9%,40.2%);
  --txt-green-d1: hsl(111.1,44.9%,45.2%);
  --txt-green: hsl(111.1,44.9%,50.2%);
}


/* -- BASE ELEMENTS --  */
html { font-family: 'Raleway','Helvetica','Verdana',sans-serif; font-weight: 400; background-color: var(--bg-white); color: var(--txt-black); }
h1,h2,h3,h4,h5,h6,.uk-h1,.uk-h2,.uk-h3,.uk-h4,.uk-h5,.uk-h6,.uk-heading-small { font-family: 'Raleway','Helvetica','Verdana',sans-serif; font-weight: 700; line-height: 1.05em; color: var(--txt-green); }
h1 em, h2 em, h3 em, h4 em, h5 em, h6 em { color: var(--txt-green); }
em { color: var(--txt-black); }



/* -- UIKIT ELEMENTS -- */
#navigation-top { position: relative; z-index: 500; background-color: var(--bg-green-d1); }
#navigation-top.uk-active { background-color: var(--bg-green-d1-tr); }
#navigation-top .uk-navbar-nav li:first-child .uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle { font-family: 'Raleway','Helvetica',Arial,sans-serif; font-weight: 400 !important; padding-left: 0px; }
#navigation-top .uk-navbar-item, #navigation-top .uk-navbar-nav>li>a, #navigation-top .uk-navbar-toggle { min-height: 60px; color: rgba(255,255,255,0.70); }
#navigation-top.uk-active .uk-navbar-item, #navigation-top.uk-active .uk-navbar-nav>li>a, #navigation-top.uk-active .uk-navbar-toggle { min-height: 50px; }
#navigation-top .uk-navbar-item:hover, #navigation-top .uk-navbar-nav>li>a:hover, #navigation-top .uk-navbar-toggle:hover { color: rgba(255,255,255,1.00); }
#navigation-top .uk-navbar-center:not(:only-child) { position: relative; transform: translateX(-50%); }


#site-scroller { height: 3px; background-color: var(--bg-green); }
#site-scroller[value]::-webkit-progress-bar { border-radius: 0px !important; }
#site-scroller[value]::-webkit-progress-value { background-color: var(--txt-green); !important; }
#site-scroller[value]::-moz-progress-bar { background-color: var(--txt-green) !important; }

.uk-text-muted, .uk-text-muted em { color: hsl(0,0%,60%); }

.uk-button-primary { background-color: var(--txt-green); }
.uk-button-primary:hover { background-color: var(--txt-green-d1); }



/* -- GENERAL ELEMENTS -- */
.text-name { font-size: 1.2rem; margin-bottom: 0px; }
.text-function { font-size: 0.90rem; margin-top: 0px; }
.text-category { font-weight: 100; text-transform: uppercase; opacity: 0.75; margin-bottom: 0px; line-height: 1.0em; }
.text-footnote { font-size: 0.85rem; color: rgba(144,144,144,1.00); }
.text-smaller { font-size: 0.75rem; }

.attendant-face { background-color: var(--txt-green-d1); border: 2px solid var(--txt-green); }
.attendant-category { font-size: 0.85rem; }



/* -- SECTIONS -- */
#cookies-disclaimer { background-color: var(--bg-green-d2); }

header { height: auto; min-height: 450px; }
.home header { height: 60vh; min-height: 700px; }
header #branding { position: absolute; z-index: 10; width: 100%; height: 100%; top: 0px; }
header #branding .uk-container { height: 100%;}
header .logo-IISC { width: 320px; margin-top: 50px; }
.home header .logo-IISC { width: 420px; margin-top: 0px; }

#intro p { font-size: 1.15rem; }
#intro .featured p { font-size: 1.35rem; }

#streaming { background-color: var(--bg-green-d2); }
#video { background-color: var(--bg-green-d2); }

#talks .uk-card { position: relative; padding-bottom: 90px; }
#talks .uk-card .uk-button { margin-bottom: 20px; }

#program { background-color: var(--bg-white-d2); }
#program h4 { margin-top: 24px; margin-bottom: 8px; }
#program p { font-size: 1.2rem; margin-top: 0px; margin-bottom: 6px; }
#program hr { margin-bottom: 40px; }

#speakers { background-color: var(--bg-white-d1); }

#sponsors-footer { background-color: var(--bg-green-l2); }
#sponsors-footer .logo-Cellnex { width: 160px; }

#contacte-nos { background-color: var(--bg-green-l1); }

footer { background-color: var(--bg-green); }



/* -- MEDIA QUERIES -- */

/* Mobile = Less than 640px */
@media only screen and (max-width: 40em) {
  .uk-section-small { padding-top: 15px; padding-bottom: 15px; }

  #juri .uk-slider-container { padding-bottom: 40px; }
  #oradores .uk-slider-container { padding-bottom: 40px; }
}

/* Small / @s = Less than 960px */
@media only screen and (min-width: 40.0625em) and (max-width: 60em) {
}

/* Medium / @m = Less than 1200px */
@media only screen and (min-width: 60.0625em) and (max-width: 75em) {
}

/* Large / @l = Less than 1600px */
@media only screen and (min-width: 75.0625em) and (max-width: 100em) {
  .uk-container-large, .uk-container-xlarge { padding-left: 60px; padding-right: 60px; }
  .home header { min-height: 580px; }
}

/* XLarge / @xl = More than 1600px */
@media only screen and (min-width: 100.0625em) {
}