/*
Theme Name: AK Portfolio (Twenty Twenty-Five Child)
Theme URI: 
Author: Aivo K
Author URI: 
Description: My portfolio Theme
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 5.7
Version: 1.0.19
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfive
Text Domain: ak-portfolio
Tags: 
*/

/*remove padding from top */
.top-section {margin-top: -120px!important;}

/* Max content width to mirror mock */
.alignwide { max-width: 1200px; }

/* Card slabs: rounded and spacing */
.card-slab { border-radius: 20px; padding: 28px; }

/* Subtle meta line under hero subhead */
.u-subtle-link { opacity:.8; margin-top:.25rem; }

/* add shadow to image */
.image-shadow {box-shadow: 0px 0px 20px 4px rgba(0,0,0,0.07); border: 1px solid #D9D9D9;}

/* Hero stack (gives that layered-card vibe if you add extra wrappers) */
.hero-stack figure { position: relative; }
.hero-stack figure::after {
  content:""; position:absolute; inset:12px -12px -12px 12px; border:1px solid rgba(0,0,0,.08); border-radius:12px;
}

/* case study link home */
.home-case-study-link {text-transform: uppercase;}
.home-case-study-link a{text-decoration: none!important; color: #000000; font-size: 16px; font-weight: 600;}
.home-case-study-link a:hover{text-decoration: underline!important; color: #0976b9;}

/* homepage image */
.my-portrait {box-shadow: 0!important; border-radius: 0;}

/* footer */
.footer-gray {color: #848484;}
.footer-blue {color: #003E8E;}

/* sidebar */
.wp-block-group .sidebar {line-height: 1.5em; padding-bottom: 15px; border-bottom: 1px solid #D9D9D9; width: 300px; margin-left: 0!important;}

/* what i do best */
.what-i-do ul{
  list-style-type: none;
  padding: 0; /* Remove default padding */
  margin: 0; /* Remove default margin */
  display: flex; /* Enable Flexbox for horizontal arrangement */
  flex-wrap: wrap; /* Allow items to wrap to the next line if space is limited */
  gap: 10px; /* Add spacing between pills */
}

.what-i-do li {
  background-color: #FFF; /* Background color for the pills */
  color: #000; /* Text color */
  padding: 8px 15px; /* Padding inside the pills */
  margin-top: 0px;
  border-radius: 20px; /* Rounded corners for the pill shape */
  text-align: center; /* Center the text within the pill */
  white-space: nowrap; /* Prevent text from wrapping within a pill */
}

/* tools i use */
.tools-i-use ul{
  list-style-type: none;
  padding: 0; /* Remove default padding */
  margin: 0; /* Remove default margin */
  display: flex; /* Enable Flexbox for horizontal arrangement */
  flex-wrap: wrap; /* Allow items to wrap to the next line if space is limited */
  gap: 10px; /* Add spacing between pills */
}

.tools-i-use li {
  background-color: #F8F5F0; /* Background color for the pills */
  color: #000; /* Text color */
  padding: 8px 15px; /* Padding inside the pills */
  margin-top: 0px;
  border-radius: 20px; /* Rounded corners for the pill shape */
  text-align: center; /* Center the text within the pill */
  white-space: nowrap; /* Prevent text from wrapping within a pill */
}

/* test callouts */
.large-callout {font-size: 40px;}
.small-callout {margin-top: 0px; font-size: 16px;}
.test-callout { border: 1px solid #CACACA; border-radius: 500px; width: 160px; padding: 45px 0%;}
.test-highlights-columns {gap: var(--wp--preset--spacing--30);}

/* headers */
h3 {color: #222222 !important;}
h4 {}

/* HomVEE */
/* header colors */
.homvee-header-color {color: #117381;}
.homvee-column-highlight .homvee-header-color {color: #185E73;}

/* highlights */
.up-arrow .test-callout h2 strong {color: #3A9E34; font-weight: 400;}
.homvee-highlight-text p {color: #666666; margin-top: 1px; line-height: 18px;}
.homvee-highlight-text .test-callout {height: 155px;}

/* highlight color boxes */
.homvee-column-highlight {background-color:#ECF6F7; padding: 25px;}
.homvee-column-highlight .bullets {padding-left: 15px;}
.color-columns {gap: 30px;}

/* highlighter text */
.homvee-dark-text .text-highlight {background-color: #117381; padding: 1px 5px;}
.text-highlight-light {background-color: #D5EBED; padding: 1px 5px;}
.homvee-light-background-block .text-highlight {background-color: #BFE1E3; padding: 1px 5px;}

/* block question */
.homvee-question {font-family: inter; font-size: 18px; font-weight: 400; padding: 15px 25px; color: #FFFFFF; background-color: #098C90; line-height: 22px; font-style: italic;}

/* research quote boxes */
.research-insights-boxes {background-color: #FFFFFF; padding: 20px; border: 2px solid #098C90; border-radius: 5px;}
.research-insights-boxes p {margin-top: 10px;}
.research-insights-boxes strong {margin-top: 15px;}

/* ia testing */
.ia-testing-results .wp-block-media-text__media {padding-top: 15px;}
.ia-testing-results ul {padding-left: 17px;}
.ia-findings {gap: 30px;}
.ia-testing-results .wp-block-media-text__content {padding-right: 5px;}
.ia-testing-results-highlight {background-color: #ECF6F7; padding: 20px; border-radius: 8px;}
.ia-testing-results-highlight p {font-size: 14px; line-height: 19px; color: #2D2D2D; margin-top: 7px;}
.ia-testing-results-highlight {gap: 0px;}
.ia-highlight-column {padding: 0 20px;}
.ia-testing-results-highlight .ia-highlight-column-right-border {border-right: 1px solid #AEAEAE;}

/* custom number bullets */
.circle-step {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin: 0 0 1.25rem 0;
}

.circle-step .circle {
  width: 32px;
  height: 32px;
  background-color: #117381;
  color: #ffffff;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 18px;
  line-height: 1;
  flex: 0 0 32px; /* prevents squish */
}

.circle-step .step-text {
  line-height: 1.6;
  max-width: 42ch; /* optional but improves readability */
}

/*last homvee impact numbers */
.last-homvee-impact-numbers {background-color:#185E73; color: #FFFFFF; border-radius: 3px; padding: 25px 30px;}

.last-homvee-impact-numbers h4 {color:#D9D9D9;}
.last-homvee-impact-numbers h2 {font-weight: 400; font-size: 40px;}
.last-homvee-impact-numbers p {font-size: 13px; margin-top: 10px;}
.last-homvee-impact-numbers .dark-box-line-right {border-right: 1px solid #FFFFFF; padding-right: 25px;}