/*
  Theme Name: 		Gutenix Child
  Theme URI: 		
  Description: 		Child Theme for the Gutenix
  Author: 			Gutenix
  Author URI: 		
  Version: 			1.0
  Template: 		gutenix
*/

/* Enter below your Customization CSS */

/* ... existing styles ... */

/* Kitten Grid Layout */
.type-kitten h2{
  padding:10px 10px 10px 20px;
}
.kitten-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 2rem;
  padding: 2rem 0;
}

.kitten-card {
  border: 1px solid #ddd;
  border-radius: 8px;
  overflow: hidden;
  transition: transform 0.2s;
  background-color: #fff;
}

.kitten-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.kitten-excerpt {
  padding: 20px;
}
.kitten-card img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

.kitten-card-details {
  padding: 1rem;
  border-top: 1px solid #acd68f;
  border-bottom: 1px solid #acd68f
}

.kitten-details {
  background: #ffffff;
  padding: 1rem;
  
  border-radius: 5px;
  border: 1px solid #769abf
}

.kitten-details>div {
  margin: 0.5rem 0;
}

.kitten-details strong {
  color: #333;
  margin-right: 0.5rem;
}

/* Single Kitten Page */
.single-kitten .kitten-image {
  margin: 2rem 0;
}

.single-kitten .kitten-image img {
  width: 100%;
  height: auto;
  border-radius: 8px;
}
.kitten-details h1 {
  font-size:36px;
}
.kitten-detailsh2 {
  font-size: 30px;
}
.kitten-featured-image {
  margin-top:15px;
}
body {
  font-size: 16px;
  background: #fff6fa;
}
#main-menu li{
  font-family: 'Playfair Display', serif;
  
}

/* Header Navigation Alignment */
.main-navigation {
  align-self: flex-end;
  margin-top: auto;
}

.site-header__wrap {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  min-height: 95px;
  height: 100%;
  position: relative;
}

.site-header__main-panel {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.site-header__main-panel .container {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.site-header__main-panel-inner {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.header-bar .gutenix-container,
.header-bar .gutenix-container-fluid {
  padding-top: 10px;
  padding-bottom: 10px;
}
.page-title, .entry-title{
  border-bottom: 1px solid;
  text-transform: none;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
    font-family: 'Playfair Display', serif;
    letter-spacing: 0px;
    text-align: inherit;
    color: #769abf;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
select,
textarea{
  border-color:#999 !important;
}