/* contains the class to play with theme */

/* fonts */
@font-face {
    font-family: gillsans-light;
    src: url('../fonts/gill_sans/GillSansStd-Light.otf');
}
@font-face {
    font-family: mediaeval;
    src: url('../fonts/mediaeval/PfefferMediaeval.otf');
}
@font-face {
    font-family: myriadpro;
    src: url('../fonts/myraid_pro/MyriadPro-Regular.otf');
}
.font-myriad {
    font-family: myriadpro;
}

.font-mediaeval {
    font-family: mediaeval;
}

.font-gillsans {
    font-family: gillsans-light;
}

.font-large {
    font-size: large;
}

.font-x-large {
    font-size: x-large;
}

/* colors */
.color-white {
    color: #ffffff;
}

.color-red {
    color: #ed2024;
}

.color-blue {
    color: #076db5;
}

.color-yellow {
    color: #f8ae1e;
}

/* bg colors */

.bg-red {
    background-color: #ed2024;
}

.bg-blue {
    background-color: #076db5;
}

.bg-yellow {
    background-color: #f8ae1e;
}

.bg-wallpaper {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.blue-backdrop {
    background: rgba(7, 109, 181, 0.5);
}

.red-backdrop {
    background: rgba(237, 32, 36, .8);
}
.white-backdrop {
    background: rgba(255, 255, 255, .6);
}

/* border */

.border-1px-white {
    border: 1px solid #ffffff;
}

/* structure */
.full-screen-height,
.full-screen-height-img > img {
    min-height: 100vh;
}

.three-fourth-screen-height,
.three-fourth-screen-height-img > img {
    min-height: 75vh;
}

.half-screen-height,
.half-screen-height-img > img {
    min-height: 50vh;
}
.quater-screen-height,
.quater-screen-height-img > img {
    min-height: 40vh;
}
.fixed-background {
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}

/* widths */

.full-width,
.full-width-image > img {
    width: 100%;
}

.thee-fourth-width,
.thee-fourth-width-image > img {
    width: 75%;
}

.half-width,
.half-width-image > img {
    width: 50%;
}

.one-fourth-width,
.one-fourth-width-image > img {
    width: 25%;
}

.fixed-header-top-fix {
    padding-top: 120px;
    padding-bottom: 120px;
}
.fixed-header-mid-fix {
    padding-top: 60px;
    padding-bottom: 60px;
}