/*
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-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: url('dist/fonts/poppins-v20-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         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-family: 'Poppins';
    font-style: italic;
    font-weight: 400;
    src: url('dist/fonts/poppins-v20-latin-italic.eot'); /* IE9 Compat Modes */
    src: local(''),
         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-800 - latin */
  @font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 800;
    src: url('dist/fonts/poppins-v20-latin-800.eot'); /* IE9 Compat Modes */
    src: local(''),
         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 */
  }

@media only screen and (min-width: 1024px){   
.img-logo{
position:relative;
top:10px;
}
.internas h2, .single article h2{
 font-size:1.4rem!important;
} 

.internas h3, .single article h3{
  font-size:1.2rem!important;
} 
.internas h4, .single article h4{
 font-size:1.1rem;
}
.internas h5, .single article h5{
 font-size:1.05rem!important;
} 
.dropdown-menu.show{
  width:300px!important;
}
.caption-interna{
  width:500px;
 }
}

/****** GLOBALS *****/
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}
a {
text-decoration:none!important;
}

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



 /***** PAGINACAO ****/
.pagination {
    display:block!important;;
    margin-top:2rem;
}
.pagination .page-numbers, .pagination .page {
     margin: 0 10px 25px;
    display:inline-block;
    padding: 10px 15px;
    border:1px solid;
    border-radius:8px;
    transition:all 0.2s;
}
.pagination .page-numbers:hover, .pagination .page:hover, 
.page-numbers.current {   
            color:#fff;
           text-decoration:none;
}   


/*** PAGINACAO ENDS ***/
.FAQ .accordion-button{
    background-color: transparent;
    border:none!important;
}
.FAQ .accordion-button:not(.collapsed){
    box-shadow: none!important;
    background-color: transparent!important;
}
.FAQ .accordion-item {
    margin-bottom: 1rem!important;
      border-radius: 30px!important;
}

  .FAQ  .accordion-button::after {
    background-color: #fff!important;
    border:1px solid #fff;
    background-position:center;
    width:30px;
    height:30px;
    padding:8px;
    border-radius:100%;
      
  }

.FAQ .accordion-button:focus{
    box-shadow: none!important;
}


.color_gray{
color:#303030;
}

header a{
    transition: all 0.4s;
}


/***** *BANNERS EDS ********/
.share-links .fa-whatsapp {
 fill:	#25D366;
}
.share-links .fa-facebook {
 fill:#3b5998;
}
.share-links .fa-linkedin-in {
 fill:#0072b1;
}
hr.line-breaker {
     opacity:1;
     margin:0!important;
 }
 
 article p{
 font-size:18px;	
 }
 
 .bt{
 display:inline-block;
 transition: all 0.4s;
 padding:0.5rem 2rem;
 border-radius:30px;
 }

 .color_white{
 color:#fff;
 }
 .color_white a{color:#fff;}
 .formB .form-control{
 border-radius:30px;
 padding-left:1rem
 }
 .formB .wpcf7-not-valid-tip{
     padding-left:1rem!important;
     margin:10px 0!important;
     color:#fff!important;
 }
 .wpcf7-response-output{
border:none!important;color: #fff!important;
 }
 .bt-send{
    display:inline-block;
 
    border:none;
    padding:0.5rem 2rem;
    border-radius:30px;
    color:#273462;
    transition: all 0.4s;
    }
    .wpcf7-spinner{
    position:absolute!important;
    }

 
/* 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%;

}





#wpp-flutuante:after {

animation-delay: .5s;

}

@media only screen and (max-width:768px){
article{
text-align: center!important;
}
}