/*
Theme Name: Kazron Child
Theme URI: https://kazron.jwsuperthemes.com
Template: kazron
Author: the JWSThemes team
Author URI: https://themeforest.net/user/jwsthemes
Description: Kazron is a wonderfully malleable and incredibly resourceful, convenient and easy to use, engaging and responsive WordPress photography website theme. This theme is a purposeful platform aimed to provide amateur and professional photographers, photojournalists and photography studios an easy avenue towards development of sophisticated, modern photography websites, fully customizable to suit their functional or branding specifications, and requiring absolutely no coding experience or knowledge, due to deployment of intuitive visual interfaces for layout design and element customization.
Tags: two-columns,three-columns,left-sidebar,right-sidebar,custom-background,custom-header,custom-menu,editor-style,featured-images,flexible-header,full-width-template,microformats,post-formats,rtl-language-support,sticky-post,theme-options,translation-ready,accessibility-ready
Version: 3.0.4
Updated: 2020-07-07 09:15:19
*/

/* ── FAQ Page: Premium dark editorial redesign ───────────────────────────────── */

/* Override the flat gray section background with a rich warm dark gradient */
.vc_custom_1722904858666 {
    background: linear-gradient(160deg, #111010 0%, #1e1916 55%, #171414 100%) !important;
    padding-top: 60px !important;
    padding-bottom: 80px !important;
}

/* Hero section: refine heading spacing */
.vc_custom_1722905848603 h1,
.vc_custom_1722970327053 h1,
.vc_custom_1722970959934 h1 {
    line-height: 1 !important;
    font-size: clamp(38px, 6vw, 72px) !important;
    color: #fff !important;
    margin: 0 0 8px !important;
}
.vc_custom_1722905848603 h4,
.vc_custom_1722970327053 h4 {
    color: rgba(255,255,255,0.6) !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    letter-spacing: 0.03em !important;
    line-height: 1.6 !important;
    margin-top: 16px !important;
}
.vc_custom_1722970959934 p {
    color: rgba(255,255,255,0.6) !important;
    font-size: 15px !important;
    font-weight: 400 !important;
}

/* Search bar — glass dark field */
.faq-search-wrap {
    margin: 0 0 48px;
    position: relative;
}
.faq-search-input {
    width: 100%;
    padding: 16px 20px 16px 48px;
    font-size: 15px;
    font-family: inherit;
    border: 1px solid rgba(255,255,255,0.14);
    border-radius: 3px;
    background: rgba(255,255,255,0.06);
    color: #fff;
    box-sizing: border-box;
    outline: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.35)' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 15px center;
}
.faq-search-input:focus {
    border-color: #c4887a;
    background-color: rgba(196,136,122,0.06);
}
.faq-search-input::placeholder {
    color: rgba(255,255,255,0.32);
}
.faq-no-results {
    color: rgba(255,255,255,0.45);
    font-style: italic;
    text-align: center;
    padding: 40px 0;
    font-size: 15px;
}

/* Strip all WPBakery default accordion chrome */
.acc-title.vc_tta-accordion,
.acc-title .vc_tta-panels-container,
.acc-title .vc_tta-panels {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    border-radius: 0 !important;
}

/* Each FAQ item */
.acc-title .vc_tta-panel {
    border: none !important;
    border-bottom: 1px solid rgba(255,255,255,0.08) !important;
    margin: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
}
.acc-title .vc_tta-panel:first-child {
    border-top: 1px solid rgba(255,255,255,0.08) !important;
}

/* Open panel: inset rose left bar + subtle warm tint — no layout shift */
.acc-title .vc_tta-panel.vc_active {
    box-shadow: inset 3px 0 0 #c4887a !important;
    background: rgba(196,136,122,0.05) !important;
}

/* Question heading */
.acc-title .vc_tta-panel-heading {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
}
.acc-title .vc_tta-panel-title {
    margin: 0 !important;
    font-size: 0 !important;     /* kill inherited h1 size */
    line-height: 1 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}
.acc-title .vc_tta-panel-title > a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 22px 20px !important;
    text-decoration: none !important;
    color: rgba(255,255,255,0.88) !important;
    background: transparent !important;
    border: none !important;
    gap: 16px;
}
.acc-title .vc_tta-panel-title > a:hover {
    color: #d4998c !important;
}
.acc-title .vc_tta-panel.vc_active .vc_tta-panel-title > a {
    color: #d4998c !important;
    padding-left: 17px !important;
}
.acc-title .vc_tta-title-text {
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.45 !important;
    letter-spacing: 0.01em !important;
    text-transform: none !important;
    flex: 1;
    display: block;
}
@media (min-width: 768px) {
    .acc-title .vc_tta-title-text {
        font-size: 17px !important;
    }
}

/* Icon — circle, glows rose when open */
.acc-title .vc_tta-controls-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 30px !important;
    height: 30px !important;
    min-width: 30px;
    flex-shrink: 0;
    border-radius: 50% !important;
    border: 1.5px solid rgba(255,255,255,0.2) !important;
    color: rgba(255,255,255,0.4) !important;
    font-size: 11px !important;
    background: transparent !important;
}
.acc-title .vc_tta-panel.vc_active .vc_tta-controls-icon {
    border-color: #c4887a !important;
    color: #c4887a !important;
    background: rgba(196,136,122,0.15) !important;
    transform: rotate(180deg) !important;
}

/* Answer body */
.acc-title .vc_tta-panel-body {
    border: none !important;
    background: transparent !important;
    padding: 2px 20px 28px 20px !important;
}
.acc-title .vc_tta-panel.vc_active .vc_tta-panel-body {
    padding-left: 17px !important;
}
.acc-title .vc_tta-panel-body .wpb_text_column p,
.acc-title .vc_tta-panel-body .wpb_text_column li,
.acc-title .vc_tta-panel-body .wpb_text_column span {
    font-size: 15px !important;
    line-height: 1.82 !important;
    color: rgba(255,255,255,0.68) !important;
    margin-bottom: 10px !important;
    font-weight: 400 !important;
}
.acc-title .vc_tta-panel-body .wpb_text_column ul {
    padding-left: 18px;
}

/* CTA block at bottom */
.faq-cta-section {
    margin-top: 72px;
    padding: 56px 48px;
    border: 1px solid rgba(255,255,255,0.1);
    border-top: 3px solid #c4887a;
    background: rgba(255,255,255,0.03);
    text-align: center;
}
.faq-cta-section p {
    color: rgba(255,255,255,0.65);
    font-size: 17px;
    line-height: 1.75;
    margin: 0 auto 36px;
    max-width: 460px;
}
.faq-cta-section .faq-cta-btn {
    display: inline-block;
    padding: 17px 52px;
    background: #c4887a;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
}
.faq-cta-section .faq-cta-btn:hover {
    background: #d4998c !important;
    color: #fff !important;
}

/* Mobile */
@media (max-width: 767px) {
    .vc_custom_1722904858666 {
        padding-top: 40px !important;
        padding-bottom: 60px !important;
    }
    .faq-cta-section {
        padding: 40px 24px;
    }
    .faq-cta-section p {
        font-size: 15px;
    }
    .acc-title .vc_tta-panel-title > a,
    .acc-title .vc_tta-panel.vc_active .vc_tta-panel-title > a {
        padding: 18px 14px !important;
    }
    .acc-title .vc_tta-panel.vc_active .vc_tta-panel-title > a {
        padding-left: 11px !important;
    }
    .acc-title .vc_tta-panel-body,
    .acc-title .vc_tta-panel.vc_active .vc_tta-panel-body {
        padding: 2px 14px 22px !important;
    }
    .acc-title .vc_tta-panel.vc_active .vc_tta-panel-body {
        padding-left: 11px !important;
    }
    .faq-search-input {
        font-size: 16px; /* prevent iOS zoom */
    }
}

/* Match gallery category names to site-wide Poppins font */
.kazron-gallery-category .jws_gl_category_item .item_animate .jws_gl_inner .name {
    font-family: "Poppins", sans-serif;
}

/* Remove all entrance, scroll, and hover animations site-wide.
   0.001ms duration (not 0) so JS animationend/transitionend handlers still fire. */
*,
*::before,
*::after {
    animation-duration: 0.001ms !important;
    animation-delay: 0s !important;
    transition-duration: 0.001ms !important;
    transition-delay: 0s !important;
}

/* Elements that start hidden (opacity:0) waiting for scroll trigger — show immediately */
.jws-animation .item_animate,
.jws-animation.scaleUp .animated,
.jws-animation.FadeIN .animated,
.jws-animation.animation-up .animated,
.jws-animation.animation-down .animated,
.jws-animation.moveHorizontal .animated,
.appear-animation,
[data-animation],
[data-animate],
[data-wow-delay],
.animated {
    opacity: 1 !important;
    transform: none !important;
    visibility: visible !important;
}

/* Issue #2A: Add font-display: swap to ionicons to prevent render blocking */
@font-face {
    font-family: 'Ionicons';
    src: url('../kazron/assets/fonts/ionicons.eot?v=2.0.0');
    src: url('../kazron/assets/fonts/ionicons.eot?v=2.0.0#iefix') format('embedded-opentype'),
         url('../kazron/assets/fonts/ionicons.ttf?v=2.0.0') format('truetype'),
         url('../kazron/assets/fonts/ionicons.woff?v=2.0.0') format('woff'),
         url('../kazron/assets/fonts/ionicons.svg?v=2.0.0#Ionicons') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Issue #6: Add font-display: swap to Linearicons to prevent render blocking */
@font-face {
    font-family: 'Linearicons-Free';
    src: url('../kazron/assets/fonts/Linearicons-Free.eot?w118d');
    src: url('../kazron/assets/fonts/Linearicons-Free.eot?#iefixw118d') format('embedded-opentype'),
         url('../kazron/assets/fonts/Linearicons-Free.woff2?w118d') format('woff2'),
         url('../kazron/assets/fonts/Linearicons-Free.woff?w118d') format('woff'),
         url('../kazron/assets/fonts/Linearicons-Free.ttf?w118d') format('truetype'),
         url('../kazron/assets/fonts/Linearicons-Free.svg?w118d#Linearicons-Free') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Mobile menu: dark background so white logo is visible */
.mobile_menu {
    background: #0b0b0b !important;
}
.mobile_menu .navbar-nav li > a {
    color: #ffffff !important;
}
.mobile_menu .navbar-nav li .sub-menu a,
.mobile_menu .navbar-nav li .sub-sub-menu a {
    color: #9c9c9c !important;
}
.mobile_menu .ion-android-close {
    color: #ffffff !important;
}
.mobile_menu .navbar-nav li .sub-sub-menu,
.mobile_menu .navbar-nav li .sub-menu {
    border-color: #252525 !important;
}

/* Behind NICKOLAUS21 Brand — reduce photo size 50% on desktop only */
@media (min-width: 768px) {
    .cameraman-banner .team_iamge {
        max-width: 50%;
        margin: 0 auto;
    }
}

/* ── Fix CLS #1: Reserve space for all images so they don't shift layout ── */
img {
    height: auto;
    max-width: 100%;
}

/* WPBakery single image — force block display so width/height attrs take effect */
.vc_single_image-wrapper,
.wpb_single_image .vc_figure {
    display: block;
    width: 100%;
}

.vc_single_image-wrapper img,
.wpb_single_image img {
    width: 100%;
    height: auto;
    display: block;
}

/* ── Fix CLS #2: Prevent WPBakery rows from collapsing before images load ── */
.vc_row {
    min-height: 1px;
}

/* ── Fix CLS #3: Slider Revolution — reserve full-height space before load ── */
.rev_slider_wrapper,
.rev_slider {
    min-height: 1px;
}

/* ── Fix CLS #4: Unconstrained images inside nitro-lazy containers ── */
.nitro-lazy,
[data-nitro-lazy] {
    display: block;
    width: 100%;
}

.nitro-lazy img,
[data-nitro-lazy] img {
    width: 100%;
    height: auto;
}

/* ── Info box icons: use accent color instead of black stroke ── */
.kazron-info-box .info-box-icon svg g,
.kazron-info-box .info-box-icon svg path,
.kazron-info-box .info-box-icon svg circle,
.kazron-info-box .info-box-icon svg rect,
.kazron-info-box .info-box-icon svg line,
.kazron-info-box .info-box-icon svg polyline,
.kazron-info-box .info-box-icon svg ellipse {
    stroke: #c68a6e;
}

/* ── Google Reviews link below carousel ── */
.gcr-all-reviews {
    text-align: center;
    margin-top: 20px;
}
.gcr-all-reviews a {
    color: #c68a6e;
    font-size: 14px;
    letter-spacing: .5px;
    text-decoration: none;
    border-bottom: 1px solid rgba(198,138,110,.35);
    transition: border-color .2s;
}
.gcr-all-reviews a:hover {
    border-color: #c68a6e;
}

/* ── CTA after testimonials: center the Book button ── */
.vc_custom_1748111111111 .about-home {
    text-align: center !important;
}

/* ── Give the Gift of Empowerment section ── */
.vc_custom_gift_section {
    padding-top: 50px !important;
    padding-bottom: 60px !important;
    background-color: #0b0b0b !important;
}
.vc_custom_gift_section h2.vc_custom_heading {
    margin-top: 0 !important;
}

/* ── For every woman — center body text paragraphs (desktop + mobile columns) ── */
.vc_custom_1722642199847 p,
.vc_custom_1722642252081 p {
    text-align: center !important;
    font-size: 18px !important;
}

/* ── Fix mobile menu: header must be above RevSlider layers (z-index 9999) ── */
#jws_header {
    z-index: 10000 !important;
}