/*

  Theme name: SINCOMERCIO v.2
  Description: Template em wordpress desenvolvido para o SINCOMERCIO.
  Theme URI: https://wordpress.shdev.host/themes/sincomercio
  Author: SHDevelopment - Robson Vieira
  Text Domain: sincomercio
  Domain Path: /languages
  License: GNU General Public License v2 or later
  License URI: https://www.gnu.org/licenses/gpl-2.0.html
  Version: 2.0

*/


@import url('https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');

/* 1 - VARIAVEIS DO TEMPLATE @ START */


  :root {


    /* 1.0 - COLORS @ START */


      /* BRAND PRIMARY */
      --sincomercio-colors-bp-lighter: #CDDAE5;
      --sincomercio-colors-bp-light:   #688FB0;
      --sincomercio-colors-bp-medium:  #03467D;
      --sincomercio-colors-bp-dark:    #03294A;
      --sincomercio-colors-bp-darker:  #010D19;


      /* BRAND SECONDARY */
      --sincomercio-colors-bs-lighter: #F4FADA;
      --sincomercio-colors-bs-light:   #DDEE91;
      --sincomercio-colors-bs-medium:  #C6E34F;
      --sincomercio-colors-bs-dark:    #77882F;
      --sincomercio-colors-bs-darker:  #282E0F;


      /* NEUTRAL */
      --sincomercio-colors-nu-lightest: #EEEFF2;
      --sincomercio-colors-nu-lighter:  #DCDFE5;
      --sincomercio-colors-nu-light:    #CBD0D7;
      --sincomercio-colors-nu-dark:     #656A71;
      --sincomercio-colors-nu-darker:   #43464C;
      --sincomercio-colors-nu-darkest:  #222326;

      
      /* CONTRAST & BACKGROUND */
      --sincomercio-colors-bg-white: #FFFFFF;
      --sincomercio-colors-bg-black: #000000;
      --sincomercio-colors-bg-site:  #FCFCFD;
      

      /* CTA - PRIMARY */
      --sincomercio-colors-cp-text:    #FFFFFF;
      --sincomercio-colors-cp-default: #6F0074;
      --sincomercio-colors-cp-hover:   #8C3B8F;
      --sincomercio-colors-cp-pressed: #8C3B8F;


      /* CTA - SECONDARY */
      --sincomercio-colors-cs-text:    #2C032E;
      --sincomercio-colors-cs-default: #C59EC7;
      --sincomercio-colors-cs-hover:   #E2CEE3;
      --sincomercio-colors-cs-pressed: #A96DAB;


      /* FEEDBACK SYSTEM - SUCCESS */
      --sincomercio-colors-fbs-bg:   #A6DC7F;
      --sincomercio-colors-fbs-text: #152809;


      /* FEEDBACK SYSTEM - WARNING */
      --sincomercio-colors-fbw-bg:   #F3EB86;
      --sincomercio-colors-fbw-text: #2F2D0B;


      /* FEEDBACK SYSTEM - ERROR */
      --sincomercio-colors-fbe-bg:   #E36F70;
      --sincomercio-colors-fbe-text: #2A0203;


    /* 1.0 - COLORS @ END */
    



    /* 1.1 - FONTS @ START */


      /* FACES */
      --sincomercio-fonts-face-p: 'Kanit', sans-serif;
      --sincomercio-fonts-face-s: 'Work Sans', sans-serif;
      

      /* SIZES HEADERS */
      --sincomercio-fonts-sizeh-xxl: 3.5rem;
      --sincomercio-fonts-sizeh-xl:  3rem;
      --sincomercio-fonts-sizeh-lg:  2.5rem;
      --sincomercio-fonts-sizeh-md:  2rem;
      --sincomercio-fonts-sizeh-sm:  1.5rem;
      --sincomercio-fonts-sizeh-xs:  1.25rem;
      --sincomercio-fonts-sizeh-xxs: 1.125rem;


      /* SIZES BODY */
      --sincomercio-fonts-sizeb-lg: 1.25rem;
      --sincomercio-fonts-sizeb-md: 1.125rem;
      --sincomercio-fonts-sizeb-sm: 1rem;
      --sincomercio-fonts-sizeb-xs: .875rem;
      

      --sincomercio-fonts-sizem-p: .875rem;
      --sincomercio-fonts-sizem-s: .875rem;


      /* STYLES */
      --sincomercio-fonts-style-normal: normal;
      

      /* WEIGHTS */
      --sincomercio-fonts-weight-regular:  400;
      --sincomercio-fonts-weight-medium:   500;
      --sincomercio-fonts-weight-semibold: 600;
      --sincomercio-fonts-weight-bold:     700;


      /* LINE HEIGHT */
      --sincomercio-fonts-lh-lg: 170%;
      --sincomercio-fonts-lh-md: 150%;
      --sincomercio-fonts-lh-sm: 115%;


    /* 1.1 - FONTS @ END */


    /* 1.2 - BORDER RADIUS @ START */


      --sincomercio-border-radius-circular: 50%;
      --sincomercio-border-radius-pill:     25rem;
      --sincomercio-border-radius-lg:       1.5rem;
      --sincomercio-border-radius-md:       1rem;
      --sincomercio-border-radius-sm:       0.5rem;
      --sincomercio-border-radius-xs:       0.25rem;


    /* 1.2 - BORDER RADIUS @ END */


  }



  .btn-sct-secondary {

    font-family: var(--sincomercio-fonts-face-s);
    line-height: var(--sincomercio-fonts-lh-md);
    font-weight: var(--sincomercio-fonts-weight-semibold);
    font-style:  var(--sincomercio-fonts-style-normal);
    font-size:   var(--sincomercio-fonts-sizeh-xxs);
    padding:     8px 24px;
    border:      0px;
    color:       #FFFFFF;

  }


  .btn-sct-primary {

    background:  var(--sincomercio-colors-bp-medium);
    font-family: var(--sincomercio-fonts-face-s);
    line-height: var(--sincomercio-fonts-lh-md);
    font-weight: var(--sincomercio-fonts-weight-semibold);
    font-style:  var(--sincomercio-fonts-style-normal);
    font-size:   var(--sincomercio-fonts-sizeh-xxs);
    padding:     8px 24px;
    border:      0px;
    color:       #FFFFFF;

  }


  .btn-sct-primary:hover,
  .btn-sct-primary:focus,
  .btn-sct-primary:focus:hover,
  .btn-sct-primary:active,
  .btn-sct-primary:active:hover {

    background:  var(--sincomercio-colors-bp-dark);
    font-family: var(--sincomercio-fonts-face-s);
    line-height: var(--sincomercio-fonts-lh-md);
    font-weight: var(--sincomercio-fonts-weight-semibold);
    font-style:  var(--sincomercio-fonts-style-normal);
    font-size:   var(--sincomercio-fonts-sizeh-xxs);
    padding:     8px 24px;
    border:      0px;
    color:       #FFFFFF;

  }


  .btn-sct-purple {

    background-color: var(--sincomercio-colors-cp-default);
    font-family:      var(--sincomercio-fonts-face-s);
    line-height:      var(--sincomercio-fonts-lh-md);
    font-weight:      var(--sincomercio-fonts-weight-semibold);
    font-style:       var(--sincomercio-fonts-style-normal);
    font-size:        var(--sincomercio-fonts-sizeh-xxs);
    padding:          8px 24px;
    border:           0px;
    color:            var(--sincomercio-colors-cp-text);

  }


  .btn-sct-purple:hover,
  .btn-sct-purple:focus,
  .btn-sct-purple:focus:hover,
  .btn-sct-purple:active,
  .btn-sct-purple:active:hover {

    background: var(--sincomercio-colors-cp-hover);
    color:      var(--sincomercio-colors-cp-text);

  }


  .btn-sct-disabled {

    cursor: not-allowed !important;

  }


/* 1 - VARIAVEIS DO TEMPLATE @ END */



/* 2 - ESTILO GERAL DO TEMPLATE @ START */


  * {
    
    padding: 0px;
    margin:  0px;

  }



  html, body {
    
    background-color: var(--sincomercio-colors-bg-site);
    min-height:       100%;
    position:         relative;
    display:          table;
    padding:          0px;
    margin:           0px;
    height:           100%;
    width:            100%;

  }


  #all {

    padding: 0px;
    margin:  0px;
    height:  100%;
    width:   100%;

  }


  #btn-wp-admin-dev {

    background-color: black;
    z-index:          999999;
    position:         fixed;
    padding:          20px;
    bottom:           40px;
    right:            40px;
    color:            #FFF;

  }


  .container-fluid {

    max-width: 1280px;

  }


  .sincomercio-icons {

    background-repeat: no-repeat;
    position:          relative;

  }


  .sincomercio-icon-menu {

    background-image: url('assets/images/icone-menu.svg');

  }


/* 2 - ESTILO GERAL DO TEMPLATE @ END */




/* 3 - ESTILO DO HEADER DO TEMPLATE @ START */
  

  header #header-top {

    background-color: var(--sincomercio-colors-nu-lightest);
    font-weight:      var(--sincomercio-fonts-weight-semibold);
    font-family:      var(--sincomercio-fonts-face-s);
    font-size:        var(--sincomercio-fonts-sizem-s);
    width:            100%;
    color:            var(--sincomercio-colors-bp-medium);

  }


  header #menu-topo a {

    text-decoration: none;
    font-weight:     var(--sincomercio-fonts-weight-semibold);
    font-family:     var(--sincomercio-fonts-face-s);
    font-size:       var(--sincomercio-fonts-sizem-p);
    color:           var(--sincomercio-colors-bp-medium);

  }


  header #menu-topo > li:last-child > a::before {

    background-repeat: no-repeat;
    background-image:  url('assets/images/icone-phone.svg');
    background-size:   var(--sincomercio-fonts-sizem-s);
    margin-left:       -24px;
    position:          absolute;
    padding:           var(--sincomercio-fonts-sizem-s);
    display:           table;
    content:           '';
    height:            var(--sincomercio-fonts-sizem-s);
    width:             var(--sincomercio-fonts-sizem-s);

  }



  header #header-middle {

    background-color: var(--sincomercio-colors-bg-site);
    border-bottom:    2px solid var(--sincomercio-colors-nu-lightest);
    padding:          16px 0px;
    width:            100%;

  }

  

  header #primary-menu {

    background-color: var(--sincomercio-colors-bp-medium);
    text-transform:   uppercase;
    letter-spacing:   -1%;
    font-weight:      var(--sincomercio-fonts-weight-regular);
    font-family:      var(--sincomercio-fonts-face-s);
    font-size:        var(--sincomercio-fonts-sizem-p);
    color:            var(--sincomercio-colors-nu-lightest);

  }


  header #primary-menu a {

    text-decoration: none;
    text-transform:  uppercase;
    font-weight:     var(--sincomercio-fonts-weight-regular);
    font-family:     var(--sincomercio-fonts-face-s);
    font-size:       var(--sincomercio-fonts-sizem-p);
    color:           var(--sincomercio-colors-nu-lightest);

  }


  header #primary-menu a:hover,
  header #primary-menu a:active,
  header #primary-menu a:active:hover {

    background-color: var(--sincomercio-colors-bp-dark);
    text-decoration:  none;
    text-transform:   uppercase;
    font-family:      var(--sincomercio-fonts-face-s);
    font-size:        var(--sincomercio-fonts-sizem-p);
    color:            var(--sincomercio-colors-bg-white);

  }


  header #primary-menu .dropdown-toggle::after {

    vertical-align: 0.14em;
    margin-left:    0.9em;
    transform:      rotateZ(360deg);
    transition:     all 0.2s ease;

  }


  header #primary-menu .submenu-ativo::after {

    transform: rotateZ(180deg);

  }


  header #primary-menu a.submenu-ativo {

    background-color: var(--sincomercio-colors-bp-dark);
    text-decoration:  none;
    text-transform:   uppercase;
    font-family:      var(--sincomercio-fonts-face-s);
    font-size:        var(--sincomercio-fonts-sizem-p);
    color:            var(--sincomercio-colors-bg-white);

  }

  
  header #primary-menu li.menu-item > ul.dropdown-menu {

    background-color: var(--sincomercio-colors-bp-dark);
    text-decoration:  none;
    text-transform:   uppercase;
    border-radius:    0px;
    font-family:      var(--sincomercio-fonts-face-s);
    font-size:        var(--sincomercio-fonts-sizem-p);
    padding:          0px;
    border:           0px;
    color:            var(--sincomercio-colors-bg-white);

  }


  header #primary-menu li.menu-item > ul.dropdown-menu a {

    background-color: var(--sincomercio-colors-bp-dark);
    text-decoration:  none;
    text-transform:   unset;
    border-radius:    0px;
    font-weight:      var(--sincomercio-fonts-weight-regular);
    font-family:      var(--sincomercio-fonts-face-s);
    font-size:        var(--sincomercio-fonts-sizem-p);
    color:            var(--sincomercio-colors-nu-lightest);
  
  }


  header #primary-menu li.menu-item > ul.dropdown-menu a:hover,
  header #primary-menu li.menu-item > ul.dropdown-menu a:active,
  header #primary-menu li.menu-item > ul.dropdown-menu a:active:hover {

    background-color: var(--sincomercio-colors-bp-medium);
    text-decoration:  none;
    text-transform:   unset;
    border-radius:    0px;
    font-weight:      var(--sincomercio-fonts-weight-regular);
    font-family:      var(--sincomercio-fonts-face-s);
    font-size:        var(--sincomercio-fonts-sizem-p);
    color:            var(--sincomercio-colors-bg-white);

  }


  header #offcanvasPrimaryMenu {

    background-color: var(--sincomercio-colors-bp-medium);
    color:            var(--sincomercio-colors-nu-lightest);

  }


  header #offcanvasPrimaryMenu div.offcanvas-body {
    padding: 0px;
  }
  header #offcanvasPrimaryMenu[aria-modal='true'] div.offcanvas-body a.nav-link {
    padding-right: 10px;
    padding-left: 10px;
  }

/* 3 - ESTILO DO HEADER DO TEMPLATE @ END */



/* ## - ESTILO DO LAYOUT DAS PAGINAS DO TEMPLATE @ START */

  main[data-pagina='page'] p {

    font-family: var(--sincomercio-fonts-face-s);
    line-height: var(--sincomercio-fonts-lh-lg);
    font-style:  var(--sincomercio-fonts-weight-regular);
    font-size:   var(--sincomercio-fonts-sizeb-md);
    color:       var(--sincomercio-colors-nu-darker);

  }


  main[data-pagina='page'] p.page-destaque {

    font-family: var(--sincomercio-fonts-face-p);
    line-height: var(--sincomercio-fonts-lh-sm);
    font-style:  var(--sincomercio-fonts-weight-semibold);
    font-size:   var(--sincomercio-fonts-sizeh-sm) !important;
    color:       var(--sincomercio-colors-nu-dark);

  }


  main[data-pagina='post-item'] h1,
  main[data-pagina='page'] h1 {

    font-family: var(--sincomercio-fonts-face-p);
    line-height: var(--sincomercio-fonts-lh-sm);
    font-style:  var(--sincomercio-fonts-weight-semibold);
    font-size:   var(--sincomercio-fonts-sizeh-xxl);
    color:       var(--sincomercio-colors-bp-medium);

  }

  
  main[data-pagina='post-item'] h2,
  main[data-pagina='page'] h2 {

    font-family: var(--sincomercio-fonts-face-p);
    line-height: var(--sincomercio-fonts-lh-sm);
    font-style:  var(--sincomercio-fonts-weight-semibold);
    font-size:   var(--sincomercio-fonts-sizeh-xl);
    color:       var(--sincomercio-colors-bp-medium);

  }


  main[data-pagina='post-item'] h3,
  main[data-pagina='page'] h3 {

    font-family: var(--sincomercio-fonts-face-p);
    line-height: var(--sincomercio-fonts-lh-sm);
    font-style:  var(--sincomercio-fonts-weight-semibold);
    font-size:   var(--sincomercio-fonts-sizeh-lg);
    color:       var(--sincomercio-colors-bp-medium);

  }


  main[data-pagina='post-item'] h4,
  main[data-pagina='page'] h4 {

    font-family: var(--sincomercio-fonts-face-p);
    line-height: var(--sincomercio-fonts-lh-sm);
    font-style:  var(--sincomercio-fonts-weight-semibold);
    font-size:   var(--sincomercio-fonts-sizeh-md);
    color:       var(--sincomercio-colors-bp-medium);

  }


  main[data-pagina='post-item'] h5,
  main[data-pagina='page'] h5 {

    font-family: var(--sincomercio-fonts-face-p);
    line-height: var(--sincomercio-fonts-lh-sm);
    font-style:  var(--sincomercio-fonts-weight-semibold);
    font-size:   var(--sincomercio-fonts-sizeh-sm);
    color:       var(--sincomercio-colors-bp-medium);

  }

/* ## - ESTILO DO LAYOUT DAS PAGINAS DO TEMPLATE @ END */





/* ## - ESTILO DA HOME DO TEMPLATE @ START */
  

  #page-home-acesso-rapido h5 {

    line-height:    var(--sincomercio-fonts-lh-md);
    font-family:    var(--sincomercio-fonts-face-p);
    font-weight:    var(--sincomercio-fonts-weight-semibold);
    font-style:     var(--sincomercio-fonts-weight-semibold);
    font-size:      var(--sincomercio-fonts-sizeb-md);
    color:          var(--sincomercio-colors-nu-dark);

  }


  #page-home-acesso-rapido-container {

    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    overflow-x: auto;

  }



  #page-home-acesso-rapido-container > ul {

    overflow-x: scroll;
    max-width: 118vh;
    display: inline-flex !important;
    width:      100%;

  }


  #page-home-acesso-rapido-container li {

/*    max-width: 15%;*/
    padding:   0px 16px 16px 0px;
    flex:     auto;

  }

  #page-home-acesso-rapido-container li:last-child {

    padding: 0px 0px 16px 0px;
    
  }


  #page-home-acesso-rapido-container li img {

    display: block;
    margin:  0 auto;
  
  }


  @media (min-width: 992px) {

    
    #page-home-acesso-rapido-container {

      overflow-x: unset;
      width:      100%;
    
    }


    #page-home-acesso-rapido-container > ul {

      overflow-x: auto;
      max-width:  none;

    }


    #page-home-acesso-rapido-container li img {

      display: inline;

    }
    
  }


  #page-home-acesso-rapido-container a {

    background-color: var(--sincomercio-colors-bg-white);
    text-decoration:  none;
    border-radius:    16px;
    line-height:      var(--sincomercio-fonts-lh-sm) !important;
    font-family:      var(--sincomercio-fonts-face-p) !important;
    font-weight:      var(--sincomercio-fonts-weight-semibold) !important;
    font-style:       var(--sincomercio-fonts-style-normal) !important;
    text-align:       center;
    font-size:        var(--sincomercio-fonts-sizeb-sm) !important;
    position:         relative;
    display:          inline-table;
    padding:          12px 24px 12px 24px;
    border:           2px solid var(--sincomercio-colors-bp-lighter);
    height:           100%;
    width:            100%;
    color:            var(--sincomercio-colors-bp-medium);

  }


  #page-home-acesso-rapido-container a > img {

    max-width: 86px;

  }


  #page-home-banners .page-home-banners-carousel-controls {

    background-color: transparent;
    margin-right:     6px;
    margin-left:      6px;
    border:           0;
    color:            var(--sincomercio-colors-bp-medium);

  }


  #page-home-banners .page-home-banners-carousel-bullets {

    background-color: var(--sincomercio-colors-bp-lighter);
    border-radius:    2px;
    border:           0px;
    margin:           6px;
    height:           12px;
    width:            12px;

  }
  

  #page-home-banners .page-home-banners-carousel-bullets[aria-current="true"] {

    background-color: var(--sincomercio-colors-bp-medium);

  }












  #page-home-beneficios-container {

    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    overflow-x: auto;

    /*overflow-x: scroll;
    display:    table;
    width:      100%;*/

  }

  #page-home-beneficios-container > ul {

    overflow-x: scroll;
    max-width: 118vh;
    display: inline-flex !important;
    width:      100%;

  }


  #page-home-beneficios-container li {

/*    max-width: 15%;*/
    padding:   0px 16px 16px 0px;
    flex:     auto;

  }

  #page-home-beneficios-container li:last-child {

    padding: 0px 0px 16px 0px;
    
  }



  @media (min-width: 992px) {

    
    #page-home-beneficios-container {

      overflow-x: unset;
      width:      100%;
    
    }


    #page-home-beneficios-container > ul {

      overflow-x: auto;
      max-width:  none;

    }
    
  }


  #page-home-beneficios-container > ul > li > a {

    background-color: var(--sincomercio-colors-bg-white);
    text-decoration:  none;
    border-radius:    16px;
    text-align:       center;
    max-width:        220px;
    min-height:       178px;
    position:         relative;
    display:          inline-table;
    padding:          24px;
    margin:           0px 16px 16px 0px;
    border:           2px solid var(--sincomercio-colors-bp-lighter);
    height:           100%;
    width:            100%;

  }


  #page-home-beneficios-container > ul > li > a > img {

    max-width: 86px;

  }


  #page-home-beneficios-container > ul > li > a > h3 {

    line-height: var(--sincomercio-fonts-lh-sm) !important;
    font-family: var(--sincomercio-fonts-face-p) !important;
    font-weight: var(--sincomercio-fonts-weight-semibold) !important;
    font-style:  var(--sincomercio-fonts-style-normal) !important;
    font-size:   var(--sincomercio-fonts-sizeb-sm) !important;
    margin:      16px 0px 0px;
    color:       var(--sincomercio-colors-bp-medium);

  }


  #page-home-beneficios h2,
  #page-home-noticias h2 {

    font-family: var(--sincomercio-fonts-face-p);
    line-height: var(--sincomercio-fonts-lh-sm);
    font-style:  var(--sincomercio-fonts-weight-semibold);
    text-align:  center;
    font-size:   var(--sincomercio-fonts-sizeh-sm);
    color:       var(--sincomercio-colors-nu-dark);

  }


  #page-home-tv-sincomercio {

    background-color: var(--sincomercio-colors-nu-lightest);
    border-radius:    var(--sincomercio-border-radius-md);
    padding:          18px;

  }


  #page-home-tv-sincomercio h2 {

    font-family: var(--sincomercio-fonts-face-p);
    line-height: var(--sincomercio-fonts-lh-sm);
    font-weight: var(--sincomercio-fonts-weight-semibold);
    font-style:  var(--sincomercio-fonts-weight-semibold);
    text-align:  center;
    font-size:   var(--sincomercio-fonts-sizeh-sm);
    color:       var(--sincomercio-colors-nu-dark);

  }


  #page-home-parceiros {

    background-color: var(--sincomercio-colors-bp-medium);
    border-radius:    var(--sincomercio-border-radius-md);
    font-family:      var(--sincomercio-fonts-face-p);
    line-height:      var(--sincomercio-fonts-lh-sm);
    font-weight:      var(--sincomercio-fonts-weight-semibold);
    font-style:       var(--sincomercio-fonts-style-normal);
    text-align:       center;
    font-size:        var(--sincomercio-fonts-sizeh-md);
    padding:          18px;
    color:            var(--sincomercio-colors-nu-lightest);
    
  }


/* ## - ESTILO DA HOME DO TEMPLATE @ END */




/* ## - ESTILO DA PAGINA DE LOOP DO TEMPLATE @ START */


  #page-loop-search {

    background-color: var(--sincomercio-colors-bp-lighter);
    border-radius:    8px;
    font-weight:      var(--sincomercio-fonts-weight-regular);
    font-family:      var(--sincomercio-fonts-face-s);
    line-height:      var(--sincomercio-fonts-lh-lg);
    font-size:        var(--sincomercio-fonts-sizeb-xs);
    position:         relative;
    padding:          24px;
    display:          table;
    width:            100%;
    color:            var(--sincomercio-colors-nu-dark);

  }


  #page-loop-search input {

    font-weight:      var(--sincomercio-fonts-weight-regular);
    font-family:      var(--sincomercio-fonts-face-s);
    line-height:      var(--sincomercio-fonts-lh-lg);
    font-size:        var(--sincomercio-fonts-sizeb-xs);
    position:         relative;
    display:          table;
    width:            100%;

  }


  #page-loop-search button,
  #page-loop-search button:hover {

    background-color: var(--sincomercio-colors-cp-default);
    font-family:      var(--sincomercio-fonts-face-s);
    line-height:      var(--sincomercio-fonts-lh-md);
    font-weight:      var(--sincomercio-fonts-weight-semibold);
    font-style:       var(--sincomercio-fonts-style-normal);
    font-size:        var(--sincomercio-fonts-sizeh-xxs);
    padding:          8px 24px;
    border:           0px;
    color:            var(--sincomercio-colors-cp-text);

  }


  #page-loop-categorias {

    border-radius: 8px;
    position:      relative;
    padding:       24px;
    display:       table;
    border:        1px solid var(--sincomercio-colors-bp-lighter);
    width:         100%;

  }


  #page-loop-categorias > h4 {

    font-family: var(--sincomercio-fonts-face-p);
    line-height: var(--sincomercio-fonts-lh-sm);
    font-style:  var(--sincomercio-fonts-weight-semibold);
    font-size:   var(--sincomercio-fonts-sizeh-xxs);
    color:       var(--sincomercio-colors-nu-dark);

  }

  #page-loop-categorias > ul {

    list-style: none;
    position:   relative;
    display:    table;
    padding:    0px;
    margin:     0px;
    width:      100%;

  }


  #page-loop-categorias > ul > li {

    position:   relative;
    display:    table;
    padding:    0px;
    margin:     0px 0px 8px;
    width:      100%;

  }


  #page-loop-categorias > ul > li:last-child {

    margin-bottom: 0px;

  }


  #page-loop-categorias > ul > li > a {

    text-decoration: none;
    border-radius:   4px;
    line-height:     var(--sincomercio-fonts-lh-md);
    font-weight:     var(--sincomercio-fonts-weight-semibold);
    font-family:     var(--sincomercio-fonts-face-s);
    font-size:       var(--sincomercio-fonts-sizeb-sm);
    position:        relative;
    display:         table;
    padding:         8px 16px;
    margin:          0px;
    width:           100%;
    color:           var(--sincomercio-colors-nu-darker);

  }


  #page-loop-categorias > ul > li > a:hover {

    background-color: var(--sincomercio-colors-bp-lighter);
    color:            var(--sincomercio-colors-nu-dark);

  }


  #page-loop-categorias > ul > li > a.current,
  #page-loop-categorias > ul > li > a.current:hover {

    background-color: var(--sincomercio-colors-bp-medium);
    color:            var(--sincomercio-colors-nu-lightest);

  }


/* ## - ESTILO DA PAGINA DE LOOP DO TEMPLATE @ END */




/* ## - ESTILO DO BREADCRUMB DO TEMPLATE @ START */
  
  .site-links,
  .site-links:hover,
  #breadcrumbs a,
  #breadcrumbs a:hover {

    text-decoration: underline;
    line-height:     var(--sincomercio-fonts-lh-md);
    font-family:     var(--sincomercio-fonts-face-s);
    font-weight:     var(--sincomercio-fonts-weight-semibold);
    font-size:       var(--sincomercio-fonts-sizeb-sm);
    color:           var(--sincomercio-colors-cp-default);

  }


  #breadcrumbs {

    line-height:     var(--sincomercio-fonts-lh-lg);
    font-family:     var(--sincomercio-fonts-face-s);
    font-weight:     var(--sincomercio-fonts-weight-regular);
    font-style:      var(--sincomercio-fonts-style-normal);
    font-size:       var(--sincomercio-fonts-sizeb-sm);
    color:           var(--sincomercio-colors-nu-darker);

  }


  #breadcrumbs span {

    font-size: var(--sincomercio-fonts-sizeb-sm);
    color:     var(--sincomercio-colors-nu-darker);

  }


/* ## - ESTILO DO BREADCRUMB DO TEMPLATE @ END */





/* ## - ESTILO DOS CARDS DO CONTEUDO DO TEMPLATE @ START */


  .card-page-block {

    background-color: var(--sincomercio-colors-bs-light);
    border-radius:    var(--sincomercio-border-radius-md);
    padding:          18px;

  }


  .card-page-block h2 {

    line-height: var(--sincomercio-fonts-lh-sm) !important;
    font-family: var(--sincomercio-fonts-face-p) !important;
    font-style:  var(--sincomercio-fonts-weight-semibold) !important;
    font-size:   var(--sincomercio-fonts-sizeh-lg) !important;
    color:       var(--sincomercio-colors-bp-medium) !important;

  }


  .card-post {

    text-decoration: none;

  }

  
  .card-post .card {

    border-color: var(--sincomercio-colors-bp-lighter) !important;
    border-width: 2px;

  }


  .card-post:hover .card {

    border-color: var(--sincomercio-colors-bp-light) !important;
    border-width: 2px;

  }


  .card-post .card-body {

    padding-bottom: 0px;

  }


  .card-post h3 {

    line-height: var(--sincomercio-fonts-lh-sm) !important;
    font-family: var(--sincomercio-fonts-face-s) !important;
    font-weight: var(--sincomercio-fonts-weight-semibold) !important;
    font-style:  var(--sincomercio-fonts-weight-semibold) !important;
    font-size:   var(--sincomercio-fonts-sizeb-sm) !important;
    margin:      0px;
    color:       var(--sincomercio-colors-nu-darker) !important;

  }


  .card-post .card-footer {

    background-color: var(--sincomercio-colors-bg-white);
    border-top-color: var(--sincomercio-colors-bg-white);
    line-height:      var(--sincomercio-fonts-lh-lg);
    font-family:      var(--sincomercio-fonts-face-s);
    font-size:        var(--sincomercio-fonts-sizeb-sm);
    color:            var(--sincomercio-colors-nu-dark);

  }
  

/* ## - ESTILO DOS CARDS DO CONTEUDO DO TEMPLATE @ END */




/* ## - ESTILO DOS BLOCOS DO CONTEUDO DO TEMPLATE @ START */

  .bloco-pagina {

    background-position: center;
    background-repeat:   no-repeat;
    background-color:    var(--sincomercio-colors-bp-darker);
    background-size:     contain;
    text-decoration:     none;
    vertical-align:      baseline;
    border-radius:       4px;
    min-height:          220px;
    text-align:          center;
    padding:             40px 24px 0px;
    display:             table;
    height:              100%;
    width:               100%;


  }


  .bloco-pagina h3 {

    line-height:    var(--sincomercio-fonts-lh-sm) !important;
    font-family:    var(--sincomercio-fonts-face-p) !important;
    font-weight:    var(--sincomercio-fonts-weight-semibold) !important;
    font-style:     var(--sincomercio-fonts-style-normal) !important;
    font-size:      var(--sincomercio-fonts-sizeb-sm) !important;
    display:        table;
    margin:         0px 0px 24px;
    width:          100%;
    color:          var(--sincomercio-colors-nu-lightest) !important;

  }


  .bloco-pagina a.bloco-pagina-btn {

    background-color: var(--sincomercio-colors-cs-default);
    text-decoration:  none;
    border-radius:    4px;
    line-height:      var(--sincomercio-fonts-lh-sm);
    font-family:      var(--sincomercio-fonts-face-p);
    font-weight:      var(--sincomercio-fonts-weight-semibold);
    text-align:       center;
    font-style:       var(--sincomercio-fonts-style-normal);
    font-size:        var(--sincomercio-fonts-sizeb-sm);
    padding:          8px 24px;
    position:         relative;
    display:          inline-block;
    margin:           0px auto 24px;
    color:            var(--sincomercio-colors-cs-text);

  }


  .page-loop-sidebox {

    border-radius: 8px;
    position:      relative;
    padding:       24px;
    display:       table;
    border:        1px solid var(--sincomercio-colors-bp-lighter);
    width:         100%;

  }


  .page-loop-sidebox > h4 {

    font-family: var(--sincomercio-fonts-face-p) !important;
    line-height: var(--sincomercio-fonts-lh-sm) !important;
    font-style:  var(--sincomercio-fonts-weight-semibold) !important;
    font-size:   var(--sincomercio-fonts-sizeh-xxs) !important;
    color:       var(--sincomercio-colors-nu-dark) !important;

  }

  .page-loop-sidebox > ul {

    list-style: none;
    position:   relative;
    display:    table;
    padding:    0px;
    margin:     0px;
    width:      100%;

  }


  .page-loop-sidebox > ul > li {

    position:   relative;
    display:    table;
    padding:    0px;
    margin:     0px 0px 8px;
    width:      100%;

  }


  .page-loop-sidebox > ul > li:last-child {

    margin-bottom: 0px;

  }


  .page-loop-sidebox > ul > li > a {

    text-decoration: none;
    border-radius:   4px;
    line-height:     var(--sincomercio-fonts-lh-md);
    font-weight:     var(--sincomercio-fonts-weight-semibold);
    font-family:     var(--sincomercio-fonts-face-s);
    font-size:       var(--sincomercio-fonts-sizeb-sm);
    position:        relative;
    display:         table;
    padding:         8px 16px;
    margin:          0px;
    width:           100%;
    color:           var(--sincomercio-colors-nu-darker);

  }


  .page-loop-sidebox > ul > li > a:hover {

    background-color: var(--sincomercio-colors-bp-lighter);
    color:            var(--sincomercio-colors-nu-dark);

  }


  .page-loop-sidebox > ul > li > a.current,
  .page-loop-sidebox > ul > li > a.current:hover {

    background-color: var(--sincomercio-colors-bp-medium);
    color:            var(--sincomercio-colors-nu-lightest);

  }

/* ## - ESTILO DOS BLOCOS DO CONTEUDO DO TEMPLATE @ END */




/* ## - ESTILO DOS BLOCOS DA PAGINA GUIA DO USUARIO DO TEMPLATE @ START */
  
  .cidade-off { display:none; }

/* ## - ESTILO DOS BLOCOS DA PAGINA GUIA DO USUARIO DO TEMPLATE @ END */




/* ## - ESTILO DO FOOTER DO TEMPLATE @ START */
  
  footer {

    font-family:      var(--sincomercio-fonts-face-s);
    color:            var(--sincomercio-colors-nu-lightest);

  }


  footer #footer-cols {

    background-color: var(--sincomercio-colors-bp-dark);
    color:            var(--sincomercio-colors-nu-lightest);

  }


  footer #footer-cols-1 p {

    line-height: var(--sincomercio-fonts-lh-lg);
    font-family: var(--sincomercio-fonts-face-s);
    font-weight: var(--sincomercio-fonts-weight-regular);
    font-style:  var(--sincomercio-fonts-weight-regular);
    font-size:   var(--sincomercio-fonts-sizeb-sm);
    color:       var(--sincomercio-colors-nu-lightest);

  }


  footer #footer-cols h2 {

    margin-bottom: 30px;
    line-height:   var(--sincomercio-fonts-lh-sm);
    font-family:   var(--sincomercio-fonts-face-p);
    font-weight:   var(--sincomercio-fonts-weight-semibold);
    font-style:    var(--sincomercio-fonts-weight-semibold);
    font-size:     var(--sincomercio-fonts-sizeh-xs);
    color:         var(--sincomercio-colors-nu-lightest);

  }


  footer #footer-cols-2 ul > li,
  footer #footer-cols-3 ul > li {

    padding-left: 20px;

  }


  footer #footer-cols-2 ul > li > a,
  footer #footer-cols-3 ul > li > a {

    text-transform: uppercase;
    letter-spacing: -0.01em;
    line-height:    var(--sincomercio-fonts-lh-md);
    font-family:    var(--sincomercio-fonts-face-s);
    font-weight:    var(--sincomercio-fonts-weight-semibold);
    font-style:     var(--sincomercio-fonts-weight-semibold);
    font-size:      var(--sincomercio-fonts-sizeb-xs);
    color:          var(--sincomercio-colors-nu-lightest);

  }


  footer #footer-cols-4 p {

    line-height:    var(--sincomercio-fonts-lh-lg);
    font-family:    var(--sincomercio-fonts-face-s);
    font-weight:    var(--sincomercio-fonts-weight-regular);
    font-style:     var(--sincomercio-fonts-weight-regular);
    font-size:      var(--sincomercio-fonts-sizeb-sm);
    color:          var(--sincomercio-colors-nu-lightest);

  }


  
  footer #footer-cols-4 p:nth-child(4) > a {

    text-decoration: none;
    line-height:     var(--sincomercio-fonts-lh-lg);
    font-family:     var(--sincomercio-fonts-face-s);
    font-weight:     var(--sincomercio-fonts-weight-regular);
    font-style:      var(--sincomercio-fonts-weight-regular);
    font-size:       .92rem;
    color:           var(--sincomercio-colors-nu-lightest);

  }
  

  footer #footer-cols-4 span.wp-block-social-link-label {

    display: none;
  }


  footer #footer-botton {

    background-color: var(--sincomercio-colors-bp-darker);
    font-weight:      var(--sincomercio-fonts-weight-regular);
    font-style:       var(--sincomercio-fonts-weight-regular);
    font-size:        var(--sincomercio-fonts-sizeb-sm);
    padding:          23px 0;
    color:            var(--sincomercio-colors-nu-lightest);

  }

/* ## - ESTILO DO FOOTER DO TEMPLATE @ END */




/* ## - ESTILO DA PAGINA LOCAL DE TURISMO DO TEMPLATE @ START */

  

  #page-mod-tur-list-search {

    background-color: var(--sincomercio-colors-bp-lighter);
    border-radius:    8px;
    font-weight:      var(--sincomercio-fonts-weight-regular);
    font-family:      var(--sincomercio-fonts-face-s);
    line-height:      var(--sincomercio-fonts-lh-lg);
    font-size:        var(--sincomercio-fonts-sizeb-xs);
    position:         relative;
    padding:          24px;
    display:          table;
    width:            100%;
    color:            var(--sincomercio-colors-nu-dark);



  }




  #page-mod-tur-list-search input {

    font-weight:      var(--sincomercio-fonts-weight-regular);
    font-family:      var(--sincomercio-fonts-face-s);
    line-height:      var(--sincomercio-fonts-lh-lg);
    font-size:        var(--sincomercio-fonts-sizeb-xs);
    position:         relative;
    display:          table;
    width:            100%;

  }



  #page-mod-tur-list-search button,
  #page-mod-tur-list-search button:hover {

    background-color: var(--sincomercio-colors-cp-default);
    font-family:      var(--sincomercio-fonts-face-s);
    line-height:      var(--sincomercio-fonts-lh-md);
    font-weight:      var(--sincomercio-fonts-weight-semibold);
    font-style:       var(--sincomercio-fonts-style-normal);
    font-size:        var(--sincomercio-fonts-sizeh-xxs);
    padding:          8px 24px;
    border:           0px;
    color:            var(--sincomercio-colors-cp-text);

  }





  .page-mod-tur-list-item {

    background-color: var(--sincomercio-colors-bp-lighter);
    border-radius:    8px;
    font-weight:      var(--sincomercio-fonts-weight-regular);
    font-family:      var(--sincomercio-fonts-face-s);
    line-height:      var(--sincomercio-fonts-lh-lg);
    font-size:        var(--sincomercio-fonts-sizeb-xs);
    position:         relative;
    padding:          24px;
    display:          table;
    width:            100%;
    color:            var(--sincomercio-colors-nu-dark);

  }



  .page-mod-tur-list-item h3 {

    font-weight:      var(--sincomercio-fonts-weight-bold);
    font-family:      var(--sincomercio-fonts-face-s);
    font-size:        var(--sincomercio-fonts-sizeb-lg) !important;
    position:         relative;
    display:          table;
    width:            100%;

  }



  .page-mod-tur-list-item-content > a {

    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(205,218,229,1) 60%);
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(205,218,229,1) 60%);
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(205,218,229,1) 60%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#cddae5',GradientType=0 );

    text-decoration:  none;
    font-weight:      var(--sincomercio-fonts-weight-bold);
    font-family:      var(--sincomercio-fonts-face-s);
    line-height:      var(--sincomercio-fonts-lh-lg);
    text-align:       center;
    margin-top:       -24px;
    font-size:        var(--sincomercio-fonts-sizeb-xs);
    position:         relative;
    display:          table;
    width:            100%;
    color:            var(--sincomercio-colors-bp-medium);

  }



  .mod-tur-local-sidebox {

    font-family: var(--sincomercio-fonts-face-p);
    line-height: var(--sincomercio-fonts-lh-sm);
    font-style:  var(--sincomercio-fonts-weight-semibold);
    font-size:   var(--sincomercio-fonts-sizeh-xxs) !important;
    color:       var(--sincomercio-colors-nu-dark);

  }



  #mod-tur-local-carousel .carousel-control-prev > .carousel-control-prev-icon,
  #mod-tur-local-carousel .carousel-control-next > .carousel-control-next-icon {

    background-color: rgba(0, 0, 0, 1);
    background-size:  20px;
    border-radius:    100%;
    padding:          20px;

  }



  #mod-tur-local-voucher-box { opacity: .6; cursor: pointer; }

  #mod-tur-local-voucher-box:hover { opacity: 1; }



/* ## - ESTILO DA PAGINA LOCAL DE TURISMO DO TEMPLATE @ END */
