/*
Theme Name: Blockskit Digital Agency
Theme URI: https://blockskit.com/blockskit-digital-agency/
Author: BlockskitDev
Author URI: https://blockskit.com
Description: Blockskit Digital Agency is a modern and versatile WordPress theme created especially to build versatile sites such as agency, business, company, consulting, corporate, digital agency, finance, financial, marketing and all other agency websites without a single line of coding. It offers full-site-editing, allowing easy customization of all aspects of your site. With multiple templates, patterns, and style variations, it's suitable for different aesthetics.
Template: blockskit-base
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 5.6
License: GPLv3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: blockskit-digital-agency
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, threaded-comments, translation-ready, wide-blocks, block-styles, blog, portfolio, education

Blockskit Digital Agency WordPress Theme, Copyright 2025 BlockskitDev
Blockskit Digital Agency is distributed under the terms of the GNU General Public License v3
*/

.projects-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin: 40px 0;
}

.project-card {
  background: #f5f7fa;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  transition: transform 0.2s ease-in-out;
  display: flex;
  flex-direction: column;
}

.project-card:hover {
  transform: translateY(-5px);
}

.project-card img {
  width: 100%;
  height: 220px; /* fixed height for all images */
  object-fit: cover; /* crops images consistently */
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.project-card h3 {
  font-size: 20px;
  margin: 16px 16px 8px 16px;
  color: #222;
}

.project-card p {
  margin: 0 16px 16px 16px;
  color: #555;
  font-size: 15px;
  line-height: 1.5;
  flex-grow: 1; /* pushes button down */
}

.project-card .read-more {
  display: inline-block;
  margin: 0 16px 16px 16px;
  padding: 8px 16px;
  background: #f15a29; /* Urban One orange */
  color: #fff;
  border-radius: 6px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  transition: background 0.2s ease-in-out;
  align-self: flex-start;
}

.project-card .read-more:hover {
  background: #d94c1f; /* darker orange hover */
}

/* Disable project type link only on single project pages */
.single-project .taxonomy-project-types a {
  pointer-events: none !important;   /* make it unclickable */
  cursor: default !important;        /* show normal text cursor */
  text-decoration: none !important;  /* remove underline if any */
  color: inherit !important;         /* match surrounding text color */
}

body, h1, h2, h3, h4, h5, h6, p, a, span {
  word-break: keep-all;
  overflow-wrap: normal;
}