/*
Theme Name: Hotel Curitibano v1
Theme URI: medconnect-toss-v1
Author: TOSS Interativa
Description: Tema criado pela TOSS
Version: 1.0
*/

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

  body {
    color: #333; font-size: 16px; font-family: 'Open Sans', sans-serif; background: #fafafa; font-size-adjust: auto;
  }

  h1, h2, h3, h4, h5, h6, nav, .wp_pagination, .categoria, footer .menu, .visualizar, .home-slider .slider p a { font-family: 'Montserrat', sans-serif;  }

  h1 { font-size: 3.2rem; color: #2e4881; letter-spacing: -0.03rem; font-weight: 300; }
  h2 { font-size: 2.2rem; color: #2e4881; line-height: normal; font-weight: 700;  }
  h3 { font-size: 1.8rem; color: #2e4881; line-height: normal; font-weight: 400; }
  h4 { font-size: 1.2rem; color: #2e4881; line-height: normal; font-weight: 400; }
  h5 { font-size: 0.8rem; color: #2e4881; line-height: normal; }

  a { color: #a3cff2; transition: .3s; }
  a:hover { color: #15243e; }

  strong { font-weight: bold; color: #2e4881; }

  .divider { margin: 25px 0; }

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

  .material-icons { vertical-align: middle; }

  .clear {  clear: both; }

  blockquote { font-weight: 700; font-style: italic; border-left: 5px solid #e34546; text-align: justify;  }

  #gallery-1 img { border: 4px solid #a3cff2!important; }

  .container { max-width: 1200px; }

  .notificacao { background: #2e4881; width: 100%; display: block; padding: 5px 20px; text-align: center; }
  .notificacao h4 { color: #fff; font-weight: 700; }



/* Header */

  nav { height: 220px!important; line-height: 220px!important; background-color: transparent;  }
  nav .nav-wrapper { z-index: 999; text-transform: uppercase; background-color: transparent; }

  nav .brand-logo { margin-top: 35px; }
  nav .brand-logo img { width: 250px; }

  nav ul { margin-top: 90px; }
  nav ul li { list-style: none!important; margin-top: 0; height: 40px; line-height: 40px; letter-spacing: 0.3rem;  }
  nav ul a { font-size: 0.9rem; color: #2e4881; font-weight: 600; padding: 0 20px; transition: .3s; border-radius: 50px; }
  nav ul a:hover { background: #a6d7f6; color: #2e4881;  }

    ul.acesse li { display: inline; }
    ul.acesse li a { color: #2e4881; text-transform: uppercase; background: #a6d7f6; padding: 0 25px; margin-left: 12px; }
    ul.acesse li a:hover { background: #fff; color: #2e4881; }

  nav .sub-menu { position: absolute; min-width: 150px; margin-top: 0; display: none; transition: all .3s;  z-index: 1; height: 50px!important; line-height: 50px!important;}
  nav .sub-menu li { white-space: nowrap; float: none; background: #252525; }
  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; }

  .titulo-paginas { background: #15243e; width: 100%; margin: 10px auto 0; }
  .titulo-paginas h1 { color: #fff; font-weight: 500; margin: 10px 0 0 0; text-align: center; }

  #sidenav-overlay { z-index: -1!important; }


/* PAGINA 2 COLUNAS */

    .paddleft { padding: 0 0 0 100px!important; }


/* HOME */

  .home-slider .slider { height: 550px!important; }
  .home-slider .slider ul.slides { background: #a3cff2; }
  .home-slider .slider ul.slides { height: 550px!important; }
  .home-slider .slider .indicators { text-align: center; bottom: 50px; }
  .home-slider .slider .indicators .indicator-item { z-index: 999; display: inline-block; position: relative; cursor: pointer; height: 15px; width: 15px; margin: 0 2px; border: 2px solid #a3cff2; background-color: transparent; transition: .3s; border-radius: 50%; }
  .home-slider .slider .indicators .indicator-item.active { background-color: #a3cff2; }

  .home-servicos { padding: 25px 0 50px; margin-top: 0; margin-bottom: 0; }
  .home-servicos .row { padding: 50px 0; margin: 0; color: #454545; text-align: center; }
  .home-servicos .row h3 { font-size: 1.8rem; line-height: normal!important; color: #a3cff2; margin: 0; font-weight: 500; margin: 0 auto; }
  .home-servicos .row .material-icons { color: #a3cff2; font-size: 6rem; margin-bottom: 20px; }
  .home-servicos .row .col.one { padding-right: 40px; }
  .home-servicos .row .col.two { padding-right: 20px; padding-left: 20px; }
  .home-servicos .row .col.thr { padding-left: 40px; }
  .home-servicos .row p a { font-family: 'Montserrat', sans-serif; color: #a3cff2; font-size: 0.8rem; font-weight: 600; padding: 10px 22px; transition: .3s; border-radius: 50px; border: 2px solid #a3cff2; line-height: 50px; } { text-align: center;   }
  .home-servicos .row p a:hover { color: #a3cff2; border-color: #a3cff2; }

  .home-mapa { padding: 50px 0 75px; margin: 0 auto; background: #a3cff2!important;  }
  .home-mapa .row { margin-bottom: 0; text-align: center; }
  .home-mapa .row h1 { color: #274782; }


/* TARIFÁRIO */

  .section.tarifario { padding: 50px 0; background: #eaeaea; }
  .section.tarifario .col { padding: 0!important; margin: 0.6%!important; width: 13%; background: #fff; text-align: center; border-radius: 20px; box-shadow: 1px 1px #cacaca; }
  .section.tarifario .col h2 { font-size: 1.1rem; margin: 0; padding: 15px 0; }
  .section.tarifario .col h3 { font-size: 1.5rem; font-weight: 400; color: #a3cff2; margin: 0; padding: 25px 0; background: #15243e; }
  .section.tarifario .col ul li { font-size: 12px; padding: 5px 15px; }

/* CONTATO */

    .section.contato ul { margin-top: 25px; margin-left: 35px; }
    .section.contato ul li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #eaeaea; }


/* FOOTER */

  footer.page-footer { background: transparent; padding: 75px 0; margin-top: 0!important; }
  footer.page-footer .footer-copyright { font-size: 11px; color: #b5b5b5; height: 100%; line-height: normal; background-color: transparent!important; }
  footer.page-footer .footer-copyright p { margin: 0; }


/* FORMULARIOS */

  input:not([type]), input[type=text], input[type=password],
  input[type=email], input[type=url], input[type=time],
  input[type=date], input[type=datetime], input[type=datetime-local],
  input[type=tel], input[type=number], textarea {
    background-color: #fff;
    border: 2px solid #eaeaea;
    padding: 0% 4%;
    width: 92%!important;
    outline: none;
    font-size: 1rem;
    box-shadow: none;
    box-sizing: content-box;
    transition: all 0.3s;
  }

  textarea { padding: 2% 3%; width: 94%!important; height: 125px!important; border: 2px solid #eaeaea; }

  .btn, .btn-large, .wpcf7 input[type=submit], input[type=submit] { font-family: 'Montserrat', sans-serif;  padding-left: 25px; padding-right: 25px; border: 0; font-weight: 600; font-size: 1.1rem; line-height: 50px; height: 50px; border-radius: 50px; background: #a6d7f6; color: #2e4881; transition: 0.3s; }
  .btn:hover, .btn-large:hover,.wpcf7 input[type=submit]:hover { background: #1b214a; color: #fff; transition: 0.3s; }

  input:-moz-placeholder {	color: #999; }
  input::-webkit-input-placeholder {	color: #999; }


/*************** RESPONSIVO ***************/

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

    .container { width: 80%; }

    nav ul li { letter-spacing: 0.3rem;  }

  }

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

  nav ul li { letter-spacing: 0.3rem;  }
  nav ul a { font-size: 0.8rem; padding: 0 15px; }
  nav .brand-logo img { width: 180px; }

  .container { width: 85%; }

}

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

  nav ul li { letter-spacing: 0.3rem;  }
  nav ul a { font-size: 0.8rem; padding: 0 10px; }
  nav .brand-logo img { width: 170px; }

  .section.tarifario .col { margin: 0.5%!important; width: 32%; }

}


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

  nav { height: 130px!important; line-height: 130px!important; padding: 15px 25px; }
  nav .brand-logo { left: 0!important; margin-top: 0; -webkit-transform: translateX(0); transform: translateX(0); }
  nav ul { margin-top: 10px; }
  nav a  { color: #000; }
  nav a.button-collapse, nav a.button-collapse i { float: right; height: 100px; line-height: 100px; margin: 0; }
  nav i.material-icons { font-size: 50px; color: #2e4881; transition: 0.3s; }
  nav i.material-icons:hover { color: #a6d7f6; }

  ul.acesse { margin-top: 28px; }
  ul.acesse li { text-align: right; }
  ul.acesse li a { padding: 0 20px; margin-left: 12px; letter-spacing: 0.2rem;   }

  .home-slider .slider { height: 350px!important; }
  .home-slider .slider ul.slides { height: 350px!important; }

  .side-nav a { font-weight: 700!important; margin: 10px 0; border-radius: 0; }

  .paddleft { padding: 0 0 0 0!important; }

  .container { width: 90%; }

}

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

  body { font-size: 13px;  }

  h1 { font-size: 2rem; letter-spacing: 0; }
  h2 { font-size: 1.5rem; letter-spacing: 0; }
  h3 { font-size: 1.2rem; }
  h4 { font-size: 0.8rem; }
  h5 { font-size: 0.6rem; }

  nav { padding: 0 25px; height: 70px!important; line-height: 70px!important; }
  nav a.button-collapse, nav a.button-collapse i { float: right; height: 83px; line-height: 83px; margin: 0; }
  nav ul { margin-top: 15px; }
  nav .brand-logo img { width: 100px; margin-top: 5px; }
  nav ul li { height: 30px; line-height: 30px;  }

  .home-slider .slider { height: 200px!important; }
  .home-slider .slider ul.slides { height: 200px!important; }

  .home-servicos { padding: 25px 0; }
  .home-servicos .row { padding: 25px 0; margin: 0; color: #454545; text-align: center; }
  .home-mapa { padding: 25px 0; margin: 0 auto; background: #a3cff2!important;  }

  .section.tarifario { padding: 25px 0; }
  .section.tarifario .col { margin: 2%!important; width: 96%; border-radius: 10px;}
  .section.tarifario .col h2 { font-size: 1rem; margin: 0; padding: 10px 0; }
  .section.tarifario .col h3 { font-size: 1.4rem; padding: 10px 0;  }
  .section.tarifario .col ul li { padding: 2px 10px; }

  footer.page-footer { padding: 25px 0; }
  footer .banner-footer { width: 100%; float: left; text-align: center; margin-bottom: 25px;  }
  footer .social .fa { font-size: 1.6rem; width: 40px; height: 40px; line-height: 38px; }

}

@media only screen and (max-width: 420px) {
  nav { height: 75px!important; line-height: 75px!important; }
  ul.acesse li:first-child { display: none; }
  ul.acesse li:last-child .material-icons { height: 14px; line-height: 14px; font-size: 25px; }

  .home-slider .slider { height: 150px!important; }
  .home-slider .slider ul.slides { height: 150px!important; }

}