@import url(./global/theme-color-v2-global.css?v2.0.7);

#blog p {
  color: var(--cp-black);
}

#blog .video-404  p {
  color: var(--cp-white);
}

#blog a {
  color: var(--cp-default-blue);
}

#blog a:hover {
  color: var(--cp-default-blue);
}

#blog.single #content .bialty-container a {
  text-decoration-line: underline;
  text-decoration-thickness: 0.8px;
  text-underline-offset: 5px;
}

/* Breadcrumbs */
#blog.single [class$="--entrymeta"] .entrymeta-wrap .breadcrumb {
  margin-bottom: 5px;
}

/* Blog Homepage Heroshot */
#blog #heroshot #slider li .category {
  border-color: var(--cp-orange);
}

/* Blog Homepage Sidebar */
#blog.home .sidebar .category-top {
  background-color: var(--cp-blue) !important;
}

#blog.home #latest__posted .view__all {
  border: 3px solid var(--cp-blue) !important;
}

#blog.home #latest__posted .view__all:hover, #blog.home #latest__posted .view__all:active {
  background-color: var(--cp-blue) !important;
}

/*Blog Article*/
#blog.single .article-main-wrap #content figure.wp-block-image img {
  height: auto !important;
}

@media only screen and (max-device-width: 1023px) {
  #blog.single .site-container .article-main-wrap .article-main-content {
    padding: 0;
  }
}

/* Subscribe */
#blog #subscribe-article-child-wrap {
  background-color: var(--cp-blue) !important;
}

#blog #subscribe-article-child-wrap .subscribe-desc-wrap #extole-dp-content p {
  color: var(--cp-white) !important;
}

/* Adrotate top strip */
#blog #section-announcement {
  background-color: var(--cp-blue);
}

#blog .site-container #section-announcement a {
  color: var(--cp-white) !important;
}

/* Vehicle Selector */
#blog .wrapper {
  width: auto;
  background-color: var(--cp-grey-tint-200);
}

#blog .wrapper #VehicleSelector-Lite {
  margin: 0;
  border-radius: 0;
  background-color: var(--cp-grey-tint-200);
}

#blog .wrapper #VehicleSelector-Lite .label-container > .title,
#blog .wrapper #VehicleSelector-Lite .label-container > .subtitle {
  color: var(--cp-black);
}

#blog .wrapper #VehicleSelector-Lite .car-icon {
  fill: var(--cp-black);
}

#blog .wrapper #VehicleSelector-Lite .icon-box {
  border: 2px solid var(--cp-black);
}

.ui-icon-triangle-1-s {
  background-position: -65px -13px !important;
}

#blog .wrapper #VehicleSelector-Lite .submit-container > button {
  border: none !important;
  color: #7e7e84 !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  border: 1px solid #9ca3af !important; 
}

#vsYearBox .ui-button {
  border: 1px solid #ff8214 !important; 
}

#vsYearBox .ui-button:visited {
  border: 1px solid #9ca3af !important; 
}

.ymm .border-warning {
  border-color: #ff8214 !important;
}

.ui-selectmenu-button.ui-button {
  font-size: 16px !important;
  padding: 13px 16px !important;
  color: var(--cp-black) !important;
}

.submit-container > button {
  border-radius: .25rem !important;
  background-color: #c9c9cc !important;
  opacity: 1 !important;
  font-weight: 600 !important;
  font-size: 16px !important;
}

/* Author Box */
#blog .author-box .author-name a,
#blog.single .author-box .author-name a {
  color: var(--cp-default-blue) !important;
}

/* Summary */
#blog #blog.single .qk-look-widget .qk-main-wrap .summary-title span {
  border-bottom: 5px solid var(--cp-orange);
}

/* Search */
#blog .cp-search form input[type=submit],
#blog.single .cp-search form input[type=submit] {
  background-color: var(--cp-blue);
}

#blog.single .cp-search form input[type=text],
#blog.single .cp-search form input[type=submit] {
  border-radius: 4px !important;
}

/*Post Social Share Icons*/
#blog #content .social-share-wrapper .social-share-icons a svg .sc-icons {
  fill: var(--cp-blue);
}

#blog #content .social-share-wrapper .social-share-icons a.facebook svg.fb {
  width: 28px;
  height: 28px;
}

#blog #content .social-share-wrapper .social-share-icons a.twitter svg.tw {
  width: 24px;
  height: 24px;
}

#blog #content .social-share-wrapper .social-share-icons a.linkedin svg.lnk {
  width: 24px;
  height: 28px;
}

/* About the Authors */
#blog .about-author-widget strong span,
#blog .aaw-auth-social-links a {
  background-color: var(--cp-blue);
}

/* Disclaimer */
#blog .btn-cpr p .cpr-link {
  color: var(--cp-blue);
}

/* Recommended */
#blog #recommended strong span {
  background-color: var(--cp-blue);
}

/* Answerbase */
#blog #cp_answerbase {
  background-color: var(--cp-custom-black-700);
  font-family: "Roboto", sans-serif;
}

#blog #answerbase #ab_ask_btn {
  border-radius: 4px;
}

#blog #cp_answerbase strong,
#blog #answerbase #ab_ask_header,
#blog #answerbase #ab_ask_btn_visit,
#cp_answerbase em {
  color: var(--cp-white) !important;
}

#blog #cp_answerbase .btn_joinnow {
  border: 1px solid var(--cp-white);
  color: var(--cp-white) !important;
  border-radius: 4px !important;
}

#blog #cp_answerbase .btn_joinnow:hover {
  background-color: transparent !important;
  color: var(--cp-white) !important;
}

#cp_answerbase img {
  width: 130px !important;
}

/* VIP Promo */
#blog #footer__promowidget {
  background-color: var(--cp-custom-black-700);
}

#blog #footer__promowidget .btn {
  border-radius: 4px !important;
}

#blog #footer__promowidget .btn.outline {
  border: 1px solid var(--cp-white);
  color: var(--cp-white) !important;
}

#blog #footer__promowidget .btn.outline:hover {
  color: var(--cp-white) !important;
  background: transparent !important;
}

#blog #footer__promowidget .footer__email,
#blog #footer__promowidget .footer__referal,
#blog #footer__promowidget .footer__deals {
  color: var(--cp-white);
}

#footer__promowidget .footer__email {
  background: url(https://cld.partsimg.com/image/upload/w_auto,dpr_auto,f_auto,q_auto/carparts/blog/widgets/footer/promo-email) no-repeat right center !important;
}

.footer__referal .footer__promoleft img {
  width: 61px !important;
}

.footer__deals .footer__promoleft img {
  width: 50px !important;
}

/* Car Owner */
#blog .car-owner h2 a {
  background-color: var(--cp-blue);
  color: var(--cp-white);
}

/* The CP Teams Authors Article*/
#blog.author-thecpteam #ret-content #ret-header > div #ret-header-desc p {
  color: var(--cp-white) !important;
}

#blog.author-thecpteam #ret-content #ret-header {
  background-color: var(--cp-blue);
}

@media (max-width: 1024px){
  #blog .car-owner h2 a {
    background-color: transparent;
    color: var(--cp-orange);
  }
}

#blog .car-owner-flex>div:nth-child(2) a {
  color: var(--cp-default-blue) !important
}

/* Installed - Side Mirror, Headlight, Tail Light Pages */
#blog #content .bialty-container .ultp-category-aboveTitle .ultp-category-in a {
  color: var(--cp-white);
} 

#blog #content .bialty-container .ultp-block-excerpt p {
  color: var(--cp-white);
}

/* Product Review */
#blog.single #content .bialty-container .prod-rev-box { 
  max-width: 820px;
}

#blog.single #content .bialty-container .prod-rev-wrap .uagb-container-inner-blocks-wrap {
  display: flex;
}

#blog.single #content .bialty-container .prod-rev-box .prod-col-left {
  flex: 0 0 270px;
  margin: 0 10px 16px 16px;
  text-align: center; 
}

#blog.single #content .bialty-container .prod-rev-box .prod-col-right {
  margin: 0 16px 0 10px;
}

#blog.single #content .bialty-container .prod-rev-box .prod-col-right a {
  text-decoration: none;
}

#blog.single #content .bialty-container .top-prod-cta-button a {
  text-decoration: none;
  background-color: var(--cp-yellow);
  display: block;
  width: 75%;
  text-align: center;
  padding: 8px;
  margin: 0 auto 10px;
  border-radius: 25px;
}

/*Homepage Recommended*/
#recommended .intro_desc {
  min-height: 240px;
}

#blog.home #latest__posted .featured__post--section .intro_desc {
  min-height: 170px;
}

#recommended .ryb, #blog.home #latest__posted .featured__post--section .ryb {
  text-align: right;
  font-style: italic;
  font-size: 16px;
}

@media (max-width: 1023px){
  #blog.single #content .bialty-container .prod-rev-box {
    max-width: 480px;
    margin: 16px auto 30px;
  }

  #blog.single #content .bialty-container .prod-rev-wrap .uagb-container-inner-blocks-wrap {
    display: block;
  }

  #blog.single #content .bialty-container .top-prod-cta-button a {
    width: 100%;
  }

  #recommended .intro_desc, #blog.home #latest__posted .featured__post--section .intro_desc {
    min-height: auto;
    margin: 0 0 20px 0;
  }
}

/* Inter Related Posts */
#blog #content .bialty-container .irp-shortcode a {
  text-decoration: none;
}

#blog #content .bialty-container .postTitle {
  text-decoration-thickness: 0.8px;
  text-underline-offset: 5px;
}

/* Protip Widget */
@media ((max-width: 680px)) {
    .pro-tip-widget .protip-desc .help-tip {
        display: inherit !important; 
    }

    .pro-tip-widget .protip-desc .help-tip p {
        padding: 10px !important;
    }
}

/* Newsletter */
#blog #subscribe-article-child-wrap {
  background-color: var(--cp-blue);
}

/* Shop icon - Mobile */
@media (max-width: 1279px){
  #blog .ecom-shop-btn a {
    background-color: var(--cp-blue);
  }
}

/* DIFM */
#blog .difm-cta a, .kt-btn-wrap .kt-button { border-radius: 4px !important; text-decoration: none; }

/* Blog Footer & Ecom Footer */
#blog #footerBlogContainer,
#blog #footerBlogContainer #footerCopyRights, 
#blog footer#ecom__footer,
#blog footer#ecom__footer #footer__copyright {
  background-color: var(--cp-blue);
}

#blog #footerBlogContainer #footerBlogComponent .footerBlogWrapper .footerWrap .footerItems .footer-logo #cp,
#blog #footerBlogContainer img {
  height: auto !important;
}

#blog #footerBlogContainer #footerCopyRights .footerBlogWrapper .footerWrap .footerItems .footerItemsDesc .copyright-links,
#blog #footerBlogContainer #footerCopyRights,
#blog #footerBlogContainer #footerBlogComponent .footerBlogWrapper .footerWrap .footerItems .footerItemsTitleLft2 a .itg-ft-title,
#blog #footerBlogContainer #footerBlogComponent .footerBlogWrapper .footerWrap .footerItems .footerItemsTitleLft1 .itg-ft-title,
#blog #footerBlogContainer #footerBlogComponent .footerBlogWrapper .footerWrap .footerItems ul.contactInfoList li svg, #footerBlogContainer #footerBlogComponent .footerBlogWrapper .footerWrap .footerItems ul.contactInfoList li i.material-icons,
#blog #footerBlogContainer #footerBlogComponent .footerBlogWrapper .footerWrap .footerItems ul.contactInfoList li strong,
#blog #footerBlogContainer #footerBlogComponent span,
#blog footer#ecom__footer h5,
#blog footer#ecom__footer #footer__links [class$=__leftsection] li, 
#blog footer#ecom__footer #footer__links [class$=__leftsection] i.material-icons,
#blog footer#ecom__footer #footer__links [class$=__leftsection] a,
#blog footer#ecom__footer #footer__links [class$=__rightsection] a,
#blog footer#ecom__footer #footer__copyright .wrap div,
#blog footer#ecom__footer #footer__copyright span {
  color: var(--cp-white) !important;
  outline: none;
}

#blog #footerBlogContainer #footerBlogComponent .footerBlogWrapper .footerWrap .footerItems ul.social-links-list li.social-link-items span svg,
#blog footer#ecom__footer #footer__links [class$=__leftsection] svg,
#blog footer#ecom__footer [class$=__socialmedia] svg {
  fill: var(--cp-white);
}

#footer__promowidget {
  border-top: 1px solid #111111 !important;
  border-bottom: 1px solid #111111 !important;
}

#footer__promowidget .footer__deals,
#footer__promowidget .footer__referal {
  border-left: 1px solid #111111 !important;
}

#footerBlogContainer #footerCopyRights .footerBlogWrapper .footerWrap .footerItems .footerItemsDesc .copyright-links span:focus,
#footerBlogContainer #footerCopyRights .footerBlogWrapper .footerWrap .footerItems .footerItemsDesc .copyright-links span:focus-visible {
  outline: none;
}

@media (max-width: 990px){
  #footerBlogContainer #footerBlogComponent .footerBlogWrapper .title {
    color: var(--cp-white);
  }
}

@media only screen and (max-device-width: 767px) and (min-device-width: 320px) {
      #blog.home .icon.search {
        top: 48px !important;
      }
      
      #blog .main-header-wrap .site-header .custom-logo-link img {
        height: auto !important;
      }
}