/*

  Theme name: Ouro Fino
  Description: Template criado para o site da Ouro Fino - Serviços.
  Theme URI: https://wordpress.shdev.com.br/themes/ouro-fino
  Author: Spada Global / SHDevelopment - Robson Vieira
  Text Domain: ourofino
  License: GNU General Public License v2 or later
  License URI: https://www.gnu.org/licenses/gpl-2.0.html
  Version: 1.0

*/



/* ALL - START */
  
  
  * {
    
    font-optical-sizing: auto;
    font-family:         "Montserrat", sans-serif;
    font-style:          normal;
    padding:             0px;
    margin:              0px;

  }



  html, body {
    
    min-height:       100%;
    position:         relative;
    display:          table;
    padding:          0px;
    margin:           0px;
    height:           100%;
    width:            100%;

  }



  #all {

    padding: 0px 0 0;
    margin:  0px;
    height:  100%;
    width:   100%;

  }



  #all .container-fluid {

    max-width: 1400px !important;

  }


  .bg-cinza { background-color: #D7D7D6; }



  .logo-ford-preto {

    border-right: 1px solid #000000;
    padding:      5px 15px 5px 0px;

  }


  .texto-justificado { text-align: justify; }


/* ALL - END */




/* HEADER - START */


  #header {

    position: relative;
    display:  table;
    width:    100%;

  }



  #header-top {

    background-color: #FFFFFF;
    font-weight:      400;
    font-size:        16px;
    position:         relative;
    padding:          8px 0px;
    display:          table;
    z-index:          10;
    width:            100%;
    color:            #595958;

  }



  #header-top a.nav-link {

    text-decoration: none;
    text-align:      center;
    padding:         0px;
    color:           #595958;

  }



  #header-top a.nav-link > span {

    border-right: 1px solid #595958;
    line-height:  16px;
    padding:      0 var(--bs-nav-link-padding-x);
    display:      table;
    margin:       0px auto;

  }


  #header-top ul#menu-first > li:last-child > a.nav-link > span {

    border-right: 0px;

  }



  @media (max-width: 767.98px) {

    
    #header-top ul#menu-first > li {

      margin-bottom: 6px;

    }



    #header-top ul#menu-first > li:last-child {

      margin-bottom: 0px;

    }



    #header-top a.nav-link > span {

      border-right: 0px;

    }


  }



  #header-navbar {

    background-color: transparent;
    font-weight:      400;
    font-size:        16px;
    position:         absolute;
    padding:          10px 0px;
    display:          table;
    z-index:          3;
    width:            100%;
    color:            #FFFFFF;

  }



  #header-navbar button.navbar-toggler {

    background-color: #FFFFFF;

  }



  #header-navbar ul#menu-header a.nav-link:visited,
  #header-navbar ul#menu-header a.nav-link {

    text-underline-offset: 4px;
    text-decoration:       none;
    text-align:            center;
    padding:               0px;
    color:                 #FFFFFF;

  }
  


  #header-navbar ul#menu-header > li.active a.nav-link,
  #header-navbar ul#menu-header a.nav-link:focus:hover,
  #header-navbar ul#menu-header a.nav-link:active:hover,
  #header-navbar ul#menu-header a.nav-link:visited:hover,
  #header-navbar ul#menu-header a.nav-link:hover {

    text-decoration: underline;
    color:           #FFFFFF;

  }



  #header-navbar ul#menu-header a.nav-link > span {

    border-right: 1px solid #FFFFFF;
    line-height:  16px;
    padding:      0 calc(var(--bs-navbar-nav-link-padding-x) * 2);
    display:      table;
    margin:       0px auto;

  }



  #header-navbar ul#menu-header > li:last-child > a.nav-link > span {

    border-right: 0px;

  }



  @media (max-width: 991px) {

    
    #header-navbar { z-index: 10; }



    #header-navbar ul#menu-header a.nav-link,
    #header-navbar ul#menu-header a.nav-link:visited,
    #header-navbar ul#menu-header > li.active a.nav-link,
    #header-navbar ul#menu-header a.nav-link:focus:hover,
    #header-navbar ul#menu-header a.nav-link:active:hover,
    #header-navbar ul#menu-header a.nav-link:visited:hover,
    #header-navbar ul#menu-header a.nav-link:hover {

      margin-bottom: 10px;
      color: #000000 !important;

    }


  }



  .page-first-item {

    margin-top: -35%;

  }



  .ourofino-btn > a,
  .ourofino-btn-2 > a {

    background-color: transparent;
    font-weight:      bold;
    padding:          0px;
    color:            #000000;

  }


  .ourofino-btn > a:before {

    margin-right: 15px;
    font-family:  "Font Awesome 6 Free";
    font-weight:  900;
    font-size:    36px;
    position:     relative;
    content:      "\f107";
    top:          5px;

  }



  .ourofino-btn-2 > a:before {

    margin-right: 15px;
    font-family:  "Font Awesome 6 Free";
    font-weight:  900;
    font-size:    36px;
    position:     relative;
    content:      "\f104";
    top:          5px;

  }


/* HEADER - END */





/* HOME - START */
  
  
  /* HOME ~ BANNERS - START */


    #page-home-banners {

/*      background-color: #CCCCCC;*/
      text-align:       center;
      min-height:       300px;
      position:         relative;
      display:          table;
      z-index:          2;
      width:            100%;

    }


  /* HOME ~ BANNERS - END */



  /* HOME ~ SERVICOS - START */


    #page-home-servicos {

      position: relative;
      display:  table;
      width:    100%;

    }



    #page-home-servicos-container {

      background-color: #FFCC00;
      border-radius:    10px;
      margin-bottom:    40px;
      min-height:       400px;
/*      margin-top:       -15%;*/
      position:         relative;
      z-index:          4;
      padding:          20px;
      display:          table;
      width:            100%;

    }



    #page-home-servicos-container a.page-home-servicos-item {

      background-color: #999999;
      text-decoration:  none;
      border-radius:    10px;
      text-align:       center;
      transition:       transform 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55), background-position 800ms cubic-bezier(0.68, -0.55, 0.265, 1.55), box-shadow 500ms linear;
      position:         relative;
      display:          table;
      height:           100%;
      width:            100%;

    }    



    #page-home-servicos-container a.page-home-servicos-item:hover {

      background-position: -60px;
      /* box-shadow:          0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); */
      transform:           scale(1.05);

    }


    #page-home-servicos-container a.page-home-servicos-item > div.card {

      background-position: center;
      background-repeat:   no-repeat;
      background-size:     cover;

    }



    #page-home-servicos-container a.page-home-servicos-item > div.card,
    #page-home-servicos-container a.page-home-servicos-item > div.card > div.card-footer {

      background-color: transparent;
      border:           0px;

    }


    #page-home-servicos-container a.page-home-servicos-item > div.card div.card-body:before {

      text-transform: uppercase;
      font-weight:    400;
      font-size:      1.2em;
      max-width:      208px;
      position:       absolute;
      margin-left:    -104px;
      display:        table;
      width:          100%;
      color:          #FFFFFF;
      left:           50%;

    }



    #page-home-servicos-container a.page-home-servicos-item h3 {

      text-decoration: none;
      text-transform:  uppercase;
      font-weight:     400;
      font-size:       1.2em;
      max-width:       68%;
      margin:          0px auto 50px auto;
      color:           #FFFFFF;

    }



    #page-home-servicos-container a.page-home-servicos-item div.btn {

      margin-bottom: 10px;
      font-size:     14px;

    }


  /* HOME ~ SERVICOS - END */
  

/* HOME - END */





/* SINGLE SERVICO - START */

  
  #page-single-servico-right-imgs img {

    max-width: 120px;

  }


  #page-single-servico-right-imgs img:last-child {

    border-left: 2px solid #999999;
    max-width:   130px;
    padding:     5px 0px 5px 1rem;

  }



  #page-single-servico-galeria-img-0,
  .page-single-servico-galeria-imgs {

    padding: 1px;
    cursor:  pointer;

  }



  .page-single-servico-galeria-imgs[class~='active'] {

    background-color: #FFCC00 !important;
    filter:           grayscale(0%) !important;
    cursor:           default !important;
  
  }



  .page-single-servico-galeria-imgs[class~='active'] > img {

    border: .3px solid #FFCC00 !important;

  }



  .page-single-servico-galeria-imgs[class~='inative'] {

    transition: transform 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55), background-position 800ms cubic-bezier(0.68, -0.55, 0.265, 1.55), box-shadow 500ms linear;
    filter:     grayscale(100%);
  
  }



  .page-single-servico-galeria-imgs[class~='inative']:hover {

    background-position: -60px;
    transform:           scale(1.05);
    filter:              grayscale(0%);

  }



  #page-single-servico-galeria-img-0 > img,
  .page-single-servico-galeria-imgs[class~='inative'] > img {

    border: .3px solid #FFFFFF !important;

  }



  #page-single-servico-galeria-img-0,
  #page-single-servico-galeria-img-1 { cursor: default; }



  #page-single-servico-table table {

    border-collapse: separate;
    border-spacing: 2px;

  }



  #page-single-servico-table table tr:nth-child(even) td {

    background-color: #FFFFFF;

  }


  #page-single-servico-table table tr td {

    border: 1px solid #999999;

  }


/* SINGLE SERVICO - END */




/* SOBRE NOS - START */

  
  #sobre-nos-accordion {

    position: relative;
    display:  table;
    width:    100%;

  }



  #sobre-nos-accordion td {

    background-repeat: no-repeat;
    background-size:   cover;
    line-height:       40px;
    font-weight:       400;
    font-size:         40px;
    padding:           30px;
    color:             #FFFFFF;

  }



  #sobre-nos-accordion td#sobre-nos-accordion-left {

    border-bottom-left-radius: 8px;
    border-top-left-radius:    8px;
    border-right:              3px solid #FFFFFF;
    text-align:                left;

  }



  #sobre-nos-accordion td#sobre-nos-accordion-right {

    border-bottom-right-radius: 8px;
    border-top-right-radius:    8px;
    background-position-y:      center;
    background-position-x:      50%;
    border-left:                3px solid #FFFFFF;
    text-align:                 right;

  }



  #sobre-nos-accordion td#sobre-nos-accordion-left > button,
  #sobre-nos-accordion td#sobre-nos-accordion-right > button {

    background-color: transparent;
    font-weight:      400;
    font-size:        30px;
    border:           0px;
    color:            #FFFFFF;
    
  }



  /*#sobre-nos-accordion td#sobre-nos-accordion-left > button {

    margin-right: 20px;

  }



  #sobre-nos-accordion td#sobre-nos-accordion-right > button {

    margin-left: 20px;

  }*/



  #sobre-nos-accordion td.inative { text-align: center; }



  #sobre-nos-accordion td.inative > button {

    cursor: default;

  }


/* SOBRE NOS - END */





/* SOLUÇÕES - START */


  .page-solucoes-servico-item,
  .page-solucoes-servico-item:hover {

    text-decoration: none;
    color:           #000000;

  }



  /* SOLUÇÕES ~ ITEMS - START */


    #servicos-carousel-container a.page-home-servicos-item,
    #page-servicos-box-solucoes-container a.page-home-servicos-item {

      background-color: #999999;
      text-decoration:  none;
      border-radius:    10px;
      text-align:       center;
      transition:       transform 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55), background-position 800ms cubic-bezier(0.68, -0.55, 0.265, 1.55), box-shadow 500ms linear;
      position:         relative;
      display:          table;
      height:           100%;
      width:            100%;

    }    



    #servicos-carousel-container a.page-home-servicos-item:hover,
    #page-servicos-box-solucoes-container a.page-home-servicos-item:hover {

      background-position: -60px;
      /* box-shadow:          0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); */
      transform:           scale(1.05);

    }


    #servicos-carousel-container a.page-home-servicos-item > div.card,
    #page-servicos-box-solucoes-container a.page-home-servicos-item > div.card {

      background-position: center;
      background-repeat:   no-repeat;
      background-size:     cover;

    }



    #servicos-carousel-container a.page-home-servicos-item > div.card,
    #servicos-carousel-container a.page-home-servicos-item > div.card > div.card-footer,
    #page-servicos-box-solucoes-container a.page-home-servicos-item > div.card,
    #page-servicos-box-solucoes-container a.page-home-servicos-item > div.card > div.card-footer {

      background-color: transparent;
      border:           0px;

    }


    #servicos-carousel-container a.page-home-servicos-item > div.card div.card-body:before,
    #page-servicos-box-solucoes-container a.page-home-servicos-item > div.card div.card-body:before {

      text-transform: uppercase;
      font-weight:    400;
      font-size:      1.2em;
      max-width:      208px;
      position:       absolute;
      margin-left:    -104px;
      display:        table;
      width:          100%;
      color:          #FFFFFF;
      left:           50%;

    }



    #servicos-carousel-container a.page-home-servicos-item h3,
    #page-servicos-box-solucoes-container a.page-home-servicos-item h3 {

      text-decoration: none;
      text-transform:  uppercase;
      font-weight:     400;
      font-size:       1.2em;
      max-width:       68%;
      margin:          0px auto 50px auto;
      color:           #FFFFFF;

    }



    #servicos-carousel-container a.page-home-servicos-item div.btn,
    #page-servicos-box-solucoes-container a.page-home-servicos-item div.btn {

      margin-bottom: 10px;
      font-size:     14px;

    }


  /* SOLUÇÕES ~ ITEMS - END */


/* SOLUÇÕES - END */





/* SISTEMA DE QUALIDADE - START */
  
  
  #page-sistema-de-qualidade {

    position: relative;
    display:  table;
    width:    100%;

  }



  #page-sistema-de-qualidade-banner {

    position: absolute;
    display:  table;
    width:    100%;

  }



  #page-sistema-de-qualidade > div.container-fluid {

    margin-top: 20%;

  }


/* SISTEMA DE QUALIDADE - END */





/* CONTATO - START */
  
  
  #page-contato {

    position: relative;
    display:  table;
    width:    100%;

  }



  #page-contato-banner {

    position: absolute;
    display:  table;
    width:    100%;

  }



  #page-contato > div.container-fluid {

    margin-top: 20%;

  }



  .page-contato-left {

    background-color: #CCCCCC;
    border-radius:    10px;
    position:         relative;
    padding:          20px;

  }



  .page-contato-left h3 {

    font-weight: bold;

  }



  .page-contato-left input[type='text'],
  .page-contato-left input[type='tel'],
  .page-contato-left input[type='email'],
  .page-contato-left select {

    min-height: 60px;

  }



  .page-contato-left input[type='checkbox'] {

    height: 24px;
    width:  24px;

  }



  .page-contato-left span[data-name='informacoes'],
  .page-contato-left span[data-name='privacidade'] {

    line-height: 30px;

  }



  .page-contato-left input::placeholder,
  .page-contato-left select:first-child,
  .page-contato-left textarea::placeholder {

    font-weight: bold;
    font-size:   1.25rem;
    color:       #000000;

  }



  .page-contato-left textarea {

    max-height: 150px;

  }



  .page-contato-right {

    background-color: #FFFFFF;
    margin-top:       calc(28% - 2px) !important;
    position:         relative;
    padding:          20px;

  }



  @media (max-width: 767px) {


    .page-contato-right { margin-top: 0px !important; }


  }


/* CONTATO - END */





/* BOX CLIENTES - START */


  #box-clientes {

    position: relative;
    display:  table;
    width:    100%;

  }



  .box-cinza-container,
  .box-amarelo-container,
  #box-clientes-container {

    background-color: #CCCCCC;
    border-radius:    10px;
    margin-bottom:    40px;
    position:         relative;
    padding:          40px;
    display:          table;
    width:            100%;

  }



  .box-amarelo-container {

    background-color: #FFCC00 !important;

  }



  @media (max-width: 767px) {


    #servicos-carousel-container .carousel-inner .carousel-item > div,
    #box-clientes-container .carousel-inner .carousel-item > div {

      display: none;

    }



    #servicos-carousel-container .carousel-inner .carousel-item > div:first-child,
    #box-clientes-container .carousel-inner .carousel-item > div:first-child {

      display: block;

    }


  }



  #servicos-carousel-container .carousel-inner .carousel-item.active,
  #servicos-carousel-container .carousel-inner .carousel-item-next,
  #servicos-carousel-container .carousel-inner .carousel-item-prev,
  #box-clientes-container .carousel-inner .carousel-item.active,
  #box-clientes-container .carousel-inner .carousel-item-next,
  #box-clientes-container .carousel-inner .carousel-item-prev {

    display: flex;
  
  }

  

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

    #servicos-carousel-container .carousel-inner .carousel-item-end.active,
    #servicos-carousel-container .carousel-inner .carousel-item-next,
    #box-clientes-container .carousel-inner .carousel-item-end.active,
    #box-clientes-container .carousel-inner .carousel-item-next {
      
      transform: translateX(25%);
    
    }
    


    #servicos-carousel-container .carousel-inner .carousel-item-start.active, 
    #servicos-carousel-container .carousel-inner .carousel-item-prev,
    #box-clientes-container .carousel-inner .carousel-item-start.active, 
    #box-clientes-container .carousel-inner .carousel-item-prev {
      
      transform: translateX(-25%);
    
    }
  

  }

  

  #servicos-carousel-container .carousel-inner .carousel-item-end,
  #servicos-carousel-container .carousel-inner .carousel-item-start,
  #box-clientes-container .carousel-inner .carousel-item-end,
  #box-clientes-container .carousel-inner .carousel-item-start { 
    
    transform: translateX(0);
  
  }


/* BOX CLIENTES - END */





/* SESSAO LINHA PRODUTOS OUROFINO - START */
  

  #ourofino-site-sessao-124 {

    background-position: center;
    background-repeat:   repeat-x;
    background-image:    url('assets/images/ourofino-linha-produtos-background.png');
    background-size:     cover;
    position:            relative;
    display:             table;
    width:               100%;
    color:               #FFFFFF;

  }



  #ourofino-site-sessao-124 h3 {

    margin-bottom: 30px;
    max-width:     448px;
    display:       inline-block;

  }



  .ourofino-site-sessao-124-right img {

    max-width: 100px;

  }


/* SESSAO LINHA PRODUTOS OUROFINO - END */





/* SESSAO SOBRE NOSSA QUALIDADE OUROFINO - START */


  #ourofino-site-sessao-138 h3 {

    margin-bottom: 30px;
    max-width:     340px;

  }



  .ourofino-site-sessao-138-right img {

    max-width: 100px;

  }



  .ourofino-site-sessao-138-right div:last-child figure img {

    border-left: 2px solid #999999;
    max-width:   120px;
    padding:     5px 0px 5px 1rem;

  }



  .ourofino-site-sessao-138-right-2 figure:last-child img {

    border-left: 0px;
    max-width:   110px;
    padding:     0px;

  }


  @media (max-width: 1193px) {
	  
	.ourofino-site-sessao-138-right img { max-width: 90px; }
	.ourofino-site-sessao-138-right div:last-child figure img { max-width: 100px; }
	  
  }

  @media (max-width: 1103px) {
	  
	.ourofino-site-sessao-138-right img { max-width: 80px; }
	.ourofino-site-sessao-138-right div:last-child figure img { max-width: 90px; }
	  
  }

  @media (max-width: 1029px) {
	  
	.ourofino-site-sessao-138-right img { max-width: 70px; }
	.ourofino-site-sessao-138-right div:last-child figure img { max-width: 80px; }
	  
  }

  @media (max-width: 993px) {
	  
	.ourofino-site-sessao-138-right img { max-width: 70px; }
	.ourofino-site-sessao-138-right div:last-child figure img { max-width: 80px; }
	  
	  #ourofino-site-sessao-138 h3 { max-width: unset; }
	  
  }


  @media (max-width: 552px) {
	 
	.ourofino-site-sessao-138-right { padding-left: 0px; padding-right: 0px; }
	.ourofino-site-sessao-138-right div { max-width: 15%; }
	.ourofino-site-sessao-138-right div:last-child { max-width: 16%; }
	.ourofino-site-sessao-138-right div:last-child figure img,
	.ourofino-site-sessao-138-right img { max-width: 100%; }
	  
  }

  


/* SESSAO SOBRE NOSSA QUALIDADE OUROFINO - END */





/* SOBRE NOS - START */


  .page-sobre-nos-title { line-height: 3.5rem; font-size: 2.8rem; }
  .page-sobre-nos-right img { max-width: 90px; }
  .page-sobre-nos-right figure:last-child img {

    border-left: 2px solid #999999;
    max-width:   110px;
    padding:     5px 0px 5px 1rem;

  }

  #page-sobre-nos-solucoes .page-sobre-nos-solucoes-item {

    background-position: center;
    background-repeat:   no-repeat;
    background-color:    #999999;
    border-radius:       22px;

  }


  @media (max-width: 767.98px) {
	  
	.page-sobre-nos-right img { max-width: 78px; }
    .page-sobre-nos-right figure:last-child img { max-width: 90px; }
	  
  }


/* SOBRE NOS - END */





/* FOOTER - START */
  

  footer {

    background-color: #000000;
    position:         relative;
    display:          table;
    padding:          40px 0px;
    width:            100%;
    color:            #FFFFFF;

  }



  footer a.nav-link {

    text-underline-offset: 2px;
    text-decoration:       none;
    text-align:            center;
    padding:               0px;
    color:                 #FFFFFF;

  }


  footer a.nav-link:hover {

    text-decoration: underline;
    color:           #FFFFFF;

  }



  footer a.nav-link > span {

    border-right: 1px solid #FFFFFF;
    line-height:  16px;
    padding:      0 var(--bs-nav-link-padding-x);
    display:      table;
    margin:       0px auto;

  }



  footer ul#menu-footer > li:first-child > a.nav-link > span {

    padding-left: 0px;

  }



  footer ul > li:last-child > a.nav-link > span {

    border-right: 0px;

  }



  footer li.no-link a.nav-link,
  footer li.no-link a.nav-link:hover {

    text-decoration: none;
    cursor:          default;
    color:           #FFFFFF;

  }


  @media (max-width: 991px) {


    footer ul#menu-footer > li:first-child > a.nav-link > span {

      padding: 0 var(--bs-nav-link-padding-x) !important;

    }



    footer ul#menu-footer a.nav-link > span {

      border-right:  0px;
      margin-top:    10px;

    }


  }



  @media (max-width: 767.98px) {


    footer ul#menu-last a.nav-link > span {

      border-right:  0px;
      margin-top:    10px;

    }


  }


/* FOOTER - END */