/* Generals and desktop version */
.bcn_destacats_block * {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.bcn_destacats_block {width:100%;position:relative;}
.bcn_destacats_block .info{border-left:1px solid #E5E5E5;border-right:1px solid #E5E5E5;padding:7px 20px 0 20px;background-color:#FAFAFA;height:100px;overflow:hidden;}
.bcn_destacats_block .bcn_destacats_block_title{font-family:'Source Sans Pro', sans-serif;font-weight:300;font-size:20px;margin-top:0;margin-bottom:2px;}
.bcn_destacats_block .bcn_destacats_block_body{font-family:'Source Sans Pro', sans-serif;font-weight:400;font-size:14px;color:#666;overflow:hidden;}
.bcn_destacats_block .bcn_destacats_block_links{font-family:'Source Sans Pro', sans-serif;font-weight:400;font-size:14px;padding-top:5px;}
.bcn_destacats_block .bcn_destacats_block_thumb{position:relative;font-size:0;}
.bcn_destacats_block .bcn_destacats_block_thumb .thumb{background-size:cover;background-position:center;height:280px;}
.bcn_destacats_block .bcn_destacats_block_thumb .thumb img {width:100%;height: 100%;}
.bcn_destacats_block .bcn_destacats_block_links .field-item{display:inline-block;margin-right:10px;}
.bcn_destacats_block .bcn_destacats_block_links .field-item a:before{content:"> ";}
.bcn_destacats_block ul > li {list-style:none;}

@media screen and (max-width: 768px) {
    .bcn_destacats_block .bcn_destacats_block_thumb .thumb:after {padding-top:0;}
}

@media screen and (min-width:768px) and (max-width: 1024px) {
    .bcn_destacats_block .bcn_destacats_block_thumb .thumb {height:225px;}
}

/* Spinner */
.bcn_destacats_spinner {display:none;position:absolute;left:0;top:0;width:100%;height:0;padding-bottom:56.25%;background-color:rgba(50,50,50,0.2);opacity:1;z-index:2;}
.bcn_destacats_spinner .spinner{top:50% !important;left:50% !important;right:50% !important;}

/* Navigation */
.bcn_destacats_block .arrows{background-color:#FFF;width:50px;border:1px solid #E5E5E5;border-bottom:none;z-index:2;position:absolute;right:2%;margin-top:-4.6%;font-size:1.8em;}
.bcn_destacats_block .arrows span.arrow-left, .bcn_destacats_block .arrows span.arrow-right {cursor:pointer;color:#747480;}
.bcn_destacats_block .arrows .arrow-left {margin-left: 10%;}
.bcn_destacats_block .arrows .disabled{opacity:0.3;cursor:default;}

/* Navigation with loop */
.bcn_destacats_block .arrows-loop {width:110px;}
.bcn_destacats_block .arrows-loop span.arrow-counter {position:relative;bottom:2px;margin-left:10px;margin-right:5px;font-size:0.7em}
.bcn_destacats_block .arrows-loop span.arrow-counter span.current-slider {font-weight:600;}
.bcn_destacats_block .arrows-loop a.arrow-action {cursor:pointer;margin-left:5px;margin-right: 2px;color:#747480;text-decoration: none;}
.bcn_destacats_block .arrows-loop a.arrow-action:hover {text-decoration: none;}
.bcn_destacats_block .arrows-loop span.arrow-left, .bcn_destacats_block .arrows-loop span.arrow-right {padding-bottom:15%;float:none;margin:0;}
.bcn_destacats_block .arrows-loop .disabled{opacity:0.3;cursor:default;}

/* Mini-preview */
.bcn_destacats_block ul.slides{clear:both;display:block;white-space:nowrap;padding:0;margin:0;padding-bottom:2.3%;font-size:0px;overflow:hidden;width:102%;}
.bcn_destacats_block ul.slides > li{list-style:none;position:relative;margin:0;padding:2%;width:32.7%;display:inline-block;border:1px solid #E5E5E5;opacity:1;-webkit-transition:opacity .5s ease-in-out;-moz-transition:opacity .5s ease-in-out;-ms-transition:opacity .5s ease-in-out;-o-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out;}
.bcn_destacats_block ul.slides > li.selected{opacity:0.8;box-shadow:2px 2px 4px #666;outline: 1px solid #747480;}
.bcn_destacats_block ul.slides > li.first,.bcn_destacats_block ul.slides > li.second{border-right-color:transparent;}
.bcn_destacats_block ul.slides > li.first,.bcn_destacats_block ul.slides > li.second,.bcn_destacats_block ul.slides > li.third{opacity:1;}
.bcn_destacats_block ul.slides > li.video_slide_thumb:after{content:"";display:block;background:url(../images/player_estandard.png) center center no-repeat;width:35px;height: 25px;position:absolute;bottom:15%;left:5%;}
.bcn_destacats_block ul.slides .separator{display:inline-block;width:1px;height:0;padding-bottom:20%;background-color:#E5E5E5;}
.bcn_destacats_block ul.slides > li.last-visible{border-right:none;}
.bcn_destacats_block ul.slides > li .slide_thumb {width:100%;height:0;padding-bottom:56.2%;background-size:100%;background-position:center;background-color:#FFF;cursor:pointer;background-repeat:no-repeat;}

/* Responsive iframes */
.bcn_destacats_block .auto-resizable-iframe {position:relative;padding-bottom:56.3%;height:0px;display:none;}
.bcn_destacats_block .auto-resizable-iframe iframe {position:absolute;top:0px;left:0px;width:100%;height:100%;}

/* Mobile version */
.bcn_destacats_block .mobile-wrapper-destacat .info{padding:0 3.4vw;}
.bcn_destacats_block .mobile-wrapper-destacat .bcn_destacats_block_title{font-size:5vw;}
.bcn_destacats_block .mobile-wrapper-destacat .bcn_destacats_block_body{font-size:3.5vw;line-height:4vw;padding-top:2vw;}
.bcn_destacats_block .mobile-wrapper-destacat .bcn_destacats_block_links{font-size:3vw;padding-top:2vw;}
.bcn_destacats_block .mobile-wrapper-destacat .previews-wrapper{width:96%;}
.bcn_destacats_block .mobile-wrapper-destacat .preview-mobile .info{border:none;min-height:41vw;}
.bcn_destacats_block .mobile-wrapper-destacat .preview-mobile video {width:100% !important;height:auto !important;}
.bcn_destacats_block .mobile-wrapper-destacat .previews-wrapper-destacat,
.bcn_destacats_block .mobile-wrapper-destacat .thumb {height:100%;}

@media screen and (min-width: 768px) {
  .bcn_destacats_block .mobile-wrapper-destacat .info{padding:0 3.4vw;}
  .bcn_destacats_block .mobile-wrapper-destacat .bcn_destacats_block_title{font-size:20px;margin-top:20px;}
  .bcn_destacats_block .mobile-wrapper-destacat .bcn_destacats_block_body{font-size:14px;line-height:1.2em;padding-top:10px;}
  .bcn_destacats_block .mobile-wrapper-destacat .bcn_destacats_block_links{font-size:14px;padding-top:5px;}
  .bcn_destacats_block .mobile-wrapper-destacat .preview-mobile .info{height: auto;}
}

/* Mobile Spinner */
.bcn_destacats_block .mobile-wrapper-destacat .preview-mobile .bcn_destacats_spinner{width:96.2%;padding-bottom:54.2%;}

/* Mobile Bullets */
.bcn_destacats_block .slick-dots li button:before {font-size: 20px;}

/* Admin styles */
.view-bcn-destacats.view-display-id-page .bcn_destacats_block > .previews-wrapper-destacat > div,
.view-bcn-destacats.view-display-id-page .bcn_destacats_block > .previews-wrapper-destacat > ul {display:none;}

#views-live-preview .bcn_destacats_block ul.slides > li,.view-bcn-destacats.view-display-id-page .bcn_destacats_block ul.slides > li{opacity:1;}
.view-bcn-destacats.view-display-id-page .bcn_destacats_block ul.slides > li{vertical-align:middle;}
#views-live-preview .bcn_destacats_block ul.slides,.view-bcn-destacats.view-display-id-page .bcn_destacats_block ul.slides{overflow:scroll;width:100%;}
.view-bcn-destacats.view-display-id-page .bcn_destacats_block{min-width:250px;}
.view-bcn-destacats.view-display-id-page .bcn_destacats_block ul.slides > li .slide_thumb{cursor:default;}