/**handles:miq-case-blogcss**/
.selects {
    overflow: auto;
    background: white;
    width: 100%;
    padding: 50px 0;
}

.selects .miq-button {
    margin: 0;
}

.job-title {
    text-transform: uppercase;
    font-size: 72px !important;
    margin: 50px 0 50px 0;
}

.job-date-author {
    font-size: 18px !important;
    margin: 0 0 20px 0;
}

.job-content {
    font-size: 18px;
    line-height: 1.4;
}

.job-content h2 {
    margin: 20px 0;
    font-size: 32px;
    line-height: 0.9;
}

/*********************/
/* career selects */
/*********************/



/*********************/
/* blog selects */
/*********************/

.blog-select {
    background: white;
}

.blog-select h1 {
    color: #FF2000;
}

.blog-select .miq-button {
    margin: 0 0 100px 0;
}

.blog-thumb-container {
    width: 33.33333%;
    float: left;
    position: relative;
    margin: 0 0 0 0;
    background: white;
}

.blog-thumb {
    width: 100%;
    height: 450px;
    background-size: cover;
    background-position: center;
}

.blog-select-date {
    font-family: "Niveau Grotesk", sans-serif;
    font-weight: 300;
    font-size: 14px;
    padding: 0 10%;
    color: black;
    margin: 40px 0;
}

.blog-select-title {
    font-family: "Tungsten", sans-serif;
    font-size: 24px;
    text-transform: none !important;
    padding: 0 10%;
    min-height: 100px;
}

/*********************/
/* press selects */
/*********************/

.module.press-select {
    padding-top: 0;
    background: white;
    margin: 0!important;
}

.module.press-select h1 {
    color: #FF2000;
}

.press-thumb-container {
    width: 33.33333%;
    float: left;
    position: relative;
    margin: 0 0 0 0;
    background: white;
    padding: 0 0 50px 0;
}

.press-thumb {
    width: 100%;
    height: 450px;
    background-size: cover;
    background-position: center;
}

.press-select-date {
    font-family: "Niveau Grotesk", sans-serif;
    font-weight: 300;
    font-size: 14px;
    padding: 0 10%;
    color: black;
    margin: 40px 0;
}

.press-select-title {
    font-family: "Tungsten", sans-serif;
    font-size: 32px;
    text-transform: uppercase;
    padding: 0 10%;
    min-height: 100px;
}

/*********************/
/* case-study selects */
/*********************/
.case-study-select {
    padding-bottom: 0;
    background: white;
}

.case-study-select h1 {
    color: #FF2000;
    margin-top: 50px;
}

.float-container {
    overflow: auto;
    clear: both;
}

.case-thumb {
    width: 33.33333%;
    height: 450px;
    background-size: cover;
    background-position: right center;
    float: left;
    position: relative;
}

.case-thumb .case-select-title {
    position: absolute;
    margin: 0;
    text-align: center;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-transform: uppercase;
    font-size: 62px;
    /* todo */
    color: white;
    -moz-text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
    -moz-text-stroke-color: white;
    -webkit-text-stroke-color: white;
    -moz-text-stroke-width: 1px;
    -webkit-text-stroke-width: 1px;
    pointer-events: none;
}

.roll {
    position: relative;
    width: 100%;
    height: 100%;
    background: rgba(234, 0, 173, 0.85);
    opacity: 0;
    transition: opacity 0.35s ease-in-out;
}

/*********************/
/* case-studies / blog */
/*********************/

.blog-case-header, .vert-align, .blog-case-header .left-grad {
    height: 500px;
}

.blog-case-header {
    width: 100%;
    background-size: cover;
    background-position: right center;
    margin: 0 0 100px 0;
}

.blog-case-header .left-grad {
    width: 100%;
    background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    position: absolute;
    z-index: 0;
}

.logo {
    width: 100%;
    height: auto;
    max-width: 250px;
    max-height: 150px;
}

.logo img {
    width: 100%;
    height: auto;
    display: block;
}

.vert-align {
    position: relative;
    width: 100%;
}

.logo-title-container {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}

.logo-title-container h1 {
    text-transform: none !important;
    font-size: 82px !important;
    margin: 50px 0;
    color: white;
}

.case-title-no-logo h1 {
    text-transform: uppercase !important;
    font-size: 82px !important;
    margin: 50px 0;
    color: white;
}

.blog-case-content {
    padding: 20px 0;
}

.blog-case-content h1, .blog-case-content h2, .blog-case-content h3, .blog-case-content h4, .blog-case-content h5, .blog-case-content h6, .blog-case-content p, .blog-case-content h1 ul li {
    margin: 20px 0 !important;
}

.blog-case-content ul {
    margin: 20px 0 !important;
}

.blog-case-content h1 {
    color: #2b0030;
    font-size: 62px;
    line-height: 0.9;
    margin-bottom: 50px !important;
    text-transform: none !important;
}

.blog-case-content h2 {
    color: #FF2000;
    font-size: 48px;
    line-height: 0.9;
    margin: 50px 0 20px 0 !important;
}

.blog-case-content p, .blog-case-content ul li {
    font-size: 18px;
    line-height: 1.4;
}

.btn-cont {
    margin: 50px 0;
}

.blog-title {
    text-transform: none !important;
    font-size: 72px !important;
    margin: 0 0 0 0;
}

.bog-date-author {
    font-size: 18px !important;
    margin: 0 0 20px 0;
}

/*********************/
/* legal */
/*********************/

.legal-content {
    padding: 100px 0;
}

.legal-content h1, .legal-content h2, .legal-content h3, .legal-content h4, .legal-content h5, .legal-content h6 {
    margin: 40px 0 20px 0;
    font-family: "Niveau Grotesk", sans-serif;
}

.legal-content p {
    margin: 20px 0;
}


.legal-content table {
    width: 100%;
    margin: 50px 0;
}

.legal-content td {
    padding: 20px 10px !important;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

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

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

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

}

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

@media handheld, only screen and (max-width: 991px) {
    .case-thumb {
        width: 50%;
        height: 450px;
    }

    .blog-case-content h1 {
        max-width: none;
    }

    .blog-thumb-container {
        width: 50% !important;
    }
}

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

@media handheld, only screen and (max-width: 767px) {
    .case-thumb {
        width: 100%;
        height: 450px;
    }

    .blog-thumb-container {
        width: 100% !important;
    }

    .blog-thumb {
        height: 300px;
    }

    .legal-content td {
        border: none;
    }
}