@charset "utf-8";

/*------------------------------------------------------------------
[Card Stylesheet]

Project: Website CGC
Version: 1.1
Update:  14/10/19
------------------------------------------------------------------*/

.card {
    border: none;
}

.card-body {
    padding: 1.25rem 0;
}

.card-title {
    font-weight: 600;
    font-size: 1rem !important;
    color: #666768;
}

.card-img-top {
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
    min-height: 25%;
    height: auto;
    width: 100%;
}

    .card-img-top:hover {
        opacity: .90;
    }

#card-with-hover .card {
    min-height: 100% !important;
}

    #card-with-hover .card .card-img-top {
        opacity: 1 !important;
    }

    #card-with-hover .card .card-img-top:hover {
        opacity: 1 !important;
    }

#card-with-hover .card-body {
    background-color: #F7F8F9;
    padding: 3rem !important;
    transition: all .3s !important;
    border-radius: 0.25rem;
}

#card-with-hover .card h3 {
    color: #195b8c;
}

#card-with-hover .card p {
    font-weight: 400 !important;
    line-height: 24px;
    width: 100%;
}

#card-with-hover .card:hover h3 {
    color: white !important
}

#card-with-hover .card:hover p {
    color: white !important;
}

#social-think-carousel .card-body .block-with-text:after {
    background-color: #F7F8F9 !important;
    padding: 1.25rem !important;
    transition: all .3s !important;
}

#carousel-section #card-with-hover .card p {
    line-height: 1.3rem;
}

#card-with-hover .card:hover .card-body,
#card-with-hover .card:hover .block-with-text:after {
    background-color: #195b8c !important;
}




.card-blog-hover .card {
    min-height: 100% !important;
}

.card-blog-hover .titulo {
    color: #195b8c !important;
    font-weight: 600;
   /* transition: all .3s;*/
}

.card-blog-hover:hover .card-body,
.card-blog-hover:hover .titulo,
.card-blog-hover:hover .date-blog,
.card-blog-hover:hover .card-text {
    /* background-color: #195b8c !important;
    color: #175175 !important;
    color: #FFF !important;*/
    opacity: .90;
}

.card-blog-hover .card-body{
  /*  padding-left:2rem;
    padding-right:2rem;*/
}