/*
Theme Name: IVAN SANTOS
Theme URI: ivansantos-materialize-v2
Author: TOSS Studio
Description: Tema criado pela TOSS
Version: 2.0
*/

@import url("css/materialize.css");


  body { font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 18px; line-height: 26px; color: #FFF; background: #050505; }

  h1, h2, h3, h4, h5, h6, nav a, span.titulo, .btn, button, .button {   font-family: "Space Grotesk", sans-serif; }

  h1 { font-size: 80px; line-height: 86px; font-weight: 500; color: #FFF; }
  h2 { font-size: 50px; line-height: 56px; font-weight: 500; color: #FFF; }
  h3 { font-size: 36px; line-height: 42px; font-weight: 400; color: #FFF; }
  h4 { font-size: 28px; line-height: 36px; font-weight: 400; color: #FFF; }

  /* Header */
  nav { position: fixed; top: 0; height: 160px; line-height: 160px; padding: 0; background: transparent; transition: all 0.4s ease; z-index: 999; }
    /* retrai */ .nav-scroll { height: 105px; line-height: 105px; background-color: rgba(0, 0, 0, 1); }

  nav .nav-wrapper { background-color: transparent; z-index: 998; }
  nav .brand-logo { width: 100%!important; text-align: center!important; margin: 0 auto!important; line-height: 225px; transition: all 0.3s ease; }
    /* retrai */ nav .nav-logo { line-height: 125px; }
  nav .brand-logo img { width: 300px; height: auto; }

  nav ul { margin-top: 80px; transition: all 0.3s ease; }
    /* retrai */ .nav-menu { margin-top: 30px; }
  nav ul li { list-style: none!important; margin-top: 0; height: 50px; line-height: 50px; }
  nav ul li a { font-size: 16px; font-weight: 500; color: #ffffff; letter-spacing: 1px; text-transform: uppercase; background: transparent; padding: 0 22px; transition: .5s; }
  nav ul li a:hover { background: #ffffff; color: #050505; }

  ul.conversar { margin-right: 5%; margin-left: 22px; }
  ul.conversar li a { background: #ffffff; color: #050505; border: 2px solid #ffffff; height: 50px; line-height: 46px; }
  ul.conversar li a:hover { background: transparent; color: #ffffff; border: 2px solid #ffffff; }

    nav .sub-menu { position: absolute; display: none; /*display: block;*/ max-width: 250px; margin-top: 0; background: #ffffff; padding: 0; box-shadow: 0 30px 50px 0 rgba(0,0,0,0.1),0 30px 50px 0 rgba(0,0,0,0.1);  transition: all .3s; z-index: 1; }
    nav .sub-menu li { display: contents!important; white-space: normal; padding: 0; margin: 0; }
    nav .sub-menu li a { color: #050505; border-radius: 0; border-bottom: 1px dotted #eaeaea; padding-top: 10px; padding-bottom: 10px; }
    nav .sub-menu li a:hover { color: #ffffff; background: #101010; border-bottom: 1px dotted #101010; }
    nav .sub-menu li a:hover .menu-item-description { color: #ffffff; }
      nav .sub-menu li .sub-menu { top: 0; left: 270px; width: 250px; min-height: 100%; height: auto; margin-left: -20px;  padding: 0; background: transparent; box-shadow: none; }
      nav .sub-menu li .sub-menu a { color: #050505; white-space: normal;  border-bottom: 1px dotted #eaeaea; padding-top: 10px; border: 0; background: #ffffff; }
      nav .sub-menu li .sub-menu a:hover { color: #ffffff; background: #050505; }

  li.menu-item-has-children:hover > .sub-menu { display: block; }

  .z-depth-1, nav, .card-panel, .card, .toast, .btn, .btn-large, .btn-floating, .dropdown-content, .collapsible, .side-nav { box-shadow: none; }

  a { color: #ffffff; transition: .3s; }

  .divider { margin: 50px 0; }

  img { max-width: 100%; height: auto; }

/* linear progress bars */
  .progress { position: absolute; top: 0; height: 6px; display: block; width: 100%; background-color: #101010; border-radius: 0; margin: 0; overflow: hidden; z-index: 999; }
  .progress .indeterminate { background-color: #fff;}


/* DIVs e SECTIONs */

  .container { max-width: 1600px; width: 80%; }

  .main { padding: 100px 0; }

  .titulo-paginas { background: #050505; padding: 250px 0 50px; margin-top: 0; margin-bottom: 0; }
  .titulo-paginas h1 { color: #ffffff; margin: 0; margin-bottom: 10px; text-transform: uppercase; }
  .titulo-paginas p .material-icons { font-size: inherit; vertical-align: middle; line-height: 0; margin-bottom: 0; margin-right: 5px; }



  .btn { font-size: 18px; font-weight: 500; color: #050505; letter-spacing: 2px; text-transform: uppercase; padding: 0 22px; height: 48px; line-height: 46px; background: #fff; border: 2px solid #050505; transition: .5s; }
  .btn:hover { background: #000000; color: #ffffff; border: 2px solid #000000; box-shadow: none;  }

  .btn.black { color: #ffffff; background: #050505; border: 2px solid #050505; }
  .btn.black:hover { color: #050505; background: #fff!important; border: 2px solid #050505; }

  select { display: block; }




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

  .container { max-width: 90%; width: 90%; }

}



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


  body { font-weight: 300; font-size: 16px; line-height: 24px; }

  h1 { font-size: 40px; line-height: 42px; }
  h2 { font-size: 32px; line-height: 34px; }
  h3 { font-size: 26px; line-height: 28px; }
  h4 { font-size: 20px; line-height: 22px; }


}