/* UTILITIES (Bootstrap 4.2 + custom styles)
---------------------------------------------------------------------------- */


/* Hidden
---------------------------------------------------------------------------- */

.svb-hidden {
    display: none !important;
}

/* Float
---------------------------------------------------------------------------- */

.svb-float-left {
    float: left !important;
}

.svb-float-right {
    float: right !important;
}

.svb-float-none {
    float: none !important;
}

/* Screen readers
---------------------------------------------------------------------------- */

.svb-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
  
.svb-sr-only-focusable:active, 
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal;
}


.svb-visually-hidden,
.svb-visually-hidden-focusable:not(:focus) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* Sizing
---------------------------------------------------------------------------- */
.svb-h-100 {
    height: 100% !important;
}


/* Text
---------------------------------------------------------------------------- */

.svb-text-wrap {
    white-space: normal !important;
}

.svb-text-nowrap {
    white-space: nowrap !important;
}

.svb-text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.svb-text-left {
    text-align: left !important;
}

.svb-text-right {
    text-align: right !important;
}

.svb-text-center {
    text-align: center !important;
}

@media (min-width: 576px) {
    .svb-text-sm-left {
        text-align: left !important;
    }
    .svb-text-sm-right {
        text-align: right !important;
    }
    .svb-text-sm-center {
        text-align: center !important;
    }
}

@media (min-width: 768px) {
    .svb-text-md-left {
        text-align: left !important;
    }
    .svb-text-md-right {
        text-align: right !important;
    }
    .svb-text-md-center {
        text-align: center !important;
    }
}

@media (min-width: 992px) {
    .svb-text-lg-left {
        text-align: left !important;
    }
    .svb-text-lg-right {
        text-align: right !important;
    }
    .svb-text-lg-center {
        text-align: center !important;
    }
}

@media (min-width: 1200px) {
    .svb-text-xl-left {
        text-align: left !important;
    }
    .svb-text-xl-right {
        text-align: right !important;
    }
    .svb-text-xl-center {
        text-align: center !important;
    }
}

.svb-text-lowercase {
    text-transform: lowercase !important;
}

.svb-text-uppercase {
    text-transform: uppercase !important;
}

.svb-text-capitalize {
    text-transform: capitalize !important;
}

/* Small devices (phones, 576px and up) */
@media (min-width: 576px) {}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {}


/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { }

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) { }

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) { }

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) { }

/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) { }