/* reset css default settings */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

i {
    cursor: pointer !important;
}

/* variables used accross all pages */
:root {
    --cart_prod_size: 350px;
    --separators-color: #eee;

    --ltn__primary-color: #071c1f;
    --ltn__primary-color-2: #041113;
    --ltn__primary-color-3: #133236;
    --ltn__secondary-color: #f8796c;
    --ltn__secondary-color-2: #cb3421;
    --ltn__secondary-color-3: #fb412a;
    --ltn__heading-color: #071c1f;
    --ltn__paragraph-color: #071c1f;
    --ltn-font-family: "Roboto", sans-serif;
    --ltn__color-1: #8cb2b2;
    --ltn__color-2: #acd2d8;
    --ltn__color-3: #a3bcc0;
    --ltn__color-4: #84a2a6;
    --gradient-color-1: linear-gradient(90deg, rgba(242, 139, 194, 1) 0%, rgba(216, 177, 242, 1) 50%);
    --gradient-color-2: linear-gradient(to top, rgba(7, 28, 31, 0) 0%, rgba(7, 28, 31, 1) 90%);
    --gradient-color-3: linear-gradient(to bottom, rgba(7, 28, 31, 0) 0%, rgba(7, 28, 31, 1) 90%);
    --gradient-color-4: linear-gradient(to top, rgba(242, 246, 247, 0) 0%, rgba(242, 246, 247, 1) 90%);
    --section-bg-1: #f2f6f7;
    --section-bg-2: #071c1f;
    --border-color-1: #e5eaee;
    --border-color-2: #1e2021;
    --border-color-3: #576466;
    --border-color-4: #eb6954;
    --border-color-5: #bc3928;
    --border-color-6: #103034;
    --border-color-7: #d1dae0;
    --border-color-8: #f6f6f6;
    --border-color-9: #e4ecf2;
    --border-color-10: #ebeeee;
    --border-color-11: #ededed;
    --border-color-12: #e1e6ff;
    --ltn__box-shadow-1: 0 16px 32px 0 rgba(7, 28, 31, 0.1);
    --ltn__box-shadow-2: 0 0 4px rgba(0, 0, 0, 0.1);
    --ltn__box-shadow-3: 0 1px 6px 0 rgba(32, 33, 36, 0.28);
    --ltn__box-shadow-4: 0 5px 20px 0 rgba(23, 44, 82, 0.1);
    --ltn__box-shadow-5: 0 8px 16px 0 rgba(93, 93, 93, 0.1);
    --ltn__box-shadow-6: 0 0 25px 2px rgba(93, 93, 93, 0.2);
    --black: #000000;
    --black-2: #22355b;
    --white: #fff;
    --white-2: #f2f6f7;
    --white-3: #e8edee;
    --white-4: #e6ecf0;
    --white-5: #f0f4f7;
    --white-6: #f1f1f1;
    --white-7: #f7f7f7;
    --white-8: #fafafa;
    --white-9: #f2f7fa;
    --red: #ff0000;
    --red-2: #f34f3f;
    --red-3: #db483b;
    --silver: #c0c0c0;
    --gray: #808080;
    --maroon: #800000;
    --yellow: #ffff00;
    --olive: #808000;
    --lime: #00ff00;
    --green: #008000;
    --aqua: #00ffff;
    --teal: #008080;
    --blue: #0000ff;
    --navy: #000080;
    --fuchsia: #ff00ff;
    --purple: #800080;
    --pink: #ffc0cb;
    --nude: #ebc8b2;
    --orange: #ffa500;
    --ratings: #ffb800;
    --facebook: #365493;
    --twitter: #3cf;
    --linkedin: #0077b5;
    --pinterest: #c8232c;
    --dribbble: #ea4c89;
    --behance: #131418;
    --google-plus: #dd4b39;
    --instagram: #e4405f;
    --vk: #3b5998;
    --wechat: #7bb32e;
    --youtube: #cb2027;
    --email: #f89a1e;
}

/* class adds border to element for testing purposes */
.bor {
    border: 1px solid crimson !important;
}

.dropdown-menu li a:hover {
    color: var(--ltn__secondary-color);
    background-color: transparent;
}

.accordion-button:focus {
    border: none !important;
}

.accordion-button:not(.collapsed) {
    background-color: var(--ltn__primary-color) !important;
    border-radius: 0% !important;
    -webkit-border-radius: 0% !important;
    -moz-border-radius: 0% !important;
    -ms-border-radius: 0% !important;
    -o-border-radius: 0% !important;
}
.accordion-button:not(.collapsed) h3,
.accordion-button:not(.collapsed) h5 {
    color: white !important;
}

#create-acc-link {
    color: var(--ltn__secondary-color) !important;
}