@media only screen and (max-width: 480px){
    .region[class*="float-blocks"] .block{float:none;width:100%}
}

/* --- custom by amonhaha77 --- */ 
/* ================= */
/*   film festival   */
/* ================= */

/* banner */
.page-taiwandocs-selection #main-content-header {
    display: none;
}

.view-film-festival-intro .banner{
	width: 100%;
    height: 40vw;
    /* overflow: hidden !important; */
}

.view-film-festival-intro .banner>div{
    width: 100%;
    height: 100%;
    background-repeat:  no-repeat !important;
    background-size: cover !important;     
    position: relative;
    box-sizing: border-box;
}

.view-film-festival-intro .views-field-title-field-et,
.view-film-festival-intro .views-field-body-et,
.view-film-festival-intro .views-field-nothing{
    text-align: center;
    background-color: #171628;
    color: #fff;
}

.view-film-festival-intro .view-content .views-field-title-field-et {
    font-size: 2em;
    padding-top: 32px;
    padding-bottom: 32px;
}

.view-film-festival-intro .view-content p{
    font-size: 1.1em;
    text-align: left;
    width: 45%;
    margin: 0 auto;
}

.view-film-festival-intro .field-content .btn{
    color: #fff;
    border: 1px solid #fff;
    width: 12%;
    margin-top: 20px;
    margin-bottom: 32px;
}

.view-film-festival-intro .field-content .btn:hover{
    color: #171628;
    border: 1px solid #171628; 
}

.view-id-film_festival .views-row {
    width: 100%;
    margin:0px auto;
    margin-bottom: 60px;
    text-align: center;
    max-width: 1200px;
}

.view-id-film_festival .views-row .views-content{
    margin:0px auto;
}

.view-id-film_festival .field-content>div{
    display: inline-block;
    vertical-align: top;
}

.view-id-film_festival .card-left{
    float: left;
    position: relative;
}

.view-id-film_festival .cover {
    width: 474px;
    height: 265px;
    overflow: hidden !important;
}

.view-id-film_festival .card-right{
    background-color: rgba(242, 242, 242, 1);
    min-width: 300px;
    width: 60%;
    margin-left: -80px;
    padding-bottom: 1.5rem;
    text-align: left;
}

.view-id-film_festival .card-right>div{
    margin-bottom: 15px;
}

.view-id-film_festival .card-right .title{
    font-size: 1.5rem;
    font-weight: 500;
    margin: 1.5rem 1.5rem 1.5rem 4rem;
}

.view-id-film_festival .card-right .info1{
    font-family: 'Arial Normal', 'Arial';
    font-weight: 400;
    font-size: 14px;
    color: #999999;
    margin-left: 4rem;
    margin-bottom: 5px !important;
}

.view-id-film_festival .card-right .info1 b{
    font-family:'Arial Negreta', 'Arial Normal', 'Arial';
    font-weight:700;
    color: #999999;
}

.view-id-film_festival .card-right .info{
    font-family: 'Arial Normal', 'Arial';
    font-weight: 400;
    font-size: 14px;
    color: #999999;
    margin-left: 1rem;
    display: inline-block;
}

.view-id-film_festival .card-right .director{
    margin-left: 4rem;
}

.view-id-film_festival .card-right .info b{
    font-family:'Arial Negreta', 'Arial Normal', 'Arial';
    font-weight:700;
    color: #999999;
}

.view-id-film_festival .card-right .text{
    margin-left: 4rem;
    margin-right: 1.5rem;
    font-family: 'Arial Normal', 'Arial';
    font-weight: 400;
    font-style: normal;
    color: #333333;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-inline-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.view-id-film_festival .card-right .read_more{
    width: 100%;
    text-align: center;
}


.read-more-btn{
    margin: 0 auto;
    background-color: rgba(255, 255, 255, 0);
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(121, 121, 121, 1);
    width: 45%;
    height: 50px;
}

/* footer */
.footer-logo {
  max-width: 260px;
}

@media only screen and (max-width: 1200px){
    .view-id-film_festival .card-right{
        min-width: 300px;
        width: 57%;
    }
    .view-id-film_festival .views-row {
        margin-bottom: 120px;
        max-width: 800px;
    }
    .view-film-festival-intro .view-content p {
        width: 75%;
    }
    .view-id-film_festival .cover{
        width: 360px;
        height: 202px;
    }

    .read-more-btn{
        width: 160px;
    }
    .view-id-film_festival .card-right .info{
        margin-left: 10px;
    }
    .view-id-film_festival .card-right .director{
        margin-left: 4rem;
    }
    
}

@media only screen and (max-width: 1024px){
    .view-id-film_festival .card-right{
        min-width: 300px;
        width: 50%;
        /* margin-left: -30px;     */
    }
    .view-id-film_festival .views-row {
        margin-bottom: 120px;
        max-width: 800px;
    }
    .view-film-festival-intro .view-content p {
        width: 75%;
    }
    .view-id-film_festival .cover{
        width: 360px;
        height: 202px;
    }

    .read-more-btn{
        width: 160px;
    }
    .view-id-film_festival .card-right .info{
        margin-left: 10px;
    }
    .view-id-film_festival .card-right .title,
    .view-id-film_festival .card-right .info1,
    .view-id-film_festival .card-right .director,
    .view-id-film_festival .card-right .text{
        margin-left: 2rem;
    }
    .i18n-en .view-id-film_festival .card-right .info{
        /* margin-left: 10px; */
        margin-bottom: 5px ;
    }
    .i18n-en .view-id-film_festival .card-right .running_time{
        margin-left: 2rem;
        margin-bottom: 15px ;
    }
    
}

@media only screen and (max-width: 768px){
    .view-id-film_festival .field-content>div{
        display: block;
    }
    .view-id-film_festival .cover{
        width: 80%;
        height: 80%;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .view-id-film_festival .views-row {
        margin-left: 0;
    }
    .view-id-film_festival .card-right{
        width: 80%;
        margin: 0 auto;
    }
    .view-id-film_festival .card-left{
        position: relative;
    }
    .view-film-festival-intro .field-content .btn {
        width: auto;
    }
    .view-film-festival-intro .view-content .views-field-title {
        font-size: 1.7rem;
    }
    .view-film-festival-intro .view-content p {
        font-size: 0.9em;
    }
    .view-id-film_festival .card-right .title{
        font-size: 1.5em;
        padding-top: 2rem;
        margin: 1.5rem 1.5rem 1.5rem 1.5rem;
    }
    .view-id-film_festival .card-right .info1,
    .view-id-film_festival .card-right .info{
        margin-left: 1.5rem;
    }
    .view-id-film_festival .card-right .text{
        margin-left: 1.5rem;
    }
    .read-more-btn{
        width: 45%;
    }

    .i18n-en .view-id-film_festival .card-right .running_time{
        margin-left: 1.5rem;
        margin-bottom: 15px ;
    }
}

@media screen  and (max-width: 480px){
    .view-id-film_festival .field-content>div{
        display: block;
    }
    .view-id-film_festival .cover{
        width: 90%;
        height: 90%;
        margin: 0 auto;
        margin-bottom: 20px;
        min-width: 300px;
    }
    .view-id-film_festival .views-row {
        margin-left: 0;
    }
    .view-id-film_festival .card-right{
        width: 90%;
        margin: 0 auto;
        min-width: 300px;
    }
    .view-id-film_festival .card-left{
        position: relative;
    }
    .view-film-festival-intro .field-content .btn {
        width: auto;
    }
    .view-film-festival-intro .view-content .views-field-title {
        font-size: 1.5em;
    }
    .view-film-festival-intro .view-content p {
        font-size: 0.9em;
    }
    .view-id-film_festival .card-right .title{
        padding-top: 1.5rem;
        margin: 1.5rem 1.5rem 1.5rem 1.5rem;
    }
    .view-id-film_festival .card-right .info1,
    .view-id-film_festival .card-right .info{
        width: 100%;
        margin-left: 1.5rem;
        margin-bottom: 2px !important;
    }
    .view-id-film_festival .card-right .running_time{
        margin-bottom: 15px !important;
    }
    .view-id-film_festival .card-right .text{
        margin-left: 1.5rem;
    }
    .i18n-en .view-id-film_festival .card-right .running_time{
        margin-left: 1.5rem;
        /* margin-bottom: 15px ; */
    }    
}

/* custom by poliphilo */
/* refs #34973. Hide year of film latest plans list */
.film-latest-plans .film-card .year { display: none; }
/* refs #39397. Fix letter-spacing issue of field label */
.node-type-film article.node-full .field-group-1 .field-label{ letter-spacing: 0; }