/******************************
 ** 2. Utility functions
 *******************************/

.text-xs { font-size: 0.75rem; /* 12px */
    line-height: 1rem; /* 16px */ }
.text-sm { font-size: 0.875rem; /* 14px */ line-height: 1.25rem; /* 20px */}
.text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ }
.text-xl { font-size: 1.25rem; /* 20px */ line-height: 1.75rem; /* 28px */ }

.text-white { color: #fff; }
.link-text-white a { color: #fff; }
.link-text-white a:hover { color: #fff; }
a.text-white:hover { color: #fff; }
.text-blue-400 { color: #60a5fa; }
.text-blue-500 { color: #3b82f6; }

[class^='line-clamp-'] {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.line-clamp-2 { -webkit-line-clamp: 2; }
.line-clamp-5 { -webkit-line-clamp: 5; }
.line-clamp-6 { -webkit-line-clamp: 6; max-height: 144px; overflow: hidden; }

.h-12 { height: 3rem; /* 48px */ }
.h-16 { height: 4rem; /* 64px */ }

.min-h-50 { min-height: 50%; }
.min-h-360 { min-height: 360px; }
.max-w-400 { max-width: 400px; }

.relative { position: relative; }
.absolute { position: absolute; }
.pos-0 { top: 0; bottom: 0; left: 0; right: 0; }
.bottom-0 { bottom: 0; }
.flex { display: flex; }
.flex-col { flex-direction: column; }
.grow { flex-grow: 1; }
.justify-between { justify-content: space-between; }
.opacity-70 { opacity: 70; }
.valign-middle { vertical-align: middle; }
/******************************
 ** 3. Layout
 *******************************/

.bg-arrow {
    background-image: url(../images/UKB_Glyphe_weiss72x150.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.home-news  .slick-prev, .home-news .slick-next {
    top: 100px;
}

.news-expand:hover {
    background: rgba(240, 240, 240, 0.2);
}
.align_left, .align_right, .align_center {
    display: block;
    float: none;
    margin: 1em auto;
    max-width: 100%;
}

/******************************
 ** 5. RESPONSIVE MEDIA QUERIES
 *******************************/


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

}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .grow-md { flex-grow: 1; }

    .home-news  .slick-prev, .home-news .slick-next {
        top: 50%;
    }

    .align_left {
        float: left;
        margin: 0 1em 0.5em 0;
        position: relative;
        top: 0.5em;
        max-width: 50%;
    }
    .align_right {
        float: right !important;
        margin: 0 0 0.5em 1em;
        max-width: 50%;
    }

    .news-inner {
        height: auto;
    }
    .newscontent {
        position: absolute;
        width: 560px;
        bottom: 0;
        height: auto;
    }

    .ukb-med-icons {
        order: 2;
        position: relative;
        top: 13px;
        right: 20px;
    }
}

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

    .Responavigation .slinky-menu {
        /*position: absolute;*/
        /*height: auto !important;*/
    }

}

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

/* Wide-Screens (1920 px and up */
@media only screen and (min-width: 1921px) {

    .boxgrey {
        min-width: 32% !important;
    }

    .bgimg {
        width: 100%;
    }
}