/* Override styles */

HTML {
  color: #444;
}

@media (min-width: 640px) {  /* darker on smaller screens */
    HTML {
        color: #222;
    }
}


H1 {
  margin-top: 0.4em;
  margin-bottom: 0.4em;
  font-size: 1.9em;
  clear: both;
}

H2 {
  margin-top: 0.4em;
  margin-bottom: 0.4em;
  font-size: 1.6em;
  clear: both;
}

H3 {
  margin-top: 0.4em;
  margin-bottom: 0.4em;
  font-size: 1.2em;
  clear: both;
}

H4 {
  margin-top: 0.3em;
  margin-bottom: 0.3em;
  font-size: 1.1em;
  clear: both;
}

H5 {
  margin-top: 0.6em;
  margin-bottom: 0.1em;
  font-size: 1.0em;
  font-weight: bold;
  clear: both;
}

EM {
     color: black;
     font-weight: bold;
}

/* navbar for wide screeens */

.uk-navbar-container:not(.uk-navbar-transparent) {
  background-color: #1e5799;
}

.uk-navbar-nav>LI {   
                    border-right: 2px solid white;
                    padding-left: 0.4em;
                    padding-right: 0.4em;
}

.uk-navbar-nav>li.uk-active>a { 
  color: white;
}

.uk-navbar-nav>li>a {
  min-height: 2.3em;
  /* font-size: 108%; */
  font-weight: bold;
  text-transform: none;
  color: #bbd;
}

.uk-nav-primary>li.uk-active>a { 
  color: white;
}

.uk-nav-primary>li>a {
  min-height: 2.3em;
  font-size: 82%;
  font-weight: bold;
  text-transform: none;
  color: #bbd;
}

.uk-navbar-dropdown-nav>li>a {
  font-size: 100%;
  font-weight: bold;
  text-transform: none;
  color: #bbd;
}

/* nav bar drop down */

[class*=uk-navbar-dropdown-bottom] {
  margin-top: 5px;
}

.uk-navbar-dropdown {
  background-color: #1e5799;
  padding-top: 5px;
  padding-bottom: 5px;
}

.uk-navbar-dropdown UL {
}

/* nav bar for narrow screens */

@media (max-width: 640px) { /* @breakpoint-small */
  button.uk-icon:not(:disabled) { 
    min-height: 2.8em;
  }

  .uk-nav-primary>li.uk-active>a { 
    color: white;
  }

  .uk-nav-primary>li>a {
    min-height: 1.8em;
    font-size: 108%;
    font-weight: bold;
    text-transform: none;
    color: #bbd;
  }
}


/* Our styles */

.box_ {
  border: solid 1px #ccc ;
}

/* navbar for narrow */
.hidden-up-to-s {
    display: none;
}

@media (min-width: 640px) {
    .hidden-up-to-s {
        display: block;
    }
}


/* OTHER */

.cn-pad-left {
  padding-left: 2em;
}

.cn-pad-right {
  padding-right: 2em;
}

.cn-no-top-margin {
  margin-top: 0;
}

.cn-blue {
  color: #1e5799;
}

.cn-upcase {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 84%;
}

.cn-transparent {
  opacity: 0.35;
}

.bottom-border { 
  padding-bottom: 0.5em;
  border-bottom: solid 1px #999;
}


.header-logo {
  margin-left: 20px;
  margin-right: 20px;
  padding: 0px;
}

.header-logo IMG {
  width: 110px;
}

.header-title {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  color: rgb(64, 64, 65);
  /* border: solid 1px #ccc; */
}

@media screen and (max-width: 1200px) {  
.header-title {
  margin-left: 20px;
}
}

.cnsm-logo {
  margin-left: 0;
  margin-right: 20px;
}

@media screen and (max-width: 1200px) {  
.cnsm-logo {
  margin-left: 20px;
  margin-right: 20px;
}
}

.cnsm-logo IMG {
  max-width: 110px;
  max-height: 110px;
  width: 110px;
  height: 110px;
  padding: 0px;
}

.cnsm-header {
  font-size: 1.2em;
  font-weight: bold;
}

.cnsm-location {
  font-size: 1.2em;
}

.cnsm-theme {
  font-size: 1.1em;
  font-style: italic;
}

.header-logos {
  margin-left: 12px;  /* + 8px padding  == 20 px */
}

.header-logos TD {
  padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 8px;
}


.footer-sponsors {
   border-top: 1px solid #eee;
  /*   box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 40px 0px;
     moz-background-clip: border-box;
     moz-background-origin: padding-box;
     moz-background-size: auto;
     moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 40px 0px;
     webkit-background-clip: border-box;
     webkit-background-origin: padding-box;
     webkit-background-size: auto;
     webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 40px 0px; */
}

.footer-menu {
  /* width: 99%; */
  background-color: #333;
  margin: 0px;
  padding: 0px;
  color: #bbc0c4;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 13px;
  font-style: normal;
  font-variant-caps: normal;
  font-weight: bold;
   padding-top: 10px; 
   padding-bottom: 10px; 
}




/* in CfP */
.topics {
  width: 95%;
}

.topics H4 {
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0.2em;
}

.topics UL {
  padding-top: 0;
  margin-top: 0;
  margin-bottom: 0.5em;
  padding-bottom: 1em;
}


/* in Committees */
.committee_list LI {
  font-size: 108%;
}