/*
 Theme Name:   Kadence Child
 Theme URI:    https://example.com/kadence-child/
 Description:  Kadence Child Theme
 Author:       Your Name
 Author URI:   https://example.com
 Template:     kadence
 Version:      1.0.2
 Tags:         customizable, modern, responsive-layout, gutenberg, header builder, footer builder
 Text Domain:  kadencechild
*/

/* Theme customization starts here
-------------------------------------------------------------- */

.custom-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
}

.custom-grid .grid-item {
    padding: 0;
    text-align: left;
    position: relative;
}
.pricesection ins
 {
    color: #04990F;
    font-weight: bold;
    padding-left: 5px;
}
.custom-grid .grid-item img
 {
    max-width: 100%;
    height: 280px;
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
    margin-bottom: 20px;
}
.custom-grid .grid-item h2 {
    font-size: 20px;
    margin: 10px 0 0;
    font-family: "Fira Sans", sans-serif;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.buttons-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.pricesection
 {
    margin: 10px 0 20px 0;
}
.buttons-section a {
    background: #FF914C;
    color: #000;
    padding: 8px 13px;
    border-radius: 5px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 15px;
}
#view-more-popup {
  position: fixed; top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0,0,0,0.7);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.popup-content {
    background: #fff;
    padding: 30px;
    position: relative;
    max-width: 650px;
    width: 100%;
    border-radius: 10px;
}

#close-popup {
  position: absolute;
  top: 10px;
  right: 10px;
  background: transparent;
  color: #333;
  border: none;
  font-weight: bold;
  cursor: pointer;
  padding: 5px 10px;
}