@charset "utf-8";
/* CSS Document */

html, body { overflow-x: hidden; }
body {
  background-image: url(/images/core/background.png);
  background-color: rgb(248,248,248);
    
}



.navbar, 
.navbar-default, 
.navbar-custom, 
.navbar-static-top, 
.navbar-header, 
.navbar-collapse, 
.nav, 
.navbar-nav, 
.navbar-right {
  border: none!important;    
}
       
.navbar-custom { 
  margin-bottom: 50px;
  margin-left: 3px;margin-right:3px;
  font-family: Arial, sans-serif;
  font-size: 13px;
  text-transform: uppercase;
  border: 3px solid #bfcca6!important;
  border-top: none!important;
  border-radius: 0 0 8px 8px;
}

.navbar-custom a:hover { text-decoration: underline!important; }

.navbar-default .navbar-toggle {
  z-index: 2000; 
  background: rgb(248,248,248);
  border-color: #bfcca6;
}

.brand-xs-utility img {
  position: absolute;
  top: 5px;
  left: 5px;
}

.icon-bar { background-color: #424342!important; }

.dropdown-menu { background:#f8f8f8; }

.logo-lg {
  position: absolute;
  top: 15px;
  left: 50%;
  margin-left: -150px !important;  /* 50% of your logo width */
  z-index: 2000;
  display: block;
}

.logo-lg img {max-width:300px;}

/* XXS Devices */
@media (max-width: 400px) {
  .brand-xs-utility img {
    max-width:250px!important;
    margin-top:10px;
  } 
  .navbar li.custom-top {
    margin-top:40px!important;
  } 
}
/* XS devices only */
@media (min-width:401px) and (max-width: 767px) { 
  .navbar li.custom-top {
    margin-top:40px!important;
  } 
  .brand-xs-utility img {
    max-width:288px!important;
  }
}

/* SM devices only */
@media (min-width: 768px) and (max-width: 991px) {
  .logo-lg {
    top:35px;
    margin-left: -125px !important;
  } 
  .logo-lg img {
    max-width:250px;
  }
}

.io-tab {
    position:absolute;
    left:30px;
    height:3px;
    width:20px;
    background:#333;
    border-radius:3px;
}

.input-tab { top:0; }
.output-tab { bottom: 0; }

.index-video-wrapper {
    
  padding:5px;
    
  background-color: rgb(248,248,248);
  border: 3px solid #bfcca6!important;
  border-radius: 8px;   
}

.index-about-text { 
  font-family: Helvetica, sans-serif;
  font-size:18px;
  font-style:italic;
  text-align:justify;
}

.align-center  { text-align: center; }


.lead {
  font-style:italic;
  line-height:1.5em;
    text-align:justify;
}

.note { 
  padding-left:20px;
  font-style:italic;
}

.beginners-list li { list-style-type:none; }
.materials-list li { 
  list-style-type:none; 
  padding-bottom:10px;
}

.resources-table-pic     { padding-right:10px; }


.footer {
  margin-top:10px;
  margin-bottom:10px;
  font-size: 10px;
  text-align: center;  
}

a.webmaster { color:#898989!important; }

.arduino img  { margin:0 auto; }


/* Small devices (tablets, 768px and up) */
/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md-min) { ... }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: @screen-lg-min) { ... }


@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { ... }