/*--------------------------------
Site Name	: jnaveen
Autor		: J Naveen
URL 		: www.jnaveen.com
--------------------------------*/

@import "css/reset.css"; 
@import "css/bootstrap-grid.min.css"; 
@import "css/animations.css"; 
@import "css/perfect-scrollbar.css"; 
@import "css/owl.carousel.css"; 
@import "css/magnific-popup.css"; 
@import "css/main.css"; 
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


p, .info-block-w-icon .ci-text p, .has-list li { color: #fff; font-size: 14px; }
.col-2 { width: 50%;  padding: 7px; overflow: hidden; float: left; }
.page { background-color: #121318; }
.page-content, ul.main-menu  { background: #282a33; }
.animated-section { background-color: #3b3d52; }
.label_title { min-width: 150px; float: left; }
.fun-fact {
    background: #04b4e0;
    border: 2px solid #04b4e0
}
.fun-fact i, .fun-fact-block-value, .lm-info-block i { color: #fff; }
.info-list li a { color: #d5d5d5; }
.info-list li a:hover, .lm-info-block a:hover { color: #fff;  }
.lm-info-block { background-color: #04b4e0; }
.lm-info-block a { color: #eee; }
.portfolio-grid figure a { position: relative; }
.portfolio-grid figure img { height: 130px; }
.single-page-content .post-content { background-color: #333; }
.project-description { padding: 0px 0 35px 0; }
.project-description h5 { margin: 20px 0 10px 0; }
.has-list { padding-left: 15px; }
.has-list li { padding-bottom: 5px; list-style-type: disc; }
.lmpixels-arrows-nav { cursor: pointer; }
.portfolio-filters li.active a { border-bottom: 1px solid #fff; color: #fff; }
.header-buttons .btn-primary { background-color: #007bff; border-color: #007bff; }
.blog-card { background: #282a33; }
.blog-card .blog-item-title { height: 48px; }
.blog-card .media-block a .mask:after { content: "\e81b" }
.portfolio-filters li a {  font-size: 15px; font-weight: 500;; }
.contact-buttons a { font-weight: 500; line-height: 24px; }
.contact-buttons a.btn-green, .contact-buttons a.btn-green:focus { background-color: #54ca68; border-color: #54ca68; }
.contact-buttons a.btn-green:hover { background-color: transparent; color: #54ca68; border-color: #54ca68; }
.contact-buttons a.btn-orange, .contact-buttons a.btn-orange:focus { background-color: #dbb026; border-color: #dbb026; }
.contact-buttons a.btn-orange:hover { background-color: transparent; color: #dbb026; border-color: #dbb026; }
i.contact-btn-icon { font-size: 24px; padding-right: 15px; float: left; }
.skill-90 .skill-percentage { width: 90%; }
.skill-88 .skill-percentage { width: 88%; }
.skill-85 .skill-percentage { width: 85%; }
.skill-80 .skill-percentage { width: 80%; }
.skill-70 .skill-percentage { width: 70%; }
.skill-75 .skill-percentage { width: 75%; }
.skill-60 .skill-percentage { width: 60%; }

.badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem;
}
.badge {
    display: inline-block;
    padding: .3em .6em;
    font-size: 100%;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.badge-primary {
    color: #fff;
    background-color: #007bff;
}
.badge-success {
    color: #fff;
    background-color: #28a745;
}

.main-logo { margin: 0 auto 30px auto; }
.main-logo img { margin: 0 auto; height: 135px; }

.divider.current-position .preloader-animation { background-color: transparent; top: 12px; }
.btn-success { background-color: #25D366; border-color: #25D366; }
.btn-success:hover { border-color: #25D366; background-color: transparent; }

@media screen and (max-width: 767px) {
    .portfolio-grid figure img { object-fit: cover; }
    .single-page-content { padding: 20px; }

}