/*
Theme Name: PA SYSTEMS
Author: AMAN
Description: Your description goes here
Version: 1.2
Template: generatepress

This is the child theme for GeneratePress theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/





@import url('https://fonts.googleapis.com/css2?family=Fraunces:wght@400;500;600;700;800;900&display=swap');

h1, h2, h3, h4,
.elementor-heading-title {
    font-family: 'Fraunces', serif !important;
}


body{
    background-color: #f7f1e7 !important;

    
}

.site-content,
.content-area,
.inside-article{
    background: transparent !important;
}

.elementor-element-5ab8486 .elementskit-btn{
    display: inline-block;
    transition: all 0.35s ease !important;
}

.elementor-element-5ab8486 .elementskit-btn:hover{
    transform: translateY(-5px);
    box-shadow: 0 12px 25px rgba(183, 143, 80, 0.35);
}




.elementor-element-71d953ab .elementskit-btn{
    display: inline-block;
    transition: all 0.35s ease !important;
}

.elementor-element-71d953ab .elementskit-btn:hover{
    transform: translateY(-5px);
    box-shadow: 0 12px 25px rgba(183, 143, 80, 0.35);
}



.elementor-element-1f46c1b{
    margin-top: -20px !important;
    margin-bottom: -30px !important;
}



.feature-tags{
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.feature-tags span{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 22px;
    background: #ece8e0;
    border: 1px solid #d7d0c4;
    border-radius: 999px;
    color: #2b2b2b;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.4;
    max-width: 100%;
    white-space: normal;
    word-break: break-word;
    text-align: center;
    box-sizing: border-box;
}

.feature-tags span:hover{
    background: #b78f50;
    color: #fff;
    border-color: #b78f50;
    transform: translateY(-3px);
    box-shadow: 0 8px 18px rgba(183, 143, 80, 0.25);
}

@media (max-width: 767px){

    .feature-tags{
        gap: 10px;
    }

    .feature-tags span{
        width: fit-content;
        max-width: 100%;
        padding: 10px 18px;
        font-size: 10px;
    }

}


.location-grid{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
}

.location-grid a{
    display:flex;
    align-items:center;
    justify-content:center;

    min-width:95px;
    height:48px;

    padding:0 14px;

    background:#f4efe6;
    border:1px solid #d6cec0;

    text-decoration:none;
    color:#7a5a2d;

    font-size:15px;
    font-weight:600;

    transition:all .35s ease;

    /* Reveal Animation */
    opacity:0;
    transform:translateY(24px);
    animation:fadeUp .7s cubic-bezier(.2,.8,.2,1) forwards;
}

/* Hover */

.location-grid a:hover{
    background:#b78f50;
    color:#fff;
    border-color:#b78f50;

    transform:translateY(-5px);

    box-shadow:0 12px 24px rgba(183,143,80,.25);
}


/* stagger animation */

.location-grid a:nth-child(1){animation-delay:.05s;}
.location-grid a:nth-child(2){animation-delay:.10s;}
.location-grid a:nth-child(3){animation-delay:.15s;}
.location-grid a:nth-child(4){animation-delay:.20s;}
.location-grid a:nth-child(5){animation-delay:.25s;}
.location-grid a:nth-child(6){animation-delay:.30s;}
.location-grid a:nth-child(7){animation-delay:.35s;}
.location-grid a:nth-child(8){animation-delay:.40s;}
.location-grid a:nth-child(9){animation-delay:.45s;}
.location-grid a:nth-child(10){animation-delay:.50s;}
.location-grid a:nth-child(11){animation-delay:.55s;}
.location-grid a:nth-child(12){animation-delay:.60s;}
.location-grid a:nth-child(13){animation-delay:.65s;}
.location-grid a:nth-child(14){animation-delay:.70s;}
.location-grid a:nth-child(15){animation-delay:.75s;}


@keyframes fadeUp{

    to{

        opacity:1;
        transform:translateY(0);

    }

}


/* Mobile */

@media(max-width:767px){

    .location-grid{

        gap:10px;

    }

    .location-grid a{

        flex:1 1 calc(34% - 10px);

        min-width:unset;
		
        height:40px;

        padding:0 10px;

        font-size:14px;

    }

}




.equipment-tags{
    display:flex;
    flex-wrap:wrap;
    gap:16px;
}

.equipment-tag{
    display:flex;
    align-items:center;

    padding:9px 10px;

    background:#fcf9f2;
    border:1px solid #d6cec0;

    color:#1f1b17;
    font-size:14px;
    font-weight:500;

    transition:none; /* Hover disabled */
}

/* Gold Dot */

.equipment-tag::before{
    content:"";
    width:9px;
    height:9px;

    background:#d2ab72;

    border-radius:50%;

    margin-right:8px;

    flex-shrink:0;
}

@media(max-width:767px){

    .equipment-tags{

        gap:10px;

    }

    .equipment-tags a{

        flex:1 1 calc(50% - 10px);

        min-width:unset;

        height:40px;

        padding:0 10px;

        font-size:14px;

    }

}

.premium-faq{

    width:100%;
    background:#F5F0E7;

}

.premium-faq .faq-item{

    border-bottom:1px solid #d8d1c4;
    padding:10px 0;

}

.premium-faq .faq-title{

    display:flex;
    justify-content:space-between;
    align-items:center;
    cursor:pointer;
    gap:10px;

}

.premium-faq .faq-title h3{

    margin:0;
    font-size:22px;
    line-height:1.25;
    font-weight:600;
    color:#111;

}

.premium-faq .faq-toggle{

    font-size:35px;
    font-weight:300;
    color:#B88432;
    min-width:40px;
    text-align:center;
    transition:.3s;

}

.premium-faq .faq-content{

    max-height:0;
    overflow:hidden;
    transition:max-height .4s ease;

}

.premium-faq .faq-content p{

    margin:10px 0 0;
    max-width:980px;

    font-size:16px;
    line-height:1.7;
    color:#555;

}

.premium-faq .faq-item.active .faq-content{

    max-height:500px;

}

@media(max-width:1024px){

    .premium-faq .faq-title h3{

        font-size:22px;

    }

    .premium-faq .faq-content p{

        font-size:16px;

    }

}

@media(max-width:767px){

    .premium-faq .faq-item{

        padding:15px 0;

    }

    .premium-faq .faq-title h3{

        font-size:18px;

    }

    .premium-faq .faq-toggle{

        font-size:25px;

    }

    .premium-faq .faq-content p{

        margin-top:10px;
        font-size:14px;

    }

}



/* ===========================
   Premium Center Glow
=========================== */

.premium-glow{
    position: relative;
    overflow: hidden;
    background: #1b140d !important;
    z-index: 1;
}

.premium-glow::before{

    content: "";

    position: absolute;

    left: 50%;
    top: 50%;

    transform: translate(-50%, -50%);

    width: 900px;
    height: 900px;

    pointer-events: none;

    background: radial-gradient(

        ellipse at center,

        rgba(170,125,45,0.28) 0%,

        rgba(170,125,45,0.22) 22%,

        rgba(120,80,25,0.14) 42%,

        rgba(70,45,15,0.08) 60%,

        rgba(20,15,10,0) 78%

    );

    filter: blur(35px);

    z-index: -1;

}


.elementor-602 .elementor-element.elementor-element-6fb2ddb2 img {
    width: 100px !important;
}




/* Single Blog Post Design */
.single-post .site-main article {
    background: #f4efe6;
    padding: 25px;
    border-radius: 20px;
    box-shadow: 0 10px 40px rgba(0,0,0,.08);
}

/* Title */
.single-post .entry-title {
    font-size: 40px;
    line-height: 1.2;
    font-weight: 800;
    color: #111827;
    margin-bottom: 20px;
}

/* Meta */
.single-post .entry-meta {
    background: #f4efe6;
    padding: 0px 0px;
    border-radius: 10px;
    margin-bottom: 10px;
}

/* Featured Image */
.single-post .post-image img,
.single-post .featured-image img {
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,.15);
}

/* Content */
.single-post .entry-content {
    font-size: 16px;
    line-height: 1.5;
    color: #374151;
}

/* Headings */
.single-post .entry-content h1 {
    font-size: 36px;
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 15px;
    color: #111827;
}
/* Headings */
.single-post .entry-content h2 {
    font-size: 30px;
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 15px;
    color: #111827;
}

.single-post .entry-content h3 {
    font-size: 28px;
    margin-top: 20px;
    margin-bottom: 15px;
}

/* Paragraph */
.single-post .entry-content p {
    margin-bottom: 12px;
}

/* List */
.single-post .entry-content ul li,
.single-post .entry-content ol li {
    margin-bottom: 12px;
}

/* Table of Contents */
.single-post .rank-math-toc-block,
.single-post #ez-toc-container {
    background: #f8fafc;
    padding: 25px;
    border-radius: 15px;
    border: 1px solid #e5e7eb;
}

/* Author Box */
.single-post .author-box {
    background: #f8fafc;
    border-radius: 15px;
    padding: 25px;
    margin-top: 50px;
}

/* Mobile */
@media(max-width:768px){

.single-post .site-main article{
    padding:20px;
}

.single-post .entry-title{
    font-size:32px;
}

.single-post .entry-content{
    font-size:15px;
}

.single-post .entry-content h2{
    font-size:28px;
}

}



/* Blog Card */

.elementor-element.elementor-element-975fde4 .elementskit-blog-block-post{
    padding-top:20px !important;
    padding-bottom:20px !important;
    padding-left:15px !important;
    padding-right:15px !important;

    background:#f4efe6 !important;

    margin-bottom:20px !important;
}


/* Title Bottom Margin */

.elementor-element.elementor-element-975fde4 .elementskit-entry-header .entry-title{
    margin-bottom:10px !important;
}


/* Description Margin */

.elementor-element.elementor-element-975fde4 .elementskit-post-footer p{
    margin-bottom:5px !important;
}






/* ===== Sidebar Container ===== */

#right-sidebar .inside-right-sidebar{
    position: sticky;
    top: 100px;
}

/* ===== Widget Box ===== */

#right-sidebar .widget{
    background:#f4efe6;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
	padding: 20px;
    margin-bottom:10px;
    border:1px solid rgba(0,0,0,.05);
}

/* ===== Widget Title ===== */

#right-sidebar .wp-block-heading{
    margin:0;
    padding:0px 0px;
    background:#f4efe6 !important;
    font-size:20px;
    font-weight:700;
    border-bottom:1px solid #e5e5e5;
}

/* ===== Recent Posts List ===== */

#right-sidebar .wp-block-latest-posts{
    background:#f4efe6 !important;
    padding:10px !important;
}

/* ===== Individual Post ===== */

#right-sidebar .wp-block-latest-posts li{
    display:flex;
    flex-direction:column;
    gap:8px;
    padding-bottom:10px;
    margin-bottom:10px;
    border-bottom:1px solid #ececec;
}

#right-sidebar .wp-block-latest-posts li:last-child{
    border-bottom:none;
    margin-bottom:0;
    padding-bottom:0;
}

/* ===== Image ===== */

#right-sidebar .wp-block-latest-posts__featured-image{
    width:100%;
    margin:0 !important;
}

#right-sidebar .wp-block-latest-posts__featured-image img{
    width:100%;
    max-width:100% !important;
    max-height:none !important;
    height:150px !important;
    object-fit:cover;
    border-radius:14px;
    transition:.4s;
}

#right-sidebar .wp-block-latest-posts li:hover img{
    transform:scale(1.04);
}

/* ===== Post Title ===== */

#right-sidebar .wp-block-latest-posts__post-title{
    font-size:20px;
    line-height:1.4;
    font-weight:700;
    color:#111;
    text-decoration:none;
    transition:.3s;
}

#right-sidebar .wp-block-latest-posts__post-title:hover{
    color:#b78f50;
}

/* ===== Date ===== */

#right-sidebar .wp-block-latest-posts__post-date{
    color:#777;
    font-size:14px;
    margin-top:5px;
}

/* ===== Hover Effect ===== */

#right-sidebar .widget:hover{
    box-shadow:0 15px 40px rgba(0,0,0,.12);
}

/* ===== Mobile ===== */

@media(max-width:768px){

#right-sidebar{
    width:100% !important;
}

#right-sidebar .wp-block-latest-posts__featured-image img{
    height:180px;
}

#right-sidebar .wp-block-latest-posts__post-title{
    font-size:18px;
}

}




/* ===========================
   Premium Blog Cards
=========================== */

.premium-blog-card .elementskit-post-image-card{
    background:#f4efe6;
    border:1px solid #ddd3c2;
    border-radius:12px;
    overflow:hidden;
    transition:all .35s ease;
    height:100%;
}

.premium-blog-card .elementskit-post-image-card:hover{
    transform:translateY(-6px);
    box-shadow:0 15px 35px rgba(0,0,0,.08);
}


/* Image */

.premium-blog-card .elementskit-entry-thumb img{
    width:100%;
    height:260px;
    object-fit:cover;
    transition:.4s;
}

.premium-blog-card .elementskit-post-image-card:hover .elementskit-entry-thumb img{
    transform:scale(1.05);
}


/* Body */

.premium-blog-card .elementskit-post-body{
    padding:24px;
}


/* Title */

.premium-blog-card .entry-title{
    margin-bottom:12px !important;
    line-height:1.35;
}

.premium-blog-card .entry-title a{
    color:#1d1d1d;
    transition:.3s;
    text-decoration:none;
}

.premium-blog-card .entry-title a:hover{
    color:#9A7820;
}


/* Meta */

.premium-blog-card .post-meta-list{
    margin-bottom:12px !important;
    font-size:14px;
}


/* Description */

.premium-blog-card .elementskit-post-body p{
    margin-bottom:20px;
    line-height:1.7;
    color:#555;
}


/* Button */

.premium-blog-card .elementskit-btn{
    background:#B78F50 !important;
    color:#fff !important;
    border-radius:6px;
    padding:12px 22px;
    transition:.3s;
}

.premium-blog-card .elementskit-btn:hover{
    background:#9A7820 !important;
    color:#fff !important;
}


.elementor-22 .elementor-element.elementor-element-0d771a7.elementor-view-stacked .elementor-icon {
    background-color: #F7EEDF;
    color: var(--e-global-color-11afcaf);
    border: 1px solid #B78F50 !important;
    border-radius: 50% !important;
}

/* Music Icon */
.elementor-22 .elementor-element.elementor-element-ed2340f.elementor-view-stacked .elementor-icon {
    background-color: #F7EEDF;
    color: var(--e-global-color-11afcaf);
    border: 1px solid #B78F50 !important;
    border-radius: 50% !important;
}

/* Heart Icon */
.elementor-22 .elementor-element.elementor-element-b1c6346.elementor-view-stacked .elementor-icon {
    background-color: #F7EEDF;
    color: var(--e-global-color-11afcaf);
    border: 1px solid #B78F50 !important;
    border-radius: 50% !important;
}

/* Microphone Icon */
.elementor-22 .elementor-element.elementor-element-9caf545.elementor-view-stacked .elementor-icon {
    background-color: #F7EEDF;
    color: var(--e-global-color-11afcaf);
    border: 1px solid #B78F50 !important;
    border-radius: 50% !important;
}