/*
Theme Name: TiMilha 2023
Theme URI: http://html5blank.com
Description: TiMilha 2023 WordPress Theme
Version: 1.4.3
Author: Diogo Gomes
Author URI: http://diogomes.pt
Tags: Blank, HTML5, CSS3

License: MIT
License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
MAIN
\*------------------------------------*/

.gm-style-iw-d{
    margin-right:12px;
    margin-bottom: 12px;
    line-height: 150%;
}


.gmnoprint div {
    background:none !important;
    display:none !important;
}

#restauracao{
    text-align:center;
}
#restauracao img{
    min-height: 80px;
	max-height: 9.5vmin;
    image-rendering: auto;
    height:100%;
    width:auto;
}


#parcerias img{
    max-height: 8vmin;
    image-rendering: auto;
    width: auto;
    min-height: 50px;
}

#video{
	clip-path: polygon(1% 0, 100% 11%, 100% 100%, 0 98%);
	min-height: 350px;
}

#video .embed-responsive{
	height:100%;
}

.banda .odd{
    font-family: TuskerGrotesk-Bold;
}

.banda .even{
   	font-family: TuskerGrotesk-Medium;
    font-weight: 600;
}

#lineup-portrait{
	display: none;
}

#lineup-landscape{
	display: flex;
}

.banda{
	display: flex;
    padding: 0.5vmin 0;
}

.banda span{
	padding: 0 0.5vmin;
	text-align: center;
}

.line-up .separator{
    font-size: 1.5vw;
    display: inline-flex;
    align-items: center;
}

.level-1 span{
	font-size: 3vw;
}

.level-2 span{
	font-size: 2.5vw;
}

.level-3 span{
	font-size: 2vw;
}

.level-4 span{
	font-size: 1.8vmin;
}

.level-5 span{
	font-size: 2.25vw;
}





/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.social-media a:hover i{
	color: #121212;
	opacity: 1;
}

.fa-brands{
	color: #121212;
	font-size: 1.25rem;
	margin-left: 0.65rem;
	opacity: 0.5;
}

.obs-popover .fa-circle-question:hover{
    color: darkblue;
    cursor: pointer;
}
.obs-popover .fa-circle-info:hover,
.obs-popover .fa-camera:hover{
    color: black;
    cursor: pointer;
}
.popover-body, .popover-title{
    font-size: 1.15rem;
}

#login-container{
    padding:1.5rem 2.5rem;
    background-color: rgba(255, 255, 255, 0.5);
    margin-top: 20%;
    margin-left:auto;
    margin-right:auto;
    border: 1px solid gray;
    border-radius: 1rem;
}

#login-container .login-error{
    font-size: 1.15rem;
    font-weight: 600;
    color: red;
    text-align: center;
    margin-bottom: 0;
}

#login-container .login-submit{
    text-align: center;
}

#login-container #rememberme{
    vertical-align: middle;
    position: relative;
    top: -2px;
}

#login-container #wp-submit{
    border-radius: 25px;
    padding: 0.75rem 1.5rem;
    font-weight: bold;
    font-size: 1.5rem!important;
    color: #F9F6ED;
    border: none;
    background-color: rgba(255,80, 97, 1);
    box-shadow: 0px 8px 15px rgb(45 43 41 / 10%);
    transition: all 0.3s ease 0s;
}

#login-container #wp-submit:hover{
  box-shadow: 0px 15px 20px rgba(255, 80, 97, 0.4);
  transform: translateY(-5px);
}

#login-container .input{
    display:flex;
    font-size: 2rem!important;
    margin-left:auto;
    min-width:150px;
    min-width:250px;
    text-align: center;
}

#login-container .login-password label,
#login-container .login-username label{
    font-size: 1.35rem!important;
    font-weight: 500;
    margin-bottom: 0;
    
}

#login-container .login-remember label{
    font-size: 1.25rem!important;
    
}

.navbar .menu-item-has-children > a {
	pointer-events: none!important;
}


.navbar .sub-menu{
    position: absolute;
    display: none;
    flex-direction: column;
    background-color: transparent;
    border-radius: 0;
    border: none;
    top: 6rem;
    padding: 1rem 0.5rem 0 0.5rem;
    margin-left: -0.5rem;
}

.navbar .sub-menu li{
    background: rgba(255,76, 3, 1);
    border-bottom: none!important;
    text-align: left!important;
    padding: 0.25rem 1rem 0.25rem 1rem;
    margin: 0.25rem 0rem;
    clip-path: polygon(3% 0%, 100% 0%, 97% 100%, 0% 100%);
}


.navbar .sub-menu li a{
    border-bottom:none!important;
    font-size: 1.5rem!important;
    color: white!important;
}

.navbar .sub-menu li a::before{
    content: "- ";
    margin-right: 5px;
}

.navbar .sub-menu li:hover{
    margin-left: 0.5rem;
    margin-right: -0.5rem;
}

body.hasHover .navbar .menu-item-has-children:hover > .sub-menu li:nth-child(2){
   animation-delay: 200ms;
}

body.hasHover .navbar .menu-item-has-children:hover > .sub-menu li:nth-child(3){
   animation-delay: 400ms;
}

body.hasHover .navbar .menu-item-has-children:hover > .sub-menu li:nth-child(4){
   animation-delay: 600ms;
}

body.hasHover .navbar .menu-item-has-children:hover > .sub-menu li:nth-child(5){
   animation-delay: 800ms;
}

body.hasHover .navbar .menu-item-has-children:hover > .sub-menu{
    display: flex;
}

body.hasHover .navbar .menu-item-has-children:hover > .sub-menu li{
    opacity: 0;
    display: block;
    transform-origin: top center;
    animation: translateX 300ms ease-in-out forwards;
}





@keyframes translateX {
  0% {
    opacity: 0;
    transform: translateX(60px);
  }
  
  80% {
    transform: translateX(-5px);
  }

  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}


.overlay .sub-menu li::before{
    content:none;
}

.overlay .sub-menu{
    background-color: rgba(255, 255, 255, 0.25);
    max-height: 0px;
    overflow: hidden;
    transition: all 0.35s ease-out;
    padding: 0rem 0;
    font-size: 2rem;
    line-height: 4.5rem;
}

.overlay.show .sub-menu.show{ 
    max-height: 25rem;
    transition: all 0.35s ease-in-out;
    padding: 1.5rem 0;
}




/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
    font-size:1.35rem!important;
}

input[type=radio] {
    margin-top: -3px;
    vertical-align: middle;
}

input[type=text], textarea{
    font-size:1.35rem!important;
}


.modal-content{
	    border-radius: 1rem 1rem 1rem 1rem;
	    background-color: #F9F6ED;
}
.modal-header{
    color: black;
    border-radius: 1rem 1rem 0 0;
    background-color: rgba(0,0,0,0.1);
}
.modal-title{
	padding: 0.5rem 0 0.5rem 1rem;
	width: 100%;
	padding-left: 1rem;
	text-align: center;
	font-size: 1.75rem!important;
}

.modal-header .close{
	padding: 0 1rem 0 0;
	margin: auto 0;
	color: black; 
	font-size: 4rem;
	opacity: 0.5;
}

.modal-header .close:hover{
	opacity: 1!important;
}

.form-select{
	background-color: rgba(255,255,255,0.9)!important;
    font-size: 1.35rem!important;
    height: calc(1.5em + 0.75rem + 2px)!important;
    padding: 0.375rem 0.75rem!important;
    font-weight: 400!important;
    line-height: 1.5!important;
    color: #495057!important;
    background-color: #fff!important;
    background-clip: padding-box!important;
    border: 1px solid #ced4da!important;
    border-radius: 0.25rem!important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out!important;
}

#recompensas{
	font-size: 1.5rem;
}

#recompensas td, #recompensas th{
     vertical-align: middle;
}

#calendar{
	min-height: 200px;	
}

#calendar p{
	font-size: 1.75rem;
    line-height: 1.75;
    font-weight: 500;
}

#calendar input[type=checkbox]{
    display: none;
}

#calendar input[type=checkbox]:checked + .periodo{
    background-color: rgba(0, 190, 237, 1);
    color: white;
}

#calendar .dia{
	height: 100%;
	min-height: 200px;
	display: flex;
	flex-direction: column;
}

#calendar .dia label:hover{
	background-color: #ffdcdc;
}

#calendar .dia label{
	background-color: rgba(255, 255, 255, 0.65);
    display: flex;
    align-items: center;
    text-align: center;
    font-weight: 500;
    text-transform: uppercase;
	border: 1px solid black;
  	flex: 1;
  	margin:0 3px 3px 0;
}

.periodo span{
    width: 100%;
    text-align: center;
	font-size: 1.1rem!important;
}

#calendar .dia > span{
	margin: 0.75rem 0 0.5rem 0;
	text-align: center;
	font-size: 1.35rem;
    font-weight: 500;
    text-transform: uppercase;
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top{
    bottom: 0!important;
    top: auto!important;
}


.swiper-slide{
    opacity: 0;
}

.swiper-slide-prev,
.swiper-slide-active,
.swiper-slide-next{
    opacity: 1;
}

.img-wrapper{
    position:relative;
}

.swiper-slide-prev .shadow{
    background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0));
}

.swiper-slide-next .shadow{
    background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0));
}

.shadow{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.7;
}


/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
	image-rendering: -moz-crisp-edges;         /* Firefox */
	image-rendering:   -o-crisp-edges;         /* Opera */
	image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor; 
	}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}

.modal b{
     font-weight:600!important;
}

body {
    font-family: 'Signika', sans-serif;
	font:300 1.5rem;
	color:#000000;
	width:100vw;
	overflow-x: hidden;
	background: #F9F1EA;
}
/* clear */
.clear:before,
.clear:after {
	content:' ';
	display:table;
}

.clear:after {
	clear:both;
}

.clear {
	*zoom:1;
}

img {
	width:100%;
	max-width:100%;
	height: auto;
	vertical-align:bottom;
}

.cartaz_home a:hover{
	color: #FF5061!important;

}

a {
	color:#121212;
	text-decoration:none;
}
a:hover {
	text-decoration:none;
}

a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}


.form-control{
    font-size:2rem;
}

form button{
    font-size:2rem!important;
}


/*------------------------------------*\
STRUCTURE
\*------------------------------------*/


*:focus{
	outline:none !important;
	outline-width: 0 !important;
	box-shadow: none!important;
	-moz-box-shadow: none!important;
	-webkit-box-shadow: none!important;
}

#sobre-festival{
	white-space: normal;
	font-weight: 300;
	line-height: 150%;
	margin-bottom: 10rem;
}

#condicoes{
	white-space: normal;
	font-weight: 300;
	line-height: 150%;
	margin-bottom: 10rem;
}

#condicoes p:first-child{
	font-weight: 500;
}

#condicoes p{
	margin-top: 3rem;
}

#informacoes{
	white-space: normal;
	font-weight: 300;
	line-height: 150%;
	font-size: 80%;
	margin-bottom: 10rem;
}

.wrapper_overflow{
	width:100%!important;
	overflow: hidden;
}


/* wrapper */
.wrapper {
	max-width:1280px;
	width:90%;
	min-height: 100vh;
	margin:0 auto;
	position:relative;
	display: flex;
	flex-direction: column;
	align-items: stretch;
}

.wrapper_container {
	max-width:1280px;
	width:90%;
	margin:0 auto;
}	

/* header */
.header {
	position: relative;
	top: 0;
	width: 100%;
	z-index:500;
}

/* logo */
.logo {
	max-width: 8rem;
	max-height: 8rem;

}

.logo.invert{
	filter: invert(100%) sepia(0%) saturate(528%) hue-rotate(331deg) brightness(107%) contrast(95%);
}

.logo-img {

}

main {
	flex-grow: 1;
	margin-top:8rem;
	font-size: 2rem;
}

p strong{
	font-weight: 500!important;
}

h1{
	font-size: 3rem;
    font-family: 'TuskerGrotesk-Bold';
}

h2{
	font-size: 2.5rem;
    font-family: 'TuskerGrotesk-Bold';
}

h3{
	font-size: 2.5rem;
    font-family: 'TuskerGrotesk-Semibold';
}

h4{
	font-size: 2.5rem;
    font-family: 'TuskerGrotesk-Medium';
}

/* nav */
.navbar {
	max-width:1280px;
	width:90%;
	margin:0 auto;
	padding-bottom: 2rem;
	padding-top: 0!important;
	background-image:none;	
    font-family: 'TuskerGrotesk-Medium';

	
	/*background-image: url('http://api.thumbr.it/whitenoise-100x100.png?background=c94e4e00&noise=626262&density=20&opacity=20'), linear-gradient(to bottom, rgba(187,218,176, 1) 75%, rgba(187,218,176, 0) 95%);*/
}

.navbar-brand{
    padding:0.5rem;
    border:none;
    -webkit-transition: border 0.25s, background-color 0.5s ease-in-out;
    -moz-transition: border 0.25s,  background-color 0.5s ease-in-out;
    -ms-transition: border 0.25s,  background-color 0.5s ease-in-out;
    -o-transition:  border 0.25s, background-color 0.5s ease-in-out;
    transition:  border 0.25s, background-color 0.5s ease-in-out;
}

.navbar-brand.change{
    background-color:transparent!important;
    border: none!important;
}

.overlay {
	height: 100%;
	width: 100vw;
	position: fixed;
	z-index: 1000;
	text-align:center;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 255, 1);
	overflow-x: hidden;
	transition: 0.3s;
    text-transform: uppercase;
    font-family: 'TuskerGrotesk-Medium';
}

.overlay a{
	color: white!important;
}

.overlay .navbar-nav{
    width: 100vw;
    margin: 18vh auto 0 auto;
    font-size: 2.5rem;
    line-height: 5.75rem;
}


.overlay .current-menu-item  a{
}

.overlay a:focus{
    border-bottom: 3px solid white;
}

.overlay .sub-menu .current-menu-item a{
}

.overlay:not(.show){
	width:0;
}

.overlay.show{
	width: 100%;
}

.overlay-content {
	position: relative;
	top: 25%;
	width: 100%;
	text-align: center;
	margin-top: 30px;
}

::-webkit-scrollbar { 
	display: none; 
}

.navbar ul {
	list-style-type: none;
	margin: 0;
    padding: 0.1rem 5rem;
    margin-top: -1rem;
    
    -webkit-transition: border 0.25s, background-color 0.5s ease-in-out;
    -moz-transition: border 0.25s,  background-color 0.5s ease-in-out;
    -ms-transition: border 0.25s,  background-color 0.5s ease-in-out;
    -o-transition:  border 0.25s, background-color 0.5s ease-in-out;
    transition:  border 0.25s, background-color 0.5s ease-in-out;
}


.navbar li {
	margin-right: 0.5rem;
	padding: 0.4rem 0.75rem;
	margin: 0.25rem;
	text-align: center;
	border-bottom: 2px solid transparent;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.navbar li:hover{
	text-decoration: none;
	cursor: pointer;
}

.navbar li a{
	color: black;
	font-size:  2rem;
    text-transform: uppercase;
	padding-bottom:2px;
}


.navbar .current-menu-item > a,
.navbar .current-menu-ancestor > a{
	color: black!important;
	padding-bottom:2px;
	border-bottom: 2px dashed black!important;
}

.navbar .current-menu-item > a:hover,
.navbar .current-menu-ancestor > a:hover{
	padding-bottom:2px;
	border-bottom: 2px solid black!important;
}


.sub-menu .current-menu-item{
    background-color: rgb(0,165,118)!important;
}

.overlay > .current-menu-item a,
.overlay .current-menu-ancestor > a{
	padding-bottom:2px!important;
	border-bottom: 3px dashed white!important;
}

.overlay .sub-menu .current-menu-item a{
	color: #F9F6ED!important;
}

body.hasHover .navbar li:hover a,
body.hasHover.navbar li a:hover{
	text-decoration: none;
	border-bottom: 2px solid black;
}



.hamburguer {
	display: inline-block;
	cursor: pointer;
}


.bar1, .bar2, .bar3 {
	width: 35px;
	height: 5px;
	background-color: black;
	margin: 6px 0;
	transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.change .bar1 {
	-webkit-transform: rotate(-45deg) translate(-9px, 6px);
	transform: rotate(-45deg) translate(-9px, 6px);
    outline: 1px solid rgba(255, 255, 255, 0);
    box-shadow: 0px 0px;
    background-color: #F9F6ED;
}

.change .bar2 {opacity: 0;}

.change .bar3 {
	-webkit-transform: rotate(45deg) translate(-8px, -8px);
	transform: rotate(45deg) translate(-8px, -8px);
    background-color: #F9F6ED;
}


/* sidebar */
.sidebar {

}

/* footer */
.footer {
    position: relative;
    z-index: 1;
	width:100vw;
	bottom:0;
	flex-shrink: 0;
	background-color: transparent;
	font-size: 1.2rem;
	font-weight: 500;
}

.footer img{
	max-height: 42px!important;
	max-width: 220px!important;
	width: auto;
	filter: invert(0%) sepia(100%) saturate(0%) hue-rotate(21deg) brightness(0%) contrast(100%);
}

#apoios{
    font-weight: bold;
}

.footer_bar{
	background-color: #2D2B29;
	color: #F9F6ED;
}

.copyright {
	text-align: left;
	font-size: 1.2rem;
	font-weight: 300;
}
.copyright a{
	text-decoration: none;
}

.termos{
	text-align: right;
	font-size: 1.2rem;
	font-weight: 300;
	display: flex;
	align-items: center;
}

.termos a{
	text-decoration: none;
	color: #F9F6ED!important;
}

.copyright .fa-brands{
    color: white;
    font-size: 2rem;
    margin-left: 0;
    margin-right: 1.1rem;
    opacity: 0.85!important;
}

.copyright .fa-brands:hover{
    color: orange;
}

.termos a:hover{
	text-decoration: underline;
}

/*------------------------------------*\
PAGES
\*------------------------------------*/
section{
	position: relative;
}

#filtrar_actividades{
	
}

.hide{
	display:none!important;
}

.mapouter, .gmap_canvas{
	width:100%!important;
}

#cartazes{
	text-align: center;
}

#cartazes img{
	max-width: 50%;
	height: auto;
}




/*------------------------------------*\
IMAGES
\*------------------------------------*/




/*------------------------------------*\
LANDING PAGE
\*------------------------------------*/

.custom-btn{
    border-radius: 25px;
	margin: 0 auto;
	padding: 0.75rem 1rem;
    font-weight: 400;
	font-size: 2vh;
	color: #F9F6ED;
	border: none;
	background-color:rgba(139,0, 0, 1);
	box-shadow: 0px 8px 15px rgba(45, 43, 41, 0.1);
  	transition: all 0.3s ease 0s;
}

.custom-btn>i{
    transform: rotate(320deg);
    color: #F9F6ED;
}

#btn-mail, #btn-volunteer, #btn-feirante, #btn-inscricao{
    border-radius: 25px;
	margin-top: 2rem;
	padding: 0.75rem 1rem;
    font-weight: bold;
	font-size: 1.5rem!important;
	color: #F9F6ED;
	border: none;
	background-color:rgba(255,80, 97, 1);
	box-shadow: 0px 8px 15px rgba(45, 43, 41, 0.1);
  	transition: all 0.3s ease 0s;
}

#btn-mail[type="submit"], #btn-volunteer[type="submit"], #btn-feirante[type="submit"], #btn-inscricao[type="submit"]{
	cursor: pointer;
}

#btn-mail[type="button"], #btn-volunteer[type="button"], #btn-feirante[type="button"], #btn-inscricao[type="button"]{
	cursor: default;
}

.spinner{
	color: #FF5061;
}


body.hasHover #btn-mail.hover:hover,
body.hasHover #btn-volunteer.hover:hover,
body.hasHover #btn-feirante.hover:hover,
body.hasHover #btn-inscricao.hover:hover
{
  box-shadow: 0px 15px 20px rgba(255, 80, 97, 0.4);
  transform: translateY(-5px);
}

body.hasHover .custom-btn:hover{
  box-shadow: 0px 15px 20px rgba(0, 0, 255, 0.4);
  transform: translateY(-5px);
}

.cartaz_home{
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}


.titulo{
	font-size: 3vh;
	font-weight: 500;
	color: #121212;
	margin:0 0 0 0;
	padding: 0;
	text-align: center;
}

.texto{
	color: #2D2B29; /* red - FF5061 */
	text-align: center;
	font-size: 2.5vh;
	font-weight: 900;
	word-wrap: break-word;
	word-break: break-word;
	margin:0;
	padding: 0;
}

.contentor{
	width:100%;
	max-width:1280px;
	height: 100vh;
	min-height:600px;
	position: relative;
    margin: -10rem auto 0 auto;
	top: 0;
	left: 0;
	padding: 0;
	z-index:1;
}



.form-control{
	background-color: rgba(255,255,255,0.9)!important;
	font-size: 1.5rem!important;
}



.clip1{
	clip-path: polygon(14% 8%, 100% 0, 89% 100%, 0 100%);
}

.clip2{
	clip-path: polygon(14% 8%, 100% 0, 89% 100%, 0 100%);
}

.clip3{
	clip-path: polygon(14% 8%, 100% 0, 89% 100%, 0 100%);
}

.clip4{
	clip-path: polygon(14% 8%, 100% 0, 89% 100%, 0 100%);
}

.clip5{
	clip-path: polygon(14% 8%, 100% 0, 89% 100%, 0 100%);
}


.img-overlay{
	width: 100%;
	height: auto;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 1;
}

.img-overlay img{
	/*filter: grayscale(100%);*/
	opacity: 0.9;
    /*mix-blend-mode: luminosity;*/
}


#img1{
	width: 100%;
	height: auto;
	min-height: 35vh;
    background-color: #FFAB00;
    background-image: url("img/timilha.jpg");
	clip-path: polygon(14% 8%, 100% 2%, 89% 100%, 2% 100%);
	background-blend-mode: luminosity;
	background-repeat: no-repeat;
	background-size: cover;
    background-position: center;
	opacity: 0.9;	
}


#img2{
	width: 100%;
	height: auto;
	min-height: 35vh;
    background-color: #00BEED;
    background-image: url("img/camping.jpg");
	clip-path: polygon(8% 8%, 100% 1%, 91% 100%, 2% 100%);
	background-blend-mode: luminosity;
	background-repeat: no-repeat;
	background-size: cover;
    background-position: center;
	opacity: 0.9;
}


#img3{
	width: 100%;
	height: auto;
	min-height: 35vh;
    background-color: #00A478;
    background-image: url("img/caneca_2.jpg");
    clip-path: polygon(7% 4%, 99% 2%, 96% 100%, 2% 96%);
	background-blend-mode: luminosity;
	background-repeat: no-repeat;
	background-size: cover;
    background-position: center;
	opacity: 0.9;
}


#img4{
	width: 100%;
	height: auto;
	min-height: 35vh;
    background-color: #FFAB00;
    background-image: url("img/food.jpg");
	clip-path: polygon(0 0, 96% 6%, 100% 100%, 5% 97%);
	background-blend-mode: luminosity;
	background-repeat: no-repeat;
	background-size: cover;
    background-position: center;
	opacity: 0.9;
}


.bg_texture{
    width: 100vw;
    height: 100vh;
    position: fixed;
    z-index: -10;
    background-image: url("img/textura.png");
    background-color: #F9F1EA;
    background-size: cover;
    mix-blend-mode: soft-light;
    top: 0;
    left: 0;
}


#landing_bg{
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}

.graphics{
    width: 100vw;
    height: 100vh;
    position: absolute;
}

.graphics0-inner{
    background-color: #F9F1EA;
}
.graphics1-inner{
    background-image: url("img/laranja.png");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50% 40%;
    top: 0;
    right: 0;
	/*animation: mymove 3s infinite;
	will-change: transform;
    animation-delay: 500ms;
	animation-direction: alternate; /*animation-direction: normal|reverse|alternate|alternate-reverse|initial|inherit;*/
}

.graphics2-inner{
    background-image: url("img/verde.png");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50% 40%;
    bottom: 0;
    left: 0;
	/*animation: mymove2 3.5s infinite;
	will-change: transform;
    animation-delay: 1000ms;
	animation-direction: alternate; /*animation-direction: normal|reverse|alternate|alternate-reverse|initial|inherit;*/
}

.graphics3-inner{
    background-image: url("img/azul.png");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50% 40%;
    top:0;
    left: 0;
	animation: mymove3 4s infinite steps(32);
	animation-direction: alternate; /*animation-direction: normal|reverse|alternate|alternate-reverse|initial|inherit;*/
}

.graphics4-inner{
    background-image: url("img/vermelho.png");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50% 40%;
    bottom: 0;
    right: 0;
	animation: mymove4 5s infinite steps(32);
	animation-direction: alternate; /*animation-direction: normal|reverse|alternate|alternate-reverse|initial|inherit;*/
}

@keyframes mymove {
  0% {
    -webkit-transform: scale(1.1) rotate(-2deg);
  }
  100% {
    -webkit-transform: scale(1.2) rotate(1deg);
  }
}


@keyframes mymove2 {
  0% {
    -webkit-transform: scale(1.2) rotate(1deg);
  }
  100% {
    -webkit-transform: scale(1.1) rotate(-2deg);
  }
}

@keyframes mymove3 {
  0% {
    -webkit-transform: scale(1.2) rotate(-2deg);
  }
  100% {
    -webkit-transform: scale(1.1) rotate(1deg);
  }
}

@keyframes mymove4 {
  0% {
    -webkit-transform: scale(1.1) rotate(-1deg);
  }
  100% {
    -webkit-transform: scale(1.2) rotate(2deg);
  }
}

.graphics5-inner{
    width: 100vw;
    height: 100vh;
    position: absolute;
    background-image: url(img/textura.png);
    background-size: cover;
    opacity: 0.7;
    mix-blend-mode: soft-light;
}



/*------------------------------------*\
TYPOGRAPHY
\*------------------------------------*/


@font-face {
	font-family:'Font-Name';
	src:url('fonts/font-name.eot');
	src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),
	url('fonts/font-name.woff') format('woff'),
	url('fonts/font-name.ttf') format('truetype'),
	url('fonts/font-name.svg#font-name') format('svg');
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family: TuskerGrotesk-Medium;
	src: url(fonts/TuskerGrotesk-4500Medium.woff);
}

@font-face {
	font-family: TuskerGrotesk-6500Medium;
	src: url(fonts/TuskerGrotesk-6500Medium.woff);
}

@font-face {
	font-family: TuskerGrotesk-Semibold;
	src: url(fonts/TuskerGrotesk-6600Semibold.woff);
}

@font-face {
	font-family: TuskerGrotesk-Bold;
	src: url(fonts/TuskerGrotesk-6700Bold.woff);
}



/*------------------------------------*\
CARDS
\*------------------------------------*/
.Concertos,
.Actividades,
.Performances,
.Workshops{
	display: block;
}

.eventos-wrapper{
	/*max-width: 450px;*/
	margin: auto;
}

.evento{
	border-bottom: 1px solid rgba(45,43,41,1);
}

.evento:hover{
	
}

.btn.insc{
    color: #FF5061;
    font-size: 1rem;
    border: 1px solid #FF5061;
    margin-top: -2.5rem;
    margin-right: 1.2rem;
    float: right;
    min-width: 70px;
    line-height: normal;
    position: absolute;
    right: 0;
}

.btn.insc:hover{
    color: white;
    background-color: #FF5061;
}

.btn.act{
    color: #2D2B29;
    font-size: 1.2rem;
    border: 1px solid black;
    border-radius: 0.75rem;
    line-height: normal;
}

.btn.act.hidden{
	background-color: rgba(255,255,255,0.25);
    color: #2D2B29;
    opacity: 0.5;
}

.btn.act.hidden .fa-circle-check{
    display: none;
}

.btn.act:not(.hidden) .fa-circle-xmark{
    display: none;
}


#workshopsBtn.active{
	
}
#actividadesBtn.active{
	
}
#performancesBtn.active{
	
}
#concertosBtn.active{
	
}


#workshopsBtn{
	
}
#actividadesBtn{
	
}
#performancesBtn{
	
}
#concertosBtn{
	
}

/*
.Workshops .event-content{
	border: 3px solid rgba(52,43,127,1);
	box-shadow: 12px -6px rgba(52,43,127, 1);
}
.Actividades .event-content{
	border: 3px solid rgba(198,40,89, 1);
	box-shadow: 12px -6px rgba(198,40,89, 1);
}
.Performances .event-content{
	border: 3px solid rgba(198,40,168,1);
	box-shadow: 12px -6px rgba(198,40,168, 1);
}
.Concertos .event-content{
	border: 3px solid rgba(226,96,59,1);
	box-shadow: 12px -6px rgba(226,96,59, 1);
}
*/

.timilha-title{
    text-align: center;
}

.timilha-title img{
    width:50%;
    height: auto;
    min-width:150px;
    max-width: 375px;
}

.sex.img-overlay{
    background-color: rgba(255,107,7,0.3);
    border: 10px solid rgb(255,107,7);
}
.sab.img-overlay{
    background-color: rgba(255,190,0,0.3);
    border: 10px solid rgb(255,190,0);
}
.dom.img-overlay{
    background-color: rgb(0,185,145,0.3);
    border: 10px solid rgb(0,185,145);
}



.modal-link:hover{
	cursor: pointer;
}
.modal.evento img{
	max-height: 400px;
	width: auto;
	margin: 0 auto;
	display: block;
}

#residencias_desktop .modal-link:hover .autor,
#residencias_mobile .modal-link:hover .autor{
	color: hsl(189deg, 75%, 48%);
}

.modal-link .fa-solid.fa-plus{
    font-size:1rem;
    display:none;
}

#dia1 .modal-link:hover .title,
#dia1 .modal-link:hover .fa-solid.fa-plus{
	color: hsl(24deg, 75%, 51%);
}

#dia2 .modal-link:hover .title,
#dia2 .modal-link:hover .fa-solid.fa-plus{
	color: hsl(45deg, 75%, 50%);
}

#dia3 .modal-link:hover .title,
#dia3 .modal-link:hover .fa-solid.fa-plus{
	color: hsl(167deg, 75%, 36%);
}

.modal.evento .descricao{
	white-space: pre-line;
    line-height: normal;
    text-align: left;
    font-size: 1.6rem;
    font-weight: 300;
}

.modal .social_media{
	text-align: center;
}

.modal .social_media .fa-brands{
	color: rgb(255,107,7);
	font-size: 2.5rem;
	margin: 0 0.75rem;
	opacity: 0.5;
}

.modal .social_media .fa-brands:hover{
	opacity: 1;
}

/*
.Workshops{
	color: rgba(52,43,127,1);
}
.Actividades{
	color: rgba(198,40,89, 1);
}
.Performances{
	color: rgba(198,40,168,1);
}
.Concertos{
	color: rgba(226,96,59,1}
*/

.residencias{
	margin-top: 2rem;
	border: 2px dashed #2D2B29;
	border-radius: 1.25rem;
	padding: 1rem 1.5rem;
}

.residencias p{
	margin: 0;
}

.residencias .autor{
    font-family: "TuskerGrotesk-Semibold";
    font-size: 2rem;
    font-weight: 500;
    word-wrap: break-word;
    word-break: break-word;
    line-height: 175%;
}

.residencias .nome{
	font-size: 2rem;
    font-weight: 500;
    margin-left: 0.75rem;
}
.event-content{
	padding:1.25rem 0.5rem;
}

.evento .duracao{
    font-size: 1.5rem;
    line-height: 120%;
    margin: 0 0 0 0;
    padding: 0;    
}


.evento .title{
	font-family: "TuskerGrotesk-Semibold";
	font-size: 2rem;
    font-weight:500;
	word-wrap: break-word;
	word-break: break-word;
    line-height: 120%;
    margin: 0 0 0.25rem 0;
    padding: 0;
}

.evento .subtitulo{
    font-weight:500;
    font-size:1.5rem;
    text-transform: uppercase;
    line-height: 120%;
    margin: 0 0 0.25rem 0;
    padding: 0;
}

.evento .autores{
    font-weight:400;
    font-size:1.25rem;
    text-transform: uppercase;
    opacity: 0.8;
    line-height: 120%;
    margin: 0 0 0.25rem 0;
    padding: 0;
}

.evento .inf_adicional{
    font-size:1.25rem;
	font-weight: 400;
    color: #FF5061;
    text-transform: uppercase;
    line-height: 120%;
    margin: 0 0 0.25rem 0;
    padding: 0;
}


.evento p{
	font-size:1.5rem;
	padding:0;
}

.titulo-cartaz{
	padding:0;
	margin-left:0.5rem;
}

.preco {
	font-size:1.2rem;
	writing-mode: tb-rl;
	transform: rotate(-180deg);
	text-align:center;
	height:auto;
	position:relative;
	margin-left:auto;
}

.header-dia{
	float: left;
    text-align: left;
    font-size: 2rem;
    font-weight: 500;
    padding: 0.25rem 2rem;
    width: max-content;
    -webkit-backface-visibility: hidden;
}

.header-dia.sex{
    background-color: rgb(255,107,7);
    color: white;
    clip-path: polygon(15% 5%, 100% 0%, 85% 100%, 0% 95%);
}


.header-dia.sab{
    background-color: rgb(255,190,0);
    color: white;
    clip-path: polygon(15% 5%, 100% 0%, 85% 100%, 0% 95%);
}


.header-dia.dom{
    background-color: rgb(0,185,145);
    color: white;
    clip-path: polygon(15% 5%, 100% 0%, 85% 100%, 0% 95%);
}

.header-dia.res{
    background-color: rgb(0,205,243);
    color: white;
    clip-path: polygon(15% 5%, 100% 0%, 85% 100%, 0% 95%);
	padding: 0.75rem 4.5rem;
    line-height: 2rem;
}

.header-dia-da-semana{
	float: right;
	margin-left: auto;
	margin-top: 1rem;
    text-align: left;
    font-size: 1.5rem;
    font-weight: 500;
    color: #2D2B29;
    width: max-content;
}

.expand-button{
	text-decoration: none;
    cursor: default;
    pointer-events: none;  
}
.expand-button i{
	display: none;
}

.expand-button:hover i{
	text-decoration: none;
	color: #2D2B29;
}

a.expand-button[aria-expanded=false] .fa-square-minus {
   display: none;
}
a.expand-button[aria-expanded=true] .fa-square-plus {
   display: none;
}

#insc_feirantes .modal-body>.row>.col-lg-6:first-child,
#insc_actividades .modal-body>.row>.col-lg-6:first-child{
	border-right: 1px solid #dee2e6;
}
#insc_feirantes .modal-body .col-12 hr,
#insc_actividades .modal-body .col-12 hr{
	display: none;
}


/*------------------------------------*\
RESPONSIVE // QUERYS
\*------------------------------------*/


@media (orientation: portrait) {
    
    .graphics1-inner{
        background-size: auto 100%;
        background-position: 0% 40%;
    }
    
    .graphics2-inner{
        background-size: auto 100%;
        background-position: 100% 40%;
    }
    
    .graphics3-inner{
        background-size: auto 100%;
        background-position: 100% 40%;
        top:-10%;
    }
    
    .graphics4-inner{
        background-size: auto 100%;
        background-position: 0% 40%;
        bottom: -10%;
    }
}



@media only screen and (min-width: 1420px){
	.level-1 span{
		font-size: 56px;
	}

	.level-2 span{
		font-size: 40px;
	}

	.level-3 span{
		font-size: 35px;
	}

	.level-4 span{
		font-size: 30px;
	}

	.level-5 span{
		font-size: 40px;
	}
	.line-up .separator{
		font-size: 23px;
	}

}

@media only screen and (min-width: 100px) and (max-width: 900px)  {

	#lineup-portrait{
		display: flex;
	}

	#lineup-landscape{
		display: none;
	}

	#sobre-festival{
		font-size: 1.5rem;
	}

	#condicoes{
		font-size: 1.5rem;
	}

	#informacoes{
		font-size: 1.5rem;		
	}

    
	.timilha-title img{	
		width: 50%;
    	height: auto;
    	min-width: 185px;
	}
	
    .footer{
        font-size: 0.85rem;
    }
    
	.footer img{
		max-height: 22px!important;
	}

	.titulo{
		font-size: 2.5vh;
	}

	.level-1 span{
		font-size: 7vmin;
	}

	.level-2 span{
		font-size: 5vmin;
	}

	.level-3 span{
		font-size: 4vmin;
	}

	.level-4 span{
		font-size: 4vmin;
	}

	.level-5 span{
		font-size: 3.25vmin;
	}

	.custom-btn{
		background-color: rgba(139,0, 0, 1);
	}
}





@media only screen and (min-width:200px) and (max-width:520px) {
	.cartaz_home {
	    transform: translateY(-58%);
	}
}


@media only screen and (min-width:521px) and (max-width:900px) {
	.cartaz_home {
	    transform: translateY(-56%);
	}
}


@media only screen and (max-width:901px) {
	#parcerias img{
	    margin: auto;
	    display: block;
	}

    .listagem-estadia{
        font-size: 90%;
    }

	.header-dia{
	    height: fit-content;
	}

	.header-dia-da-semana{
	    max-width: 12rem;
	}
	.expand-button{
		pointer-events: auto; 
	}
	.expand-button i{
		display: inline;
	}
	#filtrar_actividades{
		display:flex!important;
	}
	#residencias_mobile{
		display: flex;
	}
	#residencias_desktop{
		display: none;
	}

	
	#insc_feirantes .modal-body .col-12,
	#insc_actividades .modal-body .col-12{
		border: none!important;
	}
	#insc_feirantes .modal-body .col-12 hr,
	#insc_actividades .modal-body .col-12 hr{
		display: block;
	}
	
	.periodo span{
	    font-size:1.4rem!important;
	}
	
	#calendar .dia > span{
	    font-size:1.5rem!important;
	    font-weight: 600!important;
	}
	
    .modal-link .fa-solid.fa-plus{
        display:block;
    }
    
	.btn.insc{
	    margin-top: -1.5rem;
	}
}

@media only screen and (min-width:902px) {

	#residencias_mobile{
		display: none;
	}
	#residencias_desktop{
		display: flex;
	}
}

@media (max-width: 991px){
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1  {
    width: 100%;
    *width: 100%;
  }



	#calendar .dia label {
	    min-height: 72px;
	}
}

@media (min-width: 992px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
    max-width: 14.285714285714285714285714285714%!important;
	flex:none!important;
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:144dpi) {

}

/*------------------------------------*\
MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}