/*

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

*/


.rmp-heading--title{
  color: #b89962!important;
  font-size: 1.4rem!important;
}
.rmp-rating-widget .rmp-icon--ratings{
  font-size:1.5rem!important;
}
/****** GLOBALS *****/
.w-100 {
width:100%!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: 'Roboto', sans-serif!important;

}
.color_1{
color:#b89962!important
}
.bold{
font-weight:bold!important;
}
.btn-primary
 {

  padding:0.3rem 0.8rem!important;
}
/****** GLOBALS ENDS *****/

/******** BLOG FEED AND PAGE ********/
.archive ul {
list-style:none;
color:#fff;
display:inline-block;
padding:1rem 0 0;
}
.img-fluid{
max-width: 100%!important;
height: auto!important;
}

.archive a{
color:#fff;
}
p{
line-height:inherit!important;
}

.pagination {

    display:block;

    margin-top:2rem;

    }

    .pagination .page-numbers, .pagination .page {

    background-color:#0a3d9a;

        margin: 0 10px 25px;

    display:inline-block;

        padding: 10px 15px;

        color: #fff;

    border:1px solid transparent;

    }

    

    .pagination .page-numbers:hover, .pagination .page:hover, 

    .page-numbers.current

    {

        background:#fff;

        color:#0a3d9a;

    text-decoration:none;

    border-color:#0a3d9a;

    }

    .pagination {

    margin-bottom:2rem;

    }

    .blog-row {
    margin:2rem 0;
    }

    .bfeed{

        min-height:100%;

        object-fit:cover;

        object-position:left;

        border-radius:8px;

            

        }
.text-color{
color:#232323;
}
.share-links a{
	font-size:1.6rem;
margin:5px
}
.share-links .fa-whatsapp {
fill:	#25D366;
}
.share-links .fa-facebook {
fill:#3b5998;
}
.share-links .fa-linkedin-in {
fill:#0072b1;
}

        .img-feed img {

            max-width:60px!important;

            height: auto;

        }
.text-feed{
    position: absolute;
    width: 260px;
    left: 75px;
}

.pbc-5 h2 {
font-size:2rem!important;
}

.pbc-5 h3 {
    font-size:1.8rem!important;
    }

    .pbc-5 h4 {
        font-size:1.6rem!important;
        }
        .pbc-5 h5 {
            font-size:1.5rem!important;
            }

.pbc-5{
    padding:3rem 1rem;
    }
.img-feed img {
    max-width:100%;
    object-fit:cover;
    height:80px;
}

.blog-feed img{
    object-fit: cover;
    height:100px;
    }

    .wp-block-image img {height:auto!important;}



#banner-blog{
position:relative;
margin-top:133px;

}
.form-blog{
background-color:#b89962;
margin-bottom:30px;
}
.form-blog h2{
font-size:1.3rem!important;
padding:1.5rem 1rem 0 1rem;
text-align:center;
	color:#fff;
}
#llCaptureForm div{
padding:0!important;
}
  #llCaptureForm.llformCustom > div > input,
  #llCaptureForm.llformCustom > div > select{
  border-radius:4px!important;
  margin:5px 0!important;
  height:35px!important;
	
}
.sidebar{
    margin-top:2rem;
}
.sidebar h6{
font-size:1rem!important;
color:#b89962;
}
.text-feed{
font-size:0.8rem;
color:gray;
}
.sidebar a{
text-decoration:none!important;
}
#banner-blog .caption {
    position:absolute;
    width:80%;
    left:10%;
    top:50%;
    transform: translate(0, -50%);
    
    }
    
#banner-blog .caption span{
display:block;
font-size:2.5rem;
line-height:40px;
	color:#b89962;
}
.bt-seo{
display:inline-block;
background-color:#b89962;
margin-top:20px;
padding:0.4rem 1rem 0.6rem;
color:#fff;
    border: 2px solid transparent;
    border-radius: 50px;
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease;
}


.bt-seo:hover{
    background-color: #fff;
    color: #b89962;
    border: 2px solid #b89962;
text-decoration:none;
}
/********** ABOUT BOX MOBRISE */
.about-box {
    background-color:#EEE;
    padding:1rem 1rem 0.2rem;
    margin-bottom:1rem;
    
    }
.img-fluid{
max-width: 100%;
height: auto;
}

.about-box .col-md-3{
width:25%;
}
.about-box .col-md-9{
    width:75%;
} 
    
    .about-box h3{
    font-size:1rem!important;
    }
    .about-box .link-name{
    display:block;
    line-height:10px;
    }
    .about-box p{
    margin-top:10px;
    font-size:0.92rem;
    line-height:20px
    }
       
@media only screen and (max-width:768px){
    .img-feed img { 
max-width: 100%!important;
text-align: center;
margin:10px auto;
    }
    .text-feed{
        position:inherit;
        width:100%;
        left:inherit;
    }   

    #banner-blog .caption {
        width:100%;
        left:0;
        padding:0 0.5rem;
        }
        #banner-blog .caption span{
    font-size:1.5rem;
    line-height: 25px;
    
        }
    .form-blog{
    margin-top:1rem;
    }
    .about-box .col-md-3{
        width:70%;
        margin:auto;
        padding-bottom:2rem;
        }
        .about-box .col-md-9{
            width:100%;
        } 
        #banner-blog{
            
            margin-top:60px;
            
            }
}    

    /******** BLOG FEED AND PAGE ********/


    @media only screen and (min-width:425px){	
        .crop-img img{
        object-fit:cover;
        height:250px!important;
        
        } 
            .crop-img.top img{
        object-position:top;
        }
            .crop-img.bottom img{
        object-position:bottom;
                }

   

            }