/*! * Theme Name: HackersListco * Theme URI: https://www.hackerslist.co * Author: HLco Team * Author URI: https://www.hackerslist.co Description: WP custom website HackersList.co * Version: 2.0.0 * Tested up to: 5.4 * Requires PHP: 5.6 * License: GNU General Public License v2 or later * License URI: LICENSE * Text Domain: hlco * Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready **/


body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px
}
.hlco a {
    text-decoration:none;
    color: #23519e;
}
.hlco .bg-light {
    box-shadow:0 0 4px 0 rgba(0,0,0,.08),0 2px 4px 0 rgba(0,0,0,.12)
}
.hlco .hlco-pages p {
    margin:0 0 9px;
    font-size:14px;
    line-height:18px
}
.hlco .hlco-index p {
    margin:0 0 10px;
    font-size:15px;
    line-height:20px
}
/**
 * HLco Navbar Style
 **/
.hlco .navbar a {
    font-size: 16px;
    font-weight:600;
    color:rgba(0,0,0,.9);
    -webkit-transition:color .3s ease-out;
    transition:color .3s ease-out
}
.hlco .navbar a:hover {
    color:#00b9eb
}
/**
 * HLco Btn Style
 **/
.hlco a.btn-hlco {
    background:-webkit-linear-gradient(top, #fc8c14 0, #f77d0e 100%);
    background:linear-gradient(to bottom, #fc8c14 0, #f77d0e 100%);
    border:1px solid #f77d0e;
    color:#F7F7F7 !important;
    font-weight:700;
    text-shadow:0 -1px transparent
}
.hlco a.btn-hlco:hover {
    background:#f77d0e;
    color:#f7f7f7
}
.hlco button.btn-hlco {
    background:-webkit-linear-gradient(top, #fc8c14 0, #f77d0e 100%);
    background:linear-gradient(to bottom, #fc8c14 0, #f77d0e 100%);
    border:1px solid #f77d0e;
    color:#F7F7F7 !important;
    font-weight:700;
    text-shadow:0 -1px transparent
}
.hlco button.btn-hlco:hover {
    background:#f77d0e;
    color:#f7f7f7
}
.hlco .btn-page {
    width: 30%;
    background:-webkit-linear-gradient(top,#fc8c14 0,#f77d0e 100%);
    background:linear-gradient(to bottom,#fc8c14 0,#f77d0e 100%);
    border:1px solid #f77d0e;
    color:#F7F7F7;
    font-weight:700;
    text-shadow:0 -1px transparent
}
.hlco .btn-page:hover {
    background:#f77d0e;
    color:#f7f7f7
}
.hlco .btn-post {
    background:-webkit-linear-gradient(top,#fc8c14 0,#f77d0e 100%);
    background:linear-gradient(to bottom,#fc8c14 0,#f77d0e 100%);
    border:1px solid #f77d0e;
    color:#F7F7F7;
    font-weight:700;
    text-shadow:0 -1px transparent
}
.hlco .btn-post:hover {
    background:#f77d0e;
    color:#f7f7f7
}
/**
 * HLco CTA Style
 **/
.hlco-cta {
    background-color:#e9ecef;
    border-radius:5px;
    padding:30px 0
}
/**
 * HLco Banner Style
 **/
.hlco .hlco-banner {
    position:relative;
    background-color:#23519e;
    padding-top:8rem;
    padding-bottom:8rem
}
/**
 * HLco Box Style
 **/
.hlco-box {
    margin: 3rem 0
}
.hlco-box .hlco-icon {
    width:100px;
    height:100px;
    display:block;
    margin:0 auto;
    background:#23519e;
    color:#fff;
    border-radius:50%;
    font-size:3em;
    padding:0.8rem
}
.hlco-box a:hover {
    text-decoration:none
}
.hlco-box .hlco-title {
    display:block;
    color:#000;
    font-weight:600;
    text-decoration:none
}
.hlco-box .hlco-desc {
    display:block;
    color:#161e2c;
    padding:0 1.5rem
}
/*
.hlco-categories .list-group-item a:hover,
.hlco-sidebar-widget .hlco-recent-post .list-group-item a:hover,
.hlco-tags a:hover{color:#00b9eb}
.hlco-sidebar-widget .hlco-recent-post{
	padding-left:0
}
.hlco-sidebar-widget .hlco-recent-post img{width:60px;padding-right:10px}
.hlco-categories .list-group-item a,
.hlco-sidebar-widget .hlco-recent-post .list-group-item a,
.hlco-tags a{color:#024d2e}
.hlco-sidebar-widget .hlco-widget-title{text-decoration:underline}*/
/**
 * HLco Hackers Content Style
 **/
.hlco-hackers article header img {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    border: 1px solid #23519e
}
.hlco-hackers .hlco-rating {
    text-align: center;
}
.hlco-hackers h1 {
    font-size: 20px
}
.hlco-hackers h2 a {
    color: #26519e
}
.hlco-hackers input.btn-info {
    background: -webkit-linear-gradient(top, #fc8c14 0, #f77d0e 100%);
    background: linear-gradient(to bottom, #fc8c14 0, #f77d0e 100%);
    border: 1px solid #f77d0e;
    color: #F7F7F7;
    font-weight: 700;
    text-shadow: 0 -1px transparent;
}
.hlco-hackers input.btn-info:hover {
    border: 1px solid #fc8c14;
    color: #111111;
    font-weight: 700;
    box-shadow:0 0 0 .2rem rgba(0,0,0,.25)
}
.hlco-hackers input.btn-info:focus {
    color:#F1F1F1;
    border:1px solid rgba(38,81,158,.8);
    box-shadow:0 0 0 .2rem rgba(0,123,255,.25)
}
/**
 * HLco Page Content Style
 **/
.hlco-hiw {
    background-color: #FDFDFD;
}
.hlco-pages h1, .hlco-pages h2 {
    font-size:25px;
    line-height:1.2;
    margin: 2px 0
}
.hlco-index .hlco-excerpt h1 {
    text-align:left
}
.hlco-index .hlco-excerpt h1 a {
    background-color:transparent;
    font-family:inherit;
    font-weight:500;
    color:#23519e;
    font-size:32px;
    line-height:1.2;
    margin:10px 0
}
.hlco-pages .tags span {
    background-color:#6c757d;
    color:#fff;
    padding:.5rem;
    margin:.25rem
}
.hlco-hiw .card .badge-light, .hlco-pages .card .badge-light {
    background-color:#23519e;
    color:#fff;    
    position:relative;
    bottom:2px
}
.hlco-hiw .card .hlco-badge, .hlco-pages .card .hlco-badge {
	background-color:#23519e;
	position:relative;
	width:25px;
	border-radius:5px;
	margin:5px auto;
	box-shadow:1px 2px 3px 4px rgba(0,0,0,.08)
}
.hlco-pages .accordion .card-header button {
	color: #23519e;
	white-space: normal
}
.hlco-pages .form-group {
    margin-bottom:20px
}
.hlco-pages .hlco-form-control {
    display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.hlco-pages .form-control:focus, .hlco-pages .hlco-form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #ced4da;
    outline: 0;
    box-shadow: none;
}
.hlco-pages .hlco-filter input.btn-filter {
    color:#fff;
    font-weight:700;
    background-color:#17a2b8;
    border-color:#17a2b8
}
.hlco-pages .hlco-filter input.btn-filter:hover {
    color:#fdfdfd;
    background-color:#17a2b8;
    border-color:#17a2b8;
    font-weight:700;
    box-shadow:0 0 0 .2rem rgba(0,0,0,.25)
}
.hlco-pages .invalid-feedback {
    display:none;
    width:100%;
    margin-top:.25rem;
    font-size:80%;
    color:#f77d0e
}
.hlco-pages .btn-info {
    color:#fff
}
.hlco-pages .accordion-button {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 1px solid rgba(0, 0, 0, .125);
}
.hlco-pages .accordion-header {
    margin: 0;
}
/**
 * HLco Index Blog Style
 **/
.hlco-index .hlco-excerpt {
    border: 1px solid rgba(0, 0, 0, .125);
    /*box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important;*/
    padding: 11px 0
}
.hlco-post-content .hlco-title {
    font-size: 25px;
    line-height: 1.5;
    text-align: left !important;
}
.hlco-index h1 {
    font-size: 23px;
    line-height: 1.2;
    text-align: left !important;
}
.hlco-index .hlco-excerpt img {
    width:100%;
    height:auto
}
.hlco-index .btn-info {
    padding:3px 10px;
    color:#fff
}
.hlco-index aside img {
    float:left;
    margin-right:15px
}
.hlco-index aside a {
    font-size:14px
}
.hlco-index article img, .hlco-index .hlco-post-thumbnail img {
    width: 100%;
    height: auto
}
.hlco-index .hlco-author-meta img.hlco-author-img {
    width:70px;
    border-radius:50%;
    float:left;
    margin-right:10px;
    border:2px solid #23519e;
    padding:5px;
    box-shadow:1px 2px 3px #111
}
.hlco-index .hlco-author-meta strong a {
    font-size:20px;
    color:#23519e
}
.hlco-author-meta .hlco-post-title {
    border-bottom: 1px solid #e9ecef;
}
.hlco-index .hlco-author-box {
    background:#f8f9fa;
    border-top:2px dashed #ccc;
    border-bottom:2px dashed #ccc;
    padding: 5px 15px;
    color:#333
}
#author-bio-box .hlco-follow-author {
    margin-bottom: 10px;
}
.hlco-index .hlco-author-box .bio-description,
.hlco-index .hlco-author-box h3 {
    margin-bottom:10px
}
.hlco-index .hlco-author-box h3 a {
    color:#555
}
.hlco-index .hlco-author-box .hlco-gravatar,input.exp {
    float:left;
    margin-right:10px
}
.hlco-index .hlco-author-box .bio-icon-website {
    background-position:-64px 0
}
.hlco-index .hlco-author-box .bio-icon {
    opacity:1;
    -moz-transition:.4s;
    -o-transition:.4s;
    -webkit-transition:.4s;
    transition:.4s;
    background-color:transparent;
    background-image:url(inc/img/sprite.png);
    background-repeat:no-repeat;
    display:inline-block;
    margin-right:3px;
    height:16px;
    width:16px
}
.hlco-index .hlco-author-box .hlco-gravatar img {
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
    background:#fff;
    border:1px solid #ccc;
    margin-right:15px;
    padding:3px
}


.hlco-pages .hackers a:first-child {
    color:#23519e;
    font-weight:600
}
.hlco-pages .hackers:hover {
    text-decoration:none;
    color:#007bff
}
.comment-list .list-group-item {
    background-color:#e9ecef;
    color:#111;
    margin:0 0 10px;
    font-size:14px;
    line-height:18px
}
.hlco-pages .hlco-post-job {
    line-height:36px
}

/**
 * HLco Author Details Style
 **/
.hlco-author .hlco-author-details h1,
.hlco-author .hlco-author-details h2,
.hlco-author .hlco-author-details h3 {
    font-size:22px;
    line-height:1.2;
    text-align:left;
    padding:10px 0;
    margin:.2rem 0;
    color:inherit;
    border:0;
    border-bottom:1px solid;
    opacity:.25
}
.hlco-author .hlco-authors img {
    border-radius:50%;
    border:2px solid #23519e;
    padding:5px;
    box-shadow:1px 2px 3px #111
}
.hlco-author .hlco-author-meta {
    background-color:#e9ecef;
    padding:10px;
    border-radius:5px;
    box-shadow:1px 2px 3px #23519e
}
/*.hlco-meta-header .hlco-post-thumbnail {
    margin-bottom: 20px;
}*/
.hlco-author .hlco-author-meta .hlco-author-name {
    font-size:25px
}
.hlco-author .hlco-author-meta .hlco-author-role {
    font-size:15px;
    font-style:italic
}
.hlco-author .hlco-excerpt {
    box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important;
    padding: 11px 0
}
.hlco-author .hlco-excerpt h1 {
    font-size:22px;
    line-height:1.2;
    text-align:left;
    margin: 10px 0
}
.hlco-author .hlco-excerpt img {
    width:100%;
    height:auto
}
.hlco-author .hlco-author-title {
    line-height:36px;
    font-size:25px;
    font-weight:600
}
.hlco-author .hlco-author-title a {
    color:#46bbe6
}
.hlco-author .hlco-desc {
    color:#161e2c;
    font-size: 15px
}
#hlco-scroll-top {
    display:none;
    background-color:rgba(255,255,255,.2);
    box-shadow:1px 2px 3px #2e5cfc;
    position:fixed;
    z-index:99999;
    bottom:100px;
    right:0;
    -webkit-border-top-left-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-bottomleft:5px;
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
    cursor:pointer;
    padding:5px
}
.hidden,.hlco-screen-reader-text {
    display:none
}
.hlco-hacker-details h1,
.hlco-hacker-details h3,
.hlco-hacker-details h4 {
    padding:5px;
    box-shadow:1px 2px 3px rgba(0,0,0,.3)
}
.hlco-hacker-details h2 {
    line-height:.8
}
.hlco-hacker-details h2 a {
    color:#23519e
}
.hlco-top-hackers-review img {
    float:left;
    margin-right:20px;
    border-radius:50%;
    border:1px solid #23519e;
    box-shadow:1px 2px 3px rgba(0,0,0,.3)
}
.hlco-hacker-details img {
    border-radius:50%;
    border:1px solid #23519e;
    box-shadow:1px 2px 3px rgba(0,0,0,.3)
}
.hlco-hacker-details .hlco-hacker-description {
    font-style:italic;
    color:#23519e
}
.hlco-hacker-details .hlco-rating svg {
    display:inline-flex
}

/**
 * HLco Footer Style
 **/
.entry-footer {
    padding: .75rem .35rem;
    background-color: rgba(0, 0, 0, .03);
    border-top: 1px solid rgba(0, 0, 0, .125);
}
.hlco-footer {
    background-color:#161e2c;
    padding-top:2rem;
    padding-bottom:2rem
}
.hlco-footer ul {
    list-style: none;
}
.hlco-footer p {
    font-size:14px;
    line-height:1.4;
    color:#BEC0C2;
    display:inline-block;
    margin-bottom:10px;
    -webkit-transition:color .3s ease-out;
    transition:color .3s ease-out;
}
.hlco-footer a {
    color:#BEC0C2;
}
.hlco-footer a:hover {
	color:#FFFFFF;
	text-decoration:none;
}
.hlco-footer hr {
    border-color:#BEC0C2;
}
.hlco-footer .hlco-widget ul li a {
    font-size: 13px;
    line-height: 1.2;
    color: #BEC0C2;
    display: inline-block;
    padding: 5px 0;
    -webkit-transition: color .3s ease-out;
    transition: color .3s ease-out;
}
.hlco-footer .hlco-widget ul li a:hover {
    color: #FFF;
}
.hlco-footer .justify-content-center li a {
    color:#fff
}
.hlco-footer .widget_nav_menu ul,.hlco-pagination {
    padding-left:0;
    list-style:none
}
.hlco-footer .text-muted a {
    color:#6c757d!important
}
.hlco-footer .text-muted a:hover {
    color:#FFF
}

.hlco-footer .hlco-footer-social a:hover {
    color: #FFF;
}
/**
 * HLco Breadcrumb & Pagination Style
 **/
.hlco-breadcrumb {
    display:block;
    border-bottom:1px solid #e9ecef
}
.hlco-breadcrumb a, .hlco-breadcrumb strong {
    font-size:16px;
    text-decoration:none;
    color:#23519e
}
.hlco-pagination {
    display:block;
    border-radius:.25rem
}
.hlco-pagination a {
    background-color:#FFFFFF;
    color: #23519e;
    padding:10px;
    margin-right:5px;
    border-radius:3px;
    box-shadow: 1px 1px 1px #3a332cf0;
    font-size:.8em;
    font-weight:700
}
.hlco-pagination .active a {
    background:#FDFDFD;
    color:#014e2d;
    text-decoration:none
}
.hlco-post-navi {
    display:block
}
.hlco-post-navigation .hlco-nav-title {
    font-size:14px;
    font-weight:bolder;
    color:#014e2d
}
.nav-next, .nav-previous {
    border-bottom:1px solid #23519e
}

.page-content h2 {
    font-size: 24px;
    line-height: 36px;
}
.page-content {
    padding-top: 2em;
    padding-bottom: 2em;
}
.page-content h2 {
    font-size: 24px;
    line-height: 36px;
}

.page-content ul {
    padding-left: 15px;
}
.page-content ul li {
    margin: 0 0 10px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 18px;
}
.page-content td, .page-content th {
    padding: 0.5em;
}
.page-content table {
    border-color: #bfbfbf;
}

span.rating {
    display: block;
    color: #23519e;
    margin: 5px 0;
}
.tags .badge {
    padding: 0.5rem 0.5rem;
    margin: 0.25rem;
}
td.tags {
    max-width:100px;
}
.masthead a {
    color: #fa8712;
}
.masthead a:hover {
    color: #ddd;
    text-decoration:none;
}
section.blog {
    padding-top: 40px;
    padding-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
}
ul.pagination li a {
    background: #fa8812;
    padding: 10px 10px;
    margin-right: 5px;
    border-radius: 3px;
    color: #fff;
    box-shadow: 1px 1px 1px #3a332cf0;
    font-size: 0.8em;
    font-weight: bold;
}
ul.pagination li a:hover {
    background: #fa8812;
    color: #fff;
}
ul.pagination li a:hover, ul.pagination li.active a {
    background: #ffd8b0;
    color: #7d7f84;
    text-decoration: none;
}
.post-img {
    max-height: 355px;
    display: block;
    overflow: hidden;
}
section.blog a {
    text-decoration: none;
    color: #23519e;
}
time {
    color: #888;
}
div#hlist_length {
    display: none;
}
div#hlist_filter {
    display: none;
}
div#hlist_info {
    display: none;
}
.jumbotron.h_name {
    padding: 1rem 1rem;
    text-align: center;
}
div#hlist_wrapper ul.pagination li a {
    background-color: #fff;
    color: #23519e;
}
div#hlist_wrapper ul.pagination li a:hover,
div#hlist_wrapper ul.pagination li.active a {
    color: #fa8812;
}
.card-body {
	padding: 1rem 30px;
}
.card-line {
	border: 1px solid #48bff3;
}
.jumbotron {
	margin-top: 2rem;
}

/**
 * HLco Responsive Media Style
 **/
@media (min-width: 992px) {
    .hlco .navbar a {
        margin-left: 2rem;
    }   
}
@media screen and (max-width: 782px) {
	.hlco-footer .mx-auto {
		text-align: center;
	}
}
@media (min-width: 576px){
	.jumbotron {
		padding: 2rem 2rem !important;
	}
}