/* Minification failed. Returning unminified contents.
(244,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary'
(249,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
 */
/* About Us - Coontainer */

@media (max-width: 991.98px) {
    .dna-section { margin-bottom: 30px; padding-bottom: 30px; align-items: center; border-bottom: dotted 2px #DDD; }
    .dna-section:last-child { margin-bottom: 0; }
}

@media (min-width: 576px) {
    .dna-section { display: flex; }
}

/* About Us - Content */
.dna-section .content h2 { color: #005164; margin-bottom: 10px; }

/* Green Background  */
.green-bg { background: #005164; color: #FFFFFF; }
.green-bg * { color: #FFFFFF; }

/* Red Background  */
.red-bg { background: #C41230; color: #FFFFFF; }
.red-bg * { color: #FFFFFF; }

/* Grey Background  */
.grey-bg { background: #fafafa; }
/* Bleed Images */
.bleed-container { position: relative; }

.bleed-image { background-repeat: no-repeat; background-position: center center; background-size: cover; position: absolute; top: 0px; left: 0px; width: 100%; padding-top: 200px; }
.bleed-image.right { left: auto; right: 0; }

.bleed-container-content { padding-top: 170px; }

@media(min-width: 992px) {
    .bleed-container-content { padding-top: 0; }
    .bleed-image { width: 50%; padding-top: 0; bottom: 0; }
}
/* Buttons */
button:not(.btn) { border: none; }

.btn { background: none; border: solid 2px #C41230; border-radius: 20px; font-weight: 500; font-family: 'Montserrat', sans-serif; }
.btn:hover {  border-color: #b00f2c; cursor: pointer; color: #b00f2c; }
.btn:not(.btn-sm):not(.btn-link) { padding: .375rem 1.5rem; }

/* Green Outline Button */
.btn-tdl1,
.btn-tdl1:visited { border-color: #005164; color: #005164; }
.btn-tdl1:hover,
.btn-tdl1:active,
.btn-tdl1:focus { border-color: #04718a; color: #04718a; }

/* White Outline Button */
.btn-tdl2,
.btn-tdl2:visited { border-color: #FFFFFF; color: #FFFFFF; }
.btn-tdl2:hover,
.btn-tdl2:active,
.btn-tdl2:focus { border-color: #FFFFFF; color: #FFFFFF; }

/* Green Block Button */
.btn-tdl3,
.btn-tdl3:visited { border-color: #005164; background-color: #005164; color: #FFFFFF; }
.btn-tdl3:hover,
.btn-tdl3:active,
.btn-tdl3:focus { background-color: #04718a; color: #FFFFFF; }

/* Red Block Button */
.btn-tdl4,
.btn-tdl4:visited { border: none; background-color: #C41230; color: #FFFFFF; }
.btn-tdl4:hover,
.btn-tdl4:active,
.btn-tdl4:focus { background-color: #B3112C; color: #FFFFFF; }

/* White Block Button */
.btn-tdl5,
.btn-tdl5:visited { border: none; background-color: #FFFFFF; color: #363636; }
.btn-tdl5:hover,
.btn-tdl5:active,
.btn-tdl5:focus { background-color: #fafafa; color: #363636; }
.card { border: none; border-radius: 0; }
/* Homepage Carousel */
.hp-carousel { height: 100vh; min-height: 700px; background-size: cover; background-position: center; position: relative; z-index: 1; color: #FFFFFF; }
.hp-carousel:before { position: absolute; content: ''; height: 100%; width: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.6); z-index: -1; }

/* Homepage Carousel Content */
.hp-carousel .content-block { padding-top: 35%; }
.hp-carousel h1 { margin-bottom: 30px; color: #FFFFFF; }

@media(min-width: 768px) {
    .hp-carousel .content-block { padding-top: 16%; width: 40%; }
    .hp-carousel h1 { font-size: 4.5rem; line-height: 80px; }
}

.brand-item { text-align: center; margin-bottom: 50px; filter: grayscale(100%); }
/* Body Attributes */
body { font-family: 'Lato', serif; color: #8f8e8e; font-size: 18px; line-height: 1.6; padding-top: 42px; }

@media(min-width: 992px) {
    body { padding-top: 0; }
}

/* Section */
section { padding: 50px 0; position: relative; }
section:nth-of-type(2n) { background-color: #fafafa; }

/* Links */
a { color: #C41230; }
a:hover { color: inherit; text-decoration: underline; }

/* Website Container */
.website-ct { z-index: 2; position: relative; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; left: 0; background: #FFFFFF; min-height: 100vh; }
.website-ct.open { left: -100%; }

@media (min-width: 992px) {
    .website-ct.open { left: -465px; }
    .website-ct { margin-top: 62px; }
}

/* Icons */
[data-prefix='fas'] { margin-right: 5px; }

/* Paragraph Tags */
p:last-child { margin-bottom: 0; }

/* Lists */
ul:last-child,
ol:last-child { margin-bottom: 0; }
.contact-form-panel {
    display: none;
}

#EnquiryResult {
    display: none;
}

/* Hide Google Recaptcha Badge */
.grecaptcha-badge {
    visibility: hidden;
}

.google-recaptcha a {
    text-decoration: underline;
}

.cookie-notice { position: relative; z-index: 1; background: #FAFAFA; padding: 10px 0; }

.fancy-chat { background: #C41230; color: #FFF; content: ""; background-image: url("/Content/images/TDL-Initials.svg"); width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; }
.fancy-chat h1 { color: #FFFFFF; }

footer { background: url(/Content/images/footer/footer-bg-1.jpg); background-size: cover; background-position: center; position: relative; z-index: 1; padding: 60px 0; color: #FFFFFF; margin-bottom: 0; }
footer:before { content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(162, 9, 36, 0.94); z-index: -1; }
footer a { color: #FFFFFF; }
 
/* Footer Headings */
footer h1 { color: #FFFFFF; margin-bottom: 30px; }
footer h2 { color: #FFFFFF; }
.form-control { border: none; background-color: rgba(0,0,0,0.2); color: #FFFFFF; }
.form-control:focus { background-color: rgba(0,0,0,0.2); box-shadow: 0 0 0 .2rem rgba(31,153,181,.25); color: #FFFFFF; }

.form-control::-webkit-input-placeholder { color: #b5b5b5 !important; }
.form-control:-moz-placeholder { /* FF 4-18 */ color: #b5b5b5 !important; }
.form-control::-moz-placeholder { /* FF 19+ */ color: #b5b5b5 !important; }
.form-control:-ms-input-placeholder { /* IE 10+ */ color: #b5b5b5 !important; }

/* Validation */
.input-validation-error { 
    border: solid 1px #f7c9c9 !important; }

/* Header */
header { margin-bottom: 50px; }
header h1 { margin-bottom: 0px; }

/* Headings */
.h1, h1,
.h2, h2 { font-family: 'Montserrat', sans-serif; color: #C41230; letter-spacing: -1px; }

.h1, h1 { font-size: 2.625rem; font-weight: 700; margin-bottom: 30px; color: #363636; }
.h2, h2 { color: #C41230; font-size: 1.7rem; font-weight: normal; margin-bottom: 30px; }
.h3, h3 { color: #c0c0c0; }

@media(min-width: 1200px) {
    .h1, h1 { font-size: 3.125rem; }
}

@media(min-width: 1500px) {
    .h1, h1 { font-size: 3.4375rem; }
}


.feature-video {
    overflow: hidden;
    position: relative;
}

.feature-video .video-container {
    width: 100vw;
    height: 100vh;
    max-height: 630px;
    display: flex;
    align-items: center;
}

@media(min-width: 768px) {
    .feature-video .video-container {
        max-height: 700px;
    }
}

.feature-video .video-container.w-overlay::after {
    position: absolute;
    background-color: rgba(0,0,0,0.6);
    content: '';
    height: 100%;
    width: 100%;
    z-index: 0;
    top: 0;
}

.feature-video iframe,
.feature-video video {
    position: absolute;
    top: 20%;
    left: 50%;
    width: 100vw;
    height: 100vh;
    transform: translate(-50%, -20%);
    pointer-events: none;
}

.feature-video .content-block {
    color: #FFFFFF;
    padding: 0 20px;
    z-index: 1;
    position: relative;
}

/*@media(min-width: 992px) {
    .feature-video .content-block {
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 0;
    }
}*/

.feature-video .content-block h2 {
    color: var(--clr-secondary);
}

.feature-video .content-block h1 {
    margin-bottom: 0;
    color: var(--clr-ntrl-min);
    text-transform: uppercase;
    font-weight: 700;
}

@media(min-width: 768px) {
    .feature-video .content-block h1 {
        font-size: 3rem;
    }
}

@media (min-aspect-ratio: 16/9) {
    .feature-video .video-container iframe,
    .feature-video video {
        height: 56.25vw;
    }
}

@media (max-aspect-ratio: 16/9) {
    .feature-video .video-container iframe,
    .feature-video video {
        width: 177.78vh;
    }
}
.list-unstyled li { margin: 10px 0; }
.solution-block { margin-bottom: 40px; }
.solution-block.card { background: none; border: none; border-radius: 0; margin-bottom: 30px; }
.solution-block .card-body { padding: 3.5rem; }

/* Hover Effect */
/*.solution-block.card:hover { background: #C41230;}
.solution-block.card:hover * { color: #FFFFFF; border-color: #FFFFFF; }*/


.solution-block p { font-size: 1.2rem; line-height: 1.6; }
.solution-block [data-prefix="fas"] { color: #005164; margin: 0 1.5rem 1.5rem 0; }
.solution-block h2 { color: #005164; }
/* Overlay Item */
.overlay-item { position: relative; height: 420px; display: block; overflow: hidden; margin-bottom: 30px; }

/* overlay */
.overlay { background-color: rgba(37,37,37,1); opacity: .45; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 3; -moz-transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; }
.overlay:hover { background-color: rgba(196,18,48,1); opacity: 0.9 }

/* Overlay Content */
.overlay-item .content { visibility: hidden; pointer-events: none; position: absolute; bottom: 0; left: 0; top: 0; right: 0; z-index: 99; color: #FFFFFF; -moz-transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; -moz-transform: translateY(100%); -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); }
.overlay-item .content .content-position { position: absolute; bottom: 0; padding: 30px; }
.overlay-item .content h2 { color: #FFFFFF; margin-bottom: 0; }
.overlay-item .content p { margin-bottom: 30px; }
.overlay-item:hover .content { visibility: visible; display: block; -moz-transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

@media(max-width: 991.98px) {
    .overlay-item .content p,
    .overlay-item .content span { font-size: 1rem; }
}

/* Portfolio background */
.overlay-item .img { z-index: 1; background-position: 50%; background-size: cover; position: absolute; left: 0; top: 0; right: 0; bottom: 0; transition: all 0.5s; }
.overlay-item:hover .img { transform: scale(1.1); }

.overlay-item .name { z-index: 4; color: #FFFFFF; position: absolute; left: 30px; right: 30px; text-align: center; top: calc(50% - 39px); }
.overlay-item:hover .name { display: none; }

.overlay-item .name h2 { color: #FFFFFF; }
.overlay-item .name span { font-size: 1rem; }

/* Homepage Carousel */
.portfolio-carousel { background-size: cover; background-repeat: no-repeat; background-position: center; position: relative; z-index: 1; color: #FFFFFF; }
.portfolio-carousel:before { position: absolute; content: ''; height: 100%; width: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.6); z-index: -1; }

@media (min-width: 1200px) {
    .portfolio-carousel { height: 500px; }
}

/* Homepage Carousel Content */
.portfolio-carousel .content-block { padding: 60px 0; }
.portfolio-carousel h1,
.portfolio-carousel h2 { margin-bottom: 0; color: #FFFFFF; }

@media(min-width: 768px) {
    .portfolio-carousel h1 { font-size: 4.5rem; line-height: 80px; }
}

@media(min-width: 992px) {
    .portfolio-carousel .content-block { padding: 120px 0 60px 0; }
}


@media(min-width: 1200px) {
    .portfolio-carousel .content-block { padding: 150px 0; }
    .portfolio-carousel h1 { font-size: 4.5rem; line-height: 80px; }
}

/* Homepage Carousel Logo */
.portfolio-carousel .port-logo { margin-bottom: 15px; }

@media(max-width: 576.98px) {
    .portfolio-carousel .port-logo { max-width: 150px; }
}


/* Navbar Main Container */
.navbar { font-family: Montserrat; padding: 0; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; align-content: flex-start; background: #C41230; }

@media(max-width: 991.98px) {
    .navbar { overflow-y: hidden; -webkit-overflow-scrolling: touch; height: 42px; }
}

/*Navbar styling above 991.98px */
@media (min-width: 992px) {
    .navbar { background: rgba(255,255,255,0.95); border-bottom: solid 1px #DDD; padding: 0; font-weight: 600; }
}


/* Navbar Links */
.navbar a { color: #FFF; padding: 10px 15px; font-weight: 600; display: flex; }
.navbar a:hover { text-decoration: none; }

@media(min-width: 992px) {
    .navbar a { color: #363636; padding: 20px; font-weight: 600; }
}

/* Navbar list and list links */
.navbar li a { padding: 5px 15px; justify-content: center; font-size: 2rem; }
.navbar li:first-of-type a { margin-top: 10px; }

@media(min-width: 992px) {
    .navbar li:first-of-type a { margin-top: 0; }
    .navbar li a { font-size: 1rem; }
}

/* Nav Header */
#navHeader { -moz-transition: all 0.4s; -webkit-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s; }
.nav-header { display: flex; justify-content: space-between; width: 100%; z-index: 2 }
.nav-header [data-prefix="fas"] { margin: 0; }

.navbar-toggler-icon { height: auto; color: #FFFFFF; }
.navbar .tint { background-color: rgba(0,0,0,0.1); }

@media(max-width: 991.98px) {
    .nav-header { position: absolute; top: 0; left: 0; width: 100%; height: 42px; overflow: hidden; align-items: center; padding: 0 20px; }
}

@media(max-width: 991.98px) {
    .navbar-nav { display: block; position: absolute; z-index: 1; top: 42px; right: 0; bottom: 0; left: 0; margin: 0 auto; height: auto; overflow-y: auto; }
}

@media(min-width: 992px) {
    .nav-header { width: auto; }
    .navbar-toggler { display: none !important; }
}

/* Navbar Logos */
.navbar .logo { width: 200px; }

@media (min-width: 992px) {
    .navbar .logo { display: none; }
    .navbar .logo-mobile { width: 200px; display: block !important; }
}

/* Navbar collapse */
.navbar-collapse { z-index: 2000; }

@media(min-width: 992px) {
    .navbar-collapse { height: auto; }
}

/* Nav Item Container */
.nav-item-container { text-align: center; }

@media(min-width: 992px) {
    .nav-item-container { text-align: inherit; height: auto; }
}

/* Nav Items */
@media(min-width: 992px) {
    .nav-items { display: flex !important; }
}

@media(max-width: 991.98px) {
    .nav-items li:last-of-type { margin-bottom: 30px; }
}

/* Navbar open */
.navbar.open { right: 100%; left: -100%; z-index: 0; }

@media(min-width: 992px) {
    .navbar.open { right: 465px; left: -465px; z-index: 3; }
}

/* Contact Sidebar */
.contact-sidebar { display: none; width: 100%; background: #04718a; top: 0px; bottom: 0px; right: 0px; color: #FFFFFF; padding: 40px; position: fixed; z-index: 1; overflow-y: auto; }
.contact-sidebar.open { z-index: 1031; overflow: auto; }

.contact-sidebar a { color: #FFFFFF; }

.contact-sidebar h1 { color: #FFFFFF; margin-bottom: 0; }
.contact-sidebar h2 { color: #FFFFFF; margin-bottom: 5px; }

.contact-sidebar .contact-toggle { position: absolute; right: 21px; font-size: 1.25rem; top: 5px; }

@media(min-width: 992px) {
    .contact-sidebar { width: 465px; }
}

/* Anchor Link Offset due to navigation */
.scroll-to { position: absolute; top: -40px; }

@media(min-width: 992px) {
    .scroll-to { top: -61px; }
}

/* Slick Slider Dots */
.slick-dots { bottom: 55px; }
.slick-dots li button::before { color: #C41230; font-size: 12px; }
.slick-dots li.slick-active button::before { opacity: .75; color: #C41230; }
.slick-dotted.slick-slider { margin-bottom: 0; }

/* Initialise Carousel when images have loaded  */
.slick-hide-default { display: none; }
.slick-initialized { display: block; }

/* Slick Prev/Next */
.slick-next:before, .slick-prev:before { font-size: 20px; color: #C41230; }

@media(min-width: 992px) {
    .slick-next:before, .slick-prev:before { font-size: 35px; }
}

.slick-next, .slick-prev { z-index: 1; width: auto; }

.slick-prev { left: -15px; }
.slick-next { right: -15px; }
/* Hide Tab Content */
.tab-noshow { display: none; }

/* Tab Container Links */
.tab-container .link { margin-top: 10px; }

.testimonial { background: #005164; color: #FFFFFF; }
.testimonial h1,
.testimonial h2,
.testimonial h3 { color: #FFFFFF; }

.testimonial h3 { margin-bottom: 0; }

.testimonial .h1, .testimonial h1 { font-size: 1.6rem; }

@media(min-width: 576px) {
    .testimonial .h1, .testimonial h1 { font-size: 2.625rem; }
}

/* Background colours for testimonials */
.abbi-bg { background: #3763C7 !important; }
.bloom-bg { background: #0074E2 !important; }
.cousins-bg { background: #2A405E !important; }
.dorset-delights-bg { background: #000000 !important; }
.frome-livestock-bg { background: #9B1F2F !important; }
.go-girls-bg { background: #028181 !important; }
.ipt-bg { background: #17BB99 !important; }
.itc-bg { background: #007FBD !important; }
.michael-bg { background: #2D5A7A !important; }
.muse-bg { background: #274185 !important; }
.paint-direct-bg { background: #DE232A !important; }
.rcs-bg { background: #92278F !important; }
.sparkes-home-bg { background: #E30613 !important; }
.symonds-bg { background: #467d80 !important; }
.yeovilbc-bg { background: #CF161E !important; }
.team-member { margin-bottom: 30px; }
.team-member:last-of-type { margin-bottom: 0; }

/* Team header */
.team-member .team-header { margin-bottom: 20px; }
.team-member .team-header h2 { color: #04718a; margin-bottom: 0; }
.team-member .team-header h5 { font-weight: 600; }

/* Team Member Overlay Styling */
.team-member .overlay { background: none; }
.team-member .overlay:hover { background-color: rgba(4,113,138,1); opacity: 0.9 }
@media(min-width: 1500px) {

    /* Enlarge size of container when screen width is at least 1500px */
    .container { max-width: 1500px; }

    /* XXL column base styling */
    .col-xxl-1,
    .col-xxl-2,
    .col-xxl-3,
    .col-xxl-4,
    .col-xxl-5,
    .col-xxl-6,
    .col-xxl-7,
    .col-xxl-8,
    .col-xxl-9,
    .col-xxl-10,
    .col-xxl-11,
    .col-xxl-12,
    .col-xxl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; }

    /* XXL column widths */
    .col-xxl-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }
    .col-xxl-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
    .col-xxl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
    .col-xxl-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
    .col-xxl-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
    .col-xxl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
    .col-xxl-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
    .col-xxl-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
    .col-xxl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
    .col-xxl-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
    .col-xxl-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
    .col-xxl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
    .col-xxl-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; }

    /* XXL Display Flex */
    .d-xxl-flex { display: -ms-flexbox !important; display: flex !important; }
    .d-xxl-none { display: none !important; }
    .d-xxl-inline-block { display: inline-block !important; }
    .d-xxl-block { display: block !important; }

    /* Navbar Extend */
    .navbar-expand-xxl { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
    .navbar-expand-xxl .navbar-collapse { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; }

    /* Margin Bottom 4 */
    .mb-xxl-4, .my-xxl-4 { margin-bottom: 1.5rem !important; }
}