/* Expert Auto WordPress Theme v1.0 yellow Supplemental Styles 
body { background:#fff; }
#canvas, #box_wrapper { background:#fff; }

.page_header .logo img { max-height:73px; width:auto; }
.page_header .logo_text { display:inline-block; vertical-align:middle; margin-left:10px; line-height:1; }
.page_header .logo_text span { display:block; color:#fff; font-weight:700; }
.page_header .logo_text .highlight { color:#ffc326; }

.mainmenu_wrapper .mainmenu > li > a { text-transform:none; }
.appointment-btn > a { background:#ffc326; color:#232323 !important; padding:32px 40px !important; font-weight:800; }
.appoint-arrow { margin-left:10px; background:#232323; color:#ffc326; border-radius:50%; width:34px; height:34px; display:inline-flex; align-items:center; justify-content:center; }

.page_breadcrumbs h2 { text-transform:uppercase; font-weight:800; }

.expert-service-page { padding:70px 0; background:#fff; }
.service-main-content img.service-feature-img { width:100%; height:auto; margin-bottom:30px; }
.service-main-content h1 { font-weight:800; color:#232323; }
.service-main-content h2, .service-main-content h3 { color:#232323; }
.service-two-column { display:flex; gap:35px; align-items:flex-start; margin:35px 0; }
.service-two-column > img { width:42%; max-width:360px; height:auto; }
.service-two-column > div { flex:1; }
.expert-check-list, .expert-quality-list { list-style:none; padding-left:0; }
.expert-check-list li, .expert-quality-list li { position:relative; padding:8px 0 8px 28px; }
.expert-check-list li:before, .expert-quality-list li:before { content:"\f00c"; font-family:FontAwesome; position:absolute; left:0; color:#ffc326; font-weight:normal; }

.service-sidebar > div { margin-bottom:30px; }
.service-menu-box, .sidebar-contact-box, .sidebar-coupon-box { background:#f6f6f6; padding:25px; border-left:4px solid #ffc326; }
.service-menu-box ul { list-style:none; padding-left:0; margin:0; }
.service-menu-box li { padding:12px 0; border-bottom:1px solid rgba(0,0,0,.08); font-weight:700; }
.sidebar-contact-box h3, .sidebar-coupon-box h3 { margin-top:0; font-weight:800; }
.side-coupon-card { background:#232323; color:#fff; text-align:center; padding:22px; }
.side-coupon-card h4 { color:#ffc326; margin:0 0 10px; font-weight:800; }
.side-price { font-size:34px; font-weight:900; color:#ffc326; }
.side-coupon-card img { max-height:120px; margin:10px auto; display:block; }
.side-coupon-card a { display:inline-block; background:#ffc326; color:#232323; padding:10px 18px; font-weight:800; margin-top:10px; }

.expert-wp-post-card { margin-bottom:40px; padding-bottom:35px; border-bottom:1px solid #eee; }
.expert-wp-post-card h2 { font-weight:800; }
.expert-wp-post-card .theme_button { margin-top:10px; }

.page_footer .logo img { max-height:73px; width:auto; }
.page_footer .logo_text span { display:block; }

@media (max-width: 991px) {
  .service-two-column { display:block; }
  .service-two-column > img { width:100%; max-width:100%; margin-bottom:25px; }
  .service-sidebar { margin-top:40px; }
}
@media (max-width: 767px) {
  .page_header .logo img { max-width:165px; max-height:55px; }
  .page_header .logo_text { font-size:14px; }
  .expert-service-page { padding:40px 0; }
}

/*=====
.page_header .logo img {
    width: 125px !important;
    height: auto !important;
    max-height: 73px !important;
}

*/

/* Sidebar icons fallback for WordPress 
.service-menu-box li i {
    font-family: FontAwesome !important;
    display: inline-block;
    width: 24px;
    margin-right: 12px;
    text-align: center;
    color: #232323;
    font-style: normal;
}

.service-menu-box .icon-diag:before {
    content: "\f0ad";
}

.service-menu-box .icon-engine:before,
.service-menu-box .icon-gearshift:before {
    content: "\f013";
}

.service-menu-box .icon-oil:before {
    content: "\f043";
}

.service-menu-box .icon-power:before {
    content: "\f132";
}

.service-menu-box .icon-car-wheel:before {
    content: "\f1b9";
}

/* =============Full Width Page Theme ================= 

.expert-fullwidth-page .service-main-content {
    width: 100%;
    max-width: 100%;
}

.expert-fullwidth-page .expert-page-content {
    width: 100%;
}

.expert-fullwidth-page iframe,
.expert-fullwidth-page embed {
    max-width: 100%;
}

*/

/*================Expert woocommerce theme red version 2styles================*/

/* Expert Auto WordPress Theme Supplemental Styles - Red Theme */

/* =========================
   Base
========================= */
body {
    background: #ffffff;
}

#canvas,
#box_wrapper {
    background: #ffffff;
}

/* =========================
   Header Logo - Red Theme
========================= */
.page_header a.logo {
    display: inline-flex !important;
    align-items: center !important;
    padding: 5px 0 !important;
}

.page_header a.logo img {
    width: 165px !important;
    height: auto !important;
    max-height: 96px !important;
    max-width: none !important;
    margin-right: 0 !important;
}

.page_header a.logo .logo_text {
    display: inline-block !important;
    margin-left: -8px !important;
    padding-left: 0 !important;
    line-height: 1 !important;
    text-align: center !important;
    vertical-align: middle !important;
}

.page_header a.logo .logo_text span {
    display: block !important;
    color: #ffffff !important;
    font-weight: 700 !important;
}

.page_header a.logo .logo_text .highlight {
    display: block !important;
    font-size: 30px !important;
    font-weight: 900 !important;
    line-height: 0.9 !important;
    letter-spacing: -0.04em !important;
    text-align: center !important;
    color: #ffffff !important;
}

.page_header a.logo .logo_text .logo-subtitle {
    display: block !important;
    font-size: 11px !important;
    letter-spacing: 0.32em !important;
    line-height: 1 !important;
    margin-top: 2px !important;
    text-align: center !important;
    color: #ffffff !important;
    padding-left: 0 !important;
}

/* Header menu active / hover */
.header_darkgrey .sf-menu > li > a:hover,
.header_darkgrey .sf-menu > li.active > a,
.header_darkgrey .sf-menu > li.sfHover > a,
.page_header .sf-menu > li > a:hover,
.page_header .sf-menu > li.active > a,
.page_header .sf-menu > li.sfHover > a {
    color: #D70006 !important;
}

.mainmenu_wrapper .mainmenu > li > a {
    text-transform: none;
}

/* =========================
   Appointment Button
========================= */
.appointment-btn {
    margin-left: 25px;
}

.appointment-btn > a,
.appointment-btn a {
    position: relative;
    display: inline-flex !important;
    align-items: center;
    gap: 14px;
    background: #D70006 !important;
    color: #ffffff !important;
    font-weight: 700;
    text-transform: uppercase;
    padding: 22px 38px 22px 55px !important;
    overflow: hidden;
    transition: all .3s ease;
}

/* Left angled cut - same as header */
.appointment-btn a:before {
    content: "";
    position: absolute;
    left: -35px;
    top: 0;
    width: 70px;
    height: 100%;
    background: #232323;
    transform: skewX(-35deg);
    z-index: 1;
}

/* Keep text/icons above angle */
.appointment-btn a span,
.appointment-btn a i,
.appointment-btn a {
    position: relative;
    z-index: 2;
}

.appoint-arrow {
    margin-left: 10px;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #111111 !important;
    color: #ffffff !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    transition: all .3s ease;
}

.appointment-btn a:hover {
    background: #D3D3D3 !important;
    color: #232323 !important;
}

.appointment-btn a:hover:before {
    background: #232323 !important;
}

.appointment-btn a:hover,
.appointment-btn a:hover span {
    color: #232323 !important;
}

.appointment-btn a:hover .appoint-arrow {
    background: #D70006 !important;
    color: #ffffff !important;
}

/* =========================
   Footer Logo - Scaled Header Style
========================= */
.page_footer a.logo {
    display: inline-flex !important;
    align-items: center !important;
    text-align: left !important;
    white-space: nowrap !important;
    width: 100% !important;
}

.page_footer a.logo img {
    width: 92px !important;
    height: auto !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 8px 0 0 !important;
    display: inline-block !important;
}

.page_footer a.logo .logo_text {
    display: inline-block !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    line-height: 1 !important;
    text-align: center !important;
    white-space: nowrap !important;
}

.page_footer a.logo .logo_text .highlight {
    display: block !important;
    font-size: 24px !important;
    font-weight: 900 !important;
    line-height: 0.9 !important;
    letter-spacing: -0.04em !important;
    color: #ffffff !important;
    text-align: center !important;
    white-space: nowrap !important;
}

.page_footer a.logo .logo_text .logo-subtitle {
    display: block !important;
    font-size: 8px !important;
    letter-spacing: 0.12em !important;
    line-height: 1 !important;
    margin-top: 3px !important;
    color: #ffffff !important;
    text-align: center !important;
    white-space: nowrap !important;
}

/* =========================
   WordPress Page / Breadcrumb
========================= */
.page_breadcrumbs h2 {
    text-transform: uppercase;
    font-weight: 800;
}

/* =========================
   Service Pages
========================= */
.expert-service-page {
    padding: 70px 0;
    background: #ffffff;
}

.service-main-content img.service-feature-img {
    width: 100%;
    height: auto;
    margin-bottom: 30px;
}

.service-main-content h1 {
    font-weight: 800;
    color: #232323;
}

.service-main-content h2,
.service-main-content h3 {
    color: #232323;
}

.service-two-column {
    display: flex;
    gap: 35px;
    align-items: flex-start;
    margin: 35px 0;
}

.service-two-column > img {
    width: 42%;
    max-width: 360px;
    height: auto;
}

.service-two-column > div {
    flex: 1;
}

.expert-check-list,
.expert-quality-list {
    list-style: none;
    padding-left: 0;
}

.expert-check-list li,
.expert-quality-list li {
    position: relative;
    padding: 8px 0 8px 28px;
}

.expert-check-list li:before,
.expert-quality-list li:before {
    content: "\\f00c";
    font-family: FontAwesome;
    position: absolute;
    left: 0;
    color: #D70006;
    font-weight: normal;
}

/* =========================
   Sidebar
========================= */
.service-sidebar > div {
    margin-bottom: 30px;
}

.service-menu-box,
.sidebar-contact-box,
.sidebar-coupon-box {
    background: #f6f6f6;
    padding: 25px;
    border-left: 4px solid #ffc326;
}

.service-menu-box ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.service-menu-box li {
    padding: 12px 0;
    border-bottom: 1px solid rgba(0,0,0,.08);
    font-weight: 700;
}

.sidebar-contact-box h3,
.sidebar-coupon-box h3 {
    margin-top: 0;
    font-weight: 800;
}

.side-coupon-card {
    background: #232323;
    color: #ffffff;
    text-align: center;
    padding: 22px;
}

.side-coupon-card h4 {
    color: #ffc326;
    margin: 0 0 10px;
    font-weight: 800;
}

.side-price {
    font-size: 34px;
    font-weight: 900;
    color: #ffc326;
}

.side-coupon-card img {
    max-height: 120px;
    margin: 10px auto;
    display: block;
}

.side-coupon-card a {
    display: inline-block;
    background: #ffc326;
    color: #ffffff;
    padding: 10px 18px;
    font-weight: 800;
    margin-top: 10px;
}

/* Sidebar icons fallback for WordPress */
.service-menu-box li i {
    font-family: FontAwesome !important;
    display: inline-block;
    width: 24px;
    margin-right: 12px;
    text-align: center;
    color: #232323;
    font-style: normal;
}

.service-menu-box .icon-diag:before {
    content: "\\f0ad";
}

.service-menu-box .icon-engine:before,
.service-menu-box .icon-gearshift:before {
    content: "\\f013";
}

.service-menu-box .icon-oil:before {
    content: "\\f043";
}

.service-menu-box .icon-power:before {
    content: "\\f132";
}

.service-menu-box .icon-car-wheel:before {
    content: "\\f1b9";
}

/* =========================
   Posts
========================= */
.expert-wp-post-card {
    margin-bottom: 40px;
    padding-bottom: 35px;
    border-bottom: 1px solid #eeeeee;
}

.expert-wp-post-card h2 {
    font-weight: 800;
}

.expert-wp-post-card .theme_button {
    margin-top: 10px;
}

/* =========================
   Full Width Page Theme
========================= */
.expert-fullwidth-page .service-main-content {
    width: 100%;
    max-width: 100%;
}

.expert-fullwidth-page .expert-page-content {
    width: 100%;
}

.expert-fullwidth-page iframe,
.expert-fullwidth-page embed {
    max-width: 100%;
}

/* =========================
   Responsive
========================= */
@media (max-width: 991px) {
    .service-two-column {
        display: block;
    }

    .service-two-column > img {
        width: 100%;
        max-width: 100%;
        margin-bottom: 25px;
    }

    .service-sidebar {
        margin-top: 40px;
    }
}

@media (max-width: 767px) {
    .page_header a.logo img {
        width: 120px !important;
        max-height: 70px !important;
    }

    .page_header a.logo .logo_text .highlight {
        font-size: 22px !important;
    }

    .page_header a.logo .logo_text .logo-subtitle {
        font-size: 8px !important;
        letter-spacing: 0.22em !important;
    }

    .appointment-btn {
        margin-left: 0;
    }

    .expert-service-page {
        padding: 40px 0;
    }
}