@charset "UTF-8";

:root {
    --blue: #24b2d8;
    --green: #4A7465;
    --bright-green: #76B702;
    --white: #ffffff;
    --black: #161616;
    --red: #dc3545;
    --dark-grey: #262626;
    --light-grey: #cccccc;
    --header-grey: #f1f1f1;
}


/* General */

#pre-article-spacer {
    height:170px;
}

@media (max-width: 991px) {
    #pre-article-spacer {
        height:135px;
    }
}

.content {
    margin-top:3rem;
    margin-bottom:6rem;
}

@media (max-width: 991px) {
    .content {
        margin-top:3rem;
        margin-bottom:4rem;
    }
}

.page-template-default .container-breadcrumb {
    margin-top:3rem;
    margin-bottom:-2rem;
}

@media (max-width: 991px) {
    .page-template-default .container-breadcrumb {
        margin-top:3rem;
        margin-bottom:-2rem;
    }
}

.yoast-breadcrumbs a, .breadcrumbs a {
    font-weight:800;
    font-style:italic;
    text-transform: uppercase;
    text-decoration: none !important;
    font-size:0.875rem;
}

.yoast-breadcrumbs a:hover, .breadcrumbs a:hover {
    text-decoration: underline !important;
}

.yoast-breadcrumbs .breadcrumb_last, .breadcrumbs .breadcrumb_last {
    font-weight:800;
    font-style:italic;
    text-transform: uppercase;
    font-size:0.875rem;
}

.yoast-breadcrumbs span.divider, .breadcrumbs span.divider {
    vertical-align: .14em;
    border: solid var(--black);
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 2px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    margin: 0 10px 0 8px;
}

.shadow-block {
    border-radius:4px;
    -webkit-box-shadow: 0 6px 18px 18px rgb(0 0 0 / 8%);
    box-shadow: 0 6px 18px 0 rgb(0 0 0 / 8%);
    background: var(--white);
    padding:2rem;
}

.shadow-block .wp-block-columns{
    margin:0;
    gap:3rem;
}

.shadow-block figure {
    margin:0;
}

a {
    color: var(--black);
    transition: all 0.2s;
}

a:hover {
    color: var(--black);
    text-decoration:none !important;
}

p.has-white-color a:hover {
    color: var(--white);
    text-decoration:none !important;
}

.full-width p a, .full-width ul a, .full-width ol a, .full-width h2 a, .full-width h3 a, .full-width h4 a, .full-width h5 a, .full-width h6 a,
.content p a, .content ul a, .content ol a, .content h2 a, .content h3 a, .content h4 a, .content h5 a, .content h6 a {
    color: var(--blue) !important;
    transition: all 0.2s;
}

.full-width p a:hover, .full-width ul a:hover, .full-width ol a:hover, .full-width h2 a:hover, .full-width h3 a:hover, .full-width h4 a:hover, .full-width h5 a:hover, .full-width h6 a:hover,
.content p a:hover, .content ul a:hover, .content ol a:hover, .content h2 a:hover, .content h3 a:hover, .content h4 a:hover, .content h5 a:hover, .content h6 a:hover  {
    color: var(--blue) !important;
    text-decoration:none !important;
}

@media (max-width: 767px) {
    .mobile_overflow {
        overflow-x: scroll;
    }
}

.red {
    color:var(--red);
}


/* Enquiries Styling */

.enquiries h3 {
    text-transform:none !important;
}

.enquiries .wp-block-columns {
    margin:0;
}

.enquiries .wp-block-columns figure {
    margin:0 !important;
}


/* Typography */

h1 {
    font: 62px/66px "Mulish", sans-serif;
    font-weight:900;
    font-style: italic;
    margin-bottom: 1.25rem;
    padding:0;
    color: var(--black);
}

h2 {
    font: 52px/56px "Mulish", sans-serif;
    font-weight:900;
    color: var(--black);
    margin-bottom: 1.25rem;
    padding:0;
}

h3 {
    font: 42px/46px "Mulish", sans-serif;
    font-weight:900;
    color: var(--black);
    margin-bottom: 1.25rem;
    padding:0;
}

h4 {
    font: 32px/36px "Mulish", sans-serif;
    font-weight:900;
    color: var(--black);
    margin-bottom: 1.25rem;
    padding:0;
}

h5 {
    font: 22px/28px "Mulish", sans-serif;
    font-weight:900;
    color: var(--black);
    margin-bottom: 1.25rem;
    padding:0;
}

h6 {
    font: 18px/24px "Mulish", sans-serif;
    font-weight:500;
    color: var(--black);
    margin-bottom: 1.25rem;
    padding:0;
}

.intro {
    font-weight:400;
}

.banner {
    font-family: "Mulish", sans-serif;
    font-weight:900;
    font-style:italic;
}

.breadcrumbs {
    font-size: 0.938rem;
}

.small {
    font-size:0.875rem;
    line-height:1.375rem;
}

@media (max-width: 991px) {

    #mainwrapper {
        margin-top:185px;
    }

    h1 {
        font: 52px/56px "Mulish", sans-serif;
        font-weight:900;
        font-style: italic;
        color: var(--black);
        margin-bottom: 1.25rem;
        padding:0;
    }
    
    h2 {
        font: 42px/46px "Mulish", sans-serif;
        font-weight:900;
        color: var(--black);
        margin-bottom: 1.25rem;
        padding:0;
    }
    
    h3 {
        font: 32px/36px "Mulish", sans-serif;
        font-weight:900;
        color: var(--black);
        margin-bottom: 1.25rem;
        padding:0;
    }
    
    h4 {
        font: 22px/28px "Mulish", sans-serif;
        font-weight:900;
        color: var(--black);
        margin-bottom: 1.25rem;
        padding:0;
    }
    
    h5 {
        font: 20px/26px "Mulish", sans-serif;
        font-weight:900;
        color: var(--black);
        margin-bottom: 1.25rem;
        padding:0;
    }

    h6 {
        font: 18px/24px "Mulish", sans-serif;
        font-weight:900;
        color: var(--black);
        margin-bottom: 1.25rem;
        padding:0;
    }

}


/* Buttons */

.wp-block-button .wp-block-button__link {
    display: inline-block;
    font-family: "Mulish", sans-serif;
    font-weight:800;
    font-style:italic;
    text-transform: uppercase;
    color: var(--black);
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: 2px solid var(--black) !important;
    padding: 1rem 1.5rem 1rem 1.5rem;
    font-size: 1rem;
    border-radius: 10rem;
    transition: color .15s,background-color .15s,border-color .15s,box-shadow .15s;
    line-height:1;
}

.wp-block-button.no-fill .wp-block-button__link {
    background:none;
    border:none !important;
}

.wp-block-button.no-fill .wp-block-button__link:hover {
    background:none !important;
    border:none !important;
}

.wp-block-button.no-fill.no-x-padding .wp-block-button__link {
    padding: 0 0 1rem 0 !important;
}

.wp-block-button .wp-block-button__link:hover {
    background: var(--black) !important;
    color: var(--white) !important;
}

.wp-block-button.is-style-outline.white .wp-block-button__link {
    border: 2px solid var(--white) !important;
    color: var(--white) !important;
    background:none !important;
}

.wp-block-button.is-style-outline.white .wp-block-button__link:hover {
    border: 2px solid var(--white) !important;
    color: var(--black) !important;
    background: var(--white) !important;
}

.wp-block-button.is-style-outline.blue .wp-block-button__link {
    border: 2px solid var(--blue) !important;
    color: var(--blue) !important;
}

.wp-block-button.is-style-outline.blue .wp-block-button__link:hover {
    border: 2px solid var(--blue) !important;
    color: var(--white) !important;
    background: var(--blue) !important;
}

.wp-block-button.is-style-fill.white .wp-block-button__link {
    border: 2px solid var(--white) !important;
    color: var(--black) !important;
    background: var(--white) !important;
}

.wp-block-button.is-style-fill.white .wp-block-button__link:hover {
    border: 2px solid var(--white) !important;
    color: var(--white) !important;
    background: none !important;
}

.wp-block-button.is-style-fill.blue .wp-block-button__link {
    border: 2px solid var(--blue) !important;
    color: var(--white) !important;
    background: var(--blue) !important;
}

.wp-block-button.is-style-fill.blue .wp-block-button__link:hover {
    border: 2px solid var(--black) !important;
    color: var(--black) !important;
    background: none !important;
}

.wp-block-button.is-style-outline.black .wp-block-button__link {
    border: 2px solid var(--black) !important;
    color: var(--black) !important;
    background:none !important;
}

.wp-block-button.is-style-outline.black .wp-block-button__link:hover {
    border: 2px solid var(--black) !important;
    color: var(--white) !important;
    background: var(--black) !important;
}

.wp-block-button.is-style-fill.black .wp-block-button__link {
    border: 2px solid var(--black) !important;
    color: var(--white) !important;
    background: var(--black) !important;
}

.wp-block-button.is-style-fill.black .wp-block-button__link:hover {
    border: 2px solid var(--black) !important;
    color: var(--black) !important;
    background: none !important;
}

.btn-outline-primary.white {
    color: var(--white);
    border: 2px solid var(--white);
}

.btn-outline-primary.white:hover {
    color: var(--black);
    border: 2px solid var(--white);
    background: var(--white);
}

.btn-outline-primary:focus {
    box-shadow: none;
}

.btn-check:focus+.btn, .btn:focus {
    box-shadow: none;
}

.btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus {
    box-shadow: none;
}

.right-arrow a {
    position:relative;
    text-transform: none !important;

}

.right-arrow a::after {
    content: '';
    background-size: 14px 9px;
    background-color: var(--blue);
    clip-path: polygon( 65.053% 0%,99.98% 49.995%,65.053% 100%,58.184% 90.129%,81.317% 56.979%,0% 56.979%,0% 43.011%,81.317% 43.011%,58.184% 9.871% );
    height: 9px;
    position:absolute;
    right:-25px;
    top:3px;
    transition: .2s;
}

.right-arrow a:hover::after {
    clip-path: polygon( 65.053% 0%,99.98% 49.995%,65.053% 100%,58.184% 90.129%,81.317% 56.979%,0% 56.979%,0% 43.011%,81.317% 43.011%,58.184% 9.871% );
    right:-31px;
}

.right-arrow.large a {
    text-decoration:none !important;
    text-transform: none !important;
}

.right-arrow.black a {
    color: var(--black);
}

.right-arrow.black a:hover {
    color: var(--blue) !important;
}

.right-arrow.black a::after {
    background-color: var(--black);
}

.right-arrow.black a:hover::after {
    background-color: var(--blue);
}

.right-arrow.blue a {
    color: var(--blue);
}

.right-arrow.blue a:hover {
    color: var(--black) !important;
}

.right-arrow.blue a::after {
    background-color: var(--blue);
}

.right-arrow.blue a:hover::after {
    background-color: var(--black);
}

.right-arrow.white a {
    color: var(--white);
}

.right-arrow.white a:hover {
    color: var(--blue) !important;
}

.right-arrow.white a::after {
    background-color: var(--white);
}

.right-arrow.white a:hover::after {
    background-color: var(--blue);
}

.right-arrow.large a::after {
    background-size: 17px 11px;
    width: 17px;
    height: 11px;
    right:-2px;
    top:calc(3px + 1rem);
}

.right-arrow.large a:hover::after {
    right:-8px;
}

.right-arrow.large.no-x-padding a::after {
    top:3px;
    right:-25px;
}

.right-arrow.large.no-x-padding a:hover::after {
    right:-31px;
}



/* Homepage Slider */

.homepage-slider .banner-content {
    padding-top:6.5rem;
    position: relative;
    z-index: 1029;
    background: #FFFFFF;
}

@media (max-width: 991px) {
    .homepage-slider .banner-content {
        margin-bottom: 0.5rem;
    }
}

@media (max-width: 767px) {
    .homepage-slider .wp-block-cover .wp-block-cover__background {
        display:none;
    }
    
    .homepage-slider .banner-content {
        background:rgba(22, 22, 22, .75) !important;
    }
}

.homepage-slider .wp-block-cover-image, .homepage-slider .wp-block-cover {
    min-height:520px;
}

.homepage-slider .slick-dots li button:before {
    font-size:16px;
}

.homepage-slider .banner-image {
    margin-left:-30%;
}

.homepage-slider figure {
    margin:0;
}


/* Homepage Tracking Row */

#tracking-wrapper {
  width: 100%;
  position: relative;
  z-index:2;
}

#homepage-tool-select {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap:1rem;
}

#homepage-tool-select a {
    font-size:1.125rem;
    padding: .5rem;
    font-weight: 700;
    position: relative;
    text-decoration: none;
    padding-bottom:30px;
    text-align:center;
    transition: all 0.2s;
}

#homepage-tool-select a::after{
    background: var(--blue);
    height: 8px;
    width: 100%;
    content: '';
    position: absolute;
    bottom: -8px;
    left: 0;
    transition: all 0.2s;
    opacity: 0;
}

@media (max-width: 991px) {
    #homepage-tool-select a {
        font-size:1rem;
        line-height:1.4;
    }
}

#homepage-tool-select a.current-tool, #homepage-tool-select a:hover {
    color:var(--blue);
}

#homepage-tool-select a:hover::after{
    background: var(--blue);
    height: 8px;
    width: 100%;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 0.2s;
    opacity:1;
}

#homepage-tool-select a.current-tool::after {
    background: var(--blue);
    height: 8px;
    width: 100%;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 0.2s;
    opacity:1;
}

#tracking .form {
  display:flex;
  gap:0.5rem;
  background: var(--white);
  border-radius: 10rem;
  -webkit-box-shadow: 0 2px 6px 0 rgb(241 241 241 / 100%);
  box-shadow: 0 2px 6px 0 rgb(241 241 241 / 100%);
  border: var(--header-grey) 2px solid;
  padding:2px;
}

#tracking input {
  margin: 0;
  width: 100%;
  border-radius: 3px;
  border: none;
  background: #fff;
  color: #161616;
  padding: 1.125rem 1.5rem 1.125rem 1.5rem !important;
  font-size: 1rem;
  border-radius: 10rem;
  letter-spacing:0.0125rem;
  font-family: "Mulish", sans-serif;
  font-weight:400;
  line-height:1;
}

#tracking input:focus {
  outline: none;
  box-shadow: none;
}

#tracking button {
  display: inline-block;
  font-family: "Mulish", sans-serif;
  font-weight:800;
  font-style:italic;
  text-transform: uppercase;
  color: var(--white);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: var(--blue);
  border: 2px solid var(--blue);
  padding: 1rem 1.5rem 1rem 1.5rem !important;
  font-size: 1rem;
  border-radius: 10rem;
  transition: color .15s,background-color .15s,border-color .15s,box-shadow .15s;
  line-height:0.875;
  white-space: nowrap;
}

#tracking button:hover {
  color: var(--black);
  border: 2px solid var(--black);
  background:none;
}

.advanced-tracking a {
    color: var(--blue);
    text-decoration:none;
    text-transform: none !important;
}


/* Homepage Services Row */

.services .wp-block-group__inner-container {
    display:flex;
    justify-content:center;
    flex-wrap: wrap;
    gap:2rem;
}

.services .services-link {
    margin-top:.5rem;
}

.services .services-link a {
    color: var(--black);
    text-decoration:none;
    position:relative;
    display:block;
    padding-top: 3.75rem;
    font-size:1rem;
    font-weight:800;
}

.services .services-link a:hover {
    color: var(--black) !important;
}

.services .arrange-a-redelivery a::before {
    content: '';
    width: 46px;
    height: 48px;
    -webkit-mask-size: 46px 48px;
    mask-size: 46px 48px;
    -webkit-mask-image: url(../../assets/img/arrange-a-redelivery.svg);
    mask-image: url(../../assets/img/arrange-a-redelivery.svg);
    background: var(--blue);
    position: absolute;
    left: 50%;
    transform: translatex(-50%);
    top: 0;
    display: block;
    transition:0.2s;
}

.services .arrange-a-redelivery a:hover::before {
    background: var(--black);
    top: -5px;
}

.services .redirect-or-return a::before {
    content: '';
    width: 46px;
    height: 48px;
    -webkit-mask-size: 46px 48px;
    mask-size: 46px 48px;
    -webkit-mask-image: url(../../assets/img/redirect-or-return.svg);
    mask-image: url(../../assets/img/redirect-or-return.svg);
    background: var(--blue);
    position: absolute;
    left: 50%;
    transform: translatex(-50%);
    top: 0;
    display: block;
    transition:0.2s;
}

.services .redirect-or-return a:hover::before {
    background: var(--black);
    top: -5px;
}

.services .authority-to-leave a::before {
    content: '';
    width: 46px;
    height: 48px;
    -webkit-mask-size: 46px 48px;
    mask-size: 46px 48px;
    -webkit-mask-image: url(../../assets/img/authority-to-leave.svg);
    mask-image: url(../../assets/img/authority-to-leave.svg);
    background: var(--blue);
    position: absolute;
    left: 50%;
    transform: translatex(-50%);
    top: 0;
    display: block;
    transition:0.2s;
}

.services .authority-to-leave a:hover::before {
    background: var(--black);
    top: -5px;
}

.services .check-an-address a::before {
    content: '';
    width: 46px;
    height: 48px;
    -webkit-mask-size: 46px 48px;
    mask-size: 46px 48px;
    -webkit-mask-image: url(../../assets/img/check-an-address.svg);
    mask-image: url(../../assets/img/check-an-address.svg);
    background: var(--blue);
    position: absolute;
    left: 50%;
    transform: translatex(-50%);
    top: 0;
    display: block;
    transition:0.2s;
}

.services .check-an-address a:hover::before {
    background: var(--black);
    top: -5px;
}

.services .fuel-adjustment a::before {
    content: '';
    width: 46px;
    height: 48px;
    -webkit-mask-size: 46px 48px;
    mask-size: 46px 48px;
    -webkit-mask-image: url(../../assets/img/fuel-adjustment.svg);
    mask-image: url(../../assets/img/fuel-adjustment.svg);
    background: var(--blue);
    position: absolute;
    left: 50%;
    transform: translatex(-50%);
    top: 0;
    display: block;
    transition:0.2s;
}

.services .fuel-adjustment a:hover::before {
    background: var(--black);
    top: -5px;
}

.services .get-a-quote a::before {
    content: '';
    width: 46px;
    height: 48px;
    -webkit-mask-size: 46px 48px;
    mask-size: 46px 48px;
    -webkit-mask-image: url(../../assets/img/get-a-quote.svg);
    mask-image: url(../../assets/img/get-a-quote.svg);
    background: var(--blue);
    position: absolute;
    left: 50%;
    transform: translatex(-50%);
    top: 0;
    display: block;
    transition:0.2s;
}

.services .get-a-quote a:hover::before {
    background: var(--black);
    top: -5px;
}

@media (max-width: 991px) {
    .services .tabs .tab {
        flex-basis: calc(33% - 2rem) !important;
    }
}

@media (max-width: 767px) {

    .services .tabs .tab {
        flex-basis: calc(50% - 2rem) !important;
    }

    .services .services-link a br {
        display:none;
    }
}


/* Internal Slider */

.internal-slider .banner-content {
    padding-top:6.5rem;
    position: relative;
    z-index: 1029;
    background: #FFFFFF;
}

@media (max-width: 991px) {
    .internal-slider .banner-content {
        margin-bottom: 0.5rem;
    }
}

@media (max-width: 767px) {
    .internal-slider .wp-block-cover .wp-block-cover__background {
        display:none;
    }
    .internal-slider h1 br {
        display:none;
    }

    .internal-slider .wp-block-columns {
        margin-bottom:0 !important;
    }
}

.internal-slider .wp-block-cover-image, .internal-slider .wp-block-cover {
    min-height:400px;
}

.internal-slider .slick-dots li button:before {
    font-size:16px;
}

.internal-slider .banner-image {
    margin-left:-30%;
}

.internal-slider figure {
    margin:0;
}


/* Gradient Backgrounds */

.green-gradient-bg {
    background: var(--green);
    background: linear-gradient(135deg,rgba(74, 116, 101, 1) 0%, rgba(46, 86, 72, 1) 100%);
}

.green-gradient-bg h1, .green-gradient-bg h2, .green-gradient-bg h3, .green-gradient-bg h4, .green-gradient-bg h5, .green-gradient-bg h6, .green-gradient-bg p {
    color:var(--white);
}

.black-gradient-bg {
    background: var(--black);
    background: linear-gradient(135deg,rgba(54, 54, 54, 1) 0%, rgba(22, 22, 22, 1) 100%);
}

.black-gradient-bg h1, .black-gradient-bg h2, .black-gradient-bg h3, .black-gradient-bg h4, .black-gradient-bg h5, .black-gradient-bg h6, .black-gradient-bg p {
    color:var(--white);
}

.full-gradient-blue {
    background: var(--blue);
    background: linear-gradient(180deg, rgba(36, 178, 216, 0.2) 0%, rgba(36, 178, 216, 0) 100%);
}

.grey-bg {
    background: #eeeeee;
}

.curved {
    border-radius: 50% 50% 0 0 / 50px;
}


/* FAQ Styling */

.wp-block-yoast-faq-block {
    -webkit-box-shadow: 0 2px 6px 0 rgb(241 241 241 / 100%);
    box-shadow: 0 2px 6px 0 rgb(241 241 241 / 100%);
    border: var(--header-grey) 2px solid;
    border-radius: 10px;
    overflow: hidden
}

.wp-block-yoast-faq-block .schema-faq-section:last-of-type {
    margin-bottom: -2px !important
}

.wp-block-yoast-faq-block .schema-faq-section {
    border-bottom: 2px solid var(--header-grey)
}

.wp-block-yoast-faq-block .fcp-opened .schema-faq-question {
    border-bottom: none
}

.wp-block-yoast-faq-block .schema-faq-question {
    display: block;
    padding: 1rem 2.5rem 1rem 1rem;
    position: relative;
    font-weight: 800;
}

.wp-block-yoast-faq-block.fcp-faq .schema-faq-question {
    cursor: pointer
}

.wp-block-yoast-faq-block .schema-faq-answer {
    margin: 0;
    padding: 0 2.5rem 0 1rem;
}

.wp-block-yoast-faq-block .schema-faq-question:after {
    content: "";
    display: block;
    border: 2px solid var(--black);
    border-width: 0 2px 2px 0;
    width: 9px;
    height: 9px;
    box-sizing: border-box;
    position: absolute;
    right: 20px;
}

.wp-block-yoast-faq-block.fcp-faq .schema-faq-question:after {
    top: calc(50% - 4.5px);
    transform: rotate(45deg);
    transition: all .3s ease .3s;
    transform-origin: 50% 50%
}

.wp-block-yoast-faq-block.fcp-faq .fcp-opened .schema-faq-question:after,.wp-block-yoast-faq-block .schema-faq-question:after {
    top: calc(50% - 4.5px);
    right: 20px;
    transform: rotate(-135deg)
}

.wp-block-yoast-faq-block.fcp-faq .schema-faq-answer {
    max-height:0;
    overflow:hidden;
    border-bottom-width:0;
    padding-top:0;
    padding-bottom:0;
    transition:padding-bottom 0.3s ease-in, max-height 0.4s ease-in, padding-top 0.1s 0.4s ease-out, border-bottom-width 0s 0.5s linear;
}
.wp-block-yoast-faq-block .fcp-opened .schema-faq-answer {
    max-height:9999px;
    border-bottom-width:2px;
    padding-top:0;
    padding-bottom:1.5rem;
    transition:padding-top 0.2s ease-in, max-height 0.3s 0.2s linear, padding-bottom 0.4s 0.2s ease;
}


/* Generic Table Styling */

table.generic-table th {
    border:none !important;
    background: var(--header-grey) !important;
    color: var(--black);
    padding: 15px !important;
    font-weight: 800;
    vertical-align:top !important;
}

table.generic-table td {
    border-bottom: var(--header-grey) 2px solid !important;
    color: var(--black);
    padding: 15px !important;
    font-weight: 400;
    vertical-align:top !important;
}

.wp-block-table thead {
    border: none !important;
}

.wp-block-table th {
    border: none !important;
    background: var(--header-grey) !important;
    padding: 1rem !important;
    font-weight:800;
}

.wp-block-table td {
    border: none !important;
    border-bottom: var(--header-grey) 2px solid !important;
    padding: 1rem !important;
}


/* Full Table Styling */

.wp-block-table.full-table {
    border: var(--header-grey) 2px solid !important;
    border-bottom: none !important;
}


/* Order Products Table Styling */

table.generic-table tr.ProductOrderRow td {
    border:none !important;
    padding-bottom: 5px !important;
}

table.generic-table tr.ProductOrderNote td {
    padding-top:0 !important;
}


/* Show / Hide */

dl.fuel dt {
    padding: 1rem;
    color:var(--blue);
    font-style: italic;
    font-weight:800;
}

dl.fuel dt span {
    position: relative;
}

dl.fuel dt span::after {
    content: '';
    background-size: 14px 9px;
    background-color: var(--blue);
    clip-path: polygon(65.053% 0%, 99.98% 49.995%, 65.053% 100%, 58.184% 90.129%, 81.317% 56.979%, 0% 56.979%, 0% 43.011%, 81.317% 43.011%, 58.184% 9.871%);
    width: 17px;
    height: 11px;
    position: absolute;
    right: -25px;
    top: 5px;
    transition: .2s;
}

dl.fuel dt span:hover::after {
    content: '';
    background-size: 14px 9px;
    background-color: var(--black);
    clip-path: polygon(65.053% 0%, 99.98% 49.995%, 65.053% 100%, 58.184% 90.129%, 81.317% 56.979%, 0% 56.979%, 0% 43.011%, 81.317% 43.011%, 58.184% 9.871%);
    width: 17px;
    height: 11px;
    position: absolute;
    right: -31px;
    top: 5px;
}

dl.fuel dt:hover {
    cursor: pointer;
    color:var(--black);
}

dl.fuel dd table.generic-table tr:first-of-type td {
    border-top: var(--header-grey) 2px solid;
}


/* VFF Styling */

#fffTableContainer table.generic-table tr:first-of-type td {
    font-weight: 400;
    border-top: var(--header-grey) 2px solid;
    background: white;
}

#fffTableContainer table tr.current_fff th {
    border: none;
    background:var(--header-grey) !important;
    color: var(--black);
    padding: 1rem;
    font-weight: 800 !important;
}

#fffTableContainer table tr td {
    border-bottom: var(--header-grey) 2px solid;
    background: var(--white);
}

#fffTableContainer table tr.current_fff td {
    border-bottom: var(--header-grey) 2px solid;
    background:var(--header-grey) !important;
    color: var(--black);
    padding: 1rem;
    font-weight: 800 !important;
}


/* Modal Styling */

.modal-header {
    border-bottom:none !important;
}

.modal-body {
    padding-top:0 !important;
}


/* Generic Styling */

ul.link-list {
    list-style: none;
    padding:0;
    margin:0;
}

ul.link-list li {
    padding:0;
    margin:0 0 2px 0;
}

ul.link-list li a {
    list-style: none;
    padding: 0.75rem 3.4rem 0.75rem 1rem;
    display:block;
    background: var(--header-grey);
    text-decoration: none !important;
    position: relative;
    color: var(--black) !important;
}

ul.link-list li a:hover {
    background: var(--blue);
    color:var(--white) !important;
}

ul.link-list li a::after {
    content: '';
    background-size: 17px 11px;
    background-color: var(--blue);
    clip-path: polygon(65.053% 0%, 99.98% 49.995%, 65.053% 100%, 58.184% 90.129%, 81.317% 56.979%, 0% 56.979%, 0% 43.011%, 81.317% 43.011%, 58.184% 9.871%);
    position: absolute;
    right: 20px;
    top: calc(50% - 5.5px);
    transition: .2s;
    width: 17px;
    height: 11px;
}

ul.link-list li a:hover::after {
    background-color: var(--white);
    clip-path: polygon(65.053% 0%, 99.98% 49.995%, 65.053% 100%, 58.184% 90.129%, 81.317% 56.979%, 0% 56.979%, 0% 43.011%, 81.317% 43.011%, 58.184% 9.871%);
    right: 14px;
}

ul.link-list li.download a::after {
    width: 14px;
    height: 19px;
    -webkit-mask-size: 14px 19px;
    mask-size: 14px 19px;
    -webkit-mask-image: url('data:image/svg+xml,<svg id="Group_772" data-name="Group 772" xmlns="http://www.w3.org/2000/svg" width="14.072" height="19.005" viewBox="0 0 14.072 19.005"><path id="Path_1343" data-name="Path 1343" d="M6.268,0V12.8L2.621,9.16,1.536,10.242l5.5,5.5,5.5-5.5L11.45,9.16,7.8,12.8V0Z" fill="%23fff"/><rect id="Rectangle_830" data-name="Rectangle 830" width="14.072" height="1.536" transform="translate(0 17.468)" fill="%23fff"/></svg>');
    mask-image: url('data:image/svg+xml,<svg id="Group_772" data-name="Group 772" xmlns="http://www.w3.org/2000/svg" width="14.072" height="19.005" viewBox="0 0 14.072 19.005"><path id="Path_1343" data-name="Path 1343" d="M6.268,0V12.8L2.621,9.16,1.536,10.242l5.5,5.5,5.5-5.5L11.45,9.16,7.8,12.8V0Z" fill="%23fff"/><rect id="Rectangle_830" data-name="Rectangle 830" width="14.072" height="1.536" transform="translate(0 17.468)" fill="%23fff"/></svg>');
    clip-path: none;
    top:15px;
}

ul.link-list li.download a:hover::after  {
    background: var(--white);
    clip-path: none;
}

ul.link-list li a strong {
    font-size:1.188rem;
}

.back a {
    text-decoration: none;
    position: relative;
    padding-left:1.5rem;
}

.back a:hover {
    color:var(--blue)
}

.back a::before {
    content: '';
    position: absolute;
    transition: .2s;
    background-size: 14px 9px;
    background-color: var(--black);
    clip-path: polygon(65.053% 0%, 99.98% 49.995%, 65.053% 100%, 58.184% 90.129%, 81.317% 56.979%, 0% 56.979%, 0% 43.011%, 81.317% 43.011%, 58.184% 9.871%);
    width: 14px;
    height: 9px;
    left:0;
    top:6px;
    transform: rotate(180deg);
}

.back a:hover::before {
    background-color: var(--blue);
    clip-path: polygon(65.053% 0%, 99.98% 49.995%, 65.053% 100%, 58.184% 90.129%, 81.317% 56.979%, 0% 56.979%, 0% 43.011%, 81.317% 43.011%, 58.184% 9.871%);
    left: -6px;
}

.internal-page-header {
    min-height:auto;
}

@media (max-width: 767px) {
    .internal-page-header h1 br {
        display:none;
    }
}


/* Generic Mobile Styling */

.show-mobile {
    display:none !important;
}

@media (max-width: 576px) {
    .full-width-mobile {
        width:100% !important;
    }
}

@media (max-width: 767px) {

    .reverse-mobile {
        flex-direction: column-reverse;
    }

    .hide-mobile {
        display: none !important;
    }

    .show-mobile {
        display:block !important;
    }

}


/* Posts (Help) */

.post-template-default .container-breadcrumb {
    margin-top:3rem;
}

.article-container article {
    border-radius: var(--bs-border-radius) !important;
    box-shadow: var(--bs-box-shadow) !important;
    padding:1.5rem 2.5rem 3rem 2.5rem;
}

.post-template-default h1 {
    font: 52px / 56px "Mulish", sans-serif;
    font-weight: 900;
    font-style: italic;
}

.post-template-default .sidebar h5 {
    margin-bottom: 1rem !important;
}

.category-nav a {
    font-weight:800;
    font-style:italic;
    text-transform: uppercase;
    text-decoration: none !important;
    font-size:0.875rem;
}

.category-nav a:hover {
    text-decoration: underline !important;
}

.category-nav span.divider {
    vertical-align: .14em;
    border: solid var(--black);
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 2px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    margin: 0 10px 0 8px;
}

.category-nav.back a {
    text-decoration: none;
    position: relative;
    padding-left:1.5rem;
}

.category-nav.back a:hover {
    color:var(--black);
    text-decoration:none !important;
}

.category-nav.back a::before {
    content: '';
    position: absolute;
    transition: .2s;
    background-size: 14px 9px;
    background-color: var(--black);
    clip-path: polygon(65.053% 0%, 99.98% 49.995%, 65.053% 100%, 58.184% 90.129%, 81.317% 56.979%, 0% 56.979%, 0% 43.011%, 81.317% 43.011%, 58.184% 9.871%);
    width: 14px;
    height: 9px;
    left:0;
    top:4px;
    transform: rotate(180deg);
}

.category-nav.back a:hover::before {
    background-color: var(--black);
    clip-path: polygon(65.053% 0%, 99.98% 49.995%, 65.053% 100%, 58.184% 90.129%, 81.317% 56.979%, 0% 56.979%, 0% 43.011%, 81.317% 43.011%, 58.184% 9.871%);
    left: -6px;
}

@media (max-width: 991px) {
    .post-template-default .container-breadcrumb {
        margin-top:3rem;
    }
    .article-container article {
        padding:1.5rem 2rem 2rem 2rem;
    }
    .post-template-default h1 {
        font: 42px / 46px "Mulish", sans-serif;
        font-weight: 900;
        font-style: italic;
    }
}