:root {
    --powershop-red: #b31317;
    --powershop-red-bright: #d83a2f;
    --powershop-red-soft: #c53a3e;
    --powershop-red-tint: #f8e7e6;
    --powershop-charcoal: #212121;
}
.powershop-logo,
.powershop-footer-logo {
    align-items: center;
    display: flex;
    min-height: 96px;
}
.powershop-logo {
    background: linear-gradient(135deg, var(--powershop-red) 0%, var(--powershop-red-bright) 100%);
    justify-content: center;
    padding: 0 24px;
}
.powershop-logo img,
.powershop-footer-logo img {
    max-width: 100%;
}
.powershop-logo img {
    max-height: 72px;
    width: auto;
}
.powershop-footer-logo img {
    max-height: 60px;
    width: auto;
}
.header-top .social-media-area ul li a {
    color: rgba(255, 255, 255, 0.75);
}
.header-top .social-media-area ul li a:hover,
.header-top .social-media-area ul li a:focus {
    color: #ffffff;
}
.social-media-area ul li a {
    color: #2f2f2f;
}
.contact-info-top ul li img {
    filter: brightness(0) saturate(100%) invert(17%) sepia(86%) saturate(2705%) hue-rotate(350deg) brightness(94%) contrast(91%);
}
.menu-area nav ul li.active > a,
.menu-area nav ul li > a:hover,
.menu-area nav ul li > a:focus {
    color: var(--powershop-red-soft);
}
.btn1 {
    background: linear-gradient(135deg, var(--powershop-red) 0%, var(--powershop-red-bright) 100%);
}
.btn1:before,
.btn1:after {
    background: var(--powershop-charcoal);
}
.btn2 {
    background: #fff;
    border: 2px solid var(--powershop-red-soft);
    line-height: 46px;
}
.btn2:before,
.btn2:after {
    background: linear-gradient(135deg, var(--powershop-red) 0%, var(--powershop-red-bright) 100%);
}
.btn2 span {
    color: var(--powershop-red-soft);
}
.btn2:hover span {
    color: #fff;
}
.section-heading-two h2:after {
    display: none !important;
}
.section-heading-two h2 {
    padding-bottom: 0;
}
header .main-header .logo-area a {
    align-items: center;
    display: flex;
    justify-content: center;
    line-height: 1 !important;
    min-height: 96px;
    padding-left: 0 !important;
}
header .main-header .menu-area {
    display: flex;
    min-height: 96px;
}
header .main-header .menu-area nav {
    width: 100%;
}
header .main-header .menu-area nav ul {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding-left: 34px;
    width: 100%;
}
header .main-header .menu-area nav ul li,
header .main-header .menu-area nav ul li:last-child {
    float: none;
}
header .main-header .menu-area nav ul li a {
    line-height: 96px;
    padding: 0 14px;
}
.powershop-breadcumb {
    background: linear-gradient(rgba(20, 20, 22, 0.74), rgba(20, 20, 22, 0.74)), url('../webpics/Large Images/workshop.jpg') center/cover no-repeat;
}
.powershop-hero .item {
    background-position: center;
    background-size: cover;
    min-height: 780px;
}
.powershop-hero .caption-1 {
    background: rgba(0, 0, 0, 0.18) !important;
    background-image: none !important;
    min-height: 780px;
}
.powershop-hero .caption-1:after {
    background: linear-gradient(90deg, rgba(18, 18, 18, 0.88) 0%, rgba(18, 18, 18, 0.55) 52%, rgba(18, 18, 18, 0.2) 100%) !important;
}
.powershop-hero .content {
    padding: 350px 0 140px;
}
.powershop-hero .content h2 {
    color: #fff;
    font-size: 60px;
    line-height: 1.08;
    margin-bottom: 24px;
    max-width: 720px;
}
.powershop-hero .btn-area {
    margin-top: 34px;
}
.powershop-hero .btn-area .btn1,
.powershop-hero .btn-area .btn2 {
    margin-right: 14px;
    padding: 0 6px;
}
.powershop-home-intro,
.powershop-richtext {
    color: #4d4d4d;
    font-size: 17px;
    line-height: 1.8;
}
.powershop-hero .powershop-home-intro,
.powershop-hero .powershop-home-intro a,
.powershop-hero .powershop-home-intro li,
.powershop-hero .powershop-home-intro p {
    color: #fff;
}
.powershop-richtext ul,
.powershop-home-intro ul {
    padding-left: 20px;
}
.powershop-richtext a {
    color: var(--powershop-red-soft);
}
.powershop-side-promo,
.powershop-inline-hero,
.powershop-map-frame,
.powershop-resource-box,
.powershop-email-panel {
    background: #fff;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.08);
}
.powershop-side-promo img,
.powershop-inline-hero img {
    display: block;
    width: 100%;
}
.powershop-inline-hero {
    margin-bottom: 40px;
}
.powershop-home-feature {
    align-items: flex-start;
    margin-top: -40px;
}
.powershop-home-copy-intro {
    margin-bottom: 28px;
}
.powershop-home-copy-intro h2 {
    color: #222;
    font-family: "Playfair Display", serif;
    font-size: 40px;
    line-height: 1.15;
    margin: 0 0 12px;
}
.powershop-home-copy-intro p {
    color: #666;
    font-size: 17px;
    line-height: 1.75;
    margin: 0;
}
.powershop-page-hero {
    align-items: center;
}
.powershop-service-index,
.services-area-one {
    background: linear-gradient(180deg, #1f2327 0%, #23282d 100%) !important;
}
.powershop-service-card {
    background: #fff;
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-bottom: 30px;
}
.powershop-service-card__image img {
    display: block;
    height: 230px;
    object-fit: cover;
    width: 100%;
}
.powershop-service-card__body {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    padding: 26px;
}
.powershop-service-card__body h3 {
    font-size: 24px;
    line-height: 1.25;
    margin: 0 0 16px;
    min-height: 60px;
}
.powershop-service-card__body h3 a {
    color: #222;
}
.powershop-service-card__body p {
    color: #5f5f5f;
    flex: 1 1 auto;
    margin: 0 0 24px;
    min-height: 84px;
}
.powershop-callout {
    align-items: center;
    background: linear-gradient(135deg, #f4f1eb 0%, #ffffff 100%);
    border-left: 6px solid var(--powershop-red-soft);
    padding: 36px 28px;
}
.powershop-callout h2 {
    margin: 0 0 10px;
}
.powershop-map-frame iframe {
    border: 0;
    display: block;
    height: 480px;
    width: 100%;
}
.powershop-contact-panel {
    background: #fff;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.08);
    padding: 34px 32px;
}
.powershop-contact-block + .powershop-contact-block {
    border-top: 1px solid #ececec;
    margin-top: 28px;
    padding-top: 28px;
}
.powershop-contact-block h3 {
    color: #222;
    font-family: "Playfair Display", serif;
    font-size: 28px;
    margin: 0 0 14px;
}
.powershop-contact-block p {
    color: #5f5f5f;
    font-size: 17px;
    line-height: 1.75;
    margin: 0 0 12px;
}
.powershop-resource-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.powershop-resource-list li {
    border-bottom: 1px solid #ececec;
    margin: 0;
}
.powershop-resource-list li:last-child {
    border-bottom: 0;
}
.powershop-resource-list a {
    color: #3c3c3c;
    display: block;
    font-size: 16px;
    line-height: 1.55;
    padding: 12px 0;
}
.powershop-resource-list a:hover,
.powershop-resource-list a:focus {
    color: var(--powershop-red-soft);
}
.services-area-one .services-list .icons,
.services-area-two .services-list .icons {
    border-color: var(--powershop-red-soft);
}
.services-area-one .services-list .icons:after,
.services-area-two .services-list .icons:after {
    background: var(--powershop-red-soft);
}
.services-area-one .services-list:hover .icons,
.services-area-one .services-list .icons:hover,
.services-area-two .services-list:hover .icons,
.services-area-two .services-list .icons:hover {
    background: var(--powershop-red-soft);
}
.services-area-one .services-list a,
.services-area-one .services-list a i,
.services-area-two .services-list a,
.services-area-two .services-list a i {
    color: var(--powershop-red-soft);
}
.powershop-form input:focus,
.powershop-form textarea:focus {
    border-color: var(--powershop-red-soft);
    box-shadow: 0 0 0 3px var(--powershop-red-tint);
    outline: 0;
}
.powershop-hours {
    list-style: none;
    margin: 0;
    padding: 0;
}
.powershop-hours li {
    border-bottom: 1px solid #f0f0f0;
    color: #5f5f5f;
    display: flex;
    font-size: 16px;
    justify-content: space-between;
    padding: 10px 0;
}
.powershop-hours li:last-child {
    border-bottom: 0;
}
.powershop-hours li strong {
    color: #222;
}
.powershop-resource-box,
.powershop-email-panel {
    padding: 30px;
}
.powershop-form input,
.powershop-form textarea {
    border: 1px solid #d9d9d9;
    margin-bottom: 18px;
    min-height: 54px;
    padding: 14px 16px;
    width: 100%;
}
.powershop-form textarea {
    min-height: 180px;
    resize: vertical;
}
.powershop-form-note {
    color: #666;
    font-size: 15px;
    line-height: 1.7;
    margin: 0 0 18px;
}
.powershop-credit {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    gap: 6px;
    text-align: right;
}
.powershop-credit p {
    margin: 0;
}
.powershop-credit a {
    color: var(--powershop-red-bright) !important;
    font-weight: 600;
}
.footer-top,
footer {
    background: linear-gradient(180deg, #141719 0%, #0d1012 100%) !important;
}
.footer-top .foo-about .content a,
.footer-top .foo-link ul li a i,
.footer-top .foo-link ul li a:hover span,
.footer-top .foo-about ul li a:after,
.footer-bottom .top-link-button a:hover {
    color: var(--powershop-red-bright);
}
.footer-top .foo-about .content a,
.footer-top .foo-link ul li a:hover span {
    color: var(--powershop-red-bright) !important;
}
.footer-top .foo-about ul li a:after,
.footer-bottom .top-link-button a:hover {
    background: var(--powershop-red-bright) !important;
}
.foo-link ul li a,
.foo-about .content a,
.f-about p,
.foo-about .content p,
.foo-about .content span {
    color: #d0d3d5;
}
.foo-link h2,
.foo-about h2,
.f-about h2 {
    color: #fff;
}
@media (max-width: 991px) {
    .powershop-logo img {
        max-width: 240px;
    }
    .powershop-hero .content h2 {
        font-size: 42px;
    }
    .powershop-hero .content {
        padding-top: 300px;
    }
    .powershop-credit {
        align-items: flex-start;
        text-align: left;
    }
}
@media (max-width: 767px) {
    .powershop-hero .item,
    .powershop-hero .caption-1 {
        min-height: 640px;
    }
    .powershop-hero .content {
        padding: 250px 0 100px;
    }
    .powershop-hero .content h2 {
        font-size: 34px;
    }
}
