/*
 Theme Name:   Divi Child
 Theme URI:    http://www.elegantthemes.com/gallery/divi/
 Description:  A premium, custom-designed child theme for Divi, built for speed and customizability.
 Author:       Elegant Themes
 Author URI:   http://www.elegantthemes.com
 Template:     Divi
 Version:      4.27.6
 Text Domain:  divi-child
*/

/* ==========================================================================
   Custom Child Theme Styles
   ========================================================================== */

/* Add your custom CSS here */


/* ==========================================================================
   Networking Blog Custom Cards (networKngBLogcustmcards)
   ========================================================================== */

.networKngBLogcustmcards-container {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
   gap: 32px;
   width: 100%;
   margin: 0 auto;
   padding: 0;
   box-sizing: border-box;
}

@media (min-width: 981px) {
   .networKngBLogcustmcards-container {
      grid-template-columns: repeat(3, 1fr);
   }
}

@media screen and (max-width: 767px) {
   .networKngBLogcustmcards-container {
      grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
   }
}

.networKngBLogcustmcards-card {
   position: relative;
   /* Required for the absolute overlay link */
   background: #ffffff;
   border-radius: 12px;
   box-shadow: 0 12px 30px rgba(0, 0, 0, 0.07);
   overflow: hidden;
   display: flex;
   flex-direction: column;
   height: 100%;
   transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.3s ease;
   border: 1px solid rgba(0, 0, 0, 0.02);
}

.networKngBLogcustmcards-card:hover {
   box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
}

.networKngBLogcustmcards-image-wrapper {
   position: relative;
   width: 100%;
   padding-top: 56.25%;
   /* 16:9 Aspect Ratio */
   overflow: hidden;
   background-color: #f7f7f7;
   border-bottom: 4px solid #46aba2;
}

.networKngBLogcustmcards-image {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
   transition: transform 0.5s ease;
}

.networKngBLogcustmcards-card:hover .networKngBLogcustmcards-image {
   transform: scale(1.04);
}

.networKngBLogcustmcards-content {
   padding: 20px 20px 20px 20px;
   display: flex;
   flex-direction: column;
   flex-grow: 1;
}

.networKngBLogcustmcards-title {
   font-family: inherit;
   font-size: 18px;
   font-weight: 700;
   padding-bottom: 0;
   line-height: 1.4;
   color: #222222;
}

.networKngBLogcustmcards-title a {
   color: #222222;
   text-decoration: none;
   transition: color 0.2s ease;
}

/* Pseudo-element overlay to make the entire card clickable */
.networKngBLogcustmcards-title a::after {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 1;
   /* Cover the whole card area */
}

.networKngBLogcustmcards-title a:hover {
   color: #2d8a75;
}

.networKngBLogcustmcards-category {
   font-size: 13px;
   font-weight: 600;
   text-transform: capitalize;
   margin-bottom: 12px;
}

/* Elevate other links above the click overlay */
.networKngBLogcustmcards-category a {
   color: #2d8a75;
   text-decoration: none;
   transition: opacity 0.2s ease;
   position: relative;
   z-index: 2;
   /* Position above the title overlay */
}

.networKngBLogcustmcards-category a:hover {
   opacity: 0.8;
}

.networKngBLogcustmcards-excerpt {
   font-size: 14px;
   line-height: 1.6;
   color: #666666;
   margin: 0 0 24px 0;
   flex-grow: 1;
}

.networKngBLogcustmcards-excerpt p {
   margin: 0;
   color: #666666;
}

.networKngBLogcustmcards-meta {
   display: flex;
   align-items: center;
   font-size: 12px;
   color: #888888;
   border-top: 1px solid #f0f0f0;
   padding-top: 16px;
   margin-top: auto;
}

.networKngBLogcustmcards-icon {
   width: 14px;
   height: 14px;
   margin-right: 6px;
   vertical-align: middle;
   display: inline-block;
   color: #aaaaaa;
}

.networKngBLogcustmcards-date,
.networKngBLogcustmcards-readtime {
   display: inline-flex;
   align-items: center;
}

.networKngBLogcustmcards-divider {
   margin: 0 10px;
   color: #e0e0e0;
}

/* ==========================================================================
   Pagination Styles
   ========================================================================== */
.networKngBLogcustmcards-pagination {
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 8px;
   margin-top: 40px;
   margin-bottom: 20px;
   width: 100%;
}

.networKngBLogcustmcards-pagination a,
.networKngBLogcustmcards-pagination span {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   min-width: 40px;
   height: 40px;
   padding: 0 14px;
   border-radius: 8px;
   font-size: 14px;
   font-weight: 600;
   color: #555555;
   background: #ffffff;
   border: 1px solid #e5e7eb;
   text-decoration: none;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
   transition: all 0.2s ease;
   box-sizing: border-box;
}

.networKngBLogcustmcards-pagination a:hover {
   background: #2d8a75;
   color: #ffffff;
   border-color: #2d8a75;
}

.networKngBLogcustmcards-pagination .current {
   background: #2d8a75;
   color: #ffffff;
   border-color: #2d8a75;
   cursor: default;
}

.networKngBLogcustmcards-pagination .dots {
   background: transparent;
   border: none;
   box-shadow: none;
   color: #999999;
   cursor: default;
}