/*
 Theme Name:   bootScore Child
 Description:  bootScore Child Theme
 Author:       bootScore
 Author URI:   https://bootscore.me
 Template:     bootscore-main
 Version:      5.3.0
 Text Domain:  bootscore
*/

/* 
All style editing is done via scss/_bscore_custom.scss
*/

a {
    text-decoration: none;
}

.fixed-top {
	background: rgba(0, 0, 0, 0) !important;
}
.fixed-top a {
	color: #fff;
}
.fixed-top a:hover {
	color: #f8c21b;
}
#nav-main {
	background: rgba(0, 0, 0, 0.4);
}
.homestream {
	position: relative;
}
.homestream:before {
    content: " ";
    position: absolute;
    left: -600rem;
    bottom: 0;
    width: calc(100vw + 600rem);
    height: 100%;
    background: rgb(37, 40, 76);
}

footer .inner .logo-footer {
    height: 84px;
    padding-top: 16px;
    margin: 0 auto;
}

footer .bg-body-tertiary {
    background-color: #000;
}

footer .pt-5 {
    padding-top: 16px !important;
}

footer .container .logo-footer{
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;

}

footer .container .logo-footer img{
	width: 25%;
	margin-right: 80px;
    vertical-align: middle;
}



footer .logo-footer .logo-footer-icon {
    width: auto;
    height: 35px;
    margin-right: 18px;
    vertical-align: middle;
}

footer .guide{
	padding-top: 27px;
	display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    font-size: 16px;
    line-height: 22px;
}

footer .guide a{
	color: #ffffff;
	text-decoration: none;
}

footer .guide>div {
    margin-right: 37px;
}

footer .guide>div:last-child {
    margin-right: 0;
}

footer .bootscore-info .container .bootscore-copyright{
    color: #ffffff;
    font-size: 14px;
}

footer .bootscore-info.py-2{
    padding-bottom: 25px !important;
}

body.category .site{
	background: #f0f1f6;
	height: auto !important;
}

#bootscore-navbar .nav-link.active {
	color: #fff;
    background: #f8c21b;
	border-radius: 4px;
}
#bootscore-navbar {
	font-weight: 600;
}

.main-categori-post{
	padding-top: 120px;
}

.layoutPage-blog .container-fluid .heading-page h1{
	padding-bottom: 8px;
    color: #000;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 24px;
}

.blog-loop{
	display: block;
    position: relative;
    width: 100%;
    margin-bottom: 20px;
    padding: 24px 37px 23px 34px;
    background: #fff;
    border-radius: 10px;
    cursor: pointer;
    zoom: 1;
}

.blog-post-title a{
    font-size: 20px;
    font-weight: 800;
    color: #000;
    text-decoration: none;
}

.category .entry-content, 
.single-post .entry-content{
	line-height: 26px;
    font-size: 18px;
	color: #000;
	margin-bottom: 0;
}

.hot-news{
	padding: 22px 24px 0px 24px;
	border-radius: 10px;
    background: #fff;
}

.hot-title{
	font-size: 20px;
   	font-weight: 700;
}

.hot-news .hot-title .arrow {
    position: relative;
    display: inline-block;
    width: 13px;
    height: 14px;
    background: #f8c21b;
    vertical-align: middle;
}

.hot-news .hot-title .arrow:before {
    content: '';
    position: absolute;
    top: 0;
    right: -13px;
    border: 7px solid transparent;
    border-left-color: #f8c21b;
    border-left-width: 6px;
}

.hot-news .hot-title span {
    display: inline-block;
    margin-left: 15px;
    vertical-align: middle;
}

.hot-content .list-blogs-latest .item-article{
	margin-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
}

.hot-content .list-blogs-latest .item-article:last-child{
	border-bottom: none;
}

.hot-content .list-blogs-latest .item-article .post-content h3{
	margin-bottom: 15px;
	line-height: 1;
}

.hot-content .list-blogs-latest .item-article .post-content h3 a{
    font-size: 16px;
    text-decoration: none;
    color: #000;
    font-weight: 400;
}

.hot-content .list-blogs-latest .item-article .post-content .post-meta {
	margin-bottom: 0rem;
}

.hot-content .list-blogs-latest .item-article .post-content .post-meta span{
	font-size: 14px;
	color: #000;
}

.image-cover img{
	bottom: 0;
    font-family: "object-fit: cover;";
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

.image-cover{
	background-position: 50% 50%;
    background-size: cover;
    height: auto;
    overflow: hidden;
    padding-top: 100%;
    position: relative;
}

.sidebar-blog .widget_block{
	padding: 0;
    border: none;
}

body.single-post .site{
	background: #f0f1f6;
	height: auto !important;
}

.content_single_post{
	padding-top: 120px;
}

.content_single_post .entry-content{
	text-align: justify;
	font-size: 16px;
}

.content_single_post .entry-header h1{
	font-size: 30px;
}

.content_single_post time:nth-child(3), .content_single_post .time-updated-separator{
	display: none;
}

.content_single_post .entry-meta .text-body-tertiary{
	color: #000 !important;
	font-size: 16px;
}

.content_single_post .entry-meta .text-body-tertiary .byline .author a{
	color: #000;
    text-transform: uppercase;
}

.content_single_post .entry-header .category-badge a{
	background-color: #000 !important;
	color: #fff !important;
	padding: 10px 10px;
    text-transform: uppercase;
}

.content_single_post .content-area .row main.site-main{
	padding: 22px 24px 20px 24px;
    border-radius: 10px;
    background: #fff;
    margin-bottom: 30px;
}

.content_single_post header.entry-header{
	padding-bottom: 10px;
    border-bottom: 1px solid #f0f1f6;
    margin-bottom: 20px;
}