blockquote {
    border-left: 4px solid #ccc;
    font-style:italic;
    box-sizing: border-box;
    padding:0 10px;
}

footer {
    text-align: center;
    color:#fff;
}

pre {
    border-width:0 0 0 4px;
    background: #fff;
}

main p code,
main li code,
main div > code {
    font-family: Consolas,Monaco,'Andale Mono',monospace;
    font-size: 17px;
    line-height: 100%;
    color:#1672ce;
    background: #fff;
    border:none;
}
/* -------- homepage css -----------------*/

.homepage header {
    margin:0 auto;
    padding:0 0 3em;
    box-sizing: border-box;
    background:#19242F url(//thephpleague.com/img/header_bg.png) no-repeat top center;
    background-size: cover;
    max-width: none;
    color:#fff;
    font-family: "Museo 300", sans-serif;
}

.homepage header h1 {
    margin:.3em auto;
    font-family: "Museo 300", sans-serif;
    line-height: 250%;
    font-weight: normal;
}

.homepage header h2 {
    margin:0 auto;
    font-family: "Museo 300", sans-serif;
    color:#ff4043;
    font-size:36px;
    line-height:1.33;
    font-weight:normal;
}

.homepage .badge-list {
    background: #fff;
    padding: 3em 0 0 0;
    text-align: center;
}

.homepage .composer span {
    padding:.3em 1em;
    background-color:rgba(0, 0, 0, .3);
    color:#fff;
    font-size:.9rem;
    font-family: Consolas, Monaco ,'Andale Mono', monospace;
    line-height: 140%;
    text-align: left;
    white-space: pre;
    word-wrap: normal;
    word-spacing: normal;
    hyphens: none;
    display:inline-block;
    border-radius: .3em;
}

.homepage .hot-links {
    margin:0 auto;
    padding:0;
    list-style:none;
    width:300px;
    display:flex;
    align-content: top;
    align-items: center;
}

.homepage .hot-links li {
    padding:0;
    margin:0;
}

.homepage .hot-links a {
    display:block;
    margin:0;
    padding:1em;
    width:150px;
    border-radius:2px 0 0 2px;
    text-decoration:none;
    text-align:center;
    font-weight:bold;
    background:#fff;
    color:#ff4043;
}

.homepage .hot-links :last-child a {
    border-radius:0 2px 2px 0;
    background:#ff4043;
    color:#fff;
}

.homepage .hot-links:hover :last-child a {
    color:#ff4043;
}

.homepage .hot-links:hover a {
    background:#fff;
    color:#ff4043;
}

.homepage .hot-links:hover a:hover {
    background: #ff4043;
    color: #fff;
}

.homepage main {
    color: #2b3d50;
    font-family: "Museo 300", sans-serif;
    line-height: 160%;
    font-weight: normal;
    background:#19242f;
    width:auto;
    right:auto;
}

.homepage main > div {
    margin:0 auto;
    padding:3em 0;
    box-sizing: border-box;
}

.inner-content {
    margin:0 auto;
    padding:1em;
    box-sizing: border-box;
    text-align:center;
}

.inner-content h1 {
    color:#fff;
    font-size:50px;
    line-height:100%;
    font-weight:normal;
    font-family:"Museo Sans 300", sans-serif;
    text-transform:uppercase;
    margin:0;
}

.inner-content:after {
    content: '';
    display:table;
    clear:both;
}

.projects,
.sponsors {
    color: #fff;
}

.projects h2,
.sponsors h2 {
    font-size:50px;
    line-height:100%;
    font-weight:normal;
    font-family:"Museo Sans 300", sans-serif;
    text-transform:uppercase;
    margin: 0 0 1em 0;
}

.project-logos {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.project-logos a {
    display: block;
    object-fit: contain;
    margin: 0 16px;
}

.project-logos img {
    height: 70px;
    max-width: 180px;
}

.sponsors a {
    color: #3399ff;
}
.sponsors ul {
    list-style: none;
    font-size: 1.1em;
}

.features {
    background: #F2F7FC;
    border-bottom:1px solid #CFE4F9;
    color:#666;
    line-height: 1.5;
    font-weight: normal;
    font-variant: normal;
    font-style: normal;
    font-size: 18px;
    font-family: "Museo 300", sans-serif;
}

.features h1 {
    color:#6abcdd;
}

.features h2 {
    color:#6abcdd;
    font-weight: normal;
}

.features p {
    text-align: center;
}

.features a {
    color:#6abcdd;
}

.highlights {
    background:#fff;
    border-bottom:1px solid #CFE4F9;
}

.highlights .description {
    color:#666;
    line-height: 1.5;
    font-weight: normal;
    font-variant: normal;
    font-style: normal;
    font-size: 18px;
    font-family: "Museo 300", sans-serif;
    text-align: left;
}

.highlights h1 {
    color:#ff4043;
    font-size: 36px;
    line-height:115%;
}

.highlights ol {
    margin:0;
    text-align:left;
}

.highlights li {
    margin:0 0 15px 0;
    color:#666;
    font-size:16px;
    font-weight:bold;
}

.highlights li p {
    margin:0;
    line-height: 1.4;
    font-weight: normal;
    font-variant: normal;
    font-style: normal;
    font-size: 18px;
    font-family: "Museo 300", sans-serif;
    color:#ff4043;
}

.highlights a {
    color:#ff4043;
}

.questions {
    padding:0;
    background:#fff;
    color:#666;
    border-bottom:1px solid #CFE4F9;
}

.questions h1 {
    font-size:36px;
    color:#ff4043;
}

.questions a {
    color:#6abcdd;
}

.questions a:hover {
    text-decoration: none;
}

@media screen and (max-width: 549px) {
    .homepage header h1 {
        margin:0 auto;
        font-size:clamp(1.8rem, 5.9vw, 42px);
    }

    .homepage .composer span {
        font-size:1rem;
    }
}

@media screen and (min-width: 549px) {
    .homepage header h1 {
        margin:0 auto;
        font-size:clamp(1.8rem, 5.9vw, 96px);
    }

    .inner-content {
        max-width:1000px;
    }

    .homepage main {
        width:initial;
        right:initial;
    }

    .highlights h1 {
        font-size: 50px;
    }

    .highlights li {
        font-size:24px;
    }

    .highlights li p {
        font-size:20px;
    }

    .highlights .column {
        float:left;
        width:45%;
    }

    .highlights .one {
        margin:0 10% 0 0;
    }

    .documentation h1 {
        font-size:50px;
    }
}

@media screen and (min-width:700px) {
    .documentation .version {
        float:left;
        width:42%;
        margin:2%;
        max-width:289px;
    }
}

@media screen and (min-width: 910px) {
    .documentation .version {
        float:left;
        width:30%;
        margin:1%;
    }

    .homepage header h1 {
        margin:0 auto;
        font-size:clamp(1.8rem, 5.9vw, 96px);
    }
}

#sponsors + p + ul {
    list-style-type: none;
}
