/* ==============================================================================
Theme Name: Detalhes Confeccções
Author: Sites&Cia
Author URI: https://sitesecia.com.br
Description: Tema site Detalhes Confeccções desenvolvido por www.sitesecia.com.br
Version: 1.0
================================================================================= */


    /* inter-300 - latin */
    @font-face {
      font-family: 'Inter';
      font-style: normal;
      font-weight: 300;
      font-display: swap;
      src: local(''),
          url('./fonts/inter-v12-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
          url('./fonts/inter-v12-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    }

    @font-face {
      font-family: 'Inter';
      font-style: normal;
      font-weight: 500;
      font-display: swap;
      src: local(''),
          url('./fonts/inter-v12-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
          url('./fonts/inter-v12-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    }
    @font-face {
      font-family: 'Inter';
      font-style: normal;
      font-weight: 700;
      font-display: swap;
      src: local(''),
          url('./fonts/inter-v12-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
          url('./fonts/inter-v12-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    }


  .wpforms-title {color: var(--bs-red); font-size: 1.75rem; font-weight: bold;}

.wpforms-field {margin:1.2em auto}

.wpforms-field-large {display: block; border-radius: var(--bs-border-radius-lg);
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    appearance: none;}

    .sc {
    font-size: 0.5em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    opacity: 0.75;
    padding:1em 0 3em;
    color: #bbb
}

.sc a {color: var(--white); transition: all 0.5s ease-out allow-discrete; text-decoration: none;}
.sc a span {
    color:#EF7905;
}

.sc:hover {
    font-size: 0.6em;
    letter-spacing:4px;
    opacity: 1;
}

.navbar-nav .nav-link.active {color: var(--bs-red);}