/**handles:miq-colourscss**/
@charset "UTF-8";

/*********************/
/* colours and btns */
/*********************/

/* front */
.colour-pink {
    color: #ea00ad !important;
}

.colour-red {
    color: #FF2000 !important;
}

.colour-orange {
    color: #ff6500 !important;
}

.colour-purple {
    color: #2b0030 !important;
}

.colour-yellow {
    color: #ffca01 !important;
}

.colour-light-orange {
    color: var(--miq-light-orange) !important;
}

/* back */
.background-colour-pink {
    background-color: #ea00ad !important;
}

.background-colour-red {
    background-color: #FF2000 !important;
}

.background-colour-orange {
    background-color: #ff6500 !important;
}

.background-colour-purple {
    background-color: #2b0030 !important;
}

.background-colour-yellow {
    background-color: #ffca01 !important;
}

.background-colour-light-orange {
    background-color: var(--miq-light-orange) !important;
}

.background-colour-gradient {
    background: linear-gradient(to top right, #ea00ad 0%, #FF2000 33.333%, #ff6500 66.666%, #ffca01 100%) !important;
}

/* stroke */
.stroke-colour-pink {
    color: #ea00ad !important;
    -webkit-text-stroke: 2px #ea00ad !important;
    text-stroke: 2px #ea00ad !important;
}

.stroke-colour-yellow {
    color:  #ffca01 !important;
    -webkit-text-stroke: 2px #ffca01 !important;
    text-stroke: 2px #ffca01 !important;
}

.stroke-colour-red {
    color: #FF2000 !important;
    -webkit-text-stroke: 2px #FF2000 !important;
    text-stroke: 2px #FF2000 !important;
}

.stroke-colour-orange {
    color: #ff6500 !important;
    -webkit-text-stroke: 2px #ff6500 !important;
    text-stroke: 2px #ff6500 !important;
}

.stroke-colour-purple {
    color: #2b0030 !important;
    -webkit-text-stroke: 2px #2b0030 !important;
    text-stroke: 2px #2b0030 !important;
}

.miq-button {
    font-family: "Niveau Grotesk", sans-serif;
    text-transform: uppercase;
    position: relative;
    background: transparent;
    letter-spacing: 2px;
    font-size: 18px !important;
    padding: 5px 20px;
    transform: skewX(10deg) !important;
    display: inline-block !important;
    margin: 10px 10px;
    transition: background 0.2s linear;
    min-width: 160px;
    text-align: center;
}

.miq-button span {
    transform: skewX(-10deg) !important;
    display: inline-block !important;
}

.button-block {
    display: block !important;
    max-width: 160px;
    margin: 20px auto;
}

/* white */
.miq-button.button-default {
    border: 2px solid white;
}

.miq-button.button-default span {
    color: white;
}

.miq-button.button-default:hover {
    background: rgba(255, 255, 255, 0.35);
}

/* grad */

.miq-button.button-gradient {
    border: none;
    background: linear-gradient(to bottom right, #ea00ad 0%, #ff6500 100%);
}

.miq-button.button-gradient span {
    color: white;
}

.miq-button.button-gradient:hover {
    opacity: 0.85;
}

/* red */

.miq-button.button-red {
    border: 2px solid #FF2000;
}

.miq-button.button-red span {
    color: #FF2000;
}

.miq-button.button-red:hover {
    opacity: 0.85;
}

/* yellow solid */

.miq-button.button-yellow-solid {
    border: 2px solid #ffca01;
    background: #ffca01;
}

.miq-button.button-yellow-solid span {
    color: #2b0030;
}

.miq-button.button-yellow-solid:hover {
    opacity: 0.85;
}

/* yellow */

.miq-button.button-yellow {
    border: 2px solid #ffca01;
}

.miq-button.button-yellow span {
    color: #ffca01 !important;
}

.miq-button.button-yellow:hover {
    opacity: 0.85;
}


/* orange */

.miq-button.button-orange {
    border: 2px solid #ff6500;
}

.miq-button.button-orange span {
    color: #ff6500 !important;
}

.miq-button.button-orange:hover {
    opacity: 0.85;
}

/* light orange */

.miq-button.button-light-orange {
    border: 2px solid var(--miq-light-orange);
}

.miq-button.button-light-orange span {
    color: var(--miq-light-orange);
}

.miq-button.button-light-orange:hover {
    opacity: 0.85;
}

/* black */

.miq-button.button-black {
    border: 2px solid black;

}

.miq-button.button-black span {
    color: black;
}

.miq-button.button-black:hover {
    opacity: 0.85;
}

/* black */

.miq-button.button-purple {
    border: 2px solid #2b0030;
}

.miq-button.button-purple span {
    color: #2b0030;
}

.miq-button.button-purple:hover {
    opacity: 0.85;
}

/************************************************************************************/
/* media queries */
/************************************************************************************/

/*********************/
/* bootstrap-lg */
/*********************/

@media handheld, only screen and (max-width: 1199px) {

}

/*********************/
/* bootstrap-md */
/*********************/

@media handheld, only screen and (max-width: 991px) {

}

/*********************/
/* bootstrap-sm */
/*********************/

@media handheld, only screen and (max-width: 767px) {

}