/* Theme Name: Shantal Marketing Médico
   Text Domain: Shantal Marketing Médico
   Version:1.2 
   Description: Tema Criado em parceria com a Shantal Marketing Digital, desenvolvido por Joao Antonio Rocco (joao.a.rocco@gmail.com)
   Tags: responsive,wordpress theme, bootstrap
   Author: Joao Antonio
   Author URI: https://marketingdigitalmedicos.com.br
   Theme URI:  https://marketingdigitalmedicos.com.br*/

/* poppins-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: url('dist/fonts/poppins-v20-latin-regular.eot'); /* IE9 Compat Modes */
    src: url('dist/fonts/poppins-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('dist/fonts/poppins-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('dist/fonts/poppins-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('dist/fonts/poppins-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('dist/fonts/poppins-v20-latin-regular.svg#Poppins') format('svg'); /* Legacy iOS */
  }
  /* poppins-italic - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 400;
    src: url('dist/fonts/poppins-v20-latin-italic.eot'); /* IE9 Compat Modes */
    src: url('dist/fonts/poppins-v20-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('dist/fonts/poppins-v20-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
         url('dist/fonts/poppins-v20-latin-italic.woff') format('woff'), /* Modern Browsers */
         url('dist/fonts/poppins-v20-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('dist/fonts/poppins-v20-latin-italic.svg#Poppins') format('svg'); /* Legacy iOS */
  }
  /* poppins-500 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    src: url('dist/fonts/poppins-v20-latin-500.eot'); /* IE9 Compat Modes */
    src: url('dist/fonts/poppins-v20-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('dist/fonts/poppins-v20-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
         url('dist/fonts/poppins-v20-latin-500.woff') format('woff'), /* Modern Browsers */
         url('dist/fonts/poppins-v20-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
         url('dist/fonts/poppins-v20-latin-500.svg#Poppins') format('svg'); /* Legacy iOS */
  }
  /* poppins-600 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    src: url('dist/fonts/poppins-v20-latin-600.eot'); /* IE9 Compat Modes */
    src: url('dist/fonts/poppins-v20-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('dist/fonts/poppins-v20-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
         url('dist/fonts/poppins-v20-latin-600.woff') format('woff'), /* Modern Browsers */
         url('dist/fonts/poppins-v20-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
         url('dist/fonts/poppins-v20-latin-600.svg#Poppins') format('svg'); /* Legacy iOS */
  }
  /* poppins-700 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    src: url('dist/fonts/poppins-v20-latin-700.eot'); /* IE9 Compat Modes */
    src: url('dist/fonts/poppins-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('dist/fonts/poppins-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
         url('dist/fonts/poppins-v20-latin-700.woff') format('woff'), /* Modern Browsers */
         url('dist/fonts/poppins-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
         url('dist/fonts/poppins-v20-latin-700.svg#Poppins') format('svg'); /* Legacy iOS */
  }
  /* poppins-800 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 800;
    src: url('dist/fonts/poppins-v20-latin-800.eot'); /* IE9 Compat Modes */
    src: url('dist/fonts/poppins-v20-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('dist/fonts/poppins-v20-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
         url('dist/fonts/poppins-v20-latin-800.woff') format('woff'), /* Modern Browsers */
         url('dist/fonts/poppins-v20-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
         url('dist/fonts/poppins-v20-latin-800.svg#Poppins') format('svg'); /* Legacy iOS */
  }
.wp-block-image img{height:auto!important;}
.rmp-heading--title{
  color: #313444!important;
  font-size: 1.4rem!important;
}
.rmp-rating-widget .rmp-icon--ratings{
  font-size:1.5rem!important;
}
.bg-blog{
background-color: #f1edf5;
}
.cover-img {
    width:100%;
    height:200px;
    object-fit:cover;
    }
/****** GLOBALS *****/
.over-x-hidden{
    overflow-x: hidden!important;
}

svg{pointer-events: none!important;}
a:active,a:focus,input:active,input:focus,button:active,button:focus{outline:0!important;-moz-outline-style:none!important;outline-style:none!important}
a {
text-decoration:none!important;
}

body{
    font-family: 'Poppins'!important;
    color: #595959;
}

.color_orange{
color:#e68d34;
}
.bg-sc{
    background-color: #fcf3ea;
}

    .bt {
        text-decoration: none;
        border:none!important;
        display: inline-block!important;
        padding:0.4rem 1.8rem!important;
        transition:all 0.5s;
        
    }
    
    .bt-primary{
        border:2px solid #506369!important; 
        color:#fff!important;
        background-color:#506369!important;
      } 
      
      .bt-gray{
        border:2px solid #a5a5a5!important; 
        color:#fff!important;
        background-color:#a5a5a5!important;
      } 


    .bt-background{
    background-image: url('dist/images/craf-elm.png');
    background-size: 85px;
    background-position: 85%;
    background-repeat: no-repeat;
    }


    .bt-secondary{
        border:2px solid #e6c3bf!important; 
        color:#fff!important;
        background-color: #e6c3bf!important;
    }

    .bt-primary:hover{
        border-color:#e6c3bf!important; 
        background-color: #e6c3bf!important;
    }

 .bt-secondary:hover, .bt-gray:hover {
        border-color:#506369!important;
       background-color:#506369!important;
        } 
    
    
.bdr-30{
border-radius: 30px;
}

.bg_color_1{
background-color: #e6c3bf;
}


    /****** TIPOGRAFIA E CORES ******/
.color_1 {
    color:#506369!important;
   }
   .color_2 {
    color:#273462;
   }

   .color_white {
    color:#fff;
   }
   
.internas h2, .single-post h2,
.internas a, .single-post article a,
.internas strong, .single-post strong
{
    color:#506369!important;
}

.internas.c2 h2, .single-post.c2 h2,
.internas.c2 a, .single-post article.c2 a,
.internas.c2 strong, .single-post.c2 strong
{
    color:#273462!important;
}

.internas h2, .single-post h2,
.internas h3, .single-post h3,

.internas h4, .single-post h4,

.internas h5, .single-post h5{

    margin-top:1.6rem;
    

    }

   /****** TIPOGRAFIA E CORES *****/

/*** HEADER ***/
.dropdown-item{
    white-space:inherit!important;
    }
    .navbar-nav .nav-link{
    color: #818184!important;
    font-size: 1rem;
    }
    
    .nav-link svg{
        fill: #818184 !important;
        }
    .nav-link:hover svg{
        fill: #313444 !important;
        }
    
    .navbar-nav .nav-link:hover,
    
    .navbar-nav .nav-item.active .nav-link {
    
    text-decoration: underline!important;
    
    }

    header{
        background-color:rgba(255, 255, 255, 1)

        }

/***** *BANNERS ********/
#banner {
    position:relative;
    }
    #banner img{
    object-fit: cover;
    height: 100%;
    
   }
#banner .caption{
    position: absolute;         
    top: 50%;
    transform: translate(0, -50%);
    left:15%;
    text-align: left;

}  
.banner-interna{
    position:relative;
}

.caption-interna{

    position:absolute;
  
    top:50%;
  
    left:50%;
  
    transform: translate(-50%, -50%);
  
  }





    .hover-item img{
        filter: grayscale(100%);
        transition:all 0.4s;
        opacity:0.6;
        }
        .hover-item{
        position:relative;
        cursor:pointer;
        color:#fff;
        background-color:#000;
        }
        .hover-item .bt{
        opacity:0.6
        }
        .hover-item .text-h{
            position:absolute;
            top:50%;
            width:65%;
            
        transform: translate(0, -50%);
        }
        .text-h.left{
        left:15%;
        }
        .text-h.right{
        left:15%;
        }
        .hover-item:hover img{
        filter: grayscale(0);
        }
        .hover-item:hover .bt{
        opacity:1
        }


.craft-joia-elm{
background-image: url('dist/images/craft-joia-elm.png');
background-position: center;

background-repeat: no-repeat;
}



.FAQ .accordion-button {
    
    border: none!important;
    background-color: transparent;
    color: #fff
}
.FAQ .accordion-button:focus{
box-shadow: none!important;
}

.FAQ .accordion-button:not(.collapsed) {
   box-shadow: none!important; 
        color: #fff!important;
    background-color: transparent!important;
    
}

.FAQ .accordion-item {
    border: none!important;
    background-color: transparent;
    color: #fff;
}
.FAQ  .accordion-button::after {
    border:1px solid #fff;
    transform: scale(.8) !important;
              background-position:center;
      width:30px;
  height:30px;
  padding:8px;
  border-radius:100%;
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e")!important;
    transform: scale(.7) !important;
  }
  .FAQ  .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e")!important;
  }


  
.page-id-1073 .FAQ .accordion-button {
    
    color: #595959!important;
}
.page-id-1073 .FAQ .accordion-button:focus{
box-shadow: none!important;
}

.page-id-1073 .FAQ .accordion-button:not(.collapsed) {
   
        color:  #595959!important;
   
    
}

.page-id-1073 .FAQ .accordion-item {

    color: #595959!important;
}
.page-id-1073 .FAQ  .accordion-button::after {
    border:1px solid  #595959!important;
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23595959' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e")!important;
    transform: scale(.7) !important;
  }
  .page-id-1073 .FAQ  .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23595959' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e")!important;
  }


        
  .carousel-joias p{
    font-size:0.9rem;
    line-height:1.3
    }
    .left-elm{
        position:absolute;
    left:2rem;
    top:2rem;
    }
    .right-elm{
        position:absolute;
        bottom:1rem;
        right:2rem
    }





/**** PARALLAX *******/

.parallax {

    background-attachment: fixed;

    background-size: cover;

    height: 380px;

    background-repeat: no-repeat;

    background-position: center center;

}
.parallax.home1{
    background-image:url('dist/images/parallax.jpg');
    background-position: top center;
     }

     

.parallax.home2{

background-image:url('dist/images/parallax2.jpg');
}

/********* PARALLAX ENDS ******/
  

.map-responsive {

    padding-bottom: 23%;

    position: relative;

    height: 0px;

    overflow: hidden;

}

.map-responsive iframe {

    left: 0px;

    top: 0;

    height: 100%;

    width: 100%;

    position: absolute;
}  

.bottom-contatos{
background-color:#f4e9e9;
padding:2rem 0;
}


.half-elm-r{
    position:absolute;
    right:0;
    top:15px;
    width:250px;
    }
    .half-elm-l{
        position:absolute;
        left:0;
        top:15px;
        width:250px;
        }
    
    .bg-missao{
    background-color:#506369;
    padding:2rem 2rem 3rem 2rem;
    }
    
    .bg-visao{
    margin-top:-2rem;
    background-color:#98aba7;
    padding:2rem 2rem 3rem 2rem;
    position:relative;
    z-index:2;
    }
    
    .bg-valores{
    margin-top:-2rem;
    background-color:#e6c3c1;
    padding:2rem 2rem 2rem 2rem;
    position:relative;
    z-index:2;
    }
    .bg-valores ul{
        list-style:none;
        padding-left:0;
    }
    .bg-valores ul li{
    margin:1rem 0;
    }
    .vs-about{
    width:50%;
    position:absolute;
    right:8px;
    z-index:1;
    top:-20%;
    }

/**** SLICK SLIDES *****/


.lh-auto{
height:125px;
line-height:20px;
font-size: 0.95rem;
}


.arrow .next, .arrow .prev, 
.arrow .nextb, .arrow .prevb{
position:absolute;
top:50%;
cursor:pointer
}

.arrow .prev, .arrow .prevb{
left:-50px;
}
.arrow .next, .arrow .nextb{
right:-50px;
}


footer{
    background-color:#a5a5a5;
    }
    
    footer a{
    color:#fff!important;
    }
    
    footer svg{
    fill:#fff;
    }
        footer a:hover, footer .nav-link:hover{
            color:#fff!important;
            text-decoration: underline!important;
        }
    
        footer a:hover svg {
    
            fill:#f7f3f2;	
    
        }
    
        footer hr{
            height: 2px;
        background-color: #fff;
        border: none;
    opacity:1;
    margin:0!important;
    }
    
    footer .nav-link{
    
    padding-top:0;
    
    padding-bottom:0.2rem;
    
    padding-left: 0!important;
    
    }

    .nav-footer ul{
padding-left:0!important
        }
        .nav-footer li{
        list-style:none;
        
        }
.icons-footer svg{
fill:#fff;
}
.icons-footer:hover svg{
    fill:#506369;
    }

@media only screen and (max-width:768px){
    .elm{
        opacity: 0.4;
    }
    .arrow .next, .arrow .prev,
    .arrow .nextb, .arrow .prevb
    {
    position:initial;
    margin:40px 10px 0 10px;
    width:35px;
    }
    .icons-footer{
        margin:0 10px;
        }
        footer{
        text-align: center;
        }

        .hover-item .text-h{
            width:90%;
                
            left:5%;
            text-align:center;
        }
        .hover-item img{
            filter:grayscale(0);
            opacity:1;
            height:250px;
            width:100%;
            object-fit:cover;
        margin-bottom:20px;
        }
        .hover-item{
            background-color:#fff;
        }

  }
    @media only screen and (min-width:768px){
        .arrow.hide{
    display: none!important;
        }

   
      .top-bar{
      position: relative;
      top:5px;
      right:20px;
      }

    


            /* the slides */
            .slickFeed.blg .slick-slide {
              margin: 0 50px;
          }
          /* the parent */
          .slickFeed.blg  .slick-list {
              margin: 0 -50px;
          }
  
}


@media only screen and (min-width: 1024px){   
    .internas h2, .single h2{
        font-size:1.7rem;
        } 
        .internas h3, .single h3{
            font-size:1.3rem;
        } 
        .internas h4, .single h4{
            font-size:1.2rem;
        }
        .internas h5, .single h5{
            font-size:1.1rem;
        } 
        .img-logo{
            position:relative;
            top:40px;
            z-index: 9999;
            } 
        .nm-h{
        margin-top:-25px!important;
        }
    }

   
/* ============ OFFCANVAS ============ */
body.offcanvas-active{
    overflow:hidden!important;
   }
   .offcanvas-header{ display:none!important; }
   .screen-darken{
       height: 100%!important; width:0%!important;
       z-index: 30!important;
       position: fixed!important; top: 0!important; right: 0!important; 
       opacity:0!important; visibility:hidden!important;
       background-color:#fff!important;
       transition:opacity .2s linear, visibility 0.2s, width 2s ease-in!important;
   }
   .screen-darken.active{
       z-index:10!important; 
       transition:opacity .3s ease, width 0s!important;
       opacity:1!important;
       width:100%!important;
       visibility:visible!important;
   }
   /* ============ mobile view ============ */
   @media all and (max-width: 991px) {
       .offcanvas-header{ display:block!important; }
       .mobile-offcanvas{
           visibility: hidden!important;
           transform:translateX(-100%)!important;
           border-radius:0!important; 
           display:block!important;
           position: fixed!important;  top: 0!important; left:0!important;
           height: 100%!important; width:80%!important;
           z-index: 1200!important; 
           overflow-y: scroll!important;
           overflow-x: hidden!important;
           transition: visibility .3s ease-in-out, transform .3s ease-in-out!important;
       } 
   .mobile-offcanvas.show{
    visibility: visible!important; 	transform: translateX(0)!important;
       }
      .mobile-offcanvas .container, .mobile-offcanvas .container-fluid{
           display: block!important;
       }
       .bt-trigger {
           border:none;
           fill:#818184;
            background: none;
            position: absolute;
           top: 25px;
           right: 15px;
           }
   }
   
   /* ============ OFFCANVAS END ============ */
      /******* FIX WPP *********/
   /* ANIMATION WPP ***/
      @keyframes OHFixedIcon{ 0% { transform: scale(.5); } 50% { opacity: 1; } 100% { transform: scale(1.2); opacity: 0; } }
          #wpp-flutuante {
        position: fixed!important;
          width: 60px;
          height: 60px;
          bottom: 30px;
         right: 25px;
          z-index: 9999;
          transition: .3s;
          background-color: #25d366;
          background-image: url('dist/images/icon-whatsapp.png');
          background-size: 60%;
          background-repeat: no-repeat;
          background-position: center center;
          -webkit-border-radius: 60px;
          -moz-border-radius: 60px;
          border-radius: 60px;
          cursor: pointer;
          display: inline-block;
          -webkit-transition: all 0.2s ease;
          -moz-transition: all 0.2s ease;
          transition: all 0.2s ease;
      }
      
      #wpp-flutuante:after, #wpp-flutuante:before {
          content: ' ';
          animation: OHFixedIcon 1.5s ease infinite;
          position: absolute;
          opacity: 0;
          border: 4px solid #25D366;
          left: -10px;
          top: -10px;
          right: -10px;
          bottom: -10px;
          -webkit-border-radius: 50%;
          border-radius: 50%;
      }
      
   #wpp-flutuante:after {
          animation-delay: .5s;
      }
   
   /********* FIX WPP ENDS *********/
   @media only screen and (max-width:1400px){
   .lh-auto{
    height:154px;
    }
    #wpp-flutuante{
    bottom:115px;
    }
	           .img-logo{
            position:relative;
        left:-40px;
            } 
}


   @media only screen and (max-width:1024px){
.fix-br br{
display: none;
}
   }
   @media only screen and (max-width:768px){

    header{
    background-color:#fff;
    }
    .caption br{
        display:none;
        }

        #banner .caption{
        position: initial;
        top:10px;
    transform: inherit;
    left:0;
  padding:1rem;
  text-align: center;
        }
        #banner .caption h1{
            color:#818184;
        }
        
        #banner .caption p{
                        color:#273462;
        }
        .slick-dots li button:before  {
            font-size:15px!important;
            color:#818184!important;
            }
            
            .slick-dots li.slick-active button:before
                {
            color:#818184!important;
            }

        #banner .bt-white{
            border:2px solid #818184!important; 
            color:#818184!important;
        } 
        #banner .bt-white:hover{
            border-color:#767676!important;
            background-color:#767676!important;
            color:#fff!important;
        }
        header{
        position:initial!important;
        }
        .map-responsive {

            padding-bottom: 100%;

            }


                .caption-interna{
                    width:80%;
                    top:50%;
                }
                .fix_br br{
                display: none!important;
                }

   }

   @media only screen and (max-width:570px){
   .parallax.home1{
    background-image:url('dist/images/parallax-mobile.jpg');
     }
.parallax.home2{

background-image:url('dist/images/parallax2-mobile.jpg');
}

section, article {
text-align: center;
}
.lh-auto{
    height:auto;
    }

}