/**setting:categorycolors**/

/**setting:logo**/

/**setting:customcss**/

/*############################################################# Reset*/
h1, h2, h3, h4, h5, h6{
  font-family: "Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  font-weight: 300;
  color: #8f6827;
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
  #snap-site-carousel {
    .carousel-slide{
      display: none;
    }
  }
  #page-site-index{
    #page-header{
      min-height: 125px !important;
      background-color: #996f2a !important;
    }
  }

}

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}

/* Topo da escolha de cursos */
.theme-snap{
  #snap-pm-header{
    background: #8f6827 url([[pix:theme|footer/bg]]);
    .userpicture{
      box-shadow: none;
      -webkit-box-shadow: none;
    }
  }
}

/*############################################################# Classes gerais*/

.texto{
  font-family: "Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  font-size: 16px;
  font-weight: 300;
}

/*#############################################################*/

#moodle-page {
  font-size: 1rem;
}

#page-site-index{
  #mr-nav{
    #conteiner-topo{
      max-width: 1400px;
      margin: auto;
      padding: 0 1%;
    }
  }
}

#mr-nav{
  background-color: rgba(0,0,0,.3);
  #conteiner-topo{
    max-width: 1400px;
    margin: auto;
    padding: 0 1%;

    a.snap-login-button{
      color: #fff !important;
      background-color: #996f2a !important;
      border-color: #996f2a !important;
    }

    #menu-topo{
      float: left;
      padding-top: 4px;
      padding-bottom: 4px;
      margin-top: 6px;
      ul{
        li{
          float: left;
          margin: 0 13px;
        }
      }
    }
    #snap-pm-trigger{
      padding-left: 8px;
    }
  }
}

#page-site-index{
  #page-header{
    //min-height: 500px !important;
  }
}

.carousel-slide{
  //min-height: 500px !important;
  .conteiner-slide{
    max-width: 1400px;
    position: relative;
    margin: auto;

    .carousel-caption{
      left: 0 !important;
      top: 15vh !important;
      width: 55%!important;
      background: none !important;
      color: #fff !important;
      font-weight: 300;
      h1{
        color: #fff !important;
      }
      p{
        font-weight: 300;
      }
    }
  }
}

#region-main{
  .conteiner-slide{
    max-width: 1400px;
    margin: auto;
    padding: 0 1%;
  }
  #moodle-frontpage-elements{
    background-color: #efefef;
    margin-top: 50px;

    #frontpage-course-list{
      padding: 2em 1%;
      max-width: 1400px;
      margin: auto;
      padding-bottom: 5em;

      h2{
        color: #8f6827;
      }
      .coursebox{
        .info{
          .coursename{
            a{color:#8f6827;}
          }
        }
        .summary{
          p{
            font-family: "Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
            font-size: 16px;
          }
        }
      }
    }
  }
}

/* ################################################ Lista de cursos da capa*/

.frontpage-course-list-all{
  margin-top: 30px;
  .info{
    .coursename {
      $size-title: 21px;
      $line-height-title: 1.4;
      $lines-to-show-title: 2;
      display: block; /* Fallback for non-webkit */
      display: -webkit-box;
      max-width: 318px;
      height: $size-title*$line-height-title*$lines-to-show-title; /* Fallback for non-webkit */
      margin: 0 0 7px 0;
      font-size: $size-title;
      line-height: $line-height-title;
      -webkit-line-clamp: $lines-to-show-title;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      a{
        color: #8f6827 !important;
      }
    }

    .courseimage{
      display: block;
      height: 200px;
      overflow-y: hidden;
      margin: 0 0 10px 0;

      img{
        height: auto;
        max-width: 100%;
        display: inline-block;
        vertical-align: middle;
        border: 0;
        width: 100%;
      }
    }
  }
  .content{
    .summary{
      p{
        $size-description: 17px;
        $line-height-description: 1.7;
        $lines-to-show-description: 3;
        font-family: "Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
        font-weight: 300;
        display: block; /* Fallback for non-webkit */
        display: -webkit-box;
        max-width: 318px;
        height: $size-description*$line-height-description*$lines-to-show-description; /* Fallback for non-webkit */
        margin: 0 0 10px 0;
        font-size: $size-description;
        line-height: $line-height-description;
        -webkit-line-clamp: $lines-to-show-description;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
      }
    }
  }
}

/* ################################################ Footer */
#snap-course-footer{
  .footer-container {
    max-width: 1400px;
    margin: auto;
    padding: 0 2%;
  }
}

#moodle-footer{
  background: #000 url([[pix:theme|footer/bg]]);
  margin-top: 0 !important;
  padding-top: 4em;
  padding-bottom: 5em;

  .footer-container{
    max-width: 1400px;
    margin: auto;
    padding: 0 2%;

    #custom-menu-footer{
      ul{
        li{
          line-height: 30px;
          border-bottom: 1px solid #777373;
          padding: 5px 0;
          a{
            text-decoration: none;
           &:hover{
             color: #8f6827;
           }
          }
        }
      }
    }
  }
}

/* ################################################ Curso*/
/* fix da logo ca camajus na pagina do curso devido ao posicionamento fixo da barra*/
#page-course-view-topics{
  #mr-nav{
    #conteiner-topo{
      padding-left: 10px;
      padding-right: 25px;
    }
  }
}

#moodle-page{
  #page-header{
    #page-mast{
      max-width: 1400px;
      margin: auto;
      padding: 0 1%;
      margin-top: 55px;
    }
  }
  #snap-course-wrapper{
    max-width: 1400px;
    margin: auto;
    padding: 0 1%;
  }
}