/*
  Estilos adaptados para Material-design-lite
  autor: Carlos Freitas

*/

  *{
   
   transition: all 800ms cubic-bezier(0.530, -0.545, 0.650, 0.995) !important; /* custom */
   transition-timing-function: ease-in-out !important; /* custom */
  }
 
  ::-webkit-scrollbar{width:10px;} 
  ::-webkit-scrollbar-thumb{/*background-color: rgba(0,0,0,0.4);*/}  
        
  .demo-card-wide.mdl-card {width: 312px;color:#b3d4fc;}
  .demo-card-wide > .mdl-card__title {color: #fff; height: 176px;}
  .curso-basico{background: url('../images/fundo_curso_basico.jpg') center/cover;}
  .curso-intermediario{background: url('../images/fundo_curso_intermediario.jpg') center/cover;}
  .demo-card-wide .my-cadastro{ color: #fff;height: 176px;background: url('../images/aulasonline.jpg') center/cover;}
  .card-email .mdl-card--expand{color: #fff;height: 176px;background: url('../images/fundo_menu.jpg') center/cover;}
  .demo-card-wide > .mdl-card__menu {color: #fff;}
  .page-content{ vertical-align:middle; padding:25px; }
  .mdl-card{margin:20px;  display:inline-block; }
  .mdl-card__title-text{ background:rgba(21, 21, 21, 0.5);  width:100%; padding:15px;}
  .mdl-card__title{padding:0px;}
  .mdl-navigation__link i,a{vertical-align:middle;padding-right:20px;}
  .my-pages{ display:none;}
  .mdl-layout__content{background: url('../images/fundo_content.jpg') center/cover;}
/*background: url('../images/fundo_content.jpg') center/cover;*/


  .efeito{
    transition: all 1000ms cubic-bezier(0.530, -0.545, 0.650, 0.995) !important; /* custom */
    transition-timing-function: ease-in-out; /* custom */
  }

  .card-mini{cursor:pointer;}
  
  /* Pagina de Descrição do Curso*/

  .my-curso{position:absolute;width:100%;height:100%;top:0px;z-index:2;overflow:hidden;margin-left: -30px;}
  .my-curso-online-header{height:180px;/*background:#424242;*/}
  .my-curso-online-header .demo-back{fill:white;color:white;font-size: 40px;padding: 10px 0 0 10px;cursor:pointer;position:absolute;
    z-index:3;}
  .my-curso-online-content{width:100%;height:100%;margin-left:-30px;background: url('../images/fundo_content.jpg') center/cover;}
  .my-card-curso-scroll{position:absolute;top:0px;left:0px;overflow:auto; /*width:70%;*/width:80%;height:100%;background:transparent;}
  
  .my-card-curso-scroll .mdl-card {width: auto;max-width: 90%;margin-left:5%;margin-top:100px;}

  .my-card-curso-scroll .card-email{width:90%;padding:10px;background:#009688;/*background:#424242;*/color:#424242;}
  .card-email h4{color:white;font-weight: bold;}
  .demo-card-image.mdl-card {width: 256px; height: 256px;background: url('../images/carlos.jpg') center / cover;}
  .demo-card-image > .mdl-card__actions {height: 52px;padding: 16px;background: rgba(0, 0, 0, 0.2);}
  .demo-card-image__filename {color: #fff;font-size: 14px;font-weight: 500;}
  .emconstrucao{background: url('../images/emconstrucao.jpg') center / cover;}
 
 /* .mdl-button--fab.mdl-button--colored {
    color:white;
  }
*/

  /*.my-curso-conteudo{color:#009688;}*/
  .colored-primary{background:rgb(0,150,136); background: #424242;}
  .colored-secondary{background: rgb(121,85,72)}

  .my-curso-conteudo{color:rgb(121,85,72)}
  .my-curso-conteudo li{list-style:none; ;}
  .my-tab{margin-left:50px;}
  h6{font-weight:bold;}

  .visuallyhidden {border: 0;clip: rect(0 0 0 0);height: 1px; /* margin: -1px;*/overflow: hidden;padding: 0px;
    position: absolute;width: 1px ;color:white;}

.social-btn {background-position: center;background-size: contain;background-repeat: no-repeat;background-color: black;
  width: 34px;height: 34px;cursor: pointer;opacity: 0.46;border-radius: 5px}
.social-btn__twitter {background-image: url('https://www.gstatic.com/images/icons/material/system/2x/post_twitter_white_24dp.png');}
.social-btn__blogger {background-image: url('https://www.gstatic.com/images/icons/material/system/2x/post_facebook_white_24dp.png');}
.social-btn__gplus {background-image: url('https://www.gstatic.com/images/icons/material/system/2x/post_gplus_white_24dp.png');}
.social-btn__share {color: rgba(0, 0, 0, 0.54);background: transparent;}

.mdl-grid{background:white;}

.mdl-mini-footer{padding-left: 50px;padding-right:50px;}

/*header{ display:none !important; }*/

  /* Breakpoints */

/* Small */

@media (max-width: 1024px) {
        .my-card-curso-scroll{width:100%;}
}


/* mobile-small */
@media all and (min-width: 0px) and (max-width: 360px) and (orientation: portrait) { }
/* mobile-large */
@media all and (min-width: 361px) and (orientation: portrait) { }
/* mobile-small-landscape */
@media all and (min-width: 0px) and (max-width: 480px) and (orientation: landscape) { }
/* mobile-large-landscape */
@media all and (min-width: 481px) and (orientation: landscape) { }
/* tablet-small-landscape */
@media all and (min-width: 600px) and (max-width: 960px) and (orientation: landscape) { }
/* tablet-large-landscape */
@media all and (min-width: 961px) and (orientation: landscape) { }
/* tablet-small */
@media all and (min-width: 600px) and (orientation: portrait) { }
/* tablet-large */
@media all and (min-width: 601px) and (max-width: 840px) and (orientation : portrait) { }
/* desktop-x-small-landscape */
@media all and (min-width: 0px) and (max-width: 480px) and (orientation: landscape) { }
/* desktop-x-small */
@media all and (min-width: 0px) and (max-width: 480px) and (max-aspect-ratio: 4/3) { }
/* desktop-small-landscape */
@media all and (min-width: 481px) and (max-width: 840px) and (orientation: landscape) { }
/* desktop-small */
@media all and (min-width: 481px) and (max-width: 840px) and (max-aspect-ratio: 4/3) { }
/* desktop-medium-landscape */
@media all and (min-width: 841px) and (max-width: 1280px) and (orientation: landscape) { }
/* desktop-medium */
@media all and (min-width: 841px) and (max-width: 1280px) and (max-aspect-ratio: 4/3) { }
/* desktop-large */
@media all and (min-width: 1281px) and (max-width: 1600px) { }
/* desktop-xlarge */
@media all and (min-width: 1601px) and (max-width: 1920px) { }