@charset "utf-8";
@font-face {
    font-family: 'bree_serifregular';
    src: url('../fonts/breeserif-regular-webfont.woff2') format('woff2'), url('../fonts/breeserif-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
:root {
    --color-white: #fff;
    --color-black: #000;
    --color-danger: #f2453e;
    --color-success: #50ae55;
    --color-info: #2c98f0;
    --color-ndtv-red: #EE0000;
    --color-warning: #fd9827;
    --color-transparent: rgba(0, 0, 0, 0);
    --color-theme-1: #f7a554;
    --color-theme-2: #ffdf09;
    --color-theme-3: #ffedce;
    --box-shadow-1: 0px 0px 4px rgba(0, 0, 0, 0.25);
    --box-shadow-hover: 0px 0px 14px rgba(0, 0, 0, 0.25);
    --box-shadow-none: 0px 0px 0px rgba(0, 0, 0, 0);
    --transition-all: all 0.2s ease-in;
    --font-theme-1: 'bree_serifregular';
    --font-theme-2: 'bree_serifregular';
    --font-thin: 100;
    --font-extralight: 200;
    --font-light: 300;
    --font-regular: 400;
    --font-medium: 500;
    --font-semibold: 600;
    --font-bold: 700;
    --font-extrabold: 800;
    --font-black: 900;
    /**/

    --btn-shadow: 1px 1px 25px 10px rgba(255, 223, 9, 0.5);
    --btn-shadow-1: 1px 1px 15px 5px rgba(255, 223, 9, 0.5);
    --btn-text-color: #f4f4f4;
    --shine-degree: 120deg;
    --shine-color: rgba(255, 255, 255, 0.5);
    --shine-effect: linear-gradient(var(--shine-degree), transparent, var(--shine-color), transparent);
    --shine-transition: all 0.65s ease-in-out;
}