@import "/assets/bootstrap/css/bootstrap.min.css";
@import "/assets/bootstrap/theme.css";
@import "/assets/plugins/font-awesome/css/font-awesome.min.css";
@import "/assets/plugins/owl-carousel/assets/owl.carousel.min.css";

/* Add Viewport Meta Tag */
@viewport {
    width: device-width;
    zoom: 1.0;
  }
/* Example */
.element {
    width: 100%; /* Use percentage for fluid width */
    max-width: 100%; /* Make sure the element doesn't exceed its container */
  }

/* ------------------------------------- font colors ------------------------------- dev --- */
.fc-a {
    color: #e04216;
}

.fc-b {
    color: #e16939;
}

.fc-c {
    color: #f7fafc;
}

.fc-d {
    color: #ffffff;
}

.fc-e, a.fc-e:hover, a.fc-e:active, a.fc-e:focus {
    color: #f1f1f1;
}

.fc-f {
    color: #eee;
}

.fc-g {
    color: #444;
}

.fc-h {
    color: rgba(255, 255, 0, 1);
}

.fc-i {
    color: #000000;
}

/* ------------------------------------- backgrounds ------------------------------- dev --- */
.bg-a {
    background-color: #064677;
    color: #ffffff;
}

.bg-b {
    background-color: #337ab7;
    color: #ffffff;
}

.bg-c {
    background-color: #f7fafc;
}

.bg-d {
    background-color: #ffffff;
    color: #444;
}

.bg-e {
    background-color: #f1f1f1;
    color: #000000;
}

.bg-f {
    background-color: #f3f3f3;
    color: #444;
}

.bg-g {
    background-color: #444;
    color: #fff;
}

.bg-h {
    background-color: rgba(255, 255, 0, 0.4) !important;
    color: #1e1e1e;
}

.bg-i {
    background-color: #1e1e1e;
    color: #ffffff;
}

.bg-j {
    background-color: #f7fafc;
    color: #444;
}
/* ------------------------------------- separators ------------------------------- dev --- */
.no-margin {
    margin: 0px !important;
}

.no-padding {
    padding: 0px !important;
}

.no-border {
    border: 0px !important;
}

/* --- left --- */
.sep-l0 {
    margin-left: 0px;
}

.sep-l5 {
    margin-left: 5px;
}

.sep-l10 {
    margin-left: 10px;
}

.sep-l15 {
    margin-left: 15px;
}

.sep-l20 {
    margin-left: 20px;
}

.sep-l25 {
    margin-left: 25px;
}

.sep-l30 {
    margin-left: 30px;
}

/* --- right --- */
.sep-r0 {
    margin-right: 0px;
}

.sep-r5 {
    margin-right: 5px;
}

.sep-r10 {
    margin-right: 10px;
}

.sep-r15 {
    margin-right: 15px;
}

.sep-r20 {
    margin-right: 20px;
}

.sep-r25 {
    margin-right: 25px;
}

.sep-r30 {
    margin-right: 30px;
}

/* --- top --- */
.sep-0 {
    margin-top: 0px;
}

.sep-3 {
    margin-top: 3px;
}

.sep-5 {
    margin-top: 5px;
}

.sep-10 {
    margin-top: 10px;
}

.sep-15 {
    margin-top: 15px;
}

.sep-20 {
    margin-top: 20px;
}

.sep-25 {
    margin-top: 25px;
}

.sep-30 {
    margin-top: 30px;
}

/* --- inside --- */
.sep-i3 {
    padding: 3px;
}

.sep-i5 {
    padding: 5px;
}

.sep-i10 {
    padding: 10px;
}

.sep-i15 {
    padding: 15px;
}

.sep-i20 {
    padding: 20px;
}

.sep-i25 {
    padding: 25px;
}

.sep-i30 {
    padding: 30px;
}

/* Example Media Query for screens up to 768px */
@media (max-width: 768px) {
    /* Add mobile styles here */
  }