@charset "UTF-8";
/* CSS Document */

/* Custom css below this line */

/*
fce5bb moccasin
fcecd3 paper
f4c256 mustard
a8b9af blue
f9ad97 salmon
c4ba89 olive
c9a75b gold

/* Customize the scrollbars */
* {
    scrollbar-color: rgba(0,0,0,0.5);
}
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-button {
    background: rgba(0,0,0,0.8);
    display: none;
}
::-webkit-scrollbar-track {
  background: #e5e5e5;
}
::-webkit-scrollbar-thumb {
  background-color: rgba(0,0,0,0.2);
  border-radius: 20px;
  border: 0 solid #111111;
}

/* Links */
a {
    color: inherit;
}
a:hover {
    text-decoration: none;
    color: #929292;
}
/* Use to hide recaptcha mark
.grecaptcha-badge {
    visibility: hidden;
}
*/

/* Nav-bar */
.navbar-brand img {
    max-height: 50px;
}
.nav-link {
    color: inherit;
}
.nav-link:hover {
    color: #7f7f7f;
}

/* Titles & Fonts */
body {
    font-family: "Cutive", serif;
    font-weight: 400;
    font-style: normal;
}
.font-one {
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-variation-settings: "wdth" 100;
}
p {
    line-height: 2rem;
}

/* Forms */
.message-box {
    height: 150px !important;
}

/* Main Color */
.bg-one {
    background-color: #fcecd3;
}
.btn-one {
    background-color: #fcecd3;
    border: 1px solid #000000;
    color: #000000;
}
.btn-one:hover {
    background-color: #1a1a1a;
    color: #ffffff;
}

/* Accent Colors */
.bg-two {
    background-color: #fce5bb;
}
.btn-two {
    background-color: #fce5bb;
    border: 1px solid #000000;
    color: #000000;
}
.btn-two:hover {
    background-color: #1a1a1a;
    color: #ffffff;
}
.bg-three {
    background-color: #f4c256;
}
.btn-three {
    background-color: #f4c256;
    border: 1px solid #000000;
    color: #000000;
}
.btn-three:hover {
    background-color: #1a1a1a;
    color: #ffffff;
}
.bg-four {
    background-color: #a8b9af;
}
.btn-four {
    background-color: #a8b9af;
    border: 1px solid #000000;
    color: #000000;
}
.btn-four:hover {
    background-color: #1a1a1a;
    color: #ffffff;
}
.bg-five {
    background-color: #f9ad97;
}
.btn-five {
    background-color: #f9ad97;
    border: 1px solid #000000;
    color: #000000;
}
.btn-five:hover {
    background-color: #1a1a1a;
    color: #ffffff;
}
.bg-six {
    background-color: #c4ba89;
}
.btn-six {
    background-color: #c4ba89;
    border: 1px solid #000000;
    color: #000000;
}
.btn-six:hover {
    background-color: #1a1a1a;
    color: #ffffff;
}
.bg-seven {
    background-color: #c9a75b;
}
.btn-seven {
    background-color: #c9a75b;
    border: 1px solid #000000;
    color: #000000;
}
.btn-seven:hover {
    background-color: #1a1a1a;
    color: #ffffff;
}


/* Backgrounds */
.bg-header {
    background-image: url('../../images/bg-header.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.bg-video {
    object-fit: cover;
}
.hover-text {
    opacity: 0;
    color: #ffffff;
}
.hover-text:hover {
    opacity: 1;
    background-color: rgba(0,0,0,0.5);
}
.bg-photo {
    background-size: cover !important;
    background-position: center center !important;
    padding-top: 100%;
    width: 100%;
}


/* Styling for special screen sizes */

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
    .bg-menu {
        background-color: #fcecd3;
    }
}
/* Small Devices, Tablets */
@media only screen and (min-width : 576px) {

}
/* Medium Devices, Tablets */
@media only screen and (min-width : 768px) {

}
/* Large Devices, Desktops */
@media only screen and (min-width : 992px) {
    .sidebar-dashboard {
        min-height: calc(100vh - 2.3rem);
    }
    .bg-menu {
        background-color: transparent;
    }
}
/* Extra Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}