/*!
Theme Name: arter child
Theme URI: https://bslthemes.com/
Author: bslthemes
Author URI: https://themeforest.net/user/bslthemes
Description: Arter - CV Resume WordPress Theme
Version: 1.1.1
License: General Public License
License URI: http://www.gnu.org/licenses/gpl.html
Template: arter
Text Domain: arter-child
Tags: full-width-template, editor-style, featured-images, sticky-post, threaded-comments, translation-ready, theme-options
*/

/* Layout: text + icon */
.art-ls-social a[href*="linktocv.com"]{
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

/* Switch icon to download */
.art-ls-social a[href*="linktocv.com"] i::before{
  content: "\f019"; /* Font Awesome download */
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

/* Keep icon visible & balanced */
.art-ls-social a[href*="linktocv.com"] i{
  font-size: 14px;
  opacity: 0.85;
}

/* Text stays exactly as you have it */
.art-ls-social a[href*="linktocv.com"]::before{
  content: "DOWNLOAD CV";
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* =========================================
   LEFT PANEL: DOWNLOAD CV (text + icon)
   ========================================= */

/* Layout: text + icon */
.art-ls-social a[href*="linktocv.com"]{
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: auto !important;
  height: auto !important;
  padding: 10px 12px !important;
  text-decoration: none !important;
}

/* Text label */
.art-ls-social a[href*="linktocv.com"]::before{
  content: "DOWNLOAD CV";
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  line-height: 1;
}

/* Ensure icon is visible and balanced */
.art-ls-social a[href*="linktocv.com"] i{
  display: inline-block !important;
  font-size: 14px;
  opacity: 0.85;
}

/* Swap the existing FA icon to "download" */
.art-ls-social a[href*="linktocv.com"] i::before{
  content: "\f019"; /* Font Awesome download */
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

/* Optional: prevent icon element from ever stealing clicks */
.art-ls-social a[href*="linktocv.com"] i{
  pointer-events: none;
}


/* =========================================
   LEFT PANEL: DOWNLOAD CV (text + download icon)
   ========================================= */

/* Layout: text + icon */
.art-ls-social a[href*="linktocv.com"]{
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: auto !important;
  height: auto !important;
  padding: 10px 12px !important;
  text-decoration: none !important;
}

/* Text label */
.art-ls-social a[href*="linktocv.com"]::before{
  content: "DOWNLOAD CV";
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  line-height: 1;
}

/* Ensure icon is visible */
.art-ls-social a[href*="linktocv.com"] i{
  display: inline-block !important;
  font-size: 14px;
  opacity: 0.85;
  pointer-events: none;
}

/* Swap FA icon to download */
.art-ls-social a[href*="linktocv.com"] i::before{
  content: "\f019";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}


/* =========================================
   LEFT PANEL: EMAIL AS UNDERLINE (PROGRESS BAR HACK)
   ========================================= */

/* 1. Hide the "100 %" label (email only) */
.art-hard-skills-item
  .art-line-progress
  div[data-value="100"]
  .progressbar-text{
  display: none !important;
}

/* 2. Subtle underline colour (animated fill only) */
.art-hard-skills-item
  .art-line-progress
  div[data-value="100"] svg path:last-child{
  stroke: #292933 !important;
}

/* 3. Remove background track for clean underline */
.art-hard-skills-item
  .art-line-progress
  div[data-value="100"] svg path:first-child{
  stroke: transparent !important;
}

/* Email line (first hard-skills item): match Cape Town/Remote tone */
.art-info-bar .art-hard-skills.p-30-15 .art-hard-skills-item:first-child .art-skill-heading h6{
  color: #8c8c8e !important;
}

/* Remove Gallery Top Bottom Space */
.gallery {
    margin: 0!important;
}

.gallery .gallery-item {
    padding: 0 20px!important;
}