/* • Below for "concerts.html" List view
=============================================== */
.list-container { margin-top:30px;}
.list-item-row { width:100%; padding-bottom:20px;}
.list-item-row .item-col1 { width:22%; float:left; background-color:#e6e6e6}
.list-item-row .item-col1 .item-date-blk { padding:1% 0% 0% 0%; border-bottom:1px solid #fff; z-index:5;}
.list-item-row .item-col1 .item-date-blk .item-date { font-size:90px; line-height:1; border-bottom:4px solid #fff; color:#880656;
display:inline-block; background-color:#e6e6e6; z-index:10; padding-left:5%;}
.list-item-row .item-col1 .item-date-blk .item-month { line-height:normal; color:#666; display:inline-block; font-weight:bold; font-size:12px; padding-left:15px}
.list-item-row .item-col1 .item-venue { padding:20px;}
.list-item-row .item-col2 { width:20%; float:left; background-color:#e6e6e6}
.list-item-row .item-col3 { width:58%; float:left; background-color:#e6e6e6;
-webkit-transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-webkit-transition-property: background-color, color;
transition-property: background-color, color;
box-shadow: none;}
.list-item-row .item-col3 .col3-pos { padding:20px}
.list-item-row .item-col3 .col3-pos .item-title { font-size:20px; line-height:normal; color:#880656; border-bottom:1px solid #fff; padding-bottom:10px; padding-top:10px}
.list-item-row .item-col3 .col3-pos .col3-info-blk { padding-top:10px; display:table}
.list-item-row .item-col3 .col3-pos .col3-info-blk .table-blk { margin-top:10px}
.list-item-row .item-col3 .col3-pos .col3-info-blk .table-blk .table-row { clear:both; margin-bottom:10px; display:table;}
.list-item-row .item-col3 .col3-pos .col3-info-blk .table-blk .table-row .t-leftcol { width:150px; float:left; color:#880656;}
.list-item-row .item-col3 .col3-pos .col3-info-blk .table-blk .table-row .t-rightcol { float:left}
.list-item-row .item-col3 .more { display:none; position:absolute; bottom:10px; right:20px;}
.list-item-row .item-col3 .more-txt { font-size:14px; color:#fff; line-height:normal; display:inline-block; vertical-align:middle;
padding-right:8px; top:-10px; font-weight:bold; text-transform:uppercase;}
.list-item-row .item-col3 .more i { font-size:25px; line-height:0; display:inline-block; color:#fff}
.list-item-row .item-col3 .col3-pos .col3-info-blk .intro { max-height:999999px}
.list-item-row a { color:#333;}
.list-item-row a:hover { color:#fff;}
.list-item-row a:hover .intro { color: #fff;}
.list-item-row a:hover .item-col3 { background-color:#880656}
.list-item-row a:hover .item-col3 .col3-pos .item-title { font-size:20px; line-height:normal; color:#fff; border-bottom:1px solid #fff; padding-bottom:10px}
.list-item-row a:hover .item-col3 .col3-pos .col3-info-blk .table-blk .table-row .t-leftcol {color:#fff}
.list-item-row a:hover .item-col3 .more { display:block;}
/* • Columns of same height styles
----------------------------------- */
.row-full-height-list { height:100%; }
.col-full-height-list { height:100%; vertical-align:top;}
.row-same-height-list { display:table; width:100%;
table-layout: fixed; /* fix overflow */ }
.col-xs-height-list { display:table-cell; float:none !important;}
/* • Below for "press-release.html" List view
=============================================== */
.pr-blk { min-height:120px; background-color:#e6e6e6}
.pr-blk .pr-col1 { width:30%; float:left; background-color:#e6e6e6}
.pr-blk .pr-col1 .pr-date-blk { padding:0; border-bottom:1px solid #fff; z-index:5; margin-right:20px}
.pr-blk .pr-col1 .pr-date-blk .pr-date { font-size:90px; line-height:normal; border-bottom:4px solid #fff; color:#880656; display:inline-block; z-index:10; padding-left:5%; max-height:999999px}
.pr-blk .pr-col1 .pr-date-blk .pr-month { font-size:12px; line-height:normal; color:#666; padding-left:15px; font-weight:bold; display:inline-block; max-height:999999px}
.pr-blk .pr-col2 { width:70%; float:left; background-color:#e6e6e6;
-webkit-transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-webkit-transition-property: background-color, color;
transition-property: background-color, color;
box-shadow: none}
.pr-blk .pr-col2 .pr-info-blk { padding:55px 25px 20px 25px; min-height:100px}
.pr-blk .pr-col2 .pr-info-blk .pr-title { line-height:normal; color:#880656; padding:10px 0; max-height:999999px}
.pr-blk .pr-col2 .pr-info-blk .pr-into { max-height:999999px; margin-bottom:50px}
.pr-blk a .pr-col2 { color:#333; display:table; width:100%}
.pr-blk a:hover .pr-col2 { color:#fff; background-color:#880656;}
.pr-blk a:hover .pr-col2 .pr-info-blk .pr-title { color:#fff;}
html body.en .pr-blk .pr-col2 .pr-info-blk .pr-title { font-size:20px; max-height:999999px}
html body.tc .pr-blk .pr-col2 .pr-info-blk .pr-title { font-size:20px; max-height:999999px}
html body.sc .pr-blk .pr-col2 .pr-info-blk .pr-title { font-size:20px; max-height:999999px}
.view-ph-blk { padding:15px 0; margin-left:20px;}
.view-ph-blk i { padding-right:8px; line-height:normal;}
a .view-ph-blk { color:#333; cursor:pointer;
-webkit-transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-webkit-transition-property: background-color, color;
transition-property: background-color, color;
box-shadow: none;}
a:hover .view-ph-blk { color:#880656}
.pr-info-blk .more { display:none; position:absolute; bottom:10px; right:20px;}
.pr-info-blk .more-txt { font-size:14px; color:#fff; line-height:normal; display:inline-block; vertical-align:middle;
padding-right:8px; top:-10px; font-weight:bold; text-transform:uppercase;}
.pr-info-blk .more i { font-size:25px; line-height:0; display:inline-block; color:#fff}
a:hover .pr-info-blk .more { display:block;}
/* • Below for "news.html" List view
=============================================== */
/*.news-blk {}
.news-blk .news-col1 { width:22%; float:left; background-color:#e6e6e6}
.news-blk .news-col1 .news-date-blk { padding:0; border-bottom:1px solid #fff; z-index:5; margin-right:20px}
.news-blk .news-col1 .news-date-blk .news-date { font-size:90px; line-height:normal; border-bottom:4px solid #fff; color:#880656; display:inline-block; z-index:10; padding-left:5%; max-height:999999px}
.news-blk .news-col1 .news-date-blk .news-month { font-size:12px; line-height:normal; color:#666; padding-left:15px; font-weight:bold; display:inline-block; max-height:999999px}
.news-blk .news-col2 { width:78%; float:left; background-color:#e6e6e6;
-webkit-transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-webkit-transition-property: background-color, color;
transition-property: background-color, color;
box-shadow: none!important;}
.news-blk .news-col2 .news-info-blk { width:70%; float:left}
.news-blk .news-col2 .news-info-pos { padding:0 4% 20px 4%;}
.news-blk .news-col-img { width:30%; float:left}
.news-blk .news-info-blk-full { width:100%; float:left;}
.news-blk .news-col2-full { width:100%; float:left; background-color:#e6e6e6; display:table;
-webkit-transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-webkit-transition-property: background-color, color;
transition-property: background-color, color;
box-shadow: none!important;}
.news-title { line-height:normal; color:#880656; padding:0; max-height:999999px; margin-top:70px;}
.news-into { max-height:999999px}
a .news-col2 { color:#333;}
a:hover .news-col2 { color:#fff; background-color:#880656;}
a:hover .news-col2 .news-title { color:#fff;}
html body.en .news-title { font-size:20px; max-height:999999px}
html body.tc .news-title { font-size:20px; max-height:999999px}
html body.sc .news-title { font-size:20px; max-height:999999px}
.view-ph-blk { padding:15px 0 0 0; margin-left:20px;}
.view-ph-blk i { padding-right:8px; line-height:normal;}
a .view-ph-blk { color:#333; cursor:pointer;
-webkit-transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-webkit-transition-property: background-color, color;
transition-property: background-color, color;
box-shadow: none;}
a:hover .view-ph-blk { color:#880656}*/
/* =============================================================================
= iPad Portrait and Landscape Styles
============================================================================= */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1) {
/* • Below for "concerts.html" List view
=============================================== */
.list-item-row .item-col1 .item-date-blk .item-date { font-size:60px;}
.list-item-row .item-col1 { width:25%;}
.list-item-row .item-col2 { width:20%;}
.list-item-row .item-col3 { width:55%;}
.list-item-row .item-col1 .item-date-blk .item-month { padding-left:10px}
/* • Below for "press-release.html" List view
=============================================== */
.pr-blk .pr-col1 .pr-date-blk .pr-date { font-size:60px;}
.pr-blk .pr-col2 .pr-info-blk { padding:20px 20px 20px 20px}
/* • Below for "news.html" List view
=============================================== */
/*.news-blk .news-col1 .news-date-blk .news-date { font-size:60px;}
.news-blk .news-col1 { width:30%;}
.news-blk .news-col2 .news-info-blk { width:60%;}
.news-blk .news-col-img { width:40%; float:left}
.news-title { line-height:normal; color:#880656; padding:0; max-height:999999px; margin-top:20px;}*/
}