/*
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Author: Your Name
Author URI: https://www.example.com/
Description: Child theme for Kadence.
Template: kadence
Version: 1.0
Text Domain: kadence-child
*/

/* Import parent theme styles */
@import url("../kadence/style.css");

/* ===== Listing grid =====*/

.listings-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    max-width: var(--global-content-width, 1290px);
    padding-left: var(--global-content-edge-padding);
    padding-right: var(--global-content-edge-padding);
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 800px) {
    .listings-grid {
       grid-template-columns: repeat(1, 1fr); 
    }
}

.listing-item img {
  width: 100%;
  height: auto;
  display: block;
}

.listing-item a.listing-link {
    transition: all .3s ease-in-out;
    font-weight: bold;
    color: #293038;
    text-decoration: none;
    opacity: 1;
}

.listing-item a.listing-link:hover {
    opacity: 0.7;
}

/* ===== SLIDER =====*/

.listings-slider {
  position: relative;
}

.listing-slide {
  display: flex !important;
  align-items: center;
  background-size: cover;
  background-position: center;
  min-height: 500px;
  color: #fff;
}

.listing-slide .listing-slide-content {
  background: rgba(255,255,255,0.9);
  color: #000;
  padding: 40px;
  max-width: 500px;
  margin-left: 5%;
}

@media screen and (max-width: 700px){
    .listing-slide .listing-slide-content {
        margin: 0 auto;
    }
}

.listing-slide .listing-slide-content .meta {
    color: #5d5c5c;
    margin: 0;
    margin-bottom: 10px;
    font-weight: 500;
}

.listing-slide .listing-slide-content h2 {
    margin-top: 0;
}

.listing-slide .listing-slide-content .btn {

    color: #ffffff;
    background: #15b7cc;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top: 0px solid #15b7cc;
    border-right: 0px solid #15b7cc;
    border-bottom: 0px solid #15b7cc;
    border-left: 0px solid #15b7cc;
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 10px;
    padding-left: 10px;
    text-decoration: none;
    transition: all .3s ease-in-out;
}

.listing-slide .listing-slide-content .btn:hover {
    background-color: #a82c86;
}

.listings-slider .slick-arrow {
    z-index: 20;
}

@media screen and (max-width: 1090px) {
    .listings-slider .slick-arrow{
        display: none !important;
    }
}

.listings-slider .slick-arrow::before {
    font-size: 40px;
    opacity: 1;
}

.listings-slider .slick-prev {
    left: 15px;
}

.listings-slider .slick-next {
    right: 40px;
}

.listings-slider .slick-dots {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 6px 12px;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 20px;
  margin: 0;
  list-style-type: none; 
  width: auto;
}

@media screen and (max-width: 700px){
    .listings-slider .slick-dots {
        bottom: -45px;
    }
}

.listings-slider .slick-dots li {
  margin: 0 4px;
  list-style-type: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.listings-slider .slick-dots button {
  border: none;
  background: #aaa;  
  width: 12px;
  height: 12px;
  border-radius: 50%;
  padding: 0;
  cursor: pointer;
  font-size: 0;
  transition: background-color 0.3s;
}


.slick-dots .slick-active button {
  background: #36b9c5;
}

.listings-slider .slick-dots li button::before {
    display: none;
}


/* -----------------------------
   TAXONOMY PAGE HEADER
----------------------------- */

.taxonomy-header {
    padding: 80px 0;
    background-color: #1f1f1f;
}

.taxonomy-header-inner {
    max-width: 1100px;
    margin: 0 auto;
    text-align: left;
}

.taxonomy-title {
    font-size: 60px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #fff;
}

.taxonomy-description {
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 1.6;
    max-width: 800px;
    color: #fff;
}


/* -----------------------------
   LISTINGS SECTION WRAPPER
----------------------------- */

.taxonomy-listings-wrapper {
    max-width: 1280px;
    margin: 60px auto;
    padding: 0 20px;
}

.taxonomy-listings-heading {
    text-align: center;
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 50px;
}


/* -----------------------------
   GRID LAYOUT
----------------------------- */

.taxonomy-listings-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 50px 40px;
}


/* -----------------------------
   INDIVIDUAL LISTING CARD
----------------------------- */

.taxonomy-listing-card {
    display: flex;
    flex-direction: column;
}

.taxonomy-listing-thumb img {
    width: 100%;
    height: auto;
    display: block;
}

.taxonomy-listing-title {
    font-size: 24px;
    font-weight: 700;
    margin: 18px 0 8px 0;
}

.taxonomy-listing-link {
    font-size: 16px;
    font-weight: 600;
    text-decoration: underline;
}


/* Optional: spacing for no-results */
.taxonomy-no-results {
    font-size: 18px;
    text-align: center;
    padding: 40px 0;
}

/*header color fix*/
body #masthead .site-main-header-wrap .site-header-row-container-inner {
    background-color: #12304e;
}

body #masthead .header-navigation .header-menu-container > ul > li.menu-item > a {
    color: #fff;
}
