/*
* Fonts : Bundle all the fonts that will be used in the application
*/

/**
Font sizes 
**/

.h1 {
    font-family: Museo;
    font-size: 6rem;
    font-weight: 300;
    letter-spacing: -0.09375rem;
}

.h2 {
    font-family: Museo;
    font-size: 3.75rem;
    font-weight: 300;
    letter-spacing: -0.03125rem;
}

.h3 {
    font-family: Museo;
    font-size: 3rem;
    font-weight: 400;
    letter-spacing: 0rem;
}

.h4 {
    font-family: Museo;
    font-size: 2.125rem;
    font-weight: 400;
    letter-spacing: 0.02rem;
}

.h5 {
    font-family: Proxima Nova;
    font-size: 1.5rem;
    line-height: 1.8rem;
    font-weight: 300;
    letter-spacing: 0rem;
    margin-bottom: 3px;
}

.h6{
    font-family: Proxima Nova;
    font-size: 1.25rem;
    font-weight: 400;
    letter-spacing: 0.009rem;
}

.subtitle-1,  .formholder .label, .formholder .select, .formholder select, .formholder input, 
.formholder .input, .formholder .textarea, .formholder textarea {
    font-family: Museo;
    font-size: .8rem;
    font-weight: 300;
    letter-spacing: 0.009rem;
}
.formholder .label, .formholder .select, .formholder select, .formholder input, 
.formholder .input, .formholder .textarea, .formholder textarea { 
    font-size:1rem;
    font-weight:400;
}
.formholder .select, .formholder select, .formholder input, 
.formholder .input, .formholder .textarea, .formholder textarea { 
    line-height:1.8rem;
}
.formholder ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    font-family: Museo;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0.009rem;
    color: rgba(0,0,0,0.5);
    line-height:1.8rem;
}

.formholder :-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-family: Museo;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0.009rem;
    color: rgba(0,0,0,0.5);
    line-height:1.8rem;
}

.formholder ::-ms-input-placeholder { /* Microsoft Edge */
    font-family: Museo;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0.009rem;
    color: rgba(0,0,0,0.5);
    line-height:2rem;
}

.subtitle-2, .formholder .help, .formholder .error {
    font-family: Proxima Nova;
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: 0.0125rem;
}

.body-1 {
    font-family: Proxima Nova;
    font-size: 0.8rem;
    font-weight: 400;
    letter-spacing: 0.03125rem;
}

.body-2 {
    font-family: Proxima Nova;
    font-size: 0.675rem;
    font-weight: 400;
    letter-spacing: 0.0156rem;
}

.button {
    font-family: Proxima Nova;
    font-size: 0.875rem;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 0.047rem;
}

.caption {
    font-family: Proxima Nova;
    font-size: 0.65rem;
    font-weight: 400;
    letter-spacing: 0.025rem;
}

.overline {
    font-family: Proxima Nova;
    font-size: 0.525rem;
    font-weight: 400;
    letter-spacing: 0.09375rem;
}

/**
ELLIPSES 
**/

/*  Single line ellipses */


.ellipses {
    width: 90%;
    /* Width takes 90% by default */
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* Multiline ellipses with line clamped to 4 lines */

.ml-ellipses-4 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}
/* Multiline ellipses with line clamped to 3 lines */

.ml-ellipses-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}
/* Multiline ellipses with line clamped to 2 lines */

.ml-ellipses-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* Multiline ellipses with line clamped to 6 lines */

.ml-ellipses-6 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}