/*!
Theme Name: IT STAR Custom Theme
Theme URI: https://itstar.com.au/
Author: IT STAR
Author URI: https://itstar.com.au/
Description: Custom WordPress theme for IT STAR managed IT services, cloud hosting, cybersecurity, remote desktop, Microsoft 365, AI solutions and business technology services.
Version: 1.0.0
Tested up to: 6.0
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: consal
Tags: business, managed services, cloud, cybersecurity, remote desktop, microsoft 365, ai, hosting, software development
*/


This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

IT STAR Custom Theme is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
.bypostauthor {
  font-size: 16px;
}
.breadcrumb-area.only-front-page {
  display: none;
}


/* IT STAR mobile menu button fix */
@media (max-width: 991px) {
  .mean__menu-wrapper {
    display: block !important;
  }

  .main-menu > nav,
  nav.main-menu,
  #main-menu {
    display: none !important;
  }

  .header__hamburger.ml-50.d-lg-none {
    display: block !important;
    margin-left: 0 !important;
  }

  .hamburger-btn.offcanvas-open-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border: 0 !important;
    color: #1B3F73 !important;
    font-size: 24px !important;
    font-weight: 800 !important;
    padding: 8px 0 !important;
  }

  .hamburger-btn.offcanvas-open-btn span {
    display: none !important;
  }

  .hamburger-btn.offcanvas-open-btn:before {
    content: "MENU ↓";
  }
}


/* IT STAR mobile header layout fix */
@media (max-width: 991px) {
  #header-sticky.header-area {
    height: 82px !important;
    min-height: 82px !important;
    padding: 0 16px !important;
    overflow: visible !important;
    background: #ffffff !important;
  }

  #header-sticky .large-container,
  #header-sticky .mega-menu-wrapper,
  #header-sticky .header-main {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  #header-sticky .header-logo img {
    max-width: 145px !important;
    width: 145px !important;
    height: auto !important;
  }

  #header-sticky .header-right {
    flex: 0 0 auto !important;
    width: auto !important;
    margin-left: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
  }

  #header-sticky .hamburger-btn.offcanvas-open-btn {
    min-width: 95px !important;
    white-space: nowrap !important;
    text-align: right !important;
  }
}


/* IT STAR force mobile MENU beside logo */
@media (max-width: 991px) {
  #header-sticky .header-main {
    justify-content: flex-start !important;
    gap: 14px !important;
  }

  #header-sticky .header-left {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: 145px !important;
  }

  #header-sticky .header-right {
    flex: 0 0 auto !important;
    width: auto !important;
    margin-left: 8px !important;
    justify-content: flex-start !important;
  }

  #header-sticky .itstar-mobile-menu-button {
    position: static !important;
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    z-index: 999999 !important;
  }

  #header-sticky .hamburger-btn.offcanvas-open-btn {
    display: inline-flex !important;
    position: static !important;
    min-width: auto !important;
    width: auto !important;
    white-space: nowrap !important;
    color: #1B3F73 !important;
    font-size: 24px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    padding: 6px 0 !important;
  }

  #header-sticky .hamburger-btn.offcanvas-open-btn::before {
    content: "☰ MENU" !important;
  }

  #header-sticky .hamburger-btn.offcanvas-open-btn span {
    display: none !important;
  }
}


/* IT STAR final mobile header: logo left, menu right */
@media (max-width: 991px) {
  #header-sticky.header-area {
    height: 78px !important;
    min-height: 78px !important;
    padding: 0 14px !important;
    overflow: hidden !important;
  }

  #header-sticky .header-main {
    height: 78px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
  }

  #header-sticky .header-left {
    display: flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: 155px !important;
    overflow: visible !important;
  }

  #header-sticky .header-logo {
    display: block !important;
    width: 145px !important;
    max-width: 145px !important;
    overflow: visible !important;
  }

  #header-sticky .header-logo img {
    display: block !important;
    width: 145px !important;
    max-width: 145px !important;
    height: auto !important;
    object-fit: contain !important;
  }

  #header-sticky .header-right {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: none !important;
    margin-left: 10px !important;
    overflow: visible !important;
  }

  #header-sticky .itstar-mobile-menu-button {
    margin-left: auto !important;
  }

  #header-sticky .hamburger-btn.offcanvas-open-btn {
    font-size: 20px !important;
    line-height: 1 !important;
    padding: 8px 0 !important;
  }
}


/* IT STAR mobile MENU fixed position */
@media (max-width: 991px) {
  #header-sticky .itstar-mobile-menu-button {
    position: absolute !important;
    top: 24px !important;
    left: 150px !important;
    display: block !important;
    z-index: 999999 !important;
  }

  #header-sticky .hamburger-btn.offcanvas-open-btn {
    color: #1B3F73 !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    padding: 0 !important;
  }

  #header-sticky .hamburger-btn.offcanvas-open-btn::before {
    content: "☰ MENU" !important;
  }

  #header-sticky .hamburger-btn.offcanvas-open-btn span {
    display: none !important;
  }
}

@media (max-width: 480px) {
  #header-sticky .itstar-mobile-menu-button {
    left: 125px !important;
    top: 24px !important;
  }

  #header-sticky .hamburger-btn.offcanvas-open-btn {
    font-size: 19px !important;
  }
}


/* IT STAR stop clipping mobile MENU */
@media (max-width: 991px) {
  #header-sticky.header-area,
  #header-sticky .large-container,
  #header-sticky .mega-menu-wrapper,
  #header-sticky .header-main,
  #header-sticky .header-right {
    overflow: visible !important;
  }

  #header-sticky .itstar-mobile-menu-button {
    top: 28px !important;
    left: auto !important;
    right: 22px !important;
  }

  #header-sticky .hamburger-btn.offcanvas-open-btn {
    font-size: 19px !important;
  }
}

@media (max-width: 480px) {
  #header-sticky .itstar-mobile-menu-button {
    right: 16px !important;
    top: 28px !important;
  }
}


/* IT STAR reliable mobile menu button placement */
@media (max-width: 991px) {
  #header-sticky.header-area {
    position: relative !important;
    overflow: visible !important;
  }

  #header-sticky .itstar-mobile-menu-button {
    position: fixed !important;
    top: 105px !important;
    right: 18px !important;
    left: auto !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 9999999 !important;
  }

  #header-sticky .hamburger-btn.offcanvas-open-btn::before {
    content: "☰ MENU" !important;
    color: #1B3F73 !important;
    font-size: 22px !important;
    font-weight: 800 !important;
  }

  #header-sticky .hamburger-btn.offcanvas-open-btn span {
    display: none !important;
  }
}

@media (max-width: 480px) {
  #header-sticky .itstar-mobile-menu-button {
    top: 105px !important;
    right: 14px !important;
  }
}


/* IT STAR move mobile MENU into white header bar */
@media (max-width: 991px) {
  #header-sticky .itstar-mobile-menu-button {
    top: 21px !important;
    right: 18px !important;
  }
}

@media (max-width: 480px) {
  #header-sticky .itstar-mobile-menu-button {
    top: 21px !important;
    right: 14px !important;
  }
}


/* IT STAR show logo on mobile header */
@media (max-width: 991px) {
  #header-sticky .header-logo,
  #header-sticky .header-logo a,
  #header-sticky .custom-logo-link {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    overflow: visible !important;
  }

  #header-sticky img.custom-logo {
    display: block !important;
    width: 135px !important;
    max-width: 135px !important;
    height: auto !important;
    object-fit: contain !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  #header-sticky .header-left {
    margin-left: 12px !important;
    width: 145px !important;
    max-width: 145px !important;
    overflow: visible !important;
  }
}

@media (max-width: 480px) {
  #header-sticky img.custom-logo {
    width: 120px !important;
    max-width: 120px !important;
  }

  #header-sticky .header-left {
    margin-left: 10px !important;
    width: 130px !important;
    max-width: 130px !important;
  }
}


/* IT STAR undo inline logo push on mobile */
@media (max-width: 991px) {
  #header-sticky .header-logo,
  #header-sticky .logo {
    margin-left: 0 !important;
  }

  #header-sticky .header-left {
    margin-left: 0 !important;
    padding-left: 12px !important;
  }
}


/* IT STAR mobile logo fix */
@media (max-width: 991px) {

  .header-logo,
  .logo {
    margin-left: 0 !important;
  }

  .header-right {
    right: 0 !important;
  }

}


/* IT STAR increase mobile MENU size */
@media (max-width: 991px) {
  #header-sticky .hamburger-btn.offcanvas-open-btn::before {
    font-size: 25px !important;
    font-weight: 800 !important;
  }
}


/* IT STAR show mobile offcanvas menu */
@media (max-width: 991px) {
  .offcanvas__info.info-open .mobile-menu {
    display: block !important;
    height: auto !important;
    min-height: 300px !important;
    overflow: visible !important;
  }

  .offcanvas__info.info-open .mobile-menu .mean-bar,
  .offcanvas__info.info-open .mobile-menu .mean-nav {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 40px !important;
    overflow: visible !important;
  }

  .offcanvas__info.info-open .mobile-menu .mean-nav > ul {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    overflow: visible !important;
  }

  .offcanvas__info.info-open .mobile-menu .mean-nav ul li {
    display: block !important;
    width: 100% !important;
    position: relative !important;
  }
/* Mobile menu parents text size */
  .offcanvas__info.info-open .mobile-menu .mean-nav ul li a {
    display: block !important;
    color: #ffffff !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
    padding: 14px 52px 14px 0 !important;
    border-bottom: 1px solid rgba(255,255,255,0.18) !important;
  }

  .offcanvas__info.info-open .mobile-menu .mean-nav ul li a.mean-expand {
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    width: 48px !important;
    height: 48px !important;
    line-height: 48px !important;
    padding: 0 !important;
    text-align: center !important;
    font-size: 0 !important;
    color: #ffffff !important;
    background: rgba(255,255,255,0.08) !important;
    border-bottom: 0 !important;
  }

  .offcanvas__info.info-open .mobile-menu .mean-nav ul li a.mean-expand::before {
    content: "▶" !important;
    font-size: 28px !important;
    line-height: 48px !important;
    color: #ffffff !important;
  }

  .offcanvas__info.info-open .mobile-menu .mean-nav ul li a.mean-expand.mean-clicked::before {
    content: "▼" !important;
  }

  .offcanvas__info.info-open .mobile-menu .mean-nav ul li a.mean-expand i {
    display: none !important;
  }

  .offcanvas__info.info-open .mobile-menu .mean-nav ul.submenu {
    padding-left: 14px !important;
    background: rgba(255,255,255,0.05) !important;
  }
/* ITSTAR Mobile MENU child item size change */
  .offcanvas__info.info-open .mobile-menu .mean-nav ul.submenu li a {
    font-size: 16px !important;
    padding-top: 11px !important;
    padding-bottom: 11px !important;
    color: rgba(255,255,255,0.88) !important;
  }
}


/* IT STAR fix iPhone offcanvas menu white block */
@media (max-width: 991px) {
  .offcanvas__info.info-open .mobile-menu,
  .offcanvas__info.info-open .mean-container,
  .offcanvas__info.info-open .mean-bar,
  .offcanvas__info.info-open .mean-nav,
  .offcanvas__info.info-open .mean-nav > ul,
  .offcanvas__info.info-open .mean-nav ul,
  .offcanvas__info.info-open .mean-nav li {
    background: #191919 !important;
  }

  .offcanvas__info.info-open .mean-nav ul li a {
    color: #ffffff !important;
    background: #191919 !important;
  }

  .offcanvas__info.info-open .mean-nav ul.submenu,
  .offcanvas__info.info-open .mean-nav ul.submenu li,
  .offcanvas__info.info-open .mean-nav ul.submenu li a {
    background: #222222 !important;
    color: #ffffff !important;
  }
}


/* IT STAR mobile menu larger text */
@media (max-width: 991px) {

  .offcanvas__info .mean-nav ul li a,
  .offcanvas__info .mean-nav ul li a.mean-expand {
      font-size: 21px !important;
      font-weight: 700 !important;
      line-height: 1.4 !important;
  }

}


/* IT STAR hide hero decorative stars/shapes on mobile */
@media (max-width: 991px) {
  .banner-shape-area,
  .banner-shape-area * {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }
}


/* IT STAR hide hero shape images on mobile */
@media (max-width:991px){

    .orbit_banner-section .shape1,
    .orbit_banner-section .shape2,
    .orbit_banner-section .shape3{
        display:none !important;
    }

}


/* IT STAR fix mobile Why Choose card and spacing */
@media (max-width: 575.97px) {

  .orbit_about-us-section .orbit-about-success-count {
    background-image: linear-gradient(135deg, #0b7cff, #005bea) !important;
    background-color: #0b7cff !important;
    background-size: cover !important;
    display: flex !important;
    position: absolute !important;
    top: 18px !important;
    right: 14px !important;
    left: auto !important;
    width: 250px !important;
    min-height: 90px !important;
    padding: 18px !important;
    border-radius: 8px !important;
    z-index: 5 !important;
  }

  .orbit_about-us-section .orbit-about-success-count .contents .title,
  .orbit_about-us-section .orbit-about-success-count .contents .des {
    color: #ffffff !important;
  }

  .orbit_about-us-section .orbit-about-content,
  .orbit_about-us-section .content-wrapper,
  .orbit_about-us-section .section-title-wrapper {
    padding-left: 18px !important;
    padding-right: 14px !important;
  }
}


/* IT STAR fix tablet Why Choose card and spacing */
@media (min-width: 576px) and (max-width: 991.97px) {

  .orbit_about-us-section .orbit-about-success-count {
    background-image: linear-gradient(135deg, #0b7cff, #005bea) !important;
    background-color: #0b7cff !important;
    background-size: cover !important;
    display: flex !important;
    position: absolute !important;
    top: 24px !important;
    right: 28px !important;
    left: auto !important;
    width: 330px !important;
    min-height: 105px !important;
    padding: 22px !important;
    border-radius: 8px !important;
    z-index: 5 !important;
  }

  .orbit_about-us-section .orbit-about-success-count .contents .title,
  .orbit_about-us-section .orbit-about-success-count .contents .des {
    color: #ffffff !important;
  }

  .orbit_about-us-section .orbit-about-content,
  .orbit_about-us-section .content-wrapper,
  .orbit_about-us-section .section-title-wrapper {
    padding-left: 28px !important;
    padding-right: 24px !important;
  }
}


/* IT STAR - Move Why Choose content right on tablet/mobile */
@media (max-width: 991.97px) {

  .orbit_about-us-section .section-title-wrapper,
  .orbit_about-us-section .section-title,
  .orbit_about-us-section .orbit-about-content {
    padding-left: 30px !important;
  }

}


/* IT STAR move Why Choose text right on mobile/tablet */
@media (max-width: 991.97px) {

  .orbit_about-us-section .section-sub-title,
  .orbit_about-us-section h2,
  .orbit_about-us-section p,
  .orbit_about-us-section .about-list {
    margin-left: 28px !important;
    max-width: calc(100% - 42px) !important;
  }

}


/* IT STAR fix Why Choose subtitle clipping */
@media (max-width: 991.97px) {

  .orbit_about-us-section .section-sub-title {
    display: block !important;
    margin-left: 28px !important;
    padding-left: 0 !important;
    max-width: calc(100% - 56px) !important;
    overflow: visible !important;
    white-space: normal !important;
  }

}


/* IT STAR fix Why Choose subtitle after mobile shift */
@media (max-width: 991.97px) {

  .orbit_about-us-section .section-sub-title {
    margin-left: 0 !important;
    padding-left: 0 !important;
    max-width: 100% !important;
    transform: translateX(0) !important;
    overflow: visible !important;
  }

  .orbit_about-us-section .section-title-wrapper {
    padding-left: 28px !important;
    padding-right: 18px !important;
  }

}


/* IT STAR shift Why Choose text right without clipping */
@media (max-width: 991.97px) {

  .orbit_about-us-section .section-sub-title,
  .orbit_about-us-section h2,
  .orbit_about-us-section p,
  .orbit_about-us-section .about-list {
    margin-left: 0 !important;
    padding-left: 0 !important;
    transform: translateX(28px) !important;
    max-width: calc(100% - 42px) !important;
  }

}


/* IT STAR mobile Core Services images one by one */
@media (max-width: 767.97px) {

  .itstar-services-showcase,
  .itstar-services-showcase .elementor-widget-container,
  .itstar-services-showcase .elementor-container,
  .itstar-services-showcase .elementor-row {
    display: block !important;
  }

  .itstar-services-showcase img {
    display: block !important;
    width: 86% !important;
    max-width: 320px !important;
    height: auto !important;
    margin: 18px auto !important;
    border-radius: 14px !important;
  }

}


/* IT STAR mobile Core Services 6 images one by one */
@media (max-width: 767.97px) {

  body.home h2 + p + div[style*="grid-template-columns:repeat(3,1fr)"] {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 22px !important;
  }

  body.home h2 + p + div[style*="grid-template-columns:repeat(3,1fr)"] a {
    width: 86% !important;
    max-width: 320px !important;
    margin: 0 auto !important;
  }
}


@media (max-width: 767.97px) {

  body.home h2 + p + div[style*="grid-template-columns:repeat(3,1fr)"] a {
    width: 103% !important;
    max-width: 384px !important;
    margin: 0 auto 22px !important;
  }

}


/* IT STAR mobile 3 process cards vertical */
@media (max-width: 767.97px) {

  body.home div[style*="grid-template-columns:repeat(3"],
  body.home div[style*="grid-template-columns: repeat(3"] {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  body.home div[style*="grid-template-columns:repeat(3"] > div,
  body.home div[style*="grid-template-columns: repeat(3"] > div {
    width: 100% !important;
    max-width: 330px !important;
    margin: 0 auto !important;
  }

}


/* IT STAR mobile FAQ text wrap fix */
@media (max-width: 767.97px) {

  body.home .itstar-faq-right,
  body.home .itstar-faq-right * {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body.home .itstar-faq-right {
    padding-left: 16px !important;
    padding-right: 16px !important;
    overflow: hidden !important;
  }

  body.home .itstar-faq-right details,
  body.home .itstar-faq-right summary,
  body.home .itstar-faq-right div {
    width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }

}


/* IT STAR mobile FAQ proper width */
@media (max-width: 767.97px) {
  .itstar-faq-full,
  .itstar-faq-section,
  .itstar-faq-left {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .itstar-faq-left details {
    width: calc(100% - 32px) !important;
    margin-left: 16px !important;
    margin-right: 16px !important;
    box-sizing: border-box !important;
  }

  .itstar-faq-left summary {
    white-space: normal !important;
    overflow-wrap: break-word !important;
    line-height: 1.35 !important;
  }
}


/* IT STAR final FAQ mobile no horizontal clipping */
@media (max-width: 767.97px) {

  .itstar-faq-section {
    display: block !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .itstar-faq-left {
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  .itstar-faq-left details {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  .itstar-faq-left summary {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 18px 16px !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
    font-size: 15px !important;
  }
}


/* IT STAR mobile FAQ wider cards */
@media (max-width:767.97px){

  .itstar-faq-section{
    padding-left:0 !important;
    padding-right:0 !important;
  }

  .itstar-faq-left{
    width:100% !important;
    max-width:100% !important;
  }

  .itstar-faq-left details{
    width:100% !important;
    max-width:100% !important;
    margin:0 0 12px 0 !important;
    box-sizing:border-box !important;
  }

  .itstar-faq-left summary{
    padding:18px 18px !important;
    white-space:normal !important;
    overflow-wrap:break-word !important;
    word-break:normal !important;
  }

}


/* IT STAR force FAQ mobile full content width */
@media (max-width:767.97px){

  .itstar-faq-full{
    padding-left:0 !important;
    padding-right:0 !important;
  }

  .itstar-faq-section{
    width:100vw !important;
    max-width:100vw !important;
    margin-left:50% !important;
    transform:translateX(-50%) !important;
    padding-left:18px !important;
    padding-right:18px !important;
    box-sizing:border-box !important;
  }

  .itstar-faq-left{
    width:100% !important;
    max-width:100% !important;
  }

  .itstar-faq-left details{
    width:100% !important;
    max-width:100% !important;
  }

}


/* IT STAR clean mobile FAQ layout */
@media (max-width:767.97px){

  .itstar-faq-full{
    padding-left:8px !important;
    padding-right:8px !important;
  }

  .itstar-faq-section{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    padding:0 !important;
    margin:0 auto !important;
    box-sizing:border-box !important;
  }

  .itstar-faq-left{
    width:100% !important;
    max-width:100% !important;
  }

  .itstar-faq-left details{
    width:100% !important;
    max-width:100% !important;
    margin:0 0 12px 0 !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
  }

  .itstar-faq-left summary{
    display:flex !important;
    justify-content:space-between !important;
    align-items:center !important;
    gap:10px !important;
    width:100% !important;
    padding:18px 14px !important;
    white-space:normal !important;
    overflow-wrap:break-word !important;
    line-height:1.35 !important;
    font-size:15px !important;
    box-sizing:border-box !important;
  }

}


/* IT STAR fix FAQ mobile left shift */
@media (max-width:767.97px){

  .itstar-faq-full{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:14px !important;
    padding-right:14px !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
  }

  .itstar-faq-section{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    transform:none !important;
    padding:0 !important;
  }

  .itstar-faq-left details{
    width:100% !important;
    max-width:100% !important;
  }
}


/* IT STAR FAQ move + icon slightly right on mobile */
@media (max-width:767.97px){

  .itstar-faq-left summary{
    padding-right:56px !important;   /* room for the + */
    position:relative !important;
  }

  .itstar-faq-left summary::after,
  .itstar-faq-left summary .plus,
  .itstar-faq-left summary i,
  .itstar-faq-left summary svg{
    right:18px !important;
  }

}


/* IT STAR mobile footer layout */
@media (max-width:767.97px){

  footer,
  .footer-area,
  .footer-widget-area,
  .footer-widget-wrapper,
  .footer-main,
  .footer-top,
  .footer-bottom{
    overflow:hidden !important;
  }

  .footer-area .row,
  footer .row{
    display:block !important;
  }

  .footer-area [class*="col-"],
  footer [class*="col-"]{
    width:100% !important;
    max-width:100% !important;
    flex:0 0 100% !important;
    padding-left:22px !important;
    padding-right:22px !important;
    margin-bottom:28px !important;
    box-sizing:border-box !important;
  }

  .footer-area .footer-widget,
  footer .footer-widget{
    width:100% !important;
    max-width:100% !important;
    text-align:left !important;
  }

  .footer-area .footer-widget p,
  .footer-area .footer-widget li,
  .footer-area .footer-widget a,
  footer .footer-widget p,
  footer .footer-widget li,
  footer .footer-widget a{
    white-space:normal !important;
    overflow-wrap:break-word !important;
    word-break:normal !important;
    line-height:1.6 !important;
  }

  .footer-area .footer-widget ul,
  footer .footer-widget ul{
    padding-left:0 !important;
    margin-left:0 !important;
  }

}


/* IT STAR mobile custom inline footer fix */
@media (max-width:767.97px){

  footer[style*="background:#071d3a"]{
    padding:45px 22px 25px 22px !important;
    overflow:hidden !important;
  }

  footer[style*="background:#071d3a"] > div:first-child{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:32px !important;
    max-width:100% !important;
    width:100% !important;
  }

  footer[style*="background:#071d3a"] > div:first-child > div{
    width:100% !important;
    max-width:100% !important;
  }

  footer[style*="background:#071d3a"] p,
  footer[style*="background:#071d3a"] li,
  footer[style*="background:#071d3a"] a,
  footer[style*="background:#071d3a"] h3,
  footer[style*="background:#071d3a"] h4{
    white-space:normal !important;
    overflow-wrap:break-word !important;
    word-break:normal !important;
  }

  footer[style*="background:#071d3a"] > div:last-child{
    display:block !important;
    max-width:100% !important;
    width:100% !important;
    text-align:left !important;
  }

  footer[style*="background:#071d3a"] > div:last-child > div{
    margin-bottom:14px !important;
  }

}


/* IT STAR simple mobile offcanvas header */
@media (max-width:991px){

  .offcanvas__info::before{
    display:none !important;
  }

  .offcanvas__info{
    background:#191919 !important;
  }

  .offcanvas__top{
    background:#ffffff !important;
    padding:28px 24px !important;
    margin-bottom:0 !important;
    min-height:125px !important;
    height:125px !important;
    display:flex !important;
    align-items:center !important;
  }

  .offcanvas__logo img,
  .offcanvas__logo .custom-logo{
    width:180px !important;
    max-width:180px !important;
    height:auto !important;
  }

  .offcanvas__close button{
    background:#08051f !important;
    color:#ffffff !important;
    width:58px !important;
    height:58px !important;
    border-radius:50% !important;
  }

  .offcanvas__search{
    display:none !important;
  }

  .offcanvas__content .mobile-menu,
  .offcanvas__content .mobile-menu.fix.mb-40{
    margin-top:0 !important;
    padding-top:0 !important;
  }

}


/* IT STAR mobile menu full-width white header */
@media (max-width:991px){

  .offcanvas__content{
    padding:0 !important;
  }

  .offcanvas__top{
    background:#ffffff !important;
    margin:0 !important;
    padding:28px 24px !important;
    width:100% !important;
    box-sizing:border-box !important;

    display:flex !important;
    justify-content:space-between !important;
    align-items:center !important;
    border:none !important;
  }

  .offcanvas__logo{
    margin:0 !important;
    padding:0 !important;
  }

  .offcanvas__close{
    margin:0 !important;
    padding:0 !important;
  }

}


/* IT STAR force offcanvas white header edge-to-edge */
@media (max-width:991px){

  .offcanvas__wrapper{
    padding:0 !important;
  }

  .offcanvas__content{
    padding:0 !important;
  }

  .offcanvas__top{
    background:#ffffff !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:28px 24px !important;
    box-sizing:border-box !important;
  }

  .offcanvas__content .mobile-menu{
    padding-left:24px !important;
    padding-right:0 !important;
  }

}


/* IT STAR desktop header fit fix */
@media (min-width: 992px) {
  #header-sticky .large-container {
    max-width: 100% !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  #header-sticky .header-main {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
  }

  #header-sticky .header-left {
    flex: 0 0 auto !important;
    width: auto !important;
  }

  #header-sticky .header-logo img {
    width: 135px !important;
    max-width: 135px !important;
    height: auto !important;
  }

  #header-sticky .header-right {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  #header-sticky .mean__menu-wrapper,
  #header-sticky .main-menu,
  #header-sticky nav.main-menu {
    width: 100% !important;
  }

  #header-sticky #main-menu > ul {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
    white-space: nowrap !important;
  }

  #header-sticky #main-menu > ul > li > a {
    padding-left: 9px !important;
    padding-right: 9px !important;
    font-size: 14px !important;
    white-space: nowrap !important;
  }
}

@media (min-width: 992px) and (max-width: 1280px) {
  #header-sticky .header-logo img {
    width: 115px !important;
    max-width: 115px !important;
  }

  #header-sticky #main-menu > ul > li > a {
    padding-left: 6px !important;
    padding-right: 6px !important;
    font-size: 13px !important;
  }
}

/* IT STAR desktop menu compact layout */
@media (min-width: 992px) {

  /* Use more of the screen width */
  #header-sticky .large-container {
    max-width: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  /* Bring logo and menu closer together */
  #header-sticky .header-main {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
  }

  #header-sticky .header-left {
    margin-right: 8px !important;
    flex: 0 0 auto !important;
  }

  /* Keep logo a little smaller */
  #header-sticky .header-logo img {
    width: 135px !important;
    max-width: 135px !important;
    height: auto !important;
  }

  /* Allow menu to consume all remaining width */
  #header-sticky .header-right {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  #header-sticky #main-menu > ul {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
    white-space: nowrap !important;
  }

  /* Reduce spacing between menu items */
  #header-sticky #main-menu > ul > li > a {
    padding-left: 4px !important;
    padding-right: 4px !important;
    font-size: 14px !important;
    letter-spacing: -0.2px !important;
    white-space: nowrap !important;
  }
}


/* IT STAR desktop header stronger compact fix */
@media (min-width: 992px) {
  #header-sticky .header-left {
    width: 150px !important;
    max-width: 150px !important;
    min-width: 150px !important;
    margin-right: 0 !important;
  }

  #header-sticky .header-logo {
    width: 130px !important;
    max-width: 130px !important;
    overflow: visible !important;
  }

  #header-sticky .header-logo img {
    width: 130px !important;
    max-width: 130px !important;
  }

  #header-sticky .header-right {
    width: calc(100% - 150px) !important;
    flex: 1 1 calc(100% - 150px) !important;
  }

  #header-sticky #main-menu > ul > li {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  #header-sticky #main-menu > ul > li > a {
    padding-left: 3px !important;
    padding-right: 3px !important;
  }
}


/* IT STAR desktop menu balanced spacing fix */
@media (min-width: 992px) {
  #header-sticky .header-left {
    width: 190px !important;
    max-width: 190px !important;
    min-width: 190px !important;
  }

  #header-sticky .header-logo,
  #header-sticky .header-logo img {
    width: 145px !important;
    max-width: 145px !important;
  }

  #header-sticky #main-menu > ul > li > a {
    padding-left: 9px !important;
    padding-right: 9px !important;
    font-size: 14px !important;
    letter-spacing: 0 !important;
  }
}

@media (min-width: 992px) and (max-width: 1280px) {
  #header-sticky .header-left {
    width: 170px !important;
    max-width: 170px !important;
    min-width: 170px !important;
  }

  #header-sticky .header-logo,
  #header-sticky .header-logo img {
    width: 135px !important;
    max-width: 135px !important;
  }

  #header-sticky #main-menu > ul > li > a {
    padding-left: 6px !important;
    padding-right: 6px !important;
    font-size: 13.5px !important;
  }
}


/* IT STAR desktop logo visible position fix */
@media (min-width: 992px) {
  #header-sticky .header-left {
    padding-left: 35px !important;
    box-sizing: border-box !important;
  }
}

@media (min-width: 992px) and (max-width: 1280px) {
  #header-sticky .header-left {
    padding-left: 25px !important;
  }
}


/* IT STAR desktop logo horizontal offset */
@media (min-width: 992px) {

  #header-sticky .header-logo {
    position: relative !important;
    left: 65px !important;
  }

}


/* IT STAR desktop move menu closer to logo */
@media (min-width: 992px) {

  /* Start the menu immediately after the logo */
  #header-sticky .header-right {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }

  #header-sticky .mean__menu-wrapper {
    margin-left: 0 !important;
    margin-right: auto !important;
  }

  #header-sticky #main-menu > ul {
    justify-content: flex-start !important;
  }

}


@media (min-width:992px){
  #header-sticky .mean__menu-wrapper{
    position:relative !important;
    left:-40px !important;
  }
}


/* IT STAR desktop final header alignment */
@media (min-width: 992px) {
  #header-sticky .header-main {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }

  #header-sticky .header-left {
    flex: 0 0 175px !important;
    width: 175px !important;
    max-width: 175px !important;
    min-width: 175px !important;
    padding-left: 0 !important;
    margin-right: 10px !important;
  }

  #header-sticky .header-logo {
    position: static !important;
    left: auto !important;
    width: 145px !important;
    max-width: 145px !important;
    margin-left: 20px !important;
  }

  #header-sticky .header-logo img {
    width: 145px !important;
    max-width: 145px !important;
  }

  #header-sticky .header-right {
    flex: 1 1 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    min-width: 0 !important;
  }

  #header-sticky .mean__menu-wrapper {
    position: static !important;
    left: auto !important;
    margin-left: 0 !important;
    margin-right: auto !important;
  }

  #header-sticky #main-menu > ul {
    justify-content: flex-start !important;
  }
}


/* IT STAR desktop pull menu closer to logo */
@media (min-width: 992px) {
  #header-sticky .header-left {
    flex-basis: 145px !important;
    width: 145px !important;
    max-width: 145px !important;
    min-width: 145px !important;
    margin-right: 0 !important;
  }

  #header-sticky .header-logo {
    margin-left: 10px !important;
  }
}


/* IT STAR desktop shift entire header left */
@media (min-width: 992px) {

  #header-sticky .header-main {
    position: relative !important;
    left: -40px !important;
  }

}


/* IT STAR desktop final full-width header fix */
@media (min-width: 992px) {
  #header-sticky .large-container {
    max-width: none !important;
    width: 100% !important;
    padding-left: 20px !important;
    padding-right: 70px !important;
    box-sizing: border-box !important;
  }

  #header-sticky .header-main {
    left: 0 !important;
  }

  #header-sticky .header-left {
    flex: 0 0 170px !important;
    width: 170px !important;
    max-width: 170px !important;
    min-width: 170px !important;
  }

  #header-sticky .header-logo {
    margin-left: 0 !important;
  }
}


/* IT STAR restore right side phone / support visibility */
@media (min-width: 992px) {
  #header-sticky .large-container {
    max-width: 1620px !important;
    width: auto !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  #header-sticky .header-main {
    left: -60px !important;
  }

  #header-sticky .header-left {
    flex: 0 0 145px !important;
    width: 145px !important;
    max-width: 145px !important;
    min-width: 145px !important;
  }

  #header-sticky .header-logo {
    margin-left: 10px !important;
  }
}


/* IT STAR hide clipped phone text on laptop widths */
@media (min-width: 992px) and (max-width: 1600px) {
  #header-sticky .header-right > *:last-child {
    display: none !important;
  }
}


/* IT STAR hide far-right phone block on desktop laptop widths */
@media (min-width: 992px) and (max-width: 1600px) {
  #header-sticky .header-right .header-action,
  #header-sticky .header-right .header-contact,
  #header-sticky .header-right .header-phone,
  #header-sticky .header-right .call-us,
  #header-sticky .header-right .phone-box {
    display: none !important;
  }
}


/* IT STAR restore search and support button */
@media (min-width: 992px) {
  #header-sticky .header-right,
  #header-sticky .mean__menu-wrapper,
  #header-sticky .main-menu,
  #header-sticky nav.main-menu,
  #header-sticky .header-action,
  #header-sticky .header-contact,
  #header-sticky .header-phone,
  #header-sticky .call-us,
  #header-sticky .phone-box {
    display: flex !important;
  }

  #header-sticky .header-right > *:last-child {
    display: flex !important;
  }

  #header-sticky .header-main {
    left: 0 !important;
  }
}

/* hide only floating phone circle/text on laptop */
@media (min-width: 992px) and (max-width: 1600px) {
  .body-overlay,
  .floating-phone,
  .phone-floating,
  .call-now,
  .side-phone,
  .fixed-phone,
  .phone-call {
    display: none !important;
  }
}


/* IT STAR final restore header buttons, hide only phone number block */
@media (min-width: 992px) {
  #header-sticky .header-right,
  #header-sticky .mean__menu-wrapper,
  #header-sticky .main-menu,
  #header-sticky nav.main-menu {
    display: flex !important;
  }

  #header-sticky .header-action {
    display: none !important;
  }

  #header-sticky .header__search,
  #header-sticky .header-search,
  #header-sticky .search-btn,
  #header-sticky .theme-btn,
  #header-sticky .rr-btn,
  #header-sticky .primary-btn {
    display: flex !important;
  }
}


/* IT STAR restore support/search after phone hide test */
@media (min-width: 992px) {
  #header-sticky .header-right .header-action {
    display: flex !important;
  }

  #header-sticky .header-right > * {
    display: flex !important;
  }
}


/* IT STAR hide only phone block */
@media (min-width:992px){

  /* Show support ticket */
  #header-sticky .header-action.d-none.d-xl-inline-flex.gap-5{
      display:inline-flex !important;
  }

  /* Hide only second header-action (phone) */
  #header-sticky .header-action:not(.d-none){
      display:none !important;
  }

}


/* IT STAR fit support ticket after phone hidden */
@media (min-width:992px){
  #header-sticky .search-toggle-open.header-search {
    margin-left: 10px !important;
    margin-right: 15px !important;
  }

  #header-sticky .header-action.d-none.d-xl-inline-flex.gap-5 {
    margin-right: 30px !important;
  }

  #header-sticky .header-action.d-none.d-xl-inline-flex.gap-5 .primary-btn-1 {
    padding-left: 22px !important;
    padding-right: 22px !important;
    min-width: 190px !important;
    white-space: nowrap !important;
  }
}


/* IT STAR pull support ticket fully inside screen */
@media (min-width:992px){
  #header-sticky .header-action.d-none.d-xl-inline-flex.gap-5{
    position: relative !important;
    left: -70px !important;
  }
}


/* IT STAR move desktop menu group left to free right side */
@media (min-width:992px){
  #header-sticky .header-right {
    position: relative !important;
    left: -90px !important;
  }

  #header-sticky .header-action.d-none.d-xl-inline-flex.gap-5 {
    left: 0 !important;
    margin-right: 0 !important;
  }

  #header-sticky .search-toggle-open.header-search {
    margin-left: 12px !important;
    margin-right: 18px !important;
  }
}


/* IT STAR move logo slightly left */
@media (min-width:992px){
  #header-sticky .logo {
    position: relative !important;
    left: -45px !important;
  }
}


/* IT STAR move actual logo slightly left */
@media (min-width:992px){
  #header-sticky .header-logo {
    position: relative !important;
    left: -45px !important;
  }
}


/* IT STAR move logo a bit further left */
@media (min-width:992px){
  #header-sticky .header-logo{
    position:relative !important;
    left:-45px !important;
  }
}


/* IT STAR clean desktop header final */
@media (min-width:992px){
  #header-sticky .header-left{
    flex:0 0 170px !important;
    width:170px !important;
    min-width:170px !important;
    max-width:170px !important;
  }

  #header-sticky .header-logo{
    margin-left:0 !important;
    left:0 !important;
    position:relative !important;
  }

  #header-sticky .header-right{
    left:-40px !important;
    right:auto !important;
  }

  #header-sticky .header-action:not(.d-none){
    display:none !important;
  }
}


/* IT STAR FINAL desktop header: logo/menu left, phone visible right */
@media (min-width:992px){

  #header-sticky .large-container{
    max-width:none !important;
    width:100% !important;
    padding-left:10px !important;
    padding-right:10px !important;
    box-sizing:border-box !important;
  }

  #header-sticky .header-main{
    left:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
  }

  #header-sticky .header-left{
    flex:0 0 170px !important;
    width:170px !important;
    min-width:170px !important;
    max-width:170px !important;
    margin:0 !important;
    padding:0 !important;
  }

  #header-sticky .header-logo{
    margin-left:0 !important;
    left:0 !important;
    position:relative !important;
  }

  #header-sticky .header-logo img.custom-logo{
    width:145px !important;
    max-width:145px !important;
    height:auto !important;
  }

  #header-sticky .header-right{
    flex:1 1 auto !important;
    left:0 !important;
    right:auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    min-width:0 !important;
  }

  #header-sticky .mean__menu-wrapper{
    margin-left:14px !important;
    margin-right:auto !important;
    position:static !important;
    left:auto !important;
  }

  #header-sticky #main-menu > ul{
    display:flex !important;
    flex-wrap:nowrap !important;
    justify-content:flex-start !important;
    white-space:nowrap !important;
  }

  #header-sticky #main-menu > ul > li > a{
    padding-left:5px !important;
    padding-right:5px !important;
    font-size:13.5px !important;
    white-space:nowrap !important;
  }

  #header-sticky .search-toggle-open.header-search{
    display:flex !important;
    margin-left:14px !important;
    margin-right:12px !important;
  }

  #header-sticky .header-action.d-none.d-xl-inline-flex.gap-5{
    display:inline-flex !important;
    position:static !important;
    left:auto !important;
    margin-right:12px !important;
  }

  #header-sticky .header-action.d-none.d-xl-inline-flex.gap-5 .primary-btn-1{
    padding-left:18px !important;
    padding-right:18px !important;
    min-width:165px !important;
    white-space:nowrap !important;
  }

  #header-sticky .header-action:not(.d-none){
    display:flex !important;
    margin-left:0 !important;
  }

  #header-sticky .header-action:not(.d-none) .header-link-1{
    display:flex !important;
    align-items:center !important;
    gap:6px !important;
  }

  #header-sticky .header-action:not(.d-none) .content span{
    display:none !important;
  }

  #header-sticky .header-action:not(.d-none) .content h6{
    margin:0 !important;
    font-size:14px !important;
    white-space:nowrap !important;
  }
}


/* Move entire desktop header left to make room for phone */
@media (min-width: 992px) {
    #header-sticky .header-main {
        transform: translateX(-50px) !important;
    }
}


/* Add a little breathing room between desktop menu items */
@media (min-width:992px){

    #header-sticky #main-menu > ul > li{
        margin-right:8px !important;
    }

    #header-sticky #main-menu > ul > li:last-child{
        margin-right:0 !important;
    }

    #header-sticky #main-menu > ul > li > a{
        padding-left:8px !important;
        padding-right:8px !important;
    }

}


@media (min-width:992px){

    #header-sticky .header-action.d-none.d-xl-inline-flex.gap-5 .primary-btn-1{
        min-width:145px !important;
        padding-left:14px !important;
        padding-right:14px !important;
    }

}


/* Move entire navigation (menu + search) left */
@media (min-width:992px){
    .header-right{
        position:relative !important;
        left:-40px !important;
        right:auto !important;
    }
}


/* IT STAR move menu and search left only */
@media (min-width:992px){

  #header-sticky .mean__menu-wrapper{
    transform:translateX(-65px) !important;
  }

  #header-sticky .search-toggle-open.header-search{
    transform:translateX(-65px) !important;
  }

}


/* IT STAR header final alignment */
@media (min-width:992px){

    /* Search icon */
    .header-search,
    .search-toggle-open{
        transform:translateX(-18px) !important;
    }

    /* Support button */
    .header-btn,
    .theme-btn{
        transform:translateX(-25px) !important;
    }

    /* Phone icon + number */
    .header-call,
    .header-contact,
    .header-contact-info,
    .header-contact-box{
        transform:translateX(-40px) !important;
    }

}


/* IT STAR move search, support ticket and phone left */
@media (min-width:992px){

  #header-sticky .search-toggle-open.header-search{
    position:relative !important;
    left:-45px !important;
    transform:none !important;
  }

  #header-sticky .header-action.d-none.d-xl-inline-flex.gap-5{
    position:relative !important;
    left:-60px !important;
    transform:none !important;
  }

  #header-sticky .header-action:not(.d-none){
    position:relative !important;
    left:-90px !important;
    transform:none !important;
  }

}


/* IT STAR move search, support ticket and phone left */
@media (min-width:992px){

  #header-sticky .search-toggle-open.header-search{
    position:relative !important;
    left:-45px !important;
    transform:none !important;
  }

  #header-sticky .header-action.d-none.d-xl-inline-flex.gap-5{
    position:relative !important;
    left:-60px !important;
    transform:none !important;
  }

  #header-sticky .header-action:not(.d-none){
    position:relative !important;
    left:-90px !important;
    transform:none !important;
  }

}


/* IT STAR search close button */
.df-search-input{
    position:relative !important;
}

.df-search-input::after{
    content:"✕";
    position:absolute;
    right:60px;
    top:50%;
    transform:translateY(-50%);
    font-size:22px;
    font-weight:700;
    color:#333;
    cursor:pointer;
    z-index:99999;
    pointer-events:none;
}


/* IT STAR search close button */
.df-search-input{
    position:relative !important;
}

.tp-search-close-btn{
    position:absolute !important;
    top:50% !important;
    right:60px !important;
    transform:translateY(-50%) !important;
    background:transparent !important;
    border:0 !important;
    padding:0 !important;
    margin:0 !important;
    font-size:28px !important;
    font-weight:700 !important;
    line-height:1 !important;
    color:#333 !important;
    cursor:pointer !important;
    z-index:9999 !important;
}

.tp-search-close-btn:hover{
    color:#365F91 !important;
}

.df-search-input button[type="submit"]{
    right:20px !important;
}


/* Position ONLY the X button */
.df-search-input > .tp-search-close-btn{
    position:absolute !important;
    top:50% !important;
    right:60px !important;
    transform:translateY(-50%) !important;
    width:30px !important;
    height:30px !important;
    background:none !important;
    border:none !important;
    font-size:28px !important;
    font-weight:bold !important;
    color:#333 !important;
    z-index:99999 !important;
    display:block !important;
    line-height:30px !important;
    padding:0 !important;
}

/* Keep search icon where it belongs */
.df-search-input > button[type="submit"]{
    position:absolute !important;
    right:20px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
}


/* Search icon */
.df-search-input > button[type="submit"]{
    right:20px !important;
}

/* X button */
.df-search-input > button[type="button"]{
    position:absolute !important;
    top:50% !important;
    right:60px !important;
    transform:translateY(-50%) !important;
    background:transparent !important;
    border:0 !important;
    width:28px !important;
    height:28px !important;
    padding:0 !important;
    margin:0 !important;
    font-size:28px !important;
    font-weight:bold !important;
    color:#333 !important;
    line-height:28px !important;
    z-index:99999 !important;
}


/* Force X position */
.df-search-area .df-search-form .df-search-input > button.tp-search-close-btn{
    position:absolute !important;
    top:50% !important;
    right:60px !important;
    left:auto !important;
    transform:translateY(-50%) !important;
    background:transparent !important;
    border:none !important;
    width:28px !important;
    height:28px !important;
    padding:0 !important;
    margin:0 !important;
    font-size:28px !important;
    line-height:28px !important;
    color:#333 !important;
    z-index:999999 !important;
}

.df-search-area .df-search-form .df-search-input > button[type="submit"]{
    right:20px !important;
}


/* IT STAR - Search close button on LEFT */
.df-search-input{
    position:relative !important;
}

.df-search-input > .tp-search-close-btn{
    position:absolute !important;
    left:20px !important;
    right:auto !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    width:32px !important;
    height:32px !important;
    background:none !important;
    border:0 !important;
    padding:0 !important;
    margin:0 !important;
    font-size:28px !important;
    font-weight:bold !important;
    line-height:32px !important;
    color:#333 !important;
    cursor:pointer !important;
    z-index:99999 !important;
}

.df-search-input input{
    padding-left:70px !important;
}


/* IT STAR search close X on left */
.df-search-input{
    position:relative !important;
}

.df-search-input > .tp-search-close-btn{
    position:absolute !important;
    left:20px !important;
    right:auto !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    width:32px !important;
    height:32px !important;
    background:transparent !important;
    border:0 !important;
    font-size:28px !important;
    font-weight:700 !important;
    line-height:32px !important;
    color:#333 !important;
    z-index:99999 !important;
    cursor:pointer !important;
}

.df-search-input input{
    padding-left:70px !important;
}


/* Hide Chrome's built-in search clear button */
.df-search-input input[type="search"]::-webkit-search-cancel-button{
    -webkit-appearance:none;
    appearance:none;
    display:none;
}


/* Hide old theme search close X, keep new working X only */
.df-search-close,
.df-search-close-btn{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
}

/* Keep our working X visible */
.df-search-input > .tp-search-close-btn{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
}


/* Clean single search close X */
.df-search-input > button.tp-search-close-btn{
    font-size:0 !important;
}

.df-search-input > button.tp-search-close-btn::before{
    content:"×" !important;
    font-size:28px !important;
    font-weight:700 !important;
    line-height:1 !important;
    color:#111 !important;
}

.df-search-input > button.tp-search-close-btn::after{
    content:none !important;
    display:none !important;
}


/* Remove theme-generated X */
.tp-search-close-btn::before,
.tp-search-close-btn::after{
    content:none !important;
    display:none !important;
}

/* Show only one X character */
.tp-search-close-btn{
    font-size:30px !important;
    font-weight:700 !important;
    line-height:1 !important;
    color:#111 !important;
}


/* Hide blog meta (Admin / Date / Comments) on search results */
.search .blog__meta,
.search .postbox__meta,
.search .blog-meta,
.search .post-meta,
.search .postbox__meta-wrapper{
    display:none !important;
}


/* Mobile offcanvas search */
.mobile-search-box{
    margin:20px 0 25px;
}

.mobile-search-box form{
    position:relative;
}

.mobile-search-box input{
    width:100%;
    height:50px;
    border:1px solid #ddd;
    border-radius:8px;
    background:#fff;
    color:#222;
    padding:0 55px 0 18px;
    font-size:17px;
}

.mobile-search-box button{
    position:absolute;
    right:18px;
    top:50%;
    transform:translateY(-50%);
    border:0;
    background:transparent;
    color:#222;
    font-size:22px;
    cursor:pointer;
}

@media (min-width:992px){
    .mobile-search-box{
        display:none;
    }
}


/* IT STAR final logo size correction */
@media (min-width:1000px){
  #header-sticky .header-left{
    flex:0 0 220px !important;
    width:220px !important;
    min-width:220px !important;
    max-width:220px !important;
  }

  #header-sticky .header-logo img.custom-logo,
  #header-sticky img.custom-logo{
    width:205px !important;
    max-width:205px !important;
    height:auto !important;
  }
}


/* IT STAR: show first/home active hero slide immediately on page load */
.home .orbit_banner-section .swiper-slide-active .banner-area,
.home .orbit_banner-section .swiper-slide-active .banner-title,
.home .orbit_banner-section .swiper-slide-active .banner-text,
.home .orbit_banner-section .swiper-slide-active .banner-sub-title,
.home .orbit_banner-section .swiper-slide-active .banner-btn-area,
.home .orbit_banner-section .swiper-slide-active .banner-image-area,
.home .orbit_banner-section .swiper-slide-active img {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    animation: none !important;
    transition: opacity .6s ease !important;
    animation-delay: 0s !important;
    transition-delay: 0s !important;
}

/*
 * IT STAR Contact Page:
 * Keep legacy contact emoji icons at normal inline size.
 */
body.page-id-3218 img.emoji {
    width: 1em !important;
    height: 1em !important;
    max-width: 1em !important;
    display: inline-block !important;
    margin: 0 0.15em 0 0 !important;
    vertical-align: -0.1em !important;
}