/* Engineering Education page styles.

   @file        engineering-education.css.de
   @author      unknown, cleaned up by marionm
   ========================================================================== */

/* ==========================================================================
   shared page styles
   ========================================================================== */

.inner {
    font-size: 0.8125rem;
    line-height: 1.1875rem;
    font-family: 'Source Sans Pro', Arial, sans-serif;
    width: 62.625rem;
    max-width: 100%;
    margin: 0 auto;
    padding: 4.5rem 2rem 4.5rem 0;
}

.inner h2 {
    font-size: 1.75rem;
    color: #666;
    font-family: 'Source Sans Pro', Arial, sans-serif;
    font-weight: 300;
    margin: 2.8125rem 0 2.5rem;
}

.inner.spacing-100 { padding: 0rem 2rem 1.875rem 0rem; }

.outer a {
    text-decoration: none;
    color: #dd1100;
}

.outer a:hover { color: #f77700; }

.outer h3,
span.h3 {
    margin: 0 0 0.3125rem 0;
    color: #dd1100;
    font-size: 1rem;
    line-height: 1.3;
    font-weight: 600;
    text-transform: uppercase;
}

div.half.divider h3 a { margin: 1.875rem 0 0.9375rem 0; }

span.h3 {
    margin: 0rem 1.6875rem 0.9375rem 1.25rem;
    padding-top: 2.8125rem;
    display: inline-block;
    width: 100%;
}

.block_row {
    width: 103%;
    margin: 0 0 3.75rem -3%;
}

.half {
    display: inline-block;
    vertical-align: top;
    width: 44%;
    margin: 0 0 0 3%;
}

.bold { font-weight: 600; }

.half .text {
    display: inline-block;
    width: 19.063rem;
    vertical-align: top;
    margin: 0 0 0 0;
    max-width: 100%;
}

.blog .half .text { width: 15.9375rem; }

.half .text h3 a {
    margin: 0 0 0.3125rem 0;
    color: #dd1100;
    font-size: 0.9375rem;
    line-height: 1.3;
    text-transform: uppercase;
    font-weight: 600;
}

.half p {
    color: #656565;
    margin: 0 0 0.3125rem 0;
    font-weight: 400;
}

.half .text a { color: #656565; }

.featured a { font-weight: 600; }

.half a:hover h3 { color: #f77700; }

.link {
    padding-top: 0.625rem;
    margin: 0 0 0 0;
    display: block;
}

.link a { font-weight: 600; }

.link a:hover { color: #f77700; }

.link.inline {
    display: inline-block;
    padding-top: 0.3125rem;
}

.link h3 { margin: 0; }

.link img,
.inline-link-img {
    padding: 0 0.3125rem 0 0;
    margin: 0;
    vertical-align: middle;
    border: 0;
}

.link img { margin-right: 0.5rem !important; }

.inline-link-img+a { margin: 0 0.9375rem 0 0; }

.divider {
    border-top: 1px solid #d1d1d1;
    padding: 1.875rem 0 2.5rem 0;
    overflow: hidden;
}

.half-divider {
    border-top: 1px solid #d1d1d1;
    margin-top: 0.625rem;
    width: 25rem;
    max-width: 100%;
}

/* ==========================================================================
   wolfram technologies
   ========================================================================== */

#topheader { background: #de1f26; }

#topheader .inner {
    background: url('../img/header.png') right center no-repeat;
    background-size: contain;
    box-sizing: border-box;
    overflow: hidden;
    padding: 2.1875rem 0 2.1875rem 0rem;
}

#topheader div#intro {
    font-size: 1.125rem;
    position: relative;
    margin: 0.925rem 0 0 0;
    color: #ffffff;
    line-height: 1.22;
    font-weight: 400;
    width: 26.563rem;
    max-width: 100%;
}

#topheader h1#text-title {
    color: #FFFFFF;
    font-size: 2.25rem;
    line-height: 1.16;
    font-weight: 300;
    margin-top: 0rem;
}

#topheader h1#text-title span { font-size: 3.4375rem; }

#topheader h1#text-title .small-date {
    font-size: 0.875rem;
    line-height: 1.1;
    display: inline-block;
    margin: 0.4375rem 0 0 0rem;
    color: #fad7d0;
}

#topheader h1#text-title span {
    font-weight: 400;
    line-height: 1;
}

.nowrap { white-space: nowrap; }

#topheader .inner { padding: 3.375rem 0 3.375rem 0rem; }

.video-left {
    display: inline-block;
    vertical-align: top;
    width: 29.375rem;
    max-width: 100%;
    margin: 0 4.375rem 0 0;
}

#blurbsOuter { background: #161616; }

.blurbsInner { padding: 0 0 0 12.5rem; }

.top-blurb {
    width: 56.25rem !important;
    max-width: 100%;
    vertical-align: top;
    font-size: 0.875rem;
    line-height: 1.4;
    margin-top: 1rem;
}

.top-blurb p {
    font-size: 0.875rem;
    line-height: 1.35;
    font-weight: 400;
    width: 12.5rem;
    max-width: 100%;
}

.blurbsInner p.top-blurb-bigger {
    font-size: 0.9375rem;
    line-height: 1.33;
    font-weight: 600;
    margin: 0;
}

.blurbsInner p { color: #FFFFFF; }

.top-blurb-bigger a {
    color: #ff2f1e;
    text-decoration: none;
}

.top-blurb-bigger a:hover { color: #f77700; }

.blurbsInner div { display: inline-block; }

.top-blurb h2 {
    color: #dd1100;
    font-size: 0.9375rem;
    line-height: 1.3;
    margin: 0.5rem 0rem 0.1875rem 0rem;
    text-transform: uppercase;
}

.top-blurb h3 {
    color: #d9d9d9;
    font-size: 1rem;
    line-height: 1.3;
    margin: 0 0 0.625rem 0;
    text-transform: uppercase;
}

.top-blurb p {
    font-size: 1.125rem;
    line-height: 1.16;
    color: #fff;
    font-weight: 400;
    margin-top: 0.5rem;
}

.blurb-text-left p {
    width: 41.875rem;
    max-width: 100%;
}

.two-events { padding: 0.9375rem 0 2.8125rem 0rem; }

.two-events .blurb-text-left p {
    width: 25rem;
    max-width: 100%;
    margin-right: 2.8125rem;
    font-size: 0.875rem;
    vertical-align: top;
}

.two-events .blurb-text-left p:last-of-type {
    width: 26rem;
    max-width: 100%;
    margin-right: 0;
}

.two-events .blurb-text-left p.title {
    margin-bottom: 0.3125rem;
    font-size: 1rem;
    font-weight: 600;
}

.blurbsInner div {
    margin-bottom: 0.5rem;
    vertical-align: top;
}

.top-blurb .event-title {
    margin-bottom: 0.625rem;
    font-weight: 600;
    font-size: 1.25rem;
}

.two-columns {
    display: flex;
    gap: 7%;
}

.two-columns > div { flex-basis: 50%; }

/* ==========================================================================
   ideal start
   ========================================================================== */

.ideal-start {
    padding-top: 0.4375rem;
    padding-bottom: 1.25rem;
    background-color: #f3f3f3;
    margin-top: 0;
}

.ideal-start h2 {
    color: #dd1100;
    margin-bottom: 1.25rem;
}

.ideal-start p { color: #666; }

.ideal-start .link { display: inline-block; }

.ideal-start .link a { color: #666; }

.ideal-start .link a:hover { color: #f77700; }

.ideal-start .link:not(:last-of-type) { margin-right: 2.5rem; }

.ideal-start .col-2-3 {
    margin-right: 3.75rem;
    width: 35rem;
    display: inline-block;
    max-width: 100%;
}

.ideal-start .col-1-3 img { margin-right: 1.125rem; }

.blurbsInner .booth-event {
    display: flex !important;
    gap: 7%;
}

.blurbsInner .booth-event div { flex-basis: 50%; }

.idealstart,
.spacing-100-wrapper {
    display: flex;
    gap: 3%;
}

.idealstart { align-items: end; }

/* ==========================================================================
   wolfram technologies in...
   ========================================================================== */

.wolfram-tertiary {
    display: flex;
    flex-wrap: wrap;
}

.tertiary {
    flex: 1 0 17.5rem;
    max-height: 14rem;
}

.inner.featured.spacing-100 { padding: 0rem 0rem 1.875rem 0rem; }

.tertiary.additional-links { margin-top: 1.875rem; }

/* ==========================================================================
   key new features
   ========================================================================== */

.wolfram-features { display: flex; }

.wolfram-features { flex-basis: 50%; }

.inner.black-h3 h3 { color: #000000; }

ul.key_features {
    margin: 0 1rem;
    padding: 0;
    color: #dd1100;
    font-size: 0.8125rem;
    width: 20.313rem;
    max-width: 100%;
}

.key_features li {
    display: list-item;
    list-style: square !important;
}

ul.key_features li {
    margin: 0 0 0.9375rem 0;
    padding: 0 0 0 0.3125rem;
    background: none;
}

ul.key_features li span {
    color: #656565;
    font-size: 0.8125rem;
    line-height: 1.5;
}

ul.key_features li:last-child { margin: 0; }

.half ul li p {
    font-size: 0.8125rem;
    margin: 0;
}

.black-h3 .block_row { margin: 0 0 2.8125rem -3%; }

/* ==========================================================================
   featured products
   ========================================================================== */

.half img {
    display: inline-block;
    border: medium none;
    outline: medium none;
    vertical-align: top;
    margin: 0 0.9375rem 0 0;
}

.wolfram-nowrap,
.wolfram-nowrap .half {
    display: flex;
    flex-wrap: nowrap;
}

/* ==========================================================================
   resources
   ========================================================================== */

.resources .block_row { margin-bottom: 0; }

.blog .half img { margin: 0 0.9375rem 0 0.9375rem; }

.blog .half .text a { color: #dd1100; }

.blog div.text { margin: 0; }

.resources .text+img {
    border: 0;
    margin-left: 2rem;
}

.resources .text {
    width: 17.5rem;
    max-width: 100%;
    margin: 0 0 0rem 0;
}

.resources .narrow { margin-bottom: 0.625rem; }

.contentBox .narrow { margin-top: 0; }

.resources .text a {
    color: #dd1100;
    display: inline-block;
}

.resources .text a:hover { color: #f77700; }

.resources .blog .text p { font-weight: 600; }

.resources .blog .text a { margin: 0rem 0 1.875rem 1.25rem; }

.resources h3 { padding: 0; }

.resources .half-divider { padding: 2.5rem 0 0 0; }

.more.margin {
    margin: 1.5625rem 0 2.5rem 0;
    width: 12.9375rem;
    max-width: 100%;
}

.mextra { margin-bottom: 5rem !important; }

a.more-space,
.spacer { margin-bottom: 1.875rem; }

.wolfram-no-wrap { display: flex; }

.half.try-wolfram-alpha.narrow { margin-top: -0.9375rem; }

.half.try-wolfram-alpha h3 { margin-bottom: 0.875rem; }

.blog p:hover { color: #f77700; }

.less.margin {
    margin-top: 0.625rem;
    width: 12.937rem;
    max-width: 100%;
}

.mextra a:last-child { margin-top: 0.3125rem; }

.blog.narrow h3 { margin-bottom: 0.9375rem; }

/* ==========================================================================
   from the wolfram blog
   ========================================================================== */

a.alpha-example span.content {
    display: block;
    padding: 0.0625rem 1.125rem 0.0625rem 0.25rem;
    border: 1px solid #aaa;
    font-size: 0.75rem;
    line-height: 1.5;
    color: #222;
    vertical-align: middle;
}

a.alpha-example {
    display: block;
    position: relative;
    width: 25.3125rem;
    max-width: 100%;
    margin: 0.4375rem 0;
    padding: 0;
    border: 1px solid transparent;
    outline: 0 !important;
}

a.alpha-example .submit {
    display: block;
    position: absolute;
    top: 0.25rem;
    right: 0.25rem;
    width: 13px;
    height: 0;
    margin: auto 0;
    padding: 14px 0 0;
    background: transparent url('../../img/icon-wolfram-alpha-equal.gif') no-repeat scroll 0 0;
    border: 0 none;
    font-size: 0;
}

a.alpha-example:hover .submit { background-position: bottom; }

a.demo:hover { color: #f77700; }

a.demo img { margin: 0 0 0.625rem 0rem; }

div.demo-box { margin: 0 0 0 0rem; }

.demo-box {
    margin-bottom: 0rem;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.inner .demo { line-height: 0.9375rem; }

div.demo {
    margin: 0.625rem 1.5rem 0.625rem 0rem;
    flex: 1 0 6.875rem;
    padding-right: 1.2rem;
}

.inner .demo a { color: #656565; }

.demo img { margin: 0 0 0.625rem 0rem; }

/* ==========================================================================
   bottom
   ========================================================================== */

.bottom { background: #de1f26; }

.bottom.outer .block_row { margin: 0 0 0rem -3%; }

.bottom .inner {
    padding: 1.375rem 0 1.25rem 0;
    margin-top: 3.75rem
}

.bottom img {
    border: 0;
    margin: 0rem 1.25rem 0.3125rem 0;
}

.bottom a,
.bottom p {
    color: #fff;
    font-size: 0.875rem;
}

.bottom .text p { font-weight: 400; }

.bottom .text.right {}

.bottom span.small { font-size: 0.6875rem; }

.bottom .half {
    vertical-align: middle;
    width: 100%;
}

.bottom .text a {
    text-decoration: none;
    color: #ffffff;
}

.bottom a,
.bottom p {
    font-size: 0.9375rem;
    font-weight: 600;
}

.half.bottom-flex {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}

.half.bottom-flex .text { width: 24rem !important; }

/* ==========================================================================
   responsive breakpoint styles
   ========================================================================== */

/* styles for medium screens (1200px)
   ========================================================================== */

@media all and (max-width: 1200px) {
    .block_row {
        width: 100%;
        margin: 0 0 3.75rem 0;
        overflow: hidden;
    }

    .wrapper { padding: 0 2.5rem; }

    .half { margin-left: 0; }

    .wolfram-tertiary .half .text { width: 100%; }

    .tertiary.additional-links { margin-top: 0rem; }

    .ideal-start .col-2-3 { margin-right: 0.9rem; }

    .black-h3 .block_row { margin: 0 0 2.8125rem 0; }

    .wolfram-tertiary div:first-child {
        margin-right: min(8%);
        margin-bottom: 1rem;
    }

    .wolfram-tertiary div:nth-child(2) {
        margin-right: min(4%);
        margin-bottom: 0.575rem;
    }

    .large-img img { margin-right: -1.925rem; }

    .nextline { display: none; }

    .wolfram-nowrap.resources img { margin-left: min(0.8rem); }

    .bottom.outer .block_row { margin: 0; }

    .two-events .blurb-text-left p { margin-right: 1.8125rem; }
}

/* styles for medium screens (900px)
   ========================================================================== */

@media all and (max-width: 900px) {
    .wrapper { padding: 0 1.25rem; }

    #topheader .inner { background-size: cover; }

    .half.tertiary.additional-links { margin-right: 6.25rem; }

    .blurb-text-left.in-booth { margin-bottom: 1.2rem; }

    .two-events .blurb-text-left p,
    .two-events .blurb-text-left p:last-of-type { width: 100%; }

    .ideal-start .link:not(:last-of-type) { margin-right: 1.8rem; }

    .ideal-start .col-1-3 img {
        height: 80px;
        width: auto;
    }

    .outer:not(.ideal-start) .link img { margin-right: 0 !important; }

    .inner.spacing-100 { padding: 0rem 0rem 1.875rem 0rem; }

    div.demo {
        width: 45%;
        padding-right: 0rem;
    }

    .demo-box { flex: 1 0 41%; }

    .nextline { display: block; }

    .link-flex a {
        display: flex !important;
        align-items: center;
        flex-wrap: nowrap;
    }

    .blog.narrow img { margin-bottom: 0.5rem; }

    .blog.narrow .spacer { margin-bottom: 1.375rem; }

    .resources .text+img { margin: 0 0 0.625rem 0; }

    .resources .stacked-img.specialest-sneauxphlayke {
        max-height: 50px;
        width: auto;
    }

    .resources .stacked-img {
        max-height: 60px;
        width: auto;
    }

    a.alpha-example span.content { line-height: 1.75; }

    .large-img img {
        width: 94px;
        height: 60px
    }

    .left {
        width: 60px;
        height: 73px
    }
}

/* styles for medium screens (600px)
   ========================================================================== */

@media all and (max-width: 600px) {
    #topheader .inner { background-image: none; }

    .two-columns { flex-direction: column; }

    .two-columns > div { width: 100%; }

    #topheader div#intro,
    .half .text { width: 100% !important; }

    .video-left {
        width: 100%;
        margin: 0 0 0 0;
    }

    .divider { padding: 0.5rem 0 0.5rem 0; }

    .featured-img img {
        width: 49.5px;
        height: 55.5px;
    }

    .col-1-3 img {
        width: 56px;
        height: 58px;
    }

    #topheader h1#text-title { font-size: 2rem; }

    .ideal-start .link:not(:last-of-type) { margin-right: 1.1rem; }

    .blurbsInner div { display: block; }

    .blurbsInner .booth-event { flex-direction: column; }

    .wolfram-tertiary img { max-width: 100%; }

    .inner.featured.spacing-100 { padding-bottom: 0rem; }

    .demo-box { justify-content: space-between; }

    .large-img img {
        margin-right: 0rem;
        margin-left: 0rem !important;
    }

    .demo-box { gap: 7%; }

    .example-divider {
        border-top: 1px solid #d1d1d1;
        margin-top: 0.625rem;
        margin-bottom: 2.6rem;
        width: 25rem;
        max-width: 100%;
    }

    a.alpha-example { width: 100%; }

    ul.key_features { width: auto; }

    .black-h3 .half:first-child { margin-bottom: 1rem; }

    ul.key_features li:last-child,
    ul.key_features li { margin-left: 0.5rem; }

    .wolfram-nowrap .half:first-child { margin-bottom: 3.45rem; }

    .wolfram-nowrap.resources img { margin-left: 0 !important; }

    .resources.large-img .text { max-width: 100%; }

    .bottom .text p { width: 100%; }

    .half.bottom-flex .text { width: 100% !important; }
}

/* styles for medium screens (320px)
   ========================================================================== */

@media all and (max-width: 320px) {
}