/*

  Theme name: SPAC
  Description: Sistema Profissional Administrador de Conteúdo.
  Theme URI: https://wordpress.shdev.tech/themes/spac
  Author: Robson Vieira
  Text Domain: spac
  Domain Path: /languages
  License: GNU General Public License v2 or later
  License URI: https://www.gnu.org/licenses/gpl-2.0.html
  Version: 3.0

*/

:root {
  
  /* SITE - START */

    --site-background: #FFFFFF;
    --site-padding-top: 135px;
    --site-navbar-brand-mh: 90px;

  /* SITE - END */



  /* SITE NAVBAR - START */

    --site-navbar-background:     rgba(16, 94, 141, .8);

    --site-navbar-top-background: #FFFFFF;
/*    --site-navbar-top-background: red;*/
    --site-navbar-top-height:     10px;


    --site-navbar-mid-background: #25354C;
    --site-navbar-mid-height:     10px;

  /* SITE NAVBAR - END */



  /* HOME - START */
  
    --site-home-sessao-border-p: 30px;
    --site-home-sessao-border-h: 3px;
    --site-home-sessao-border-c: #30A7CF;

    --site-home-sessao-title-s: 24px;
    --site-home-sessao-title-c: #30A7CF;

  /* HOME - END */

}


@media (max-width: 576px) {

  :root {
    
    --site-padding-top: 115px;
    --site-navbar-brand-mh: 70px;

  }

}


.theme-bg-1 { background-color: var(--site-navbar-background); }
.theme-bg-2 { background-color: var(--site-navbar-top-background); }
.theme-bg-3 { background-color: var(--site-navbar-mid-background); }
.theme-bg-4 { background-color: var(--site-home-sessao-border-c); }
.theme-bg-5 { background-color: var(--site-home-sessao-title-c); }





* {
  
  padding: 0;
  margin:  0;

}



html, body {
  
  background-color: var(--site-background);
  min-height:       100%;
  position:         relative;
  padding:          0;
  display:          table;
  height:           100%;
  width:            100%;

}


html {

  scroll-padding-top: var(--site-padding-top);

}


#all {

  position:    relative;
  height:      100%;
  width:       100%;

}


main.conteudo {

  padding-top: var(--site-padding-top);
  
}


#page-loader {

  background: rgba(0, 0, 0, .6);
  position:   fixed;
  z-index:    9999;
  display:    table;
  height:     100%;
  width:      100%;
  top:        0;

}



#page-alert {

  background: rgba(0, 0, 0, .6);
  position:   fixed;
  z-index:    99999;
  display:    none;
  height:     100%;
  width:      100%;
  top:        0;

}


#liveToast { max-width: 400px; }


.datalist-field,
.password-field {

  text-align: center;
  min-width:  48px;
  cursor:     pointer;

}


div.popover-body { padding: 4px; }


.datalist-field > i { margin: 0 auto; }

main.conteudo-site {

/*  padding-top: 135px;*/
  
}

.conteudo-padding {

  padding-bottom: var(--site-home-sessao-border-p);
  padding-top: var(--site-home-sessao-border-p);

}


#site-navbar::before {

  background: var(--site-navbar-mid-background);
  position:   absolute;
  display:    table;
  content:    '';
  height:     var(--site-navbar-mid-height);
  width:      100%;
  top:        1px;

}


#site-navbar a {

  color: #FFFFFF;

}


#site-navbar {

  text-transform: uppercase;
  background:     var(--site-navbar-background);
  border-top:     var(--site-navbar-mid-height) solid var(--site-navbar-top-background);
  min-height:     var(--site-padding-top);
  color:          #FFFFFF;

}



#site-navbar .navbar-brand {

  border-bottom-right-radius: 10px;
  border-bottom-left-radius:  10px;
  background: var(--site-navbar-top-background);
/*  padding-bottom:             15px;*/
/*  padding-top:                calc( var(--site-navbar-mid-height) + 5px);*/
  padding-top:                var(--site-navbar-mid-height);
  margin-top: -22px;
  z-index:                    3;

}

#site-navbar .navbar-brand-collapsed { margin-top: -10px; margin-bottom:10px; }




#site-navbar .navbar-brand > img {
  
  border-bottom-right-radius: 10px;
  border-bottom-left-radius:  10px;
  border-bottom:              calc( var(--site-navbar-mid-height) + 3px ) solid var(--site-navbar-top-background);
  border-right:               calc( var(--site-navbar-mid-height) + 3px ) solid var(--site-navbar-top-background);
  border-left:                calc( var(--site-navbar-mid-height) + 3px ) solid var(--site-navbar-top-background);
  max-height:                 var(--site-navbar-brand-mh);

}


#site-navbar .nav-pills .nav-link.active,
#site-navbar .nav-pills .show > .nav-link {

  color: #FFFFFF;
  background-color: var(--site-navbar-mid-background);
}



/* FOOTER - START */
  
  #site-footer {

    border-top: 1px solid black;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0.50) 0%, rgba(0,0,0,0) 26%);
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0.50) 0%,rgba(0,0,0,0) 26%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0.50) 0%,rgba(0,0,0,0) 26%);
    font-size:  12px;
    position:   relative;
    display:    table;
    padding:    18px 0 12px;
    width:      100%;

  }

/* FOOTER - END */



/* HOME - START */

  .page-home-sessao {

    padding-bottom: var(--site-home-sessao-border-p);
    padding-top:    var(--site-home-sessao-border-p);
    border-top:     var(--site-home-sessao-border-h) solid var(--site-home-sessao-border-c);
    min-height:     100%;

  }


  .page-home-sessao-caixa {

    padding-top: 0px;

  }
  

  .page-home-sessao-caixa-bloco {

    border-bottom-right-radius: 14px;
    border-bottom-left-radius:  14px;
    margin-bottom:              var(--site-home-sessao-border-p);
    background:                 var(--site-home-sessao-border-c);
    font-size:                  .1px;
    position:                   relative;
    display:                    table;
    height:                     10px;
    width:                      100%;

  }
  

  .page-home-sessao-title {

    text-transform: uppercase;
    font-weight:    normal;
    font-size:      var(--site-home-sessao-title-s);
    color:          var(--site-home-sessao-title-c);
  
  }


  .page-home-area-atuacao-item,
  .page-home-area-atuacao-item > .card {

    -webkit-transition: background-color 200ms linear;
    background-color:   var(--site-navbar-background);
    -moz-transition:    background-color 200ms linear;
    text-decoration:    none;
    -ms-transition:     background-color 200ms linear;
    -o-transition:      background-color 200ms linear;
    transition:         background-color 200ms linear;
    color:              #FFFFFF;

  }


  .page-home-area-atuacao-item:hover .card {

    background-color: var(--site-home-sessao-border-c);
    text-decoration:  none;
    color:            #FFFFFF;

  }


/*  .page-home-area-atuacao-item .card,*/
  .page-home-area-atuacao-item .card > .d-table,
  .page-home-area-atuacao-item img {

    /*border-bottom-right-radius: 15%;
    border-bottom-left-radius:  15%;*/
/*    border-radius: 15%;*/

  }


  #page-home-carouselBanners .carousel-control-prev,
  #page-home-carouselBanners .carousel-control-next {

    font-size: 5em;
    color: var(--site-home-sessao-border-c);
    opacity: 1;

  }


  #page-home-carouselBanners .carousel-caption {

    background-color: var(--site-navbar-background);

  }


  /* ----------------------------------------------------------- */


  #page-home-carouselClientes .carousel-control-prev,
  #page-home-carouselClientes .carousel-control-next {

    font-size: 2rem;
    color: var(--site-navbar-mid-background);

  }


  /* ----------------------------------------------------------- */

  #page-home-carouselProjetos a {

    text-decoration: none;
    color:           var(--site-navbar-mid-background);

  }

  #page-home-carouselProjetos a:hover .home-projeto-img,
  #page-home-carouselProjetos a:hover .home-projeto-img > .card-body,
  #page-home-carouselProjetos a:hover .home-projeto-texto,
  #page-home-carouselProjetos a:hover .home-projeto-texto > .card-body {

    background: var(--site-home-sessao-title-c);
    border-color: var(--site-navbar-mid-background);
    color: #FFF;

  }


  #page-home-carouselProjetos .carousel-control-prev,
  #page-home-carouselProjetos .carousel-control-next {

    font-size: 2rem;
    color: var(--site-navbar-mid-background);

  }


  .home-projeto-texto::after {

    position: absolute;
    display: inline-block;
    text-align: center;
    color: #FFF;
    content: '+';
    bottom: 0px;
    right: 0px;
    width: 0; 
    height: 0; 
    border-style: solid;
    border-width: 0 0 80px 80px;
    border-color: transparent transparent #cccccc transparent;

  }


  @media (max-width: 767px) {
    
    #page-home-carouselProjetos .carousel-inner .carousel-item > div { display: none; }
    #page-home-carouselProjetos .carousel-inner .carousel-item > div:first-child { display: block; }

  }


  #page-home-carouselProjetos .carousel-inner .carousel-item.active,
  #page-home-carouselProjetos .carousel-inner .carousel-item-next,
  #page-home-carouselProjetos .carousel-inner .carousel-item-prev {
    
    display: flex;
  
  }

  /* medium and up screens */
  @media (min-width: 768px) {

    #page-home-carouselProjetos .carousel-inner .carousel-item-end.active,
    #page-home-carouselProjetos .carousel-inner .carousel-item-next {
      
      transform: translateX(50%);

    }

    #page-home-carouselProjetos .carousel-inner .carousel-item-start.active, 
    #page-home-carouselProjetos .carousel-inner .carousel-item-prev {
      
      transform: translateX(-50%);

    }

  }

  #page-home-carouselProjetos .carousel-inner .carousel-item-end,
  #page-home-carouselProjetos .carousel-inner .carousel-item-start { 
    
    transform: translateX(0);

  }


/* HOME - END */


/* CONTATO - END */

  
  .contato-submit {

    background: var(--site-navbar-mid-background);
    color: #FFFFFF;

  }


  .contato-texto {

    max-height: 150px;

  }


/* CONTATO - END */