/*!
Theme Name: Sandbox - Modern & Multipurpose Bootstrap 5 Template
Theme URI:	https://sandbox.elemisthemes.com/
Version:	3.4.1
Author:		Q
*/
/*Custom Font*/
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
body{
    font-family: "Inter", sans-serif !important;
    font-optical-sizing: auto !important;
    font-style: normal !important;
}
/*Colors*/
:root{
    --q-dark-green: #254D32;
    --q-dark-green-rgb: 37, 77, 50;

    --q-green: #5E8C61;
    --q-green-rgb: 94, 140, 97;

    --q-light-green: #A3B18A;
    --q-light-green-rgb: 163, 177, 138;

    --q-sand: #DAD7CD;
    --q-sand-rgb: 218, 215, 205;

    --q-beige: #B6AD90;
    --q-beige-rgb: 182, 173, 144;

    --q-dark-gray: #3A3A3A;
    --q-dark-gray-rgb: 58, 58, 58;

    --q-white: #FAFAF5;
    --q-white-rgb: 250, 250, 245;

    --q-mint: #DCE8DC;
    --q-mint-rgb: 220, 232, 220;

    --q-dark-mint: #4e8a4e;
    --q-dark-mint-rgb: 78, 138, 78;

    --q-dark-soft-mint: #7fb17f;
    --q-dark-soft-mint-rgb: 127, 177, 127;

    --q-sand-a: #d5c0af;
    --q-sand-a-rgb: 213, 192, 175;

    --q-dark-sand-a: #4d3f38;
    --q-dark-sand-a-rgb: 77, 63, 56;

    --q-dirty-white: #f7f3f1;
    --q-dirty-white-rgb: 247, 243, 241;
}

/*Background Colors*/
.q-bg-color-dark-green {
    background-color: var(--q-dark-green);
}

.q-bg-color-green {
    background-color: var(--q-green);
}

.q-bg-color-light-green {
    background-color: var(--q-light-green);
}

.q-bg-color-sand {
    background-color: var(--q-sand);
}

.q-bg-color-beige {
    background-color: var(--q-beige);
}

.q-bg-color-dark-gray {
    background-color: var(--q-dark-gray);
}

.q-bg-color-white {
    background-color: var(--q-white);
}

.q-bg-color-mint {
    background-color: var(--q-mint);
}

.q-bg-color-dark-mint{
    background-color: var(--q-dark-mint);
}

.q-bg-color-sand-a{
    background-color: var(--q-sand-a);
}

.q-bg-color-dark-sand-a{
    background-color: var(--q-dark-sand-a);
}

.q-bg-color-dirty-white{
    background-color: var(--q-dirty-white);
}

/*Angled Dividers*/

.q-bg-color-dark-green.angled.upper-start:before {
    border-color: var(--q-dark-green);
}

.q-bg-color-dark-green.angled.lower-start:after {
    border-color: var(--q-dark-green);
}

.q-bg-color-dark-green.angled.upper-end:before {
    border-color: var(--q-dark-green);
}

.q-bg-color-dark-green.angled.lower-end:after {
    border-color: var(--q-dark-green);
}

.q-bg-color-green.angled.upper-start:before {
    border-color: var(--q-green);
}

.q-bg-color-green.angled.lower-start:after {
    border-color: var(--q-green);
}

.q-bg-color-green.angled.upper-end:before {
    border-color: var(--q-green);
}

.q-bg-color-green.angled.lower-end:after {
    border-color: var(--q-green);
}

.q-bg-color-light-green.angled.upper-start:before {
    border-color: var(--q-light-green);
}

.q-bg-color-light-green.angled.lower-start:after {
    border-color: var(--q-light-green);
}

.q-bg-color-light-green.angled.upper-end:before {
    border-color: var(--q-light-green);
}

.q-bg-color-light-green.angled.lower-end:after {
    border-color: var(--q-light-green);
}

.q-bg-color-sand.angled.upper-start:before {
    border-color: var(--q-sand);
}

.q-bg-color-sand.angled.lower-start:after {
    border-color: var(--q-sand);
}

.q-bg-color-sand.angled.upper-end:before {
    border-color: var(--q-sand);
}

.q-bg-color-sand.angled.lower-end:after {
    border-color: var(--q-sand);
}

.q-bg-color-beige.angled.upper-start:before {
    border-color: var(--q-beige);
}

.q-bg-color-beige.angled.lower-start:after {
    border-color: var(--q-beige);
}

.q-bg-color-beige.angled.upper-end:before {
    border-color: var(--q-beige);
}

.q-bg-color-beige.angled.lower-end:after {
    border-color: var(--q-beige);
}

.q-bg-color-dark-gray.angled.upper-start:before {
    border-color: var(--q-dark-gray);
}

.q-bg-color-dark-gray.angled.lower-start:after {
    border-color: var(--q-dark-gray);
}

.q-bg-color-dark-gray.angled.upper-end:before {
    border-color: var(--q-dark-gray);
}

.q-bg-color-dark-gray.angled.lower-end:after {
    border-color: var(--q-dark-gray);
}

.q-bg-color-white.angled.upper-start:before {
    border-color: var(--q-white);
}

.q-bg-color-white.angled.lower-start:after {
    border-color: var(--q-white);
}

.q-bg-color-white.angled.upper-end:before {
    border-color: var(--q-white);
}

.q-bg-color-white.angled.lower-end:after {
    border-color: var(--q-white);
}

.q-bg-color-mint.angled.upper-start:before {
    border-color: var(--q-mint);
}

.q-bg-color-mint.angled.lower-start:after {
    border-color: var(--q-mint);
}

.q-bg-color-mint.angled.upper-end:before {
    border-color: var(--q-mint);
}

.q-bg-color-mint.angled.lower-end:after {
    border-color: var(--q-mint);
}

.q-bg-color-sand-a.angled.upper-start:before {
    border-color: var(--q-sand-a);
}

.q-bg-color-sand-a.angled.lower-start:after {
    border-color: var(--q-sand-a);
}

.q-bg-color-sand-a.angled.upper-end:before {
    border-color: var(--q-sand-a);
}

.q-bg-color-sand-a.angled.lower-end:after {
    border-color: var(--q-sand-a);
}

.q-bg-color-dark-sand-a.angled.upper-start:before {
    border-color: var(--q-dark-sand-a);
}

.q-bg-color-dark-sand-a.angled.lower-start:after {
    border-color: var(--q-dark-sand-a);
}

.q-bg-color-dark-sand-a.angled.upper-end:before {
    border-color: var(--q-dark-sand-a);
}

.q-bg-color-dark-sand-a.angled.lower-end:after {
    border-color: var(--q-dark-sand-a);
}

.q-bg-color-dark-dirty-white.angled.upper-start:before {
    border-color: var(--q-dirty-white);
}

.q-bg-color-dark-dirty-white.angled.lower-start:after {
    border-color: var(--q-dirty-white);
}

.q-bg-color-dark-dirty-white.angled.upper-end:before {
    border-color: var(--q-dirty-white);
}

.q-bg-color-dark-dirty-white.angled.lower-end:after {
    border-color: var(--q-dirty-white);
}

/*Font Colors*/
.q-font-color-dark-green {
    color: var(--q-dark-green);
}

.q-font-color-green {
    color: var(--q-green);
}

.q-font-color-light-green {
    color: var(--q-light-green);
}

.q-font-color-sand {
    color: var(--q-sand);
}

.q-font-color-beige {
    color: var(--q-beige);
}

.q-font-color-dark-gray {
    color: var(--q-dark-gray);
}

.q-font-color-mint {
    color: var(--q-mint);
}

.q-font-color-dark-mint {
    color: var(--q-dark-mint);
}

.q-font-color-dark-sand{
    color: var(--q-dark-sand-a);
}

/*Fonts Weight*/

.font-100 {
    font-weight: 100 !important;
}

.font-200 {
    font-weight: 200 !important;
}

.font-300 {
    font-weight: 300 !important;
}

.font-400 {
    font-weight: 400 !important;
}

.font-500 {
    font-weight: 500 !important;
}

.font-600 {
    font-weight: 600 !important;
}

.font-700 {
    font-weight: 700 !important;
}

.font-800 {
    font-weight: 800 !important;
    letter-spacing: 1px;
}

/*Buttons*/

.btn{
    font-weight: 500;
}

.btn.q-bg-color-dark-sand{
    background-color: var(--q-dark-sand-a);
    color: var(--q-white);
}

/*Icon List*/

.icon-list.bullet-mint.bullet-bg i{
    background-color: var(--q-mint);
    color: var(--q-dark-mint);
}

.icon-list.bullet-mint-colored.bullet-bg i{
    background-color: var(--q-white);
    color: var(--q-dark-mint);
}

.icon.btn.q-bg-color-mint i{
    color: var(--q-dark-mint);
}

.icon.q-color-mint i{
    color: var(--q-dark-mint);
}

.icon-list.bullet-dark-sand.bullet-bg i{
    background-color: var(--q-sand);
    color: var(--q-dark-sand-a);
}

.icon.btn.q-bg-color-sand i{
    color: var(--q-dark-sand-a);
}


/*Avatar*/

.avatar.q-bg-color-mint{
    background-color: var(--q-mint);
}

.avatar.q-bg-color-mint span{
    color: var(--q-dark-mint);
}

.avatar.q-bg-color-sand{
    background-color: var(--q-sand);
}

.avatar.q-bg-color-sand span{
    color: var(--q-dark-sand-a);
}

/*Shapes*/

.shape.bg-line.q-bg-shape-color-mint.rellax{
    background: repeating-linear-gradient(-55deg, rgba(var(--bs-white-rgb), 0) 0.8px, var(--q-dark-soft-mint-rgb) 1.6px, var(--q-dark-soft-mint-rgb) 3px, rgba(var(--bs-white-rgb), 0) 3.8px, rgba(var(--bs-white-rgb), 0) 10px);
}

.shape.bg-line.q-bg-shape-color-dark-sand.rellax{
    background: repeating-linear-gradient(-55deg, rgba(var(--bs-white-rgb), 0) 0.8px, var(--q-dark-sand-a) 1.6px, var(--q-dark-sand-a) 3px, rgba(var(--bs-white-rgb), 0) 3.8px, rgba(var(--bs-white-rgb), 0) 10px);
}

.shape.bg-line.q-bg-shape-color-dark-mint.rellax{
    background: repeating-linear-gradient(-55deg, rgba(var(--bs-white-rgb), 0) 0.8px, var(--q-dark-mint) 1.6px, var(--q-dark-mint) 3px, rgba(var(--bs-white-rgb), 0) 3.8px, rgba(var(--bs-white-rgb), 0) 10px);
}

.shape.rounded-circle.q-bg-shape-color-mint{
    background-color: var(--q-mint);
}

.shape.rounded-circle.q-bg-shape-color-dark-sand{
    background-color: var(--q-dark-sand-a);
}

.shape.bg-dot.q-bg-shape-color-mint{
    background-image: radial-gradient(var(--q-dark-mint) 2px, transparent 2.5px);
}

.shape.bg-dot.q-bg-shape-color-dark-sand{
    background-image: radial-gradient(var(--q-dark-sand-a) 2px, transparent 2.5px);
}

/*Headings*/

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
    color: var(--q-dark-gray) !important;
}

/*Body*/

body{
    color: var(--q-dark-gray) !important;
}

/*Header*/
header ul.navbar-nav a.nav-link:hover,
header ul.navbar-nav ul.dropdown-menu a.dropdown-item:hover,
nav.navbar.navbar-clone.fixed ul.navbar-nav a.nav-link:hover,
nav.navbar.navbar-clone.fixed ul.navbar-nav ul.dropdown-menu a.dropdown-item:hover{
    color: var(--q-dark-sand-a) !important;
}

header ul.navbar-nav a.nav-link:focus,
header ul.navbar-nav ul.dropdown-menu a.dropdown-item:focus,
nav.navbar.navbar-clone.fixed ul.navbar-nav a.nav-link:focus,
nav.navbar.navbar-clone.fixed ul.navbar-nav ul.dropdown-menu a.dropdown-item:focus{
    color: var(--q-dark-gray); !important;
}

header .dropdown-toggle:after,
nav.navbar.navbar-clone.fixed .dropdown-toggle:after{
    color: var(--q-dark-sand-a) !important;
}

header nav.social a.link-social,
nav.navbar.navbar-clone.fixed a.link-social{
    color: var(--q-dark-gray);
}

header nav.social a.link-social:hover i,
nav.navbar.navbar-clone.fixed nav.social a.link-social:hover i{
    color: var(--q-dark-sand-a) !important;
}

/*Footer*/

footer ul.list-unstyled li a{
    font-weight: 400;
    color: var(--q-dark-gray);
}

footer ul.list-unstyled li a:hover{
    color: var(--q-dark-sand-a) !important;
}

footer nav.social a i{
    color: var(--q-dark-sand-a) !important;
}

/*Jump To Top*/
.progress-wrap:after{
    color: var(--q-dark-sand-a) !important;
}
.progress-wrap svg.progress-circle path{
    stroke: var(--q-dark-sand-a) !important;
}

/*Text Selection*/
::selection {
    background-color: var(--q-dark-gray) !important;
    color: white;
}