@import "banner.css";

figure[role=banner]{
    background-image:linear-gradient(to right, #dbe8ff, #e3f4ff);
}
/* == case list styles == */
article[aria-owns^="case"]{
    width: 900px;
    padding:30px 0;
}
article[aria-owns^="case"] > nav{
    margin-top:-10px;
}
article[aria-owns^="case"] > nav > a{
    margin:10px 20px 0 0;
    padding:10px 20px;
}
article[aria-owns^="case"] > nav > a[aria-current=true]{
    background:#dce8fb;
    color:#0076fe;
    border-radius: 50px;
    box-shadow: 0 3px 5px rgba(45,125,255,.5)
}
article[aria-owns^="case"] > ul{
    width: 100%;
    margin-top:30px;
}
article[aria-owns^="case"] > ul > li{
    position: relative;
    width: 435px;
    padding:261px 25px 25px 25px;
    margin-bottom:30px;
}
article[aria-owns^="case"] > ul > li > img{
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    height: 261px;
    border-radius: 5px 5px 0 0;
}
article[aria-owns^="case"] > ul > li > h4{
    margin:15px 0;
    font-size:18px;
}
article[aria-owns^="case"] > ul > li > span{
    margin-bottom:20px;
    font-size:15px;
    color:#666666;
    line-height: 25px;
}
article[aria-owns^="case"] > ul > li > a{
    margin:0 auto;
}


aside[aria-owns^="case"]{
    width: 270px;
    margin:75px 0 30px 30px;
}
aside[aria-owns^="case"] > section{
    margin:20px 0;
    padding:20px;
}
aside[aria-owns^="case"] > section > h3{
    color:#3e4552;
    margin-bottom:10px;
}
aside[aria-owns^="case"] > section > a{
    margin-top:10px;
    padding-bottom:10px;
    border-bottom:1px solid #EDEDED;
}
aside[aria-owns^="case"] > section > a:last-of-type{
    border-bottom:0;
}
aside[aria-owns^="case"] > section > a[role=figure]{
    position: relative;
    height: 55px;
    padding:0 0 0 75px;
    border-bottom:0;
}
aside[aria-owns^="case"] > section > a > img{
    position: absolute;
    left:0;
    top:0;
    width: 60px;
    height: 40px;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0,0,0,.35);
}
aside[aria-owns^="case"] > section > a > time{
    margin-top:10px;
    font-size:13px;
    color:#9199A1;
}

/* case info styles */
section[data-module=breadcrumb]{
    background:linear-gradient(#dadada,#dadada) no-repeat bottom center/1200px 1px;
    padding-bottom:20px;
}
article[aria-owns="case-info"]{
    width: 910px;
    margin:20px 0 30px 0;
    padding:35px 45px;
}
article[aria-owns="case-info"] > header{
    padding-bottom:15px;
    border-bottom:1px dashed #cccccc;
}
article[aria-owns="case-info"] > header > h2{
    width: 100%;
    font-size:25px;
    text-align: center;
    line-height: 35px;
    margin-bottom:15px;
}
article[aria-owns="case-info"] > header > [data-icon]{
    margin-right:25px;
    font-size:14px;
    color:#9199A1;
}
article[aria-owns="case-info"] > section{
    padding:20px;
    line-height: 25px;
    font-size:17px;
}
article[aria-owns="case-info"] > section img{
    display: inline-block;
    max-width:100%;
}
article[aria-owns="case-info"] > section table{
    margin:0 auto;
}
article[aria-owns="case-info"] > dl > dt > a{
    background: #eaf2fc;
    padding:2px 7px;
    margin-right: 5px;
    font-size:13px;
    color:#0c84ff;
    border-radius: 3px;
}
article[aria-owns="case-info"] > dl > dd{
    border-top:1px solid #EDEDED;
    margin-top: 20px;
}
article[aria-owns="case-info"] > dl > dd > p{
    padding-top:15px;
}
article[aria-owns="case-info"] > dl > dd > p > span{
    color:#9199A1;
}
aside[aria-owns="case-info"]{
    margin:0 0 30px 20px;
}