/*
Festival Internacional Torre Maria
Theme URI: http://www.fitm.cat
Author: Andreu Llos
Version: 1
*/

@font-face {
    font-family: 'Manuka';
    src: url('fonts/Manuka-Regular.eot'); /* IE9 Compat Modes */
    src: url('fonts/Manuka-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Manuka-Regular.woff') format('woff'), /* Modern Browsers */
         url('fonts/Manuka-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/Manuka-Regular.svg#Manuka-Regular') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family: 'ManukaCondensedMedium';
    src: url('fonts/ManukaCondensed-Medium.eot'); /* IE9 Compat Modes */
    src: url('fonts/ManukaCondensed-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/ManukaCondensed-Medium.woff') format('woff'), /* Modern Browsers */
         url('fonts/ManukaCondensed-Medium.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/ManukaCondensed-Medium.svg#ManukaCondensed-Medium') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family: 'ManukaMedium';
    src: url('fonts/Manuka-Medium.eot'); /* IE9 Compat Modes */
    src: url('fonts/Manuka-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Manuka-Medium.woff') format('woff'), /* Modern Browsers */
         url('fonts/Manuka-Medium.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/Manuka-Medium.svg#Manuka-Medium') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family: 'ManukaSlabMedium';
    src: url('fonts/ManukaSlab-Medium.eot'); /* IE9 Compat Modes */
    src: url('fonts/ManukaSlab-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/ManukaSlab-Medium.woff') format('woff'), /* Modern Browsers */
         url('fonts/ManukaSlab-Medium.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/ManukaSlab-Medium.svg#ManukaSlab-Medium') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family: 'ManukaSlab';
    src: url('fonts/ManukaSlab-Bold.eot'); /* IE9 Compat Modes */
    src: url('fonts/ManukaSlab-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/ManukaSlab-Bold.woff') format('woff'), /* Modern Browsers */
         url('fonts/ManukaSlab-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/ManukaSlab-Bold.svg#ManukaSlab-Bold') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: bold;
    text-rendering: optimizeLegibility;
}

/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
	@font-face {
		font-family: 'KnockHTF26JunFly';
		src: url('fonts/KnockHTF26JunFly.svg') format('svg');
	}
	@font-face {
		font-family: 'KnockHTF29JunLit';
		src: url('fonts/KnockHTF29JunLit.svg') format('svg');
	}
		@font-face {
		font-family: 'oneleigh-bolditalic';
		src: url('fonts/KnockHTF46Fly.svg') format('svg');
	}
}*/


body {
	background-repeat: repeat-x;
    background-position: top right;
    background-size: cover;
	background-attachment: fixed;
	background: #362A4D;
	color: #D3C999;
	margin:0;
	font-size: 1.4vw;
	-webkit-font-smoothing: antialiased;
	padding-top: 0;
	font-family: 'Manuka', Helvetica, Arial, sans-serif;
}
a {	text-decoration:none; transition: opacity .3s ease-in-out; color: #D3C999; }

a:focus, a:hover{text-decoration:none; opacity: .7; color:#D3C999;}
p a:hover,
p a:focus {text-decoration:none; color: #D3C999; border-bottom: 1px solid #D3C999; }
img {border:none;}
a img:hover { opacity: .7; }
form,
fieldset {
	padding:0;
	margin:0;
	border:0;
}
input,
select,
textarea {
	font:14px/17px 'DINPro-Light', serif;
	vertical-align:middle;
}
strong {
	font-family: oneleigh-bold;
	color:black;
	font-size:1.4vw;
}

header {
	height: 200px;
}

header h1.title {
	margin: 0;
	width: 15vw;
	position: absolute;
	right: 20px;
	text-align: right;
	text-transform: uppercase;
	font-family: 'ManukaMedium';
	font-size: 3vw;
	top: 20px;
	line-height: 0.9;
}
header .subtitle {
    position: absolute;
    text-align: center;
    margin: 0 auto;
    left: 0;
    right: 0;
    font-family: 'ManukaMedium';
    text-transform: uppercase;
    font-size: 3vw;
    top: 10px;
}

/*--------------NAVEGACIÓ--------------*/
.logo {
	font-family: 'ManukaCondensedMedium';
	font-size: 15vw;
	line-height: 1;
	color: #D3C999;
}

.navbar{
	background:transparent;
transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -webkit-transition: opacity .5s ease-in-out;
}
.navbar-fixed-top { border: 0;text-align: left;padding: 0 20px;background: transparent; }
.capsalera{display:inline-block; margin-top:0;position:relative; }

.navbar.transparency {
    opacity: 0;
	visibility: hidden;
}
.navbar h2{text-align:left; font-size:37.71px; line-height:29.26px; text-transform: uppercase; color:#0065a2; text-decoration:none;  }
.menu li {display: inline-block; margin-left:0; font-size:30px; line-height:29.26px; text-transform: uppercase; color:#0065a2; text-decoration:none;  }
.menu li a{color:#D3C999;}
.menu li:first-child {
    padding-right: 20px;
}
.menu {-webkit-padding-start:0px;}
.menu {
    margin: 0;
    padding-bottom: 10px;
}

.info-bottom-mobile { display: none; }
/*--------------/NAVEGACIÓ--------------*/


/*--------------GENERAL--------------*/
#programa{	max-width: 100%; height: 100%;margin-bottom:0;margin-left:10px;z-index:9;position:relative;	}
.row-sep{margin-top:50px;}
/*--------------/GENERAL--------------*/


/*--------------PROGRAMA--------------*/
.diaiartista{text-align:left;margin-left:11vw;}
.diaiartista.offset {
    margin-left: 5vw;
}
.diaiartista.centrat {
    margin-left: 35vw;
}
.diaiartista .dia{font-family: 'ManukaSlabMedium';color:#372B4C; font-size: 3.5vw; line-height: 3vw; text-transform: uppercase;}
h2 {padding:0;margin:0;}
.diaiartista h2,
.diaiartista h2 a {font-family: 'ManukaSlab';text-transform: uppercase;color:#372B4C; font-size: 7vw; line-height: 6vw; letter-spacing: 0.1vw;}

.diaiartista h4,
h5 {color:#FFF; font-size:44px; line-height:38px; text-transform: uppercase;margin-top:0;}
.diaiartista h4 { padding-left: 20px; display: inline-block; }
.diaiartista h4 a{color:#372B4C; font-size: 36px; line-height: 30px; text-transform: uppercase;}
h2 a p.small {
    font-family: 'ManukaSlab';
	line-height: 1.1;
	color:#372B4C;
	letter-spacing: 0;
}
.info-bottom {
    font-family: 'Manuka';
    font-size: 2.5vw;
    line-height: 1;
    margin-top: 40px;
    color: #372B4C;
    margin-left: 5vw;
    text-transform: uppercase;
}
.info-bottom a {
	color:#372B4C;
}
/*--------------/PROGRAMA--------------*/


.background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: -1;
}
.background img {
	width: 100%;
	height: auto;
	display: block;
}
.presentacio:before {
    width: 100%;
    height: 115%;
    display: block;
    content: '';
    width: 75vw;
    position: absolute;
    z-index: -1;
    border-radius: 10px;
    padding: 20px;
    left: -20px;
    top: -20px;
    background: rgba(145,91,156, 0.5);
	background: linear-gradient(180deg, rgba(145,91,156, 0.5) 0%, rgba(168,68,141, 0.5) 100%);
}
.presentacio .left {
	font-family: 'RightGroteskCompactBlack';
    text-transform: uppercase;
    color: white;
    width: 250px;
    float: left;
    font-size: 40px;
    line-height: 41px;
    padding-bottom: 30px;
    padding-top: 5px;
}

/*--------------COM ARRIBAR--------------*/
#com-arribar {background-color:transparent;padding: 80px 0;}
#com-arribar .diaiartista {
    text-align: center;
}
#com-arribar .row-fluid {
    margin-top: -58px;
}
#com-arribar .row-sep {margin-top:30px;}
#com-arribar h2{text-align:center;font-family:RightGroteskLight; font-size:46.71px; text-transform: uppercase; color:#FFF; text-decoration:none;  }
#com-arribar hi a:hover{ opacity: .5; }
#com-arribar h2 a { transition: opacity .2s ease-in-out; }

#com-arribar iframe { width:60%; }
/*--------------COM ARRIBAR--------------*/



/*--------------FOOTER--------------*/
footer{ position: relative; width: 100%; }
.logos-bottom { padding: 60px 0; }
.patrocini p, .suport p, .organitza p, .colabora p {font-family:RightGroteskLight; text-align:left; font-size:33.71px; color:#FFF; text-decoration:none;  }
.patrocini img {width:240px;}
.patrocini.right img {width:320px;}
/*--------------/FOOTER--------------*/


@media only screen and (max-width: 1024px) {
	header {
		height: 100px;
	}
	.row-sep {
		margin-top: 40px;
	}
}

/*--------------MÒBIL--------------*/
@media only screen and (max-width: 768px) {
	header {
        height: 60px;
    }
	header h1.title {
		top: 10px;
		right: 10px;
	}
	ul.menu { display: none; }
	#programa { height: auto; }
	.navbar .logo img {max-width:300px;height: auto;}
	.second-part {height: 700px;}
	#com-arribar .row-fluid {margin-top: 0;}

	.row-sep {
    margin-top: 0;
	}
	.diaiartista .dia {
		font-size: 18px;
		line-height: 22px;
	}
	.diaiartista h2, .diaiartista h2 a {    
		font-size: 30px;
		line-height: 26px;
	}

	.info-bottom {
		display: none;
	}
	.info-bottom-mobile {
		display: block;
		font-family: 'Manuka';
		margin-left: 5vw;
		text-transform: uppercase;
		font-size: 18px;
		line-height: 22px;
		color: #D3C999;
	}
	.info-bottom-mobile a {
		color: #D3C999;
	}

	footer {
        position: absolute;
        bottom: 50px;
    }
	.menu li {display: inline-block; font-size:20px; line-height:22px; text-transform: uppercase; text-decoration:none;  }

	#com-arribar {padding-top:30px;}
	#com-arribar iframe { width:100%; height:100%; min-height: 50vh; }
	#com-arribar.container-fluid {
    padding-left: 0;
    padding-right: 0;
	}


}
@media only screen and (max-width: 320px) {
.navbar .logo img { max-width: 250px; }
.row-sep { padding: 0; }

}