/* General */

body {
    font-weight: 300;
    font-size: var(--15px);
    font-family: var(--theme-font-family), sans-serif;
}

b, strong {
    font-weight: 500;
}

a, a:hover {
    text-decoration: none;
}

pre.debug {
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    max-width: 100%;
    width: 100%;
    margin: 0;
    background: #fff;
    color: #000;
    &.max-height {
        max-height: 800px;
        overflow: auto;
    }
}







/* Root */

:root {




    --theme-black: #000000;
    --theme-white: #ffffff;
    --theme-grayish: #d9d9d9;
    --theme-grayer: #999;
    --theme-gray: #888;
    --theme-graying: #666;
    --theme-darkgray: #404040;




    --theme-darker: #191919;
    --hover-dark: #202020;
    --theme-dark: #303030;
    --theme-dark-holder: #606060;

    --theme-lighter: #f7f7f7;
    --theme-light: #ededed;
    --hover-light: #e0e0e0;


    /* Theme Colours */


    --theme-basic-color: #efefef;
    --theme-basic-hover: #e4e4e4;
    --theme-basic-darker: #e4e4e4;
    --theme-basic-text: #636363;


    --theme-primary-color: #00429e; /* #002D9C; */
    --theme-primary-hover: #064fb4; /* #335FE4; */
    --theme-primary-darker: #033477;
    --theme-primary-lighter: #1762ca;
    --theme-primary-text: #fff;


    --theme-secondary-color: #00b67a;
    --theme-secondary-hover: #08996a;
    --theme-secondary-darker: #005128;
    --theme-secondary-lighter: #19cc91;
    --theme-secondary-text: #fff;


    --theme-tertiary-color: #EB6200;
    --theme-tertiary-hover: #d8531e;
    --theme-tertiary-darker: #d8531e;
    --theme-tertiary-lighter: #f36d37;
    --theme-tertiary-text: #fff;





    --theme-info-color: #00429e;
    --theme-info-hover: #064fb4;
    --theme-info-darker: #033477;
    --theme-info-lighter: #1762ca;
    --theme-info-text: #fff;


    --theme-positive-border: #00aa1f;
    --theme-positive-hint: #008818;
    --theme-positive-color: #00b67a;
    --theme-positive-hover: #08996a;
    --theme-positive-darker: #005128;
    --theme-positive-text: #fff;


    --theme-negative-border: #cc0000;
    --theme-negative-hint: #b60000;
    --theme-negative-color: #b60000;
    --theme-negative-hover: #990908;
    --theme-negative-darker: #51001a;
    --theme-negative-text: #fff;


    --theme-warning-border: #EB6200;
    --theme-warning-hint: #EB6200;
    --theme-warning-color: #EB6200;
    --theme-warning-hover: #d8531e;
    --theme-warning-darker: #d8531e;
    --theme-warning-text: #fff;








    --theme-shadow-border: #efefef;
    --theme-shadow-color: rgba(152, 152, 152, .125);



    --theme-input-font-family: var(--theme-font-family, 'Helvetica Neue'), sans-serif; );
    --theme-input-font-size: var(--14px, 14px );
    --theme-input-line-height: var(--18px, 18px );
    --theme-input-font-weight: 300;
    --theme-input-padding: 8px 10px;
    --theme-input-border-width: 2px;
    --theme-input-border-radius: 4px;
    --theme-input-border-color: var(--theme-grayish, #d9d9d9);
    --theme-input-border-focus: var(--theme-gray, #888);
    --theme-input-outline-color: #005bda;
    --theme-input-placeholder-opacity: 0.3;


    /*--theme-label-font-family: var(--theme-font-family, 'Helvetica Neue'), sans-serif; );*/
    /*--theme-label-font-size: var(--14px, 14px );*/
    /*--theme-label-line-height: var(--18px, 18px);*/
    /*--theme-label-font-weight: 400;*/


    --theme-label-font-family: 'Titillium Web', var(--theme-font-family, 'Helvetica'), sans-serif; );
    --theme-label-font-size: var(--14px, 14px );
    --theme-label-line-height: var(--18px, 18px);
    --theme-label-font-weight: 600;



    --theme-dropdown-color: var(--theme-black, #000);
    --theme-dropdown-background: var(--theme-white, #fff);
    --theme-dropdown-border-color: var(--theme-grayish, #d9d9d9);
    --theme-dropdown-box-shadow: 0 8px 12px var(--theme-shadow-color, rgba(152, 152, 152, .125));
    --theme-dropdown-border-radius: 6px;



    --theme-tooltip-color: var(--theme-darkgray, #404040);




    --announcement-speed: 20s;
    --announcement-delay: 1s;




    --alert-color: #000;
    --alert-background-color: #ffffff;
    --alert-border-color: #efefef;
    --alert-border-radius: 6px;


    --alert-info-color: #005065;
    --alert-info-background-color: #d9edf7;
    --alert-info-border-color: #c1dde9;

    --alert-positive-color: #00570f;
    --alert-positive-background-color: #dff0d8;
    --alert-positive-border-color: #cfe0c6;

    --alert-negative-color: #820000;
    --alert-negative-background-color: #ffe2e4;
    --alert-negative-border-color: #f1ccd0;

    --alert-warning-color: #644500;
    --alert-warning-background-color: #f9f0ca;
    --alert-warning-border-color: #e7ddb2;




}






:root {


    --theme-license-font-family: "Europlate", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --theme-font-family: "Lexend", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --theme-logo-height: 40px;


    --theme-header-bar-height: 32px;
    --theme-header-bar-color: var(--theme-white, #fff);
    --theme-header-bar-background: var(--theme-black, #000);


    --theme-header-bar-optional-color: var(--theme-black, #000);
    --theme-header-bar-optional-background: var(--theme-white, #fff);


    --theme-header-height: 80px;
    --theme-header-color: var(--theme-primary-text, #000);
    --theme-header-background: var(--theme-primary-color, #fff);
    --theme-header-height-total: calc( var(--theme-header-height, 80px) + var(--theme-header-bar-height, 32px) );


    --theme-footer-color: var(--theme-primary-text, #000);
    --theme-footer-background: var(--theme-primary-color, #fff);






}





:root {

    --trust-font-family: "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
    --trust-font-weight: 400;
    --trust-font-bold: 500;
    --trust-font-size: 14px;

    --trust-theme-color: #00b67a;
    --trust-theme-accent: #005128;
    --trust-black-color: #000;
    --trust-grey-color: #6a6a67;
    --trust-empty-color: #dcdce6;

    --trust-stars-width: 112px;
    --trust-stars-height: 21px;
    --trust-stars-scale: 1;

}



/* Containers */

:root {
    --container-size: 100%;
    /*--container-size-sm: 500px;*/
    /*--container-size-md: 680px;*/
    /*--container-size-lg: 920px;*/
    /*--container-size-xl: 1100px;*/
    /*--container-size-xxl: 1300px;*/

    --container-size-sm: 540px;
    --container-size-md: 720px;
    --container-size-lg: 960px;
    --container-size-xl: 1140px;
    --container-size-xxl: 1340px;
}
@media all and (min-width: 576px) and (max-width: 767px) { :root { --container-size: var(--container-size-sm); } }
@media all and (min-width: 768px) and (max-width: 991px) { :root { --container-size: var(--container-size-md); } }
@media all and (min-width: 992px) and (max-width: 1199px) { :root { --container-size: var(--container-size-lg); } }
@media all and (min-width: 1200px) and (max-width: 1399px) { :root { --container-size: var(--container-size-xl); } }
@media all and (min-width: 1400px) { :root { --container-size: var(--container-size-xxl); } }

:root {

    --transition-duration: 150ms;
    --transition-timing-function: linear;
    --transition: var(--transition-duration) var(--transition-timing-function);

    --container-xs: 100%;
    --container-sm: 540px;
    --container-md: 720px;
    --container-lg: 960px;
    --container-xl: 1140px;
    --container-xxl: 1340px;
    --container-aside: calc((100vw - var(--container-size)) / 2);
    --container-padding: 15px;
    --container-row: 15px;

    --48px: 3rem;
    --40px: 2.5rem;
    --32px: 2rem;
    --24px: 1.5rem;
    --22px: 1.375rem;
    --20px: 1.25rem;
    --18px: 1.125rem;
    --17px: 1.0625rem;
    --16px: 1.0rem;
    --15px: 0.9375rem;
    --14px: 0.875rem;
    --13px: 0.8125rem;
    --12px: 0.75rem;
    --11px: 0.6875rem;
    --10px: 0.625rem;
    --9px: 0.5625rem;
    --8px: 0.5rem;

    --size-mini: 5px;
    --size-tiny: 10px;
    --size-small: 25px;
    --size-medium: 40px;
    --size-normal: 75px;
    --size-large: 100px;
    --size-huge: 150px;

}




/* Fonts */

:root {


    --title-h1: 2rem;
    --title-h2: 1.875rem;
    --title-h3: 1.625rem;
    --title-h4: 1.5rem;
    --title-h5: 1.375rem;
    --title-h6: 1.25rem;


    --font-size-compact: 0.8125rem;
    --font-size-regular: 1em;
    --font-size-medium: 1em;
    --font-size-large: 1.0625em;
    --font-size-larger: 1.1em;
    --font-size-enhanced: 1.15em;


    --offset-article: 30px;
    --offset-article-wrap: 50px;
    --offset-article-actions: 30px;
    --offset-article-line: 15px;
    --offset-article-card: 60px;
    --offset-article-gap: 30px;


    --partner-logo-width: 64px;
    --partner-logo-height: 44px;
    --partner-logo-background: #fff;


}

@media all and (max-width: 1199px) {
    :root {



    }
}

@media all and (max-width: 991px) {
    :root {



    }
}

@media all and (max-width: 767px) {
    :root {

        --size-medium: 30px;
        --size-normal: 50px;
        --size-large: 75px;
        --size-huge: 100px;


        /*--title-h1: 1.875rem;*/
        /*--title-h2: 1.75rem;*/
        /*--title-h3: 1.625rem;*/


        /*--font-size-large: 1.0625em;*/
        /*--font-size-larger: 1.1em;*/
        /*--font-size-enhanced: 1.125em;*/


    }
}

@media all and (max-width: 575px) {
    :root {


        --size-medium: 30px;
        --size-normal: 35px;
        --size-large: 50px;
        --size-huge: 75px;


        --title-h1: 1.625rem;
        --title-h2: 1.5rem;
        --title-h3: 1.375rem;
        --title-h4: 1.25rem;
        --title-h5: 1.125rem;
        --title-h6: 1.125rem;


        --font-size-large: 0.9375rem;


        --offset-article: 30px;
        --offset-article-wrap: 35px;


    }
}


@media all and (max-width: 400px) {
    :root {



    }
}