/* Theme Name: Shantal Marketing Médico
Text Domain: Shantal Marketing Médico
Version:4.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/ */



        /****** TYPO CORES E BOTOES *****/
        .primary-color{color:#008292 }
        .secondary-color{color:#073d44}
        .white-color{color: #fff!important;}
        .banner-title{color:#fff}
        .fill-primary{fill:#008292}
        
        
        .bt{
            text-decoration: none;
            border:none!important;
            display: inline-block!important;
            padding:0.4rem 1.8rem!important;
            transition:all 0.5s;
            border-radius: 30px;
        }
        .bt-primary{
            color:#fff;
            background-color:#008292 ;
        }
        .bt-primary:hover{
            background-color:#073d44 ; 
        }
        .bt-white:hover{
            color:#fff;
        }
        .bt-secondary{
            color:#fff;
            background-color:#073d44;
        }
        .bt-secondary:hover{
            background-color:#008292 ;
        }

        .bt-white{
        background-color: #fff;
        color:#073d44;
        border:2px solid #073d44!important;
        } 
            .bt-white:hover{
          background-color:#008292 ;
           color:#fff;
        }
        
        .bdr-30{
            border-radius: 30px;
        }
    
        .bt-collapse.collapsed:after  {
            content: 'Ler mais';
        
        }
        .bt-collapse {
        text-decoration:none!important;
        }
        .bt-collapse:not(.collapsed):after {
            content: '-fechar';
        }
        /**** CORES E BOTOES ENDS ****/
        h1.archive ul{
            padding-left:0;
            }
        h1.archive{
        font-size:2rem;
                }
        h1.archive li{
        list-style:none;
        
        }
        h1.archive li a{
        color:#fff;
        font-size:1rem;
        }
        .cat{
            list-style:none;
        }
    /******* *BGS E ELEMENTOS *****/
    .bg-primary-color{
        background-color: #008292;
        }   
        
    .bg-secondary-color{
        background-color: #c5e4e7;
        }
        .bg-primary-color-lighter{
        background-color: #e4f2f5;
        }

        .bg-add-section{
            background:linear-gradient(to bottom, #fff 0, #fff 90%,  #e4f2f5 90%, #e4f2f5 100%)
        }       
        .bg-add-section-inv{
            background:linear-gradient(to top, #fff 0, #fff 120px,  #e4f2f5 120px, #e4f2f5 100%)
                    }
 @media (max-width:768px){
    .bg-add-section-inv{
        background:linear-gradient(to top, #fff 0, #fff 50px,  #e4f2f5 50px, #e4f2f5 100%)
                }
 }
    /******* *BGS E ELEMENTOS ENDS *****/


        
        /***** HEADER *******/
        .navbar-nav .nav-link{
            color: #073d44!important;
            white-space: nowrap;
            
        }
        .nav-link{
            font-weight:500!important;
            font-size:1rem!important;
            text-transform: uppercase;
        }
    a.primary-color:hover{
        color: #073d44!important;
    }
        .dropdown-item{
            white-space: wrap!important;
        }
        .nav-link svg, .fill-svg{
            fill: #008292  !important;
        }
        .nav-link:hover svg {
            fill: #073d44 !important;
        }
        #navbar_main .redes-menu a svg{
            fill:#0a3d9a;
        }
        #navbar_main .redes-menu a:hover svg{
            fill:#073d44;
        }
    
        .navbar-nav .nav-link:hover,
        .navbar-nav .nav-item.active .nav-link,
        .nav-link:hover,
        .nav-link.active    {
            color: #008292  !important;
        }
      
    
    
    /* ****** OFFCANVAS ****** */
        /* ============ mobile view ============ */
        @media all and (max-width: 991px) {
       .mobile-offcanvas{
            background-color: #008292!important;
        } 
        .bt-trigger {
        fill:#fff ;
        }  
        .navbar-nav .nav-link{
           color: #fff!important;             
        }
    }
    

   
    @media only screen and (max-width:768px){
        header{
            background-color:#fff;
            
        } 

    #banner .caption h1, #banner .caption h2{
    color:#008292 !important;
    }
    #banner .caption span{
        color:#073d44!important
    }
    
    #banner .caption .bt-white{
    background-color:#008292 ;
    }
    }
    /***** *BANNERS EDS ********/


    
    /******** *INTERNAS ******/

.internas h2, .single-post article h2{
color:#008292;
}
 
    .internas ul li::before{
    background-color:#008292 ;

    
    }
       

    
@media (max-width:768px){
	article, section, footer{
		text-align:center!important;
	}
article ul{
text-align: left!important;
}

#banner .bt-white{
    color:#fff;
    background-color:#073d44;
    }
}

    /******* *FAQ *******/
    .FAQ .accordion-button{
        color:#fff!important;
        background-color: transparent;
        border:none!important;
        }
        .FAQ .accordion-button:not(.collapsed){
        box-shadow: none!important;
        background-color: transparent!important;
        }
        .FAQ .accordion-item {
              border: none!important;
              background-color:#008292!important;
              color: #fff !important;
              margin-bottom: 1rem!important;
              border-radius: 30px !important;
            
            }
            .FAQ .accordion-button::after {
        border:1px solid #fff;
        transform: scale(.8) !important;
        background-position:center;
        width:30px;
        background-color: #fff;
        height:30px;
        padding:8px;
        border-radius:100%;
        background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23008292' 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='%23008292' 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;
        }
        .FAQ .accordion-button:focus{
        box-shadow: none!important;
        }
    
    
    
        .FAQ.scnd .accordion-item{
            background-color:#073d44!important;
        }
        .FAQ.scnd .accordion-button::after {
            background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%233b3b3b' 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;
        }
        .FAQ.scnd .accordion-button:not(.collapsed)::after {
            background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%233b3b3b' 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;
            }
       
    




/******** *INTERNAS ENDS ******/
    

    /***** FOOTER *******/
    footer{
        background-color:#073d44;
        color:#fff!important;
    }
    .nav-footer ul{
    list-style: none;
    padding-left: 0;
    }
    

    footer a{
    color:#fff;
    }

    footer a:hover{
    color:#008292 
    }
    footer svg{
        fill:#fff;
    }
    footer a:hover svg{
    fill:#008292 
    }


    /***** FOOTER ENDS ****/
  
        

        
        .slick-item-blog .cover-img{
        border-radius:15px;
        
        }

.img-feed  img{
    height:60px;
    width:100%;
    object-fit: cover;
}
        
        .blg-bx p{
        padding:0 1.5rem
        }
              
    @media screen and (max-width: 768px) {
        .video-sec{
                        
            background-position:center;
            background-size:cover;
        }
    }
        

            
            
            .caption-img{
                position:absolute;
                bottom:18%;
                left:8%;
                width:100%;
            }
            .caption-img h3 span{
                color:#fff;
                padding:0 1rem 0.2rem;
                    border-radius:15px;
                display:inline;
               background-color:#008292 ;
                line-height:50px;
                font-size:1.3rem
            }



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