/*================= 4.3 - BLOG CATEGORIES - INICIO=============*/

.Blog {
    background-color: #fff;
}

    .Blog > div {
        background-color: #FFF;
    }

    .Blog .month {
        text-transform: capitalize;
    }



.Separador {
    background-color: #a7a7a8;
    height: 1px;
}

.Reference > .name {
    font-style: italic;
}

.shareSocial {
    padding: 10px 0px;
}

    .shareSocial:last-child {
        text-align: right;
    }

/*================= 4.3.1 - BLOG CATEGORIES - INICIO=============*/
#title_Category {
    cursor: pointer;
}


.BlogCategories {
    padding: 10px 50px;
    background-color: #f1f1f2;
}

    .BlogCategories > .LastPosts > .BloggSummary {
        margin-bottom: 15px;
    }

        .BlogCategories > .LastPosts > .BloggSummary > p {
            display: inline;
            margin: 0;
        }

    .BlogCategories .Separador {
        margin: 35px 0px;
    }


.BlogPostsList {
    padding: 5% 0 5% 0;
}

@media (min-width: 767px) {
    .BlogPostsList > .BlogPost {
        padding-right: 40px;
        padding-left: 40px;
    }
}

@media (max-width: 767px) {
    .BlogPostsList > .BlogPost {
        padding-right: 2em;
        padding-left: 2em;
    }
}

@media (max-width: 468px) {
    .BlogPostsList > .BlogPost {
        padding-right: 1em;
        padding-left: 1em;
    }
}

.BlogPostsList > .BlogPost {
    z-index: 10;
}

    .BlogPostsList > .BlogPost > a {
        display: block;
        /*background-image: url('/Css/images/SVG/ponto.svg');
            background-position: -9px center;
            background-repeat: no-repeat;
            background-size: auto 20px;*/
        position: relative;
    }

        .BlogPostsList > .BlogPost > a:hover,
        .BlogPostsList > .BlogPost > a:focus,
        .BlogPostsList > .BlogPost > a:active,
        .BlogPostsList > .BlogPost > a:visited {
            text-decoration: none;
        }

        .BlogPostsList > .BlogPost > a > h1 {
            font-size: 2rem;
            padding-bottom: 3%;
        }

        .BlogPostsList > .BlogPost > a > .dot {
            height: 20px;
            position: absolute;
            left: -10px;
            top: 5px;
            display: none;
        }

    .BlogPostsList > .BlogPost > * {
        line-height: 1.6;
        /* text-align: justify; */
    }


.BlogPost h1,
.BlogCategories > h2 {
    color: #f1912d;
    font-size: 24px;
}

.BlogPost .Meta {
    margin-top: 15px;
}

.BlogPost .ReadMore {
    text-align: right;
}

    .BlogPost .ReadMore a {
        color: #f1912d;
        font-weight: 600;
    }

.BlogPost hr {
    margin-top: 0px;
    height: 1px;
}

.fotoGallery {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
}

.back,
.back:hover {
    background-color: #f0ad4e;
    color: #FFF;
    padding-left: 25px;
    background-image: url('/Css/images/SVG/voltarAtras.svg');
    background-position: 5px center;
    background-repeat: no-repeat;
    background-size: auto 55%;
}

    .back:hover {
        background-color: #ec971f;
    }
/*================= 4.3.1 - BLOG CATEGORIES - FIM=============*/

/*================= 4.3.2 - BLOG COMMENT FORM- INICIO=============*/
.BlogComments {
    padding: 0px 40px;
}

    .BlogComments > .BlogComment {
        margin-top: 30px;
    }

        .BlogComments > .BlogComment:last-child {
            margin-bottom: 10px;
        }

.TitlePost {
    font-size: 16px;
    font-weight: 600;
}

.lateralFormComment {
    background-color: #efeff0;
    border-radius: 5px;
}

@media (min-width: 768px) {
    .lateralFormComment {
        margin-left: 40px;
        margin-right: 40px;
    }
}

@media (max-width: 768px) {
    .lateralFormComment {
        margin-left: 0px;
        margin-right: 0px;
    }
}



.lateralFormComment > h2 {
    padding: 1.2rem 40px 1rem;
    margin: 0;
}

.lateralFormComment .FormComent {
    padding-right: 40px;
    padding-left: 40px;
}

.bottomFormComment .FormComent {
    margin: 0px 40px;
    padding: 25px;
}

.FormComent {
    /*margin: 0px 40px;*/
    padding: 25px 0px;
    background-color: #efeff0;
    border-radius: 5px;
}

    .FormComent label {
        color: #6d6e71;
        font-weight: normal;
    }

    .FormComent .ErrorMsg {
        margin-top: 10px;
        color: #E74710;
    }

    .FormComent input[type=text],
    .FormComent input[type=email],
    .FormComent textarea {
        border: none;
        padding: 5px;
        width: 100%;
        max-width: 100%;
        border-radius: 5px;
        resize: vertical;
    }

    .FormComent .row .form-Left img {
        width: 100%;
        height: 30px;
    }

    .FormComent .btn {
        margin-top: 23px;
    }

.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    margin: 5% 0 5% 0;
}

/*================= 4.3.2 - BLOG COMMENT FORM - INICIO=============*/

/*================= 4.3 - BLOG CATEGORIES - FIM=============*/