/* Site-specific additions on top of the BreezyCV theme (main.css). */

/* Home */
.hero-badges{list-style:none;padding:0;margin:28px auto 0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:760px}
.hero-badges li{border:1px solid #555;border-radius:30px;padding:6px 16px;font-size:13px;color:#ddd;background:rgba(34,34,34,.6)}
.hero-badges li i{color:#f58545;margin-right:5px}
.hero-cta{margin-top:30px;display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.hero-cta .btn-primary{margin:0;border-color:#f58545;color:#f5f5f5}
.hero-cta .btn-primary.btn-fill{background:#f58545;color:#fff}
.hero-cta .btn-primary.btn-fill:hover{background:transparent;color:#f5f5f5}

/* About */
.highlight-line{color:#f58545}
.check-list{list-style:none;padding:0;margin:8px 0 0}
.check-list li{position:relative;padding-left:20px;margin:0 0 6px;font-size:.95em;line-height:1.5em}
.check-list li:before{content:'';position:absolute;left:0;top:.55em;width:8px;height:8px;background:#f58545;border-radius:2px}
.info-block-w-icon .ci-text h4{margin-bottom:8px}
.why-list{display:grid;grid-template-columns:1fr 1fr;gap:6px 30px}
.fun-fact .fun-fact-block-text{display:block;color:#aaa;font-size:12px;margin-top:4px}

/* Resume: grouped skill chips */
.skill-group{margin-bottom:18px}
.skill-group h4{font-size:14px;margin:0 0 6px;color:#ddd}
.knowledges{padding:0;margin:0}
.knowledges li{background-color:transparent;border:1px solid #555;color:#ddd}
.knowledges li.key{background-color:#f58545;border-color:#f58545;color:#fff}
.timeline-second-style .right-part .check-list{margin-top:6px}

/* Portfolio */
.portfolio-grid figure .name{padding:12px 0 2px}
.portfolio-grid figure .category{position:static;opacity:1;background:none;color:#999;padding:0 0 8px;font-size:12px}
.dash-links{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}
.dash-links li a{display:block;background:#333;border:1px solid #444;border-radius:8px;padding:12px 14px;color:#f5f5f5;transition:all .2s ease-in-out}
.dash-links li a:hover{border-color:#f58545;transform:translateY(-3px)}
.dash-links li a span{display:block;font-size:12px;color:#aaa;word-break:break-all}
.dash-links li a i{color:#f58545;margin-right:6px}
.section-note{color:#aaa;font-style:italic;font-size:.95em;margin:-5px 0 15px}

/* Ajax project page */
.ajax-page-title .project-type{display:block;margin-top:6px;color:#999;font-size:13px;letter-spacing:.06em;text-transform:uppercase}
.project-general-info .project-note{color:#999;font-size:12px}

/* Contact */
.cta-banner{background:#333;border:1px solid #444;border-left:4px solid #f58545;border-radius:8px;padding:18px 22px;margin-bottom:30px}
.cta-banner h4{margin:0 0 4px;font-size:18px}
.cta-banner p{margin:0;color:#bbb}

@media only screen and (max-width:768px){
  .why-list{grid-template-columns:1fr}
  .hero-badges li{font-size:12px;padding:5px 12px}
}

/* Portfolio cards: image + name open the live site, "Details" opens the project popup */
.portfolio-grid figure .name a,.portfolio-grid figure .category a{position:static;display:inline;z-index:auto}
.portfolio-grid figure .name a{color:#f5f5f5}
.portfolio-grid figure .name a:hover{color:#f58545}
.portfolio-grid figure .name a i{position:static;display:inline;opacity:.5;background:none;width:auto;height:auto;line-height:1;font-size:11px;color:inherit;vertical-align:middle;margin-left:4px}
.portfolio-grid figure .category .project-details-link{color:#f58545}
.portfolio-grid figure .category .project-details-link:hover{text-decoration:underline}
.portfolio-grid figure .portfolio-item-img i{z-index:4;pointer-events:none;border-radius:4px}

/* Resume download button */
.resume-download{border-color:#f58545;color:#f5f5f5}
.resume-download i{margin-right:6px}

/* Testimonial star ratings */
.testimonial .author .rating{display:block;margin-top:4px;color:#aaa;font-weight:400;font-size:12px;white-space:nowrap}
.testimonial .author .rating i{color:#f58545;font-size:11px;margin-right:1px}