/*  

You cannot edit main style.css file.

All your custom style settings and tweaks can be placed here.

Backup this file before theme update - so after update can be restored!
 
*/

@import url(https://fonts.googleapis.com/css?family=Abel);

html,body{
	font-family: "Abel";
}

nav h1{
        padding: 0px 0px 0px 20px; 
}

.section{
	min-height:100vh;
}

#entrecolab.section{
	min-height:initial;
}

#anteconcertos.section{
	min-height:25vh;
}

#agenda.section{
	min-height:initial;
}

#contacto.section{
	min-height:initial;
}

section .container{
	border: 1px solid red;
}

.container{
	width: 100%;
	padding: 0px 0px 0px 0px;
}


.bx-wrapper .bx-pager.bx-default-pager a {
    background:white !important;
}

.stuff,
#header_bottom{ height:140px; bottom:0px; } /* slider + logo section height */

.stuff .flexhead{ height:110px; }

.logo_bottom img{height:100px;}

.hrlineBno{
	clear:both;
	width: 100%;
	margin:0 auto;
	padding:0;
	height:20px;
	position:relative;
}


#casa h2{
        padding: 0px 0px 0px 20px;
}

#casa p{
        font-size:1.4em;
        color:white;
	
}

.section>.container>p.section_text {
	background:none;
}

#casa .fw-container{
	padding-left:0px;
}

#casa .fw-container .fw-row{
	margin-bottom:30px;
}

#cantares{
	width:100%;
	display: flex;
	align-items:center;
}

#cantares .container{
	width: 100%;
	padding: 50px 0px 0px 0px;
}

#cantares .bx-viewport {
    height: 100%; !important
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border: 0px;
    background: #000;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

#cantares .fw-col-xs-12{
	padding: 0px;
}
/*
#cantares .fw-container{
        margin: 0px;
        padding: 0px 0px 0px 0px;
        min-width: 100%;
	//height: 100vh;
}

#cantares .fw-container .bx-wrapper{
	height: 100vh;
}

#cantares .fw-container .bx-wrapper .bx-viewport{
	height: 100vh !important;
}

#cantares .bx-controls-direction{
        margin: 0px 15px 0px 15px;
        border:1px solid red;
}
*/
/*
#cantares .fw-container .bx-wrapper .bx-viewport iframe{
	width: 100% !important;
	height: auto !important;
}

.bx-wrapper, .bx-viewport, .bx-wrapper img {height: 500px !important;}
*/
.staff p{
        padding: 0px 20px 0px 20px;
}
#colaboracoes{
	width:100%;
	display: flex;
	align-items:center;
	//background-color:white !important;
}
#colaboracoes .container{
	width: 100%;
	padding: 50px 0px 0px 0px;
}

#colaboracoes .container .featuredflex .slides ul li{
        display:inline;
}

#colaboracoes .container .featuredflex,#colaboracoes .container .featuredflex .slides,#colaboracoes .container .featuredflex .slides ul,#colaboracoes .container .featuredflex .slides ul li{
	margin: 0px;
        min-height: 100%;
}

#colaboracoes .item_slider #video{
	float:left;
	margin:1px !important;
	overflow:hidden;
	width:66%;
}

//#colaboracoes .item_slider .slider_inn{ width:34%;}

/* Fluid Video Embeds */
.fve-video-wrapper {
    position: relative;
    overflow: hidden;
    height: 0;
    background-color: transparent;
    padding-bottom: 56.25%;
    //padding-bottom: 0px;!important
    margin: 0.5em 0;
}
.fve-video-wrapper iframe,
.fve-video-wrapper object,
.fve-video-wrapper embed {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.fve-video-wrapper a.hyperlink-image {
    position: relative;
    display: none;
}
.fve-video-wrapper a.hyperlink-image img {
    position: relative;
    z-index: 2;
    width: 100%;
}
.fve-video-wrapper a.hyperlink-image .fve-play-button {
    position: absolute;
    left: 35%;
    top: 35%;
    right: 35%;
    bottom: 35%;
    z-index: 3;
    background-color: rgba(40, 40, 40, 0.75);
    background-size: 100% 100%;
    border-radius: 10px;
}
.fve-video-wrapper a.hyperlink-image:hover .fve-play-button {
    background-color: rgba(0, 0, 0, 0.85);
}

#agenda h2{
	//padding: 0px 0px 0px 0px;
	//color: rgb( 255, 179, 0 );
}

#vsel .vsel-meta {
    width: 100%;
}

#servicesbox li:hover{ background: #f2f2f2;}

ul.medpost li .meta, .singlepost .meta,
ul.medpost li .mainbutton {
    font-style: italic ;
    font-weight: normal !important;
}

.section_template h2 { color:#fff !important; text-shadow:1px 1px 0 #000}

.container_block{padding-top:100px !important; margin-bottom:40px !important;}

#clientsbox li {width: 25%;}

#servicesbox li{ width:28.4%;} /* for 4 columns use  20.3% */
#servicesbox li:nth-child(3n+1) { clear:left;} /* for 4 columns use (4n+1) */

li.staff{ width:17%;margin:0 2% 25px 0;} /* for 3 columns use  28.4% */
li.staff:nth-child(5n+1) { clear:left;} /* for 3 columns use (3n+1) */