.elementor-14088 .elementor-element.elementor-element-7384c07:not(.elementor-motion-effects-element-type-background), .elementor-14088 .elementor-element.elementor-element-7384c07 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#050607;}.elementor-14088 .elementor-element.elementor-element-7384c07{border-style:solid;border-width:1px 0px 0px 0px;border-color:#293032;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-14088 .elementor-element.elementor-element-7384c07 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-14088 .elementor-element.elementor-element-2f544b6 > .elementor-element-populated{padding:64px 15px 64px 15px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );color:var( --e-global-color-primary );}.elementor-14088 .elementor-element.elementor-element-030fffa.ob-harakiri{writing-mode:inherit;}.elementor-14088 .elementor-element.elementor-element-030fffa.ob-harakiri .elementor-heading-title{writing-mode:inherit;}.elementor-14088 .elementor-element.elementor-element-030fffa.ob-harakiri div{writing-mode:inherit;}.elementor-14088 .elementor-element.elementor-element-030fffa > .elementor-widget-container{margin:0px 0px 12px 0px;}.elementor-14088 .elementor-element.elementor-element-030fffa .elementor-heading-title{font-family:"Bebas Neue", Sans-serif;font-size:18px;font-weight:500;line-height:1.05em;letter-spacing:0.7px;color:#A7D73F;}.elementor-14088 .elementor-element.elementor-element-030fffa.ob-harakiri > div, .elementor-14088 .elementor-element.elementor-element-030fffa.ob-harakiri > h1, .elementor-14088 .elementor-element.elementor-element-030fffa.ob-harakiri > h2, .elementor-14088 .elementor-element.elementor-element-030fffa.ob-harakiri > h3, .elementor-14088 .elementor-element.elementor-element-030fffa.ob-harakiri > h4, .elementor-14088 .elementor-element.elementor-element-030fffa.ob-harakiri > h5, .elementor-14088 .elementor-element.elementor-element-030fffa.ob-harakiri > h6, .elementor-14088 .elementor-element.elementor-element-030fffa.ob-harakiri > p{transform:rotate(0deg);}.elementor-14088 .elementor-element.elementor-element-030fffa > div{text-indent:0px;mix-blend-mode:inherit;}.elementor-14088 .elementor-element.elementor-element-1a8a648.ob-harakiri{writing-mode:inherit;}.elementor-14088 .elementor-element.elementor-element-1a8a648.ob-harakiri .elementor-heading-title{writing-mode:inherit;}.elementor-14088 .elementor-element.elementor-element-1a8a648.ob-harakiri div{writing-mode:inherit;}.elementor-14088 .elementor-element.elementor-element-1a8a648 > .elementor-widget-container{margin:0px 0px 12px 0px;}.elementor-14088 .elementor-element.elementor-element-1a8a648 .elementor-heading-title{font-family:"Bebas Neue", Sans-serif;font-size:56px;font-weight:500;line-height:1.05em;letter-spacing:0.7px;color:#F2F2F2;}.elementor-14088 .elementor-element.elementor-element-1a8a648.ob-harakiri > div, .elementor-14088 .elementor-element.elementor-element-1a8a648.ob-harakiri > h1, .elementor-14088 .elementor-element.elementor-element-1a8a648.ob-harakiri > h2, .elementor-14088 .elementor-element.elementor-element-1a8a648.ob-harakiri > h3, .elementor-14088 .elementor-element.elementor-element-1a8a648.ob-harakiri > h4, .elementor-14088 .elementor-element.elementor-element-1a8a648.ob-harakiri > h5, .elementor-14088 .elementor-element.elementor-element-1a8a648.ob-harakiri > h6, .elementor-14088 .elementor-element.elementor-element-1a8a648.ob-harakiri > p{transform:rotate(0deg);}.elementor-14088 .elementor-element.elementor-element-1a8a648 > div{text-indent:0px;mix-blend-mode:inherit;}html, body{overflow-x:auto;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-14088 .elementor-element.elementor-element-2f544b6{width:68%;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-14088 .elementor-element.elementor-element-030fffa .elementor-heading-title{font-size:17px;}.elementor-14088 .elementor-element.elementor-element-1a8a648 .elementor-heading-title{font-size:38px;}}/* Start custom CSS *//* ============================================================
   DARK TROOPER RECORDINGS
   COMPLIANZ COOKIE POLICY
   ============================================================ */

#cmplz-document,
#cmplz-cookies-overview {
    --dtr-green: #a7d73f;
    --dtr-black: #000;
    --dtr-panel: #0b0b0b;
    --dtr-panel-2: #111;
    --dtr-border: #2a2a2a;
    --dtr-border-light: #363636;
    --dtr-text: #bdbdbd;
    --dtr-muted: #888;
    --dtr-white: #fff;

    max-width: 1200px !important;
    margin: 0 auto !important;

    color: var(--dtr-text) !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
}




/* ============================================================
   MAIN HEADINGS
   ============================================================ */

#cmplz-document h2 {
    font-family: "Bebas Neue", sans-serif !important;
    font-size: 34px !important;
    font-weight: 600 !important;
    line-height: 1.1 !important;

    color: var(--dtr-white) !important;

    text-transform: uppercase !important;
    letter-spacing: .7px !important;

    margin: 42px 0 14px !important;
    padding: 0 0 11px !important;

    border-bottom: 1px solid var(--dtr-border) !important;
}


#cmplz-document h3 {
    font-family: "Bebas Neue", sans-serif !important;

    font-size: 27px !important;
    font-weight: 600 !important;

    color: var(--dtr-white) !important;

    text-transform: uppercase !important;
    letter-spacing: .4px !important;

    margin: 28px 0 12px !important;
}


#cmplz-document h4 {
    color: var(--dtr-white) !important;
    font-size: 17px !important;
    font-weight: 700 !important;
}


#cmplz-document h5 {
    color: var(--dtr-green) !important;

    font-size: 12px !important;
    font-weight: 700 !important;

    text-transform: uppercase !important;
    letter-spacing: .7px !important;
}


/* ============================================================
   TEXT
   ============================================================ */

#cmplz-document p,
#cmplz-document li {
    color: var(--dtr-text) !important;

    font-size: 16px !important;
    line-height: 1.75 !important;
}


#cmplz-document a {
    color: var(--dtr-green) !important;
    text-decoration: none !important;

    transition: color .2s ease;
}


#cmplz-document a:hover {
    color: var(--dtr-white) !important;
}


/* ============================================================
   SERVICE ACCORDIONS
   Elementor / WooCommerce / Complianz / etc.
   ============================================================ */

#cmplz-document .cmplz-dropdown {
    background: var(--dtr-panel) !important;

    border: 1px solid var(--dtr-border) !important;
    border-radius: 5px !important;

    margin: 14px 0 !important;

    overflow: hidden !important;
}


#cmplz-document .cmplz-dropdown summary {
    background: var(--dtr-panel-2) !important;

    margin: 0 !important;
    padding: 17px 20px !important;

    border: 0 !important;

    transition:
        background-color .2s ease,
        border-color .2s ease;
}


#cmplz-document .cmplz-dropdown summary:hover {
    background: #151515 !important;
}


#cmplz-document .cmplz-dropdown[open] summary {
    border-bottom: 1px solid var(--dtr-border) !important;
}


#cmplz-document .cmplz-dropdown summary h3 {
    margin: 0 !important;
    padding: 0 !important;

    color: var(--dtr-white) !important;

    font-family: "Bebas Neue", sans-serif !important;
    font-size: 25px !important;

    border: 0 !important;
}


#cmplz-document .cmplz-dropdown summary p {
    color: var(--dtr-green) !important;

    font-size: 12px !important;
    font-weight: 700 !important;

    text-transform: uppercase !important;
    letter-spacing: .6px !important;

    margin: 0 !important;
}


/* ============================================================
   CHEVRON
   ============================================================ */

#cmplz-document .cmplz-dropdown summary div:after {
    filter: invert(1) !important;

    width: 18px !important;
    height: 18px !important;

    opacity: .85 !important;
}


#cmplz-document .cmplz-dropdown[open] summary div:after {
    filter:
        invert(65%)
        sepia(95%)
        saturate(1500%)
        hue-rotate(80deg)
        brightness(100%) !important;
}


/* ============================================================
   SERVICE DESCRIPTION / SHARING
   ============================================================ */

#cmplz-document .cmplz-service-description,
#cmplz-document .cmplz-sharing-data {
    width: 100% !important;

    display: block !important;

    padding: 18px 20px 5px !important;
}


#cmplz-document .cmplz-service-description h4,
#cmplz-document .cmplz-sharing-data h4 {
    color: var(--dtr-white) !important;
}


#cmplz-document .cmplz-service-description p,
#cmplz-document .cmplz-sharing-data p {
    padding: 0 !important;
}


/* ============================================================
   COOKIE TABLE / GRID
   This is the bit that currently looks horrible.
   ============================================================ */

#cmplz-document
.cmplz-dropdown.cmplz-dropdown-cookiepolicy
.cookies-per-purpose {

    display: grid !important;

    grid-template-columns:
        minmax(180px, .8fr)
        minmax(140px, .55fr)
        minmax(280px, 1.65fr) !important;

    grid-auto-flow: row !important;

    gap: 0 !important;

    margin: 18px 20px 20px !important;

    background: transparent !important;

    border:
        1px solid
        var(--dtr-border-light) !important;

    border-radius: 4px !important;

    overflow: hidden !important;
}


/* PURPOSE ROW */

#cmplz-document
.cookies-per-purpose
.purpose {

    grid-column: 1 / -1 !important;

    background: #080808 !important;

    color: var(--dtr-green) !important;

    font-family: "Bebas Neue", sans-serif !important;

    font-size: 19px !important;
    font-weight: 600 !important;

    text-transform: uppercase !important;
    letter-spacing: .5px !important;

    padding: 11px 14px !important;

    border-bottom:
        1px solid
        var(--dtr-border-light) !important;
}


/* ============================================================
   COOKIE GRID HEADERS
   ============================================================ */

#cmplz-document
.cookies-per-purpose
.name-header,

#cmplz-document
.cookies-per-purpose
.retention-header,

#cmplz-document
.cookies-per-purpose
.function-header {

    background: #151515 !important;

    color: var(--dtr-white) !important;

    font-family: "Bebas Neue", sans-serif !important;

    font-size: 17px !important;
    font-weight: 600 !important;

    text-transform: uppercase !important;

    letter-spacing: .4px !important;

    padding: 11px 14px !important;

    border-bottom:
        1px solid
        var(--dtr-border-light) !important;
}


/* DIVIDERS BETWEEN HEADER COLUMNS */

#cmplz-document
.cookies-per-purpose
.name-header,

#cmplz-document
.cookies-per-purpose
.retention-header {
    border-right:
        1px solid
        var(--dtr-border-light) !important;
}


/* ============================================================
   COOKIE VALUES
   ============================================================ */

#cmplz-document
.cookies-per-purpose
.name,

#cmplz-document
.cookies-per-purpose
.retention,

#cmplz-document
.cookies-per-purpose
.function {

    background: var(--dtr-panel) !important;

    color: #d3d3d3 !important;

    padding: 13px 14px !important;

    border-bottom:
        1px solid
        #222 !important;

    min-width: 0 !important;

    overflow-wrap: anywhere !important;
}


/* NAME COLUMN */

#cmplz-document
.cookies-per-purpose
.name {

    color: var(--dtr-white) !important;

    font-weight: 600 !important;

    border-right:
        1px solid
        var(--dtr-border) !important;
}


/* RETENTION COLUMN */

#cmplz-document
.cookies-per-purpose
.retention {

    color: #aaa !important;

    border-right:
        1px solid
        var(--dtr-border) !important;
}


/* FUNCTION COLUMN */

#cmplz-document
.cookies-per-purpose
.function {

    color: var(--dtr-text) !important;
}


/* SUBTLE HOVER */

#cmplz-document
.cookies-per-purpose
.name:hover,

#cmplz-document
.cookies-per-purpose
.retention:hover,

#cmplz-document
.cookies-per-purpose
.function:hover {

    background: #101810 !important;
}


/* ============================================================
   BUTTONS
   ============================================================ */

#cmplz-document button {
    background: var(--dtr-black) !important;

    color: var(--dtr-green) !important;

    border:
        1px solid
        var(--dtr-green) !important;

    border-radius: 3px !important;

    padding: 11px 17px !important;

    font-family: "Bebas Neue", sans-serif !important;

    font-size: 17px !important;

    text-transform: uppercase !important;
    letter-spacing: .5px !important;

    transition: all .2s ease !important;
}


#cmplz-document button:hover {
    background: var(--dtr-green) !important;

    color: var(--dtr-black) !important;
}


/* ============================================================
   MOBILE
   Turn each cookie into readable stacked data rather than
   Complianz's compressed grid.
   ============================================================ */

@media (max-width: 767px) {

    #cmplz-document {
        font-size: 15px !important;
    }


    #cmplz-document h2 {
        font-size: 28px !important;

        margin-top: 32px !important;
    }


    #cmplz-document h3 {
        font-size: 23px !important;
    }


    #cmplz-document
    .cmplz-dropdown
    summary {

        padding:
            14px
            15px !important;
    }


    #cmplz-document
    .cmplz-service-description,

    #cmplz-document
    .cmplz-sharing-data {

        padding:
            15px
            15px
            4px !important;
    }


    /*
     * Remove Complianz's squashed
     * two-column mobile grid.
     */

    #cmplz-document
    .cmplz-dropdown.cmplz-dropdown-cookiepolicy
    .cookies-per-purpose {

        display: block !important;

        margin:
            15px
            15px
            18px !important;
    }


    /*
     * Desktop headers aren't useful on
     * stacked mobile cards.
     */

    #cmplz-document
    .cookies-per-purpose
    .name-header,

    #cmplz-document
    .cookies-per-purpose
    .retention-header,

    #cmplz-document
    .cookies-per-purpose
    .function-header {

        display: none !important;
    }


    #cmplz-document
    .cookies-per-purpose
    .purpose {

        display: block !important;

        border-right: 0 !important;
    }


    #cmplz-document
    .cookies-per-purpose
    .name,

    #cmplz-document
    .cookies-per-purpose
    .retention,

    #cmplz-document
    .cookies-per-purpose
    .function {

        display: block !important;

        border-right: 0 !important;

        padding:
            11px
            13px !important;
    }


    /*
     * Mobile labels.
     */

    #cmplz-document
    .cookies-per-purpose
    .name::before {

        content: "COOKIE";
    }


    #cmplz-document
    .cookies-per-purpose
    .retention::before {

        content: "EXPIRATION";
    }


    #cmplz-document
    .cookies-per-purpose
    .function::before {

        content: "FUNCTION";
    }


    #cmplz-document
    .cookies-per-purpose
    .name::before,

    #cmplz-document
    .cookies-per-purpose
    .retention::before,

    #cmplz-document
    .cookies-per-purpose
    .function::before {

        display: block;

        margin-bottom: 4px;

        color: var(--dtr-green);

        font-family: "Bebas Neue", sans-serif;

        font-size: 13px;

        letter-spacing: .6px;
    }


    /*
     * Separate individual cookie records.
     * The function cell ends each record.
     */

    #cmplz-document
    .cookies-per-purpose
    .function {

        margin-bottom: 8px !important;

        border-bottom:
            2px solid
            var(--dtr-border-light) !important;
    }

}
body #cmplz-document a,
body #cmplz-cookies-overview a {
    color: #A7D73F !important;
}

body #cmplz-document a:hover,
body #cmplz-document a:hover *,
body #cmplz-cookies-overview a:hover,
body #cmplz-cookies-overview a:hover * {
    color: #C7EC61 !important;
}
/* =========================================================
   DTR - COMPLIANZ CONSENT SETTINGS - CORRECT SELECTORS
   ========================================================= */

/* Always active = DTR green */
#cmplz-manage-consent-container.cmplz-manage-consent-container
.cmplz-category-header
.cmplz-always-active {
    color: #A7D73F !important;
}


/* ---------------------------------------------------------
   STATISTICS / MARKETING CHECKBOXES
   Force the real checkbox to use DTR green
   --------------------------------------------------------- */

#cmplz-manage-consent-container.cmplz-manage-consent-container
.cmplz-banner-checkbox
input.cmplz-consent-checkbox {
    appearance: auto !important;
    -webkit-appearance: checkbox !important;

    accent-color: #A7D73F !important;

    width: 20px !important;
    height: 20px !important;

    margin: 0 !important;
    padding: 0 !important;

    opacity: 1 !important;
    position: static !important;

    cursor: pointer !important;
}


/*
 * Remove Complianz's additional label/switch graphic.
 * This prevents the strange black box beside the checkbox.
 */
#cmplz-manage-consent-container.cmplz-manage-consent-container
.cmplz-banner-checkbox
label.cmplz-label {
    display: none !important;
}


/* ---------------------------------------------------------
   CONSENT-SECTION CHEVRONS
   --------------------------------------------------------- */

#cmplz-manage-consent-container.cmplz-manage-consent-container
.cmplz-category-header
.cmplz-icon.cmplz-open {

    display: block !important;

    width: 25px !important;
    min-width: 25px !important;
    max-width: 25px !important;

    height: 25px !important;
    min-height: 25px !important;
    max-height: 25px !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    opacity: 1 !important;
    visibility: visible !important;

    background-color: transparent !important;

    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23A7D73F' d='M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z'/%3E%3C/svg%3E") !important;

    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 18px 18px !important;
}


/*
 * Complianz versions that include an SVG inside the icon:
 * hide it because we're supplying our own guaranteed-green icon above.
 */
#cmplz-manage-consent-container.cmplz-manage-consent-container
.cmplz-category-header
.cmplz-icon.cmplz-open svg {
    visibility: hidden !important;
}


/* Keep normal Complianz open/closed rotation */
#cmplz-manage-consent-container.cmplz-manage-consent-container
.cmplz-category[open]
.cmplz-icon.cmplz-open {
    transform: rotate(180deg) !important;
}


/* ---------------------------------------------------------
   COOKIE/SERVICE ACCORDION CHEVRONS ABOVE
   Replace Complianz image with DTR-green CSS chevron
   --------------------------------------------------------- */

#cmplz-document .cmplz-dropdown summary div::after,
#cmplz-cookies-overview .cmplz-dropdown summary div::after {

    content: "" !important;

    background: none !important;

    width: 14px !important;
    height: 14px !important;

    margin: 3px 6px !important;

    border: 0 !important;
    border-right: 4px solid #A7D73F !important;
    border-bottom: 4px solid #A7D73F !important;

    opacity: 1 !important;

    transform: rotate(45deg) !important;

    transition: transform .25s ease !important;
}


/* Open = point upwards */
#cmplz-document .cmplz-dropdown[open] summary div::after,
#cmplz-cookies-overview .cmplz-dropdown[open] summary div::after {
    transform: rotate(225deg) !important;
}
/* Consent category expander button */
#cmplz-manage-consent-container
.cmplz-category-header
.cmplz-icon.cmplz-open {
    background-color: #161616 !important;
    border: 1px solid #A7D73F !important;
    border-radius: 4px !important;
}

/* Hover */
#cmplz-manage-consent-container
.cmplz-category-header
.cmplz-icon.cmplz-open:hover {
    background-color: #A7D73F !important;
}
#cmplz-manage-consent-container
.cmplz-category-header
.cmplz-icon.cmplz-open {
    background-color: #A7D73F !important;
    border-color: #A7D73F !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Bebas Neue';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://darktrooperrecordings.co.uk/wp-content/uploads/2021/05/BebasNeue-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */