/* CSS Document  Designed at publiSITIO */
@charset "utf-8";
/* https://www.cdnfonts.com/forma-djr-banner.font */
@import url('https://fonts.cdnfonts.com/css/forma-djr-banner');
/*
  font-family: 'Forma DJR Banner', sans-serif;
  font-family: 'Forma DJR Display', sans-serif;
  font-family: 'Forma DJR Micro', sans-serif;
  font-family: 'Forma DJR Text', sans-serif;
  font-family: 'Forma DJR Deck', sans-serif;
  font-family: 'Forma DJR Variable', sans-serif;
*/
:root{
	--main-black: #1d1d1b;
	--main-color: crimson;
	--nav-color: #fff;
	--anime-speed: .3s;
	--body-font: 'Forma DJR Text', sans-serif;
	--title-font: 'Forma DJR Banner', sans-serif;
	--letter-spacing: 0;
	--rg-space: 5vh;
	--transition: all .3s ease-in-out;
}
/*html {
  --top-spacing: 100px;
  scroll-padding-top: var(--top-spacing);
}*/
body{
	/* margin: var(--top-spacing) auto; */
	font: 400 26px/130% var(--body-font);
	color: var(--main-black);
	background: #fff;
	/*Show it is fixed to the top*/
  padding-top: 128px;
}
hr{
	opacity: 1;
}
#active{
	font-weight: 400;
  text-decoration-line: underline overline;
  text-decoration-thickness: 0.2rem;
  text-underline-offset: 3px;
}
/* anchor margin-top */
#submissao{
	scroll-margin-top: 250px;
}
.navbar{
	background: #fff;
	padding-bottom: calc(.9rem * 1);
}
/*.brand{
	font-size: 3rem;
	font-weight: 700;
	text-decoration: none;
	color:#000;
	margin-top: 16px;

	span{
		display: block;
		font-size: 1.1rem;
		font-weight: normal;
		line-height: 1;
		margin-top: .5rem;

		span{
			display: block;
		}
	}
}*/
.brand{
	display: block;
	margin-top: calc(.9rem * .5);
}
.page-header {
	/*margin: var(--rg-space) auto;*/
  font-family: var(--title-font);
  text-wrap: balance;
  letter-spacing: 1px;

  & h1 {
    font-size: 6.25vw;
    line-height: 6.25vw;
    font-weight: 400;
    text-transform: uppercase;
  }
    & h2 {
    font-weight: 300;
    font-size: 7vw;
    line-height: 5vw;
  }
   & h3 {
    font-weight: 300;
    font-size: 3.8vw;
    line-height: 3vw;
    text-wrap: balance;
  }
  hr {
    margin: 2vw 0;
    opacity: 1;
  }
}
@media (max-width: 767.98px) { 
	.page-header{
		letter-spacing: 1px;

		h1{
			font-size: 11vw;
      line-height: 10.5vw;
	  }
	}
}
.intro{
	--fts: 6.25vw;
	padding: calc(var(--rg-space) * 2);

  h1 {
	  font-size: var(--fts);
	  line-height:  var(--fts);
	  font-weight: 400;
	  text-transform: uppercase;
	}

	p {
		font-size: calc(var(--fts) / 1.8);
		line-height: 1;
		font-weight: 300;
	}
}
@media (max-width: 767.98px) { 
	.intro{
		padding: calc(var(--rg-space) / 2);

		h1 {
		  font-size: 11.25vw;
		  line-height: 1;
		}

		p{
			font-size: calc(var(--fts) * 1.1);
		}
	}
}
.highlights-text{
	padding: calc(var(--rg-space) * 2);

	font-size: 3.5vw;
	line-height: 3.5vw;
	font-weight: 300;
	letter-spacing: 1px;
	text-indent: 0%;
	

	b{
		font-weight: 400;
	}
	a{
		color: inherit;
		text-decoration: underline;
		transition: color var(--anime-speed);

		&:hover{
			color: dimgrey;
		}
	}
}
@media (max-width: 767.98px) { 
	.highlights-text{
		font-size: 6vw;
		line-height: 6vw;
	}
}
/* COMPETICAO */
.openCall{
	--fts: 2.1vw;
	--bkgrd: #ffd600 /*#f5fd01*/;
	position: relative;
	background-image: linear-gradient(
	  135deg,
	  #FFEA00 0%,
	  #FFEA00 20%,
	  #FFDD00 20%,
	  #FFDD00 40%,
	  #FFD000 40%,
	  #FFD000 60%,
	  #FFC300 60%,
	  #FFC300 80%,
	  #FFB700 80%,
	  #FFB700 100%
	);
	padding: 4vw;
	z-index: 0;


	ul{
		display: flex;
		justify-content: space-between;
		list-style: none;
		margin: 3rem 0 0 0;
		padding: 0;

		li{
			width: 100%;
			border: solid #000;
			border-width: 1px 0 1px 1px;
			text-align: center;

			a{
				display: block;
				padding: 1rem;
				color: inherit;
				text-decoration: none;
				font-size: var(--fts);
				transition: all .5s ease-in-out;

				&:hover{
					color: var(--bkgrd);
					background: var(--main-black);
				}
			}
			&:last-child{
				border-right-width: 1px;
			}
		}
	}
}
@media (max-width: 767.98px) { 
	.openCall{
		padding: 1.5rem;

		ul{
			flex-direction: column;

			li{
				margin-bottom: 1rem;
				border: 1px solid #000;

				a{
					font-size: calc(var(--fts) * 2.5);
				}
			}
		}
	}
}
/* REGULAMENTO */
.regulamento{

	li{
	  padding: 0 0 .6rem 0;

	  &::marker {
		  color: #937b00;
		  font-weight: bold;
		}

		ul{
			margin: 2rem 0;
			/*list-style: none;
			padding-left: 0;*/

			&:has(a){
				list-style: none;
      	padding-left: 0;
			}

			li ul{
				margin-bottom: 0;
			}

		}

		
		a{
      display: inline-block;
			text-decoration: none;
			color: #fff;
			border: 2px solid var(--main-black);
			background: var(--main-black);
			text-transform: uppercase;
			padding: 8px 14px;
			margin-bottom: 1rem;
			transition: all var(--anime-speed) ease-in-out;

			&:hover{
				color: var(--main-black);
				background: transparent;
			}
		}
	}
}
/* SUBMISSAO */
.plataformas{
	display: flex;
	justify-content: center;
	background: var(--main-black);
	text-align: center;
	aspect-ratio: 16/9;
}
/* OFF DOC */
.offDoc{
	background: antiquewhite;
	/*padding: 5vw;*/

	.actividade span{
		filter: blur(3px);
		font-weight: 800;
		display: inline-block;
	}
}
/* PROGRAMA */
.actividade{
	position: relative;
	--fts: clamp(3.0rem,11.4063vw,7.125rem);
	font-family: var(--title-font);
	font-size: var(--fts);
	line-height: var(--fts);
	font-weight: 400;
	letter-spacing: 0px;
	margin: 0rem 0 1rem 0;
	text-transform: uppercase;
	/*writing-mode: sideways-rl;
  transform: rotate(180deg);
  text-align: right;*/

  span{
  	display: block;
  	/*text-align: right;*/
  }
}
[class*="col-"]:last-child .programa-card{
  	border-right-width: 1px;
  }
.programa-card{
	position: relative;
	text-decoration: none;
  height: 60vh;
  width: 100%;
  /*margin-bottom: .5rem;
  border: 1px solid #000;
  border-width: 1px 0 1px 1px;*/
  color: #fff;
	background: #000;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transition: all .5s ease-in-out;

  img{
  	transition: inherit;
  	opacity: 1;
  	width: inherit;
    height: inherit;
  	object-fit: cover;
    position: absolute;
  }
  
  &:hover{
  	border-radius: 2vw;

	  img{
	  	transition: all .5s ease-in-out;
	  	opacity: .25;
	  }
  }

  ul{
  	position: relative;
    list-style: none;
    padding: 2vw;
    margin: 0;
    height: inherit;
    display: flex;
    flex-direction: column;

    li{
    	font-weight: 300;

      &:first-child{
        display: flex;
        justify-content: space-between;
        margin-bottom: 1vw;
      }
      .hora{
      	font-weight: 700;
      }

      &:last-child{
        margin-top: auto;
        font-size: 90%;
        font-weight: 700;
      }
    }

    .hora{
      font-weight: 700;

      span{
        font-size: 80%;
      }
    }
  }
}
figure {
  position: relative;
  margin: 0;

  &:after{
  	content: '';
  	position: absolute;
  	top: 0;
  	right: 0;
  	bottom: 0;
  	left: 0;
  	margin: auto;
  	width: 35%;
  	aspect-ratio: 1/1;
  	background:url(../img/brand/brackets.svg) no-repeat center;
  	/*mix-blend-mode: soft-light;*/
  }

	figcaption {
		font-size: 10px;
	  padding: 5px;
	  line-height: 1.5;
	  position: absolute;
	  bottom: 0;
	  right: 0;
	  text-align: right;
	  color: #000;
	  background: #fff;
	}
}
/* contactos */
.contacts{
	--fts: 5.25vw;

	p{
		font-size: calc(var(--fts) / 1.8);
    line-height: 1;
    font-weight: 300;
	}

	ul{
		list-style: none;
		padding-left: 0;
		/*margin-top: 2rem;*/

		li{
			margin-bottom: 1rem;
			white-space: pre-line;

        a{
        	transition: var(--transition);

        	&:hover{
        		opacity: .5;
        	}
        }

			span{
				background: var(--main-black);
				color: #fff;
				padding: .5rem;
				margin-bottom: -0.3rem;
        display: inline-block;
			}
		}
	}

}
/* footer */
.footerCredits{
  /*padding-top: 2vw;*/
}
.footer-organizacao{
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.footer-organizacao ul{
  list-style: none;
  padding: 0;

	li{
	  display: inline-block;
	  font-weight: 400;
	  /*vertical-align: top;*/

	  &:first-child{
		  display: block;
		  font-size: 14px;
		  margin-bottom: .25rem;
		}
	}
}
.footer-organizacao ul:nth-child(2) li a{
  display: block;
  margin: .5rem;
}
.social{

	img{
		filter: opacity(.5);
		transition: filter .3s linear;

		&:hover{
			filter: opacity(1);
		}
	}
}
.credits {
	font-size: 12px;
  line-height: 14px;
	margin-bottom: 12px;
}

a[href="https://www.publisitio.eu"] {
	color: inherit;
  transition: var(--transition);
 	font-weight: 600;

  &:hover{
  	color: dimgrey;
  }
}

.nav-link{
	text-transform: uppercase;
}

/* bootstrap */
.dropdown-menu{
	--bs-dropdown-border-color: rgba(255, 255, 255, 0) !important;
	--bs-dropdown-padding-y: 0.0rem;
	box-shadow: 0px 17px 10px -8px #00000057;
}
.dropdown-item{
	text-transform: uppercase;
	font-size: 26px;
	padding: 0.5rem;
}

/* UI */
.cta{
	text-decoration: none;
	border: 2px solid var(--main-black);
	background: var(--main-black);
	color: #fff;
	display:inline-block;
	padding: 0.5em 1em;
	margin: 10px 0;
	transition: all var(--anime-speed) ease-in-out;

	&.disabled{
		/*opacity: .3;*/
		background: transparent;
		border: 2px solid currentColor;
		}
	&::before{
	  content: "";

	}
	&:hover{
		background: transparent;
		border: 2px solid inherit;
		color: var(--main-black);
	}
}

/* custom scrollbar */
* {
  scrollbar-color: var(--main-black) transparent;
  scrollbar-width: thin;
}
::-webkit-scrollbar {
  width: 4px;
}
::-webkit-scrollbar-track {
  background: transparent; 
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--main-black); 
  border-radius: 4px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--main-black); 
}