#container {
display: table;
margin-left: auto;
margin-right: auto;
padding-top: 20px;
width: 100%;
}
.unit {
background-color: #ffffff;
color: #000000;
margin: 0 0 20px 0;
float: left;
}
.unit.three,
.unit.three img {
width: 100%;
}
.unit.three .section-title {
// margin-top: 10px;
}
img.two-column,
img.one-column {
display: none;
}
.unit.two {
width: 660px;
}
.unit.two .section-title {
height: 27px;
}
.unit.first-two {
margin-right: 20px;
}
.unit.last-two {
margin-left: 20px;
}
.unit.one {
width: 320px;
height: 250px;
}
.unit.one-one,
.unit.one-two {
margin-right: 20px;
}
.unit.one-five,
.unit.one-six {
margin-left: 20px;
}
.unit .rectangle {
background-image: url(/Images/ad-bg-dk.png);
background-repeat: repeat;
width: 300px;
height: 250px;
padding: 0 10px;
}
.unit .event-module {
margin: 0 !important;
width: 100%;
max-width: 100%;
padding: 0;
}
.section-left-article,
.section-right-article {
height: 250px;
overflow: hidden;
}
.unit.with-title .section-left-article,
.unit.with-title .section-right-article {
height: 219px;
}
.sub-unit {
float: left;
width: 320px;
}
.sub-unit-one {
margin-right: 20px;
}
.whole-item {
border-bottom: 1px solid #999999;
padding-bottom: 6px;
}
.whole-item.no-text {
border-bottom: 0;
padding-bottom: 0;
}
.whole-image {
height: 200px;
overflow: hidden;
position: relative;
width: 320px;
}
.with-title .whole-image {
height: 167px;
margin-top: 2px;
}
.whole-image img {
width: 100%;
}
.whole-headline {
color: #000000;
font-family: 'Montserrat', Arial, Helvetica, sans-serif;
/* font-family: 'Gotham A', 'Gotham B', Arial, Helvetica, sans-serif; */
font-size: 18px;
font-weight: 700;
font-style: normal;
height: 22px;
margin-top: 4px;
overflow: hidden;
text-align: left;
text-decoration: none;
}
.whole-kicker {
color: #000000;
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
font-weight: normal;
height: 15px;
line-height: 15px;
margin-top: 2px;
overflow: hidden;
text-align: left;
}
.half-top,
.half-bottom {
border-bottom: 1px solid #999999;
border-top: 1px solid #999999;
float: left;
height: 119px;
overflow: hidden;
width: 320px;
}
.half-top {
margin-bottom: 8px;
}
.with-title .half-top,
.with-title .half-bottom {
height: 104px;
}
.with-title .half-top {
border-top: none;
}
.half-image-section {
float: left;
height: 115px;
width: 115px;
margin: 2px 0;
overflow: hidden;
position: relative;
}
.with-title .half-image-section {
height: 100px;
width: 100px;
}
.half-text-section {
float: none;
height: 117px;
width: auto;
margin-left: 125px;
padding-top: 1px;
padding-bottom: 1px;
}
.with-title .half-text-section {
height: 101px;
margin-left: 110px;
}
.half-headline-section {
background-color: #ffffff;
color: #000000;
float: left;
font-family: 'Montserrat', Arial, Helvetica, sans-serif;
/* font-family: 'Gotham A', 'Gotham B', Arial, Helvetica, sans-serif; */
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 20px;
max-height: 42px;
overflow: hidden;
position: relative;
text-align: left;
}
a.half-headline-link:link {
color: #000000;
font-family: 'Montserrat', Arial, Helvetica, sans-serif;
/* font-family: 'Gotham A', 'Gotham B', Arial, Helvetica, sans-serif; */
font-size: 18px;
font-style: normal;
font-weight: 700;
overflow: hidden;
text-decoration: none;
}
a.half-headline-link:hover {
color: #d6121a;
text-decoration: underline;
}
.half-description-section {
color: #000000;
float: left;
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 15px;
max-height: 45px;
overflow: hidden;
text-align: left;
margin-top: 2px;
}
.half-headline-section.deep,
.half-description-section.deep {
max-height: 100px;
}
.fifth-container {
border-top: 1px solid #999999;
height: auto;
padding-top: 3px;
width: 100%;
}
.with-title .fifth-container {
padding-top: 3px;
border-top: none;
}
.fifth-item {
border-bottom: 1px solid #999999;
float: left;
font-size: 14px;
height: 40px;
padding: 3px 0;
line-height: 17px;
margin-bottom: 3px;
margin-left: 0;
overflow: hidden;
text-align: left;
width: 100%;
}
.fifth-item-last {
margin-bottom: 0;
padding-bottom: 2px;
}
.with-title .fifth-item {
padding: 1px 0 0;
height: 39px;
line-height: 18px;
}
.with-title .fifth-item-last {
padding: 0;
}
a.fifth-item-link:link {
color: #000000;
font-family: 'Montserrat', Arial, Helvetica, sans-serif;
/* font-family: 'Gotham A', 'Gotham B', Arial, Helvetica, sans-serif; */
font-style: normal;
font-weight: 700;
overflow: hidden;
text-decoration: none;
text-transform: uppercase;
}
a.fifth-item-link:hover,
a.fifth-item-link:active {
text-decoration: underline;
color: #d6121a;
}
a.fifth-item-link span.fifth-headline {
padding-right: 4px;
}
a.fifth-item-link span.fifth-description {
color: #111111;
font-family: Arial,Helvetica,sans-serif;
font-size: 13px;
font-weight: normal;
text-transform: none;
}
.ad-bug {
display: inline-block;
background-color: gold;
color: #000000;
padding: 3px;
font-size: 14px;
line-height: 14px;
border-radius: 3px;
vertical-align: top;
text-transform: none;
}
.half-headline-section .ad-bug {
padding: 2px 3px;
vertical-align: text-bottom;
}
.fifth-headline .ad-bug {
padding: 2px 3px;
font-size: 12px;
line-height: 12px;
vertical-align: text-bottom;
}
h1.head-image {
margin: 0;
padding: 0;
line-height: 0;
}
.article-snip-left {
margin-bottom: 8px;
}
@media(max-width:1000px) {
#content-area {
width: 98%;
margin: 0 1%;
}
#container {
margin-bottom: 10px;
width: 98%;
}
#shell {
width: 100%;
}
img.three-column,
img.one-column {
display: none;
}
img.two-column {
display: inline-block;
}
.unit.two,
.unit.first-two,
.unit.last-two {
width: 100%;
margin: 0 auto 20px;
}
.unit.one,
.sub-unit {
width: calc(50% - 10px);
}
.unit.one-two,
.unit.one-four,
.unit.one-six {
margin: 0 0 20px 0;
}
.unit.one-one,
.unit.one-three,
.unit.one-five {
margin: 0 20px 20px 0;
}
.whole-item {
width: 100%;
}
.whole-image {
width: 100%;
}
.whole-image.anchor-bottom img {
position: absolute;
bottom: 0;
}
.half-top,
.half-bottom {
width: 100%;
}
.unit .rectangle {
padding: 0;
width: 100%;
}
}
@media(max-width:660px) {
img.three-column,
img.two-column {
display: none;
}
img.one-column {
display: inline-block;
}
.unit.one,
.unit.two,
.sub-unit-one {
width: 100%;
margin: 0 auto 20px;
}
.unit.one {
height: auto;
}
.sub-unit {
width: 100%;
}
.whole-image,
.with-title .whole-image {
height: auto;
}
.with-title .sub-unit-two .whole-image {
margin-top: 0;
}
.whole-image.anchor-bottom img {
position: relative;
}
.whole-headline,
.whole-kicker {
text-align: center;
margin: 2px 5px 0;
height: auto;
}
.Chronosel {
display: none;
}
}