/* logo */

.logo-main {
  background:url('../../assets/img/logos/logo-tagline.svg') no-repeat; 
  background-size: 100%;
  width: 135px; 
  height: 62px; 
  position: relative; 
  bottom: 10px;
}

/* cards */
.card-icon {
    margin-top: 15px;
    margin-bottom: 30px;
}

.card-link {
	font-size: 18px;
	text-align: center;
	color: #3399ff;
	font-weight: 600;
}

.card-link a, .card-link a:visited {
	color: #3399ff;
}

.box-67 svg {
  fill:#000000!important;
}

/* Course catalog */

.courses--listing h3 {
	font-size: 22px;
}

.courses--listing p.small {
	font-size: 18px;
	text-align: left;
}

.courses--listing .pad {
	min-height: 270px;
	padding: 4% 4%;
}

.three-levels {
   max-width:240px;
}

.courses--listing .cls-1 {
	background-color: #000000;
}

.courses--listing .cls-2 {
	background-color: #000000;
}

.courses--listing .cls-3 {
	background-color: #000000;
}

/* Cards */

.chart-group {
  display: flex;
  flex-flow: column nowrap;
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  background-color: transparent;
}

.chart-item {
  display: flex;
  flex-flow: column nowrap;
  margin-bottom: 35px;
  background-color: #ffffff;
}

.chart-item--single {
  margin: 0 auto;
  max-width: 500px;
}

.chart-item--small 
{
  margin: 0 auto;
  max-width: 300px;
}

.chart-header {
  margin-bottom: 0;
  padding: 20px 30px;
  color: #ffffff;
}

.chart-body {
  padding: 37px 25px 30px;
  background: #ffffff;
}

.chart-info {
  padding: 10px 20px;
  font-size: 1em;
  font-weight: 400;
  color: rgba(0,0,0,0.6);
}

.chart-info--subtext {
  font-weight: 400; font-size: 0.6em;
}

.chart-button {
  margin-top: auto;
  margin-bottom: 10px;
}

.slide .chart-button .button {
  margin: 0;
}

.whiteSlide .chart-item {
  background-color: #e5e5e5;
}

.chart-space { margin-bottom: 5px;}

@media screen and (min-width: 1024px){

  .chart-group {
    flex-flow: row nowrap;
    max-width: 100%;
    margin: 0;
    background-color: #3399ff;
  }
  .chart-item {
    flex: 1;
    margin-bottom: 0;
  }
}

.chart-icons {
  display: flex;
  justify-content: center;
}

.chart-icon {
  display: block;
  width: 75px;
  height: 75px;
  margin: 0 5px;
}

.python {
  background:url('../assets/img/logos/python.gif') no-repeat;
  background-size: 75px;
}

.gui {
  background:url('../assets/img/logos/graphical-programming-locoxtreme.png') no-repeat;
  background-size: 75px;
}

.c {
  background:url('../../assets/img/c++.png') no-repeat;
  background-size: 75px;
}

.matlab {
  background:url('../../assets/img/matlab.gif') no-repeat;
  background-size: 75px;
}

.node {
  background:url('../../assets/img/javascript.png') no-repeat;
  background-size: 65px;
}

.java {
  background:url('../assets/img/logos/java.png') no-repeat;
  background-size: 50px;
  width: 50px;
}

.drone {
  background:url('../../assets/img/drone.png') no-repeat;
  background-size: 75px;
}

.arm {
  background:url('../../assets/img/arm.png') no-repeat;
  background-size: 75px;
}

.xtreme {
  background:url('../../assets/img/xtreme.png') no-repeat;
  background-size: 75px;
}

.sensor-kit {
  background:url('../../assets/img/sensor-kit.jpg.arm') no-repeat;
  background-size: 75px;
}

.faa {
  background:url('../../assets/img/logoFAA.png') no-repeat;
  background-size: 75px;
}

/* icons */
.iot-image {
  display: block;
  margin: 0 auto 1em auto;
  width: 5em;
  height: 5em;
}

.iot-clock {
  background: url('../../assets/img/icons/IoT-clock.png') no-repeat;
  width: 5em;
  height: 5em;
  background-size: contain;
}
.iot-environmental {
  background: url('../../assets/img/icons/IoT-environmental.png') no-repeat;
  width: 5em;
  height: 5em;
  background-size: contain;
}
.iot-light {
  background: url('../../assets/img/icons/IoT-light.png') no-repeat;
  width: 5em;
  height: 5em;
  background-size: contain;
}
.iot-motion {
  background: url('../../assets/img/icons/IoT-motion.png') no-repeat;
  width: 5em;
  height: 5em;
  background-size: contain;
}
.iot-physical-awareness {
  background: url('../../assets/img/icons/IoT-physical-awareness.png') no-repeat;
  width: 5em;
  height: 5em;
  background-size: contain;
}
.iot-python {
  background: url('../../assets/img/icons/IoT-python.png') no-repeat;
  width: 5em;
  height: 5em;
  background-size: contain;
}
.iot-sound {
  background: url('../../assets/img/icons/IoT-sound.png') no-repeat;
  width: 5em;
  height: 5em;
  background-size: contain;
}

.iot-wireless {
  background: url('../../assets/img/icons/IoT-wireless.png') no-repeat;
  width: 5em;
  height: 5em;
  background-size: contain;
}
.iot-coding {
  background: url('../../assets/img/icons/IoT-coding.png') no-repeat;
  width: 5em;
  height: 5em;
  background-size: contain;
}

.iot-world {
  background: url('../../assets/img/iot-world.jpg') no-repeat;
  background-size: cover;
}

.iot-circuit {
  background: url('../../assets/img/iot-circuit.jpg') no-repeat;
  background-size: cover;
}

.iot-app {
  background: url('../../assets/img/iot-product.jpg') no-repeat;
  background-size: cover;
}


.faa {
  background:url('../assets/img/logos/faa.png') no-repeat;
  background-size: 75px;
}

/* video responsive you tube embeds*/
.embed-container { 
  position: relative; 
  padding-bottom: 56.25%; 
  height: 0; 
  overflow: hidden; 
  max-width: 100%; 
  margin-bottom: 2em;
} 

.embed-container iframe, .embed-container object, .embed-container embed, .embed-container video { 
  position: absolute; top: 0; left: 0; width: 100%; height: 100%; 
}

.responsive-media {
  max-width: 100%;
}

.full-width {
  width: 100%;
}


/* content list */

.content-list {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 26px;
  line-height: 1.385;
  margin-bottom: 30px;
  opacity: 0.8;
  text-align:left;
}


.content-list li {
  margin-bottom:0.25em;
}

.left-content{
  text-align:left;
}

/* Banner on Homepage */

.banner {
        position: relative; 
        top: 100px;
        text-align: center;
        margin-bottom: 2em;
    }

.banner-text {
  background-color: #ffffff;
  padding: 1em 0.5em;
  font-family: "Exo 2";
  color: #000000;
  font-size: 1.25em;
}

.banner-text-highlighted {
  color: red;
}

/*    .banner-image {
      display: block;
      margin: 0 auto;
    */}

/*    .banner-icon {
      display: inline-block;
      background:url(assets/img/myloopy/logos/kickstarter-logo-on-white.png) no-repeat; 
      width: 10em;
      height: 1.2em;
      background-size: 100%;
      margin: 0 0.25em;
      position: relative;
      top: 0.2em;
    }*/

    a.banner-link, a.banner-link:visited {
      text-decoration: underline !important;
      color: #3399ff;
      position: relative !important;
      z-index: 11;
    }

    @media screen and (max-width: 768px) {

      .banner { margin-bottom: 4em; }

      .banner.brand { background: transparent; }

      .banner-content {
        margin: 0;
        padding: 0 1em 1em 1em;
      }

      .banner-text {
        font-size: 1em;
      }

      .banner-icon {
        margin-right: 0;
        margin-top: 0.75em;
        display: block;
        margin: 0 auto;
        width: 6em;
        height: 0.75em;
      }

        a.banner-link, a.banner-link:visited {
          display: block;
      }
    }