/*
    Custom styles

    Copyright (c) 2024 Xsam Technologies and/or its affiliates. All rights reserved.
*/
/********** Typographie **********/
textarea {
    resize: none!important;
}

pre {
    font-family: inherit!important;
    font-size: inherit!important;
    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

/********** jQuery Ellipsis **********/
.ellip {
    display: block;
    height: 100%;
    transition: .3s;
}

.ellip-line {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    max-width: 100%;
}

.ellip,
.ellip-line {
    position: relative;
    overflow: hidden;
}

/********** Counter **********/
.counter-box {
    display: block;
    background: #f6f6f6;
    padding: 40px 20px 37px;
    text-align: center
}

.counter-box p {
    margin: 5px 0 0;
    padding: 0;
    color: #909090;
    font-size: 18px;
    font-weight: 500
}

.counter-box i {
    font-size: 60px;
    margin: 0 0 15px;
    color: #d2d2d2
}

.counter {
    display: block;
    font-size: 32px;
    font-weight: 700;
    color: #666;
    line-height: 28px
}

.counter-box.colored {
    background: #3acf87;
}

.counter-box.colored p,
.counter-box.colored i,
.counter-box.colored .counter {
    color: #fff
}

/* border */
.acr-border-blue {
    border-color: #005dba !important;
}

.acr-border-yellow {
    border-color: #febd00 !important;
}

.acr-border-red {
    border-color: #e20401 !important;
}
/* background */
.xsam-bg-light {
    background-color: #f3f3f3;
}

.xsam-bg-dark {
    background-color: #1b1a1a;
}

.xsam-rounded {
    -webkit-border-radius: 1.4rem;
    border-radius: 1.4rem;
}

.xsam-rounded-bottom {
    -webkit-border-bottom-left-radius: 1.4rem;
    -webkit-border-bottom-right-radius: 1.4rem;
    border-bottom-left-radius: 1.4rem;
    border-bottom-right-radius: 1.4rem;
}

/* Text */
.xsam-text-purple {
    color: #9c00ff!important;
}

.xsam-text-pink {
    color: #d400d7!important;
}

.xsam-text-blue {
    color: #179aff!important;
}

.xsam-text-grey {
    color: #ababab!important;
}

.xsam-font-weight-700 {
    font-weight: 700;
}

.xsam-font-small {
    font-size: 0.8rem;
}

/* Button */
.xsam-btn-pink {
    background: #d400d7;
}

.xsam-btn-pink:hover,
.xsam-btn-pink:focus {
    background: #c401c7;
}

.xsam-btn-outline-pink {
    background: transparent;
    border: solid 1px #d400d7;
}

.xsam-btn-outline-pink:hover {
    background: #d400d7;
}

.xsam-btn-outline-pink:focus {
    background: #c401c7;
    border: solid 1px #c401c7;
}

.xsam-btn-purple {
    background: #9c00ff;
}

.xsam-btn-purple:hover,
.xsam-btn-purple:focus {
    background: #8e02e6;
}

.xsam-btn-outline-purple {
    background: transparent;
    border: solid 1px #9c00ff;
}

.xsam-btn-outline-purple:hover {
    background: #9c00ff;
}

.xsam-btn-outline-purple:focus {
    background: #8e02e6;
    border: solid 1px #8e02e6;
}

.xsam-btn-blue {
    background: #179aff;
}

.xsam-btn-blue:hover,
.xsam-btn-blue:focus {
    background: #148ae4;
}

.xsam-btn-outline-blue {
    background: transparent;
    border: solid 1px #179aff;
}

.xsam-btn-outline-blue:hover {
    background: #179aff;
}

.xsam-btn-outline-blue:focus {
    background: #148ae4;
    border: solid 1px #148ae4;
}

/* paragraph */
.xsam-line-height-1 {
    line-height: 1;
}

.xsam-line-height-1_2 {
    line-height: 1.2;
}

.xsam-line-height-1_25 {
    line-height: 1.25;
}

.xsam-line-height-1_3 {
    line-height: 1.3;
}

.xsam-line-height-1_35 {
    line-height: 1.35;
}

.xsam-line-height-1_4 {
    line-height: 1.4;
}

.xsam-line-height-1_45 {
    line-height: 1.45;
}

.xsam-line-height-1_5 {
    line-height: 1.5;
}

/* stretched link */
.card-body + .stretched-link::after {
    background-color: rgba(70, 100, 150, 0.2)!important;
    opacity: 0;
    transition: .3s;
}

.card-body + .stretched-link.changed::after {
    opacity: 1;
}

/* FROM TABLET TO LARGE SCREEN */
@media screen and (min-width: 768px) {
    /*
        CUSTOM COMPONENTS
    */
    .xsam-rounded-sm {
        -webkit-border-radius: 1.4rem;
        border-radius: 1.4rem;
    }

    .xsam-rounded-bottom-sm {
        -webkit-border-bottom-left-radius: 1.4rem;
        -webkit-border-bottom-right-radius: 1.4rem;
        border-bottom-left-radius: 1.4rem;
        border-bottom-right-radius: 1.4rem;
    }
}

/* SMARTPHONE SCREEN */
@media screen and (max-width: 767px) {
    
}