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

/* Clickable Block Link
---------------------------------------------------------------------------- */

.cdfn-clickable-container.cdfn-clickable {
    cursor: pointer;
}

.cdfn-clickable-container.cdfn-multiple-links {
    cursor: auto;
}

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

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

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

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

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

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

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

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


.cdfn-visually-hidden,
.cdfn-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
---------------------------------------------------------------------------- */
.cdfn-h-100 {
    height: 100% !important;
}


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

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

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

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

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

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

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

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

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

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

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

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

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

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