/*
Theme Name: Kulan Child
Theme URI: https://creatorsspecialist.com/
Description: Child theme for Kulan. Template overrides live here so they survive parent theme updates.
Author: Creators Specialist
Template: kulan
Version: 1.0.3
*/

/* ==========================================================================
   Custom CSS — migrated from Appearance > Customize > Additional CSS
   on 14 Oct 2026.

   It lived in a theme_mod, which is tied to the active theme and therefore
   does not follow a child theme. Keeping it in this file means it survives
   theme switches and can be edited properly instead of through the
   Customizer box.
   ========================================================================== */

.header__bottom_logo h5 {
    display: none;
}
.banner__shap_3 {
    display: none;
}
.banner__shap_4{
    display: none;
}
.choose .feature {
    background-color: #FFC418;
}
.d-flex.justify-content-center {
    display: none;
}
.d-flex.justify-content-center .footer__logo h5 {
    display: none;
}
.services_1 .sr__card .card__footer {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0%;
    background: linear-gradient(180deg, rgba(48, 102, 95, 0) 0%, rgb(38 39 39 / 86%) 100%);
    padding: 30px;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
}
.d-flex.gap-4 p {
    color: #000000;
}
body {
    background-color: #000000;
}
.t__22 {
    font-size: 17px;
}
@media (min-width: 992px) {
    .navbar-collapse {
        display: flex !important;
        justify-content: flex-end !important;
        align-items: center !important;
        text-align: right !important;
        padding-right: 0px;
    }
    .navbar-collapse .navbar-nav {
        display: flex !important;
        margin-left: auto !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
    }
    .navbar-collapse .navbar-nav .nav-item {
        text-align: right !important;
    }
}
.footer__social i.fa {
    color: #ffffff !important;
}
.footer__social a:hover i.fa {
    color: #FFC418 !important;
}
.footer__social {
    display: none !important;
}
.border__full {
    display: none !important;
}
i.fas.fa-phone::before {
  content: "\f095";
  font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "FontAwesome";
  font-weight: 900;
  font-style: normal;
  display: inline-block;
  speak: never;
}
i.fas.fa-map-marker::before {
  content: "\f041";
  font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "FontAwesome";
  font-weight: 900;
  font-style: normal;
  display: inline-block;
  speak: never;
}
.transparent__btn {
  background-color: #232b2b;
}
.widget.widget_calendar {
  display: none !important;
}
.postid-1167 .page__header {
  background-image: url("https://creatorsspecialist.com/wp-content/uploads/2026/10/Creators-Specialist-Our-Team-Banner-1720x420-1.jpg") !important;
  background-size: cover !important;
  background-position: center !important;
}
.row.justify-content-between.align-items-center > .col-lg-5:first-child {
  display: flex;
  align-items: center;
}
.postid-672 .page__header,
.postid-2045 .page__header,
.postid-2049 .page__header,
.postid-2052 .page__header,
.postid-2058 .page__header,
.postid-2063 .page__header,
.postid-2068 .page__header,
.postid-2074 .page__header,
.postid-2081 .page__header,
.postid-2085 .page__header,
.postid-2088 .page__header,
.postid-2123 .page__header,
.postid-2119 .page__header,
.postid-2212 .page__header,
.postid-2218 .page__header {
  background-image: url("https://creatorsspecialist.com/wp-content/uploads/2024/01/teams2-1920x450-copy.jpg") !important;
  background-size: cover !important;
  background-position: center !important;
}
.fa-envelope-o::before {
  content: "\f0e0";
}
.fa-facebook:before {
  content: "\f09a";
  font-family: "Font Awesome 5 Brands";
  font-weight: normal;
}
.fa-instagram:before {
  content: "\f16d";
  font-family: "Font Awesome 5 Brands";
  font-weight: normal;
}
.fa-linkedin:before {
  content: "\f08c";
  font-family: "Font Awesome 5 Brands";
  font-weight: normal;
}
.fa-pinterest:before {
  content: "\e07b";
  font-family: "Font Awesome 5 Brands";
  font-weight: normal;
}
.postid-1482 .page__header,
.postid-1479 .page__header,
.postid-261 .page__header,
.postid-259 .page__header,
.postid-257 .page__header,
.postid-255 .page__header,
.postid-253 .page__header,
.postid-251 .page__header,
.postid-249 .page__header,
.postid-239 .page__header {
  background-image: url("https://creatorsspecialist.com/wp-content/uploads/2025/05/web-developer-1920x450-copy.jpg") !important;
  background-size: cover !important;
  background-position: center !important;
}
.custom-footer-social {
    display: none !important;
}
.single-post .w-100.thumb__img {
    display: none !important;
}
.fa-mail-reply:before {
    content: "\f3e5";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
.d-flex.align-items-center.gap-4 {
    display: none !important;
}
.postid-2327 .page__header.position-relative,
.postid-2348 .page__header.position-relative,
.postid-2350 .page__header.position-relative,
.postid-2352 .page__header.position-relative,
.postid-2357 .page__header.position-relative {
    background-image: none !important;
    position: relative;
    overflow: hidden;
}
.postid-2327 .page__header.position-relative::before,
.postid-2348 .page__header.position-relative::before,
.postid-2350 .page__header.position-relative::before,
.postid-2352 .page__header.position-relative::before,
.postid-2357 .page__header.position-relative::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url('https://creatorsspecialist.com/wp-content/uploads/2025/12/Our-Blog-1920x450-copy.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -1;
}
.blog .page__header.position-relative.no-image,
.blog .page__header.position-relative,
.page-id-1254 .page__header.position-relative.no-image,
.page-id-1254 .page__header.position-relative {
    background-image: url('https://creatorsspecialist.com/wp-content/uploads/2025/12/Our-Blog-1920x450-copy.jpg') !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
.banner__content_title h1 {
    font-size: 64px;
    line-height: 1.15;
    font-weight: 700;
    color: #fff;
    max-width: 95%;
    margin-bottom: 30px;
}
@media (max-width: 1199px) {
    .banner__content_title h1 { font-size: 48px; }
}
@media (max-width: 767px) {
    .banner__content_title h1 { font-size: 34px; }
}
/* Process section - brand colours & spacing */
.single-services section.work_process {
    background-color: #0A0A0A !important;
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}
.single-services .work_process .single__process,
.single-services .work_process .process__item,
.single-services .work_process .col-lg-6 > div {
    background-color: #181818 !important;
    border-radius: 12px !important;
}
.single-services .work_process h2 {
    margin-bottom: 40px !important;
}
.service__rich h3 {
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    margin-top: 40px;
    margin-bottom: 15px;
}
.service__rich p {
    margin-bottom: 18px;
    line-height: 1.7;
}
.service__rich strong {
    color: #F7C548;
}
.service__rich a {
    color: #F7C548;
    text-decoration: underline;
}
/* Service page polish */
.service__rich {
    max-width: 850px;
}
.service__rich h3 {
    font-size: 26px;
    margin-top: 55px;
    margin-bottom: 18px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(247,197,72,0.25);
    color: #fff;
}
.service__rich p {
    color: #C8C8C8;
    line-height: 1.8;
    margin-bottom: 18px;
}
.service__rich strong {
    color: #F7C548;
}
.service__rich a {
    color: #F7C548;
    text-decoration: underline;
}
/* FAQ answers indented under their question */
.service__rich h3 + p,
.service__rich p strong:first-child {
    color: #F7C548;
}
.service__rich p:has(strong:first-child) {
    background: #141414;
    padding: 20px 24px;
    border-radius: 10px;
    border-left: 3px solid #F7C548;
    margin-bottom: 14px;
}
.service__rich ul {
    padding-left: 22px;
    margin-bottom: 30px;
    list-style: disc;
}
.service__rich ul li {
    color: #C8C8C8;
    line-height: 1.8;
    margin-bottom: 16px;
    display: list-item;
}
.service__rich ul li strong {
    color: #F7C548;
}
.service__rich p strong {
    color: #F7C548;
    display: block;
    margin-bottom: 6px;
}
.service__rich p {
    color: #C8C8C8 !important;
}
.service__rich p strong {
    color: #F7C548 !important;
}


/* ===== Service banners (one per service) ===== */
body.postid-1482 .page__header, body.postid-249 .page__header, body.postid-253 .page__header, body.postid-259 .page__header, body.postid-239 .page__header, body.postid-255 .page__header, body.postid-261 .page__header, body.postid-257 .page__header, body.postid-2562 .page__header, body.postid-1479 .page__header {
    background-size: cover !important;
    background-position: center !important;
}

/* 1. Media Buying & Performance Marketing */
body.postid-1482 .page__header { background-image: url('https://creatorsspecialist.com/wp-content/uploads/2026/09/01-Media-Buying-Performance-Marketing-1920x450-1.jpg') !important; }

/* 2. Social Media Marketing */
body.postid-249 .page__header { background-image: url('https://creatorsspecialist.com/wp-content/uploads/2026/09/02-Social-Media-Marketing-1920x450-1.jpg') !important; }

/* 3. Content Creation */
body.postid-253 .page__header { background-image: url('https://creatorsspecialist.com/wp-content/uploads/2026/09/03-Content-Creation-1920x450-1.jpg') !important; }

/* 4. SEO & SEM */
body.postid-259 .page__header { background-image: url('https://creatorsspecialist.com/wp-content/uploads/2026/09/04-SEO-SEM-1920x450-1.jpg') !important; }

/* 5. Marketing Strategy */
body.postid-239 .page__header { background-image: url('https://creatorsspecialist.com/wp-content/uploads/2026/09/05-Marketing-Strategy-1920x450-1.jpg') !important; }

/* 6. Design & Branding */
body.postid-255 .page__header { background-image: url('https://creatorsspecialist.com/wp-content/uploads/2026/09/06-Design-Branding-1920x450-1.jpg') !important; }

/* 7. Web Design & Development */
body.postid-261 .page__header { background-image: url('https://creatorsspecialist.com/wp-content/uploads/2026/09/07-Web-Design-Development-1920x450-1.jpg') !important; }

/* 8. Photography */
body.postid-257 .page__header { background-image: url('https://creatorsspecialist.com/wp-content/uploads/2026/09/08-Photography-1920x450-1.jpg') !important; }

/* 9. Influencer & Model Consultant */
body.postid-2562 .page__header { background-image: url('https://creatorsspecialist.com/wp-content/uploads/2026/09/09-Influencer-Model-Consultant-1920x450-1.jpg') !important; }

/* 10. Social Media Security & Anti-Hacking */
body.postid-1479 .page__header { background-image: url('https://creatorsspecialist.com/wp-content/uploads/2026/09/10-Social-Media-Security-Anti-Hacking-1920x450-1.jpg') !important; }


h1, h2, h3 {
    white-space: normal !important;
    overflow-wrap: break-word !important;
    max-width: 100% !important;
}
.choose .bg__img {
    top: 150px !important;
    transform: none !important;
}
.pt__35 p {
    margin-bottom: 20px;
}
.row:has(.single_team_info) {
    align-items: flex-start !important;
}
.single_team_info {
    position: sticky;
    top: 120px;
}
.single_team_info .fa-tiktok:before {
  font-family: "Font Awesome 5 Brands" !important;
  font-weight: 400 !important;
}
.single-teams .info h2.t__40 {
  display: none;
}
@media (max-width: 991px) {
  .single_team_info .social__media {
    margin-bottom: 40px;
  }
  .single_team_info {
    position: static;
  }
}
.single_team_info .social__media li:nth-child(1) { order: 3; }
.single_team_info .social__media li:nth-child(2) { order: 4; }
.single_team_info .social__media li:nth-child(3) { order: 2; }
.single_team_info .social__media li:nth-child(4) { order: 1; }

.single-teams section.contact {
  display: none;
}
.single-teams .container.py__130:has(.partner) {
  display: none;
}
/* Founder page — remove the empty stats list the theme prints */
.single-teams .info > ul.pt__50 {
  display: none;
}

/* Founder page — close the gap before the contact form */
.single-teams section.team__details {
  padding-bottom: 40px;
}
.single-teams .footer {
  padding-top: 40px;
}
.page__header {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

/* Service page banner title.
   Changed from h2 to div so the page H1 is the first heading.
   The theme sets its heading font on h1-h6 only, so restore it here. */
div.t__40 {
    font-family: "Outfit", sans-serif;
}

/* Contact call-to-action buttons on the team member pages.
   Added 17 Oct 2026 for the Instagram lead campaign landing on
   /teams/tanios-abi-saad/. The button colours are inline on the links
   themselves; this controls spacing, and stacks them full width on phones
   where two buttons side by side wrap badly and are hard to tap. */
.cs-cta-top {
    margin: 24px 0 30px;
}
.cs-cta-top a {
    vertical-align: top;
}

@media (max-width: 767px) {
    .cs-cta-top {
        margin: 20px 0 28px;
    }
    .cs-cta-top a {
        display: block;
        width: 100%;
        text-align: center;
        margin: 0 0 12px;
    }
}

/* ---- cs-tiktok-fix ----
   The theme has no TikTok field, so the TikTok URL is stored in the
   Pinterest slot in Theme Options. The theme therefore prints it with
   a Pinterest icon, in the header, the footer and the team pages.
   Font Awesome 4 (which this theme loads) has no TikTok glyph, so the
   glyph is replaced here with the TikTok mark as a CSS mask. The mask
   inherits the link colour, so it works on the yellow header and the
   dark footer without further rules.
   If the TikTok URL is ever moved out of the Pinterest field, this
   whole block can be deleted. Added 17 Oct 2026. */
a[href*='tiktok.com'] i[class*='fa-']:before {
    content: '' !important;
}
a[href*='tiktok.com'] i[class*='fa-'] {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M448 209.9a210.1 210.1 0 0 1-122.8-39.3V349.4A162.6 162.6 0 1 1 185 188.3V278.2a74.6 74.6 0 1 0 52.2 71.2V0h88a121.2 121.2 0 0 0 1.9 22.2 122.2 122.2 0 0 0 53.9 80.2 121.4 121.4 0 0 0 67 20.1z'/></svg>") no-repeat center;
            mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M448 209.9a210.1 210.1 0 0 1-122.8-39.3V349.4A162.6 162.6 0 1 1 185 188.3V278.2a74.6 74.6 0 1 0 52.2 71.2V0h88a121.2 121.2 0 0 0 1.9 22.2 122.2 122.2 0 0 0 53.9 80.2 121.4 121.4 0 0 0 67 20.1z'/></svg>") no-repeat center;
    -webkit-mask-size: contain;
            mask-size: contain;
}
