:root {
--main-text-color: #000000;
--main-white-color: #f4f4f4;
--main-green-color: #00b450;
--main-yellow-color: #f7931e;
--main-red-color: #ff0000;
--main-blue-color: #0000ff;
--main-background-color: #f4f4f4;
--main-background-color-rgb: 244,244,244;
--secondary-background-color: #e7fff1;
--border-color: rgba(0,0,0,0.8);
--slight-border-color: rgba(0,0,0,0.2);
}
::-moz-selection {color: var(--main-white-color); background: var(--main-green-color);}
::selection {color: var(--main-white-color); background: var(--main-green-color);}
* {color: var(--main-text-color);} body {transition: all 1s ease-in-out; background-color: var(--main-background-color); overflow-x: hidden;}
#entry {opacity: 0; transition: all 1s ease-in-out;}
#footer #mainContainer {background-color: var(--main-background-color)}
#mainContainer {width:100vw; max-width: 1920px; padding-top: 150px; margin-right:auto; margin-left:auto; overflow:clip;}
#header, #updates, #footer, #projects, #projectsByList, #switchListGrids {padding-left:20px; padding-right:20px;}
h1, h2, h3, h4, h5, h6, p, ul, li, #citiesMap .label00, #citiesMap .label{font-family: "nimbus-sans", sans-serif !important; font-weight: 400; font-style: normal;  -webkit-font-smoothing: antialiased;}
h1, h2, h3, h4, h5, h6, p {color: var(--main-text-color);}
h1{font-size:60px; line-height:1;}
h2{font-size:30px; line-height:1;}
h3{font-size:24px;}
h4{font-size:17px; text-transform:uppercase; line-height:1;}
h5{font-size:14px;}
p{font-size:24px; line-height:1.15;}
p.big{font-size:30px; line-height:1.15;}
p.small{font-size:17px; line-height:1.2;}
.lowerCase{text-transform:lowercase;}
a{color: var(--main-text-color); text-decoration:none; transition: all 0.5s; opacity:1;}
a:hover{color: var(--main-text-color); opacity:1;}
a:active{color: var(--main-text-color); opacity:1;}
h3.buttonLink a, h2.buttonLink a{color: var(--main-text-color); border:solid 1px var(--border-color);}
h3.buttonLink a:hover, h2.buttonLink a:hover{color: var(--main-green-color); border:solid 1px var(--main-green-color);}
@keyframes generalTransitions {0%   {opacity:0;}  100%  {opacity:1;}}
ul{list-style: none; padding-left: 0; padding:0;}
img{max-width:100%;}
button{background:none; border:none;} #preLoader{position:fixed; top:15px; left:500px; pointer-events:none; z-index:7; transition: all 0.4s ease-in-out;}
#preLoader.beforeAnimation{top:0px !important; left:0px !important;}
#preLoader #uccnbraga24LogotypeSymbol {width:95px; height:95px; transition: all 0.4s ease-in-out;}
#preLoader #uccnbraga24LogotypeSymbol.beforeAnimation svg path.strokeForSymbol{stroke-width:calc(97px / var(--windowHeight));}
#preLoader #uccnbraga24LogotypeSymbol.beforeAnimation {width:100vw; height:100vh;}
#preLoader #uccnbraga24LogotypeSymbol svg {animation:preLoaderAnimation 12s ease-in-out infinite;}
#preLoader #uccnbraga24LogotypeSymbol svg path.strokeForSymbol{transition: all 0.4s ease-in-out; stroke-width: calc(95px / 97);}
@keyframes preLoaderAnimation {0%   {transform: rotate(0deg);}  70%  {transform:rotate(360deg);}  100%  {transform:rotate(360deg); }} #entryBackground{position:fixed; width:100vw; height:100vh; top:0px; left:0px; background-color:var(--main-background-color); pointer-events: none; z-index:-1; transition: all 1s ease-in-out; } #mainSubtitles{position:fixed; top:175px; left:0px; width:100vw; height:calc(100vh - 175px); opacity:0; transition: all 1.5s ease-in-out; transition-delay:0.5s; pointer-events: none; z-index:7;}
#mainSubtitles h2{position:fixed; font-size:30px; text-transform:uppercase; color: var(--main-white-color); background-color: var(--main-green-color); border:1px solid var(--border-color); text-align:center;}
#mainSubtitles h2:nth-child(1){top:275px; left:-100%; opacity:0; height:55px; padding-left:20px; padding-right: 20px; padding-top: 11px; padding-bottom: 5px; border-radius:55px; transition: all 1s ease-in-out;}
#mainSubtitles h2:nth-child(2){bottom:200px; right:-100%; opacity:0; width:550px; height:85px; padding-left:40px; padding-right:40px; padding-top:12px; padding-bottom:5px; border-radius:55px; transition: all 1s ease-in-out;}
#mainSubtitles.onEntry{opacity:1;}
#mainSubtitles.onEntry h2:nth-child(1){top:275px; left:15%; opacity:1;}
#mainSubtitles.onEntry h2:nth-child(2){bottom:200px; right:10%; opacity:1;} #promptButton {position:fixed; opacity:0; transition: all 0.5s ease; bottom:80px; right:calc(50vw - 30px); cursor:pointer; z-index:999;}
#promptButton.beforeAnimation {opacity:1;}
#promptButton svg {width:60px; height:60px; transform:rotate(90deg); animation:promptAnimation 2.5s ease-in-out infinite; }
#promptButton svg *{stroke-width:1px;}
@keyframes promptAnimation {0%   {opacity:0}  30%  {opacity:1}  50%  {opacity:0}  80%  {opacity:1}} #subHeader{position:fixed; top:0px; left:0px; width: 100vw; padding-top:20px; padding-left:20px; padding-right:20px; transition: all 0.4s ease-in-out; z-index:5;}
#subHeader .row div #uccnbraga24Logotype {float:left; width:316px; height:85px; transition: all 0.4s ease-in-out;}
#subHeader .row div #uccnbraga24Logotype.beforeAnimation {width:379px; height:102px;}
#subHeader .row div #uccnLogotype {float:left; width:112px; height:82px; margin-right:25px; transition: all 0.4s ease-in-out;}
#subHeader .row div #uccnLogotype.beforeAnimation {width:134px; height:98px;} #header.onEntry{margin-top:calc(100vh - 175px);}
#header{display:flex; position:sticky; top:0px; margin-top:0px; height:175px; background-color: var(--main-background-color); border-bottom: 1px solid var(--border-color); transition: all 1s ease-in-out; z-index:3;}
#header .row {align-self:flex-end; width:100vw;}
#header .row #mainMenu h2, #header .row #languageSwitch h2 {margin-bottom:10px; line-height:1;}
#header .row #mainMenu h2:nth-child(2) {margin-top:-5px; margin-right: 0px; height:39px; border:solid 1px var(--border-color); border-radius:24px; padding:3px 16px 0px 24px; line-height:1}
#header .row #mainMenu h2:nth-child(2) ul {float: left;}
#header .row #mainMenu h2:nth-child(2) svg {float: left; margin-left: 5px; margin-top: 5px;}
#header .row #mainMenu h2 ul li {float:left; margin-right: 25px;}
#header .row #languageSwitch h2 ul li {float:left; margin-right: 15px;} 
#header .row #languageSwitch h2 ul li:last-child {margin-right: 0px;}
#header .row #mainMenu h2 ul li a:after, #header .row #languageSwitch h2 ul li a:after {display:block; content: ''; border-bottom: solid 1px var(--border-color); transform: scaleX(0); transform-origin:  0% 50%; transition: transform 250ms ease-in-out;}
#header .row #mainMenu h2:nth-child(2) ul li a:after {display:none;}
#header .row #mainMenu h2 ul li a:hover:after, #header .row #languageSwitch h2 ul li a:hover:after {transform: scaleX(1);}
#header .row #mainMenu h2 ul li.current-menu-item, #header .row #languageSwitch h2 ul li.current-lang, #header .row #mainMenu h2 ul li.activeMenuItem{border-bottom: 1px solid var(--border-color);}
#header .row #mainMenu h2.mediaOnMenu ul li.current-menu-item{border-bottom: 0px;}
#header .row #mainMenu h2 ul li.current-menu-item a:after, #header .row #languageSwitch h2 ul li.current-lang a:after, #header .row #mainMenu h2 ul li.activeMenuItem a:after{display:none;} #smallMenuButton{display:none !important; position:fixed; top:28px; right:20px; transition: all 0.5s; opacity:1; z-index:5;}
#smallMenuButton button, #smallMenuButton button svg{width:64px; height:64px; padding:0; transition: all 0.5s; z-index:9999999999;}
#smallMenuButton button svg line {stroke-width:1px;} #preFooter{position:sticky; display:block; bottom:-100px; width:100vw; height:100px; border-top:1px solid var(--border-color); background-color:var(--main-background-color); transition: all 0.5s ease-in-out; z-index:2;}
#preFooter #logotype {display:none !important;}
#preFooter #logotype a svg{width:auto; height:50px; margin-top:5px;}
#preFooter #socialMedia a {transition: all 0.5s;}
#preFooter #socialMedia a:hover {opacity:0.7;}
#preFooter #socialMedia a.facebook, #preFooter #socialMedia a.instagram{float:left; margin-left:20px;}
#preFooter #socialMedia a.facebook svg{width:auto; height:28px;}
#preFooter #socialMedia a.instagram svg{width:auto; height:25px;} #footer{height:200px; background-color: var(--main-text-color); padding-left:20px; padding-right:20px;}
#footer .row {height:200px;}
#footer .row #cities {height:200px; padding-top:20px; padding-bottom:20px;}
#footer .row #cities a {float:left; margin-right:15px; opacity:0.8; transition: all 0.5s ease-in-out;}
#footer .row #cities a:hover {opacity:0.5;}
#footer .row #cities a img{width:90%; height:auto; margin-bottom:3px;}
#footer .row #copyright {height:200px; padding-top:20px; padding-bottom:20px;}
#footer .row #copyright h6{color: var(--main-white-color); margin-bottom:0px; opacity:0.8;} #mainContainer.beforeAnimation{margin-top:175px;}
#mainContainer {opacity:0; transition: all 1.5s ease; transition-delay:0.5s; ;margin-top:0px; min-height:100vh; padding-top:0px; padding-left:0px; padding-right:0px;}
#programme, #spacesMap, #trip{padding-bottom:100px;} .module.filter.menu {margin-top:35px;}
.module.filter.menu h2 ul li{float:left; height:45px; padding:6px 24px 0px 24px; margin-left:5px; border-radius:24px; border:solid 1px var(--border-color); line-height:1; background-color: var(--main-background-color); transition: all 0.4s ease-in-out; cursor:pointer;}
.module.filter.menu h2 ul li:hover{background-color: var(--main-green-color); color:var(--main-white-color);}
.module.filter.menu h2 ul li.active{background-color: var(--main-green-color); color:var(--main-white-color);}
.module.filter.menu h2 ul li.inactive,.module.filter.menu h2 ul li.inactive:hover {background-color: transparent; color:var(--main-text-color); opacity:0.4; cursor:auto; pointer-events:none;} .module.grid.item{display:block; height:430px; padding:0px; border-left: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color);}
.module.grid.item:nth-child(1), .module.grid.item:nth-child(2){border-top:1px solid var(--border-color);}
.module.grid.item:nth-child(2n){border-right:1px solid var(--border-color);}
.module.grid.item:last-child {border-right:1px solid var(--border-color);}
.module.grid.item a {display:block; width:100%; height:100%; background-color:var(--main-background-color); transition: all 0.4s ease-in-out;}
.module.grid.item a.withGradient {background-color:none; background:linear-gradient(180deg, rgba(231,255,241,1) 50%, rgba(231,255,241,0) 100%);}
.module.grid.item a > * {transition: all 0.8s ease-in-out;}
.module.grid.item a:hover {background-color: var(--main-green-color);}
.module.grid.item a.withGradient:hover {background-color:none; background:linear-gradient(180deg, rgba(0,0,0,0.5) 50%, rgba(231,255,241,0) 100%);}
.module.grid.item a:hover > div * {color: var(--main-white-color);}
.module.grid.item a:hover > div svg * {stroke: var(--main-white-color);}
.module.grid.item a:hover > .allArea.overlay {opacity:1;}
.module.grid.item a:hover > .bottomArea.right img{opacity:0}
.module.grid.item a .topArea {width:100%; height:50%;}
.module.grid.item a .topArea.left {width:calc(100% - 48px - 60px); height:50%; float:left; padding-top:38px; padding-left:40px;}
.module.grid.item a .topArea.right {width:calc(48px + 60px); height:50%; float:left; text-align:right; padding-top:38px; padding-right:40px;}
.module.grid.item a .topArea h1 {margin-bottom:0px;}
.module.grid.item a .topArea svg {width:60px; height:60px;}
.module.grid.item a .topArea svg *{stroke-width:1px;}
.module.grid.item a .bottomArea {display:flex; width:100%; height:50%;}
.module.grid.item a .bottomArea.left {width:50%; float:left; padding-bottom:40px; padding-left:40px;}
.module.grid.item a .bottomArea.right {width:50%; float:left; justify-content:flex-end; padding-bottom:20px; padding-right:20px;}
.module.grid.item a .bottomArea.right img{opacity:1;}
.module.grid.item a .bottomArea.full {width:100%; padding-bottom:40px; padding-left:40px; padding-right:40px;}
.module.grid.item a .bottomArea p {align-self:flex-end; margin-bottom:0px;}
.module.grid.item a .allArea {position:relative; display:block; width:100%; height:100%; background-size:cover; background-position:50% 50%; z-index:-1;}
.module.grid.item a .allArea.overlay {opacity:0;}
.module.grid.item.last {width:100%;}
.module.grid.item.last a .topArea.left {width: calc(50% - 48px - 60px);}
.module.grid.item.last a .topArea.right {width: calc(50% + 48px + 60px);}
.module.grid.item.last a .bottomArea.full {width:50%;}
.module.grid.secondary.item {border-left:0px; border-right:0px;}
.module.grid.secondary.item a {display:block; width:100%; height:100%; background-color:var(--secondary-background-color); transition: all 0.4s ease-in-out;}
.module.grid.secondary.item a:hover {background-color: var(--main-green-color);} .module.tableList.all{opacity:0; border-bottom:1px solid var(--border-color); transition: all 0.25s ease-in-out;}
.module.tableList.all.active{display:block !important; opacity:0;}
.module.tableList.title {margin-top:45px; margin-bottom:15px;}
.module.tableList.title div h1 {font-size:42px;}
.module.tableList.group.name {position: sticky; top:350px;}
.module.tableList.group.name h2 {color:transparent; font-size: 40px; -webkit-text-stroke: 1px var(--border-color); padding-top:25px; pointer-events:none; }
.module.tableList.item{border-top:1px solid var(--border-color); overflow-y:hidden; transition: all 0.4s ease-in-out;}
.module.tableList.item div {margin-top:35px; margin-bottom:35px;}
.module.tableList.item div.body {margin-top:0px; margin-bottom:0px;}
.module.tableList.item .header{cursor: pointer;}
.module.tableList.item .first svg {width: 23px; height: 32px; transition:all 0.4s ease-in-out;}
.module.tableList.item .header svg {display:block !important; opacity:1 !important; width:23px; height:32px; transition:all 0.4s ease-in-out;}
.module.tableList.item .header svg * {stroke-width:1px;}
.module.tableList.item .tag{float:left; margin-right:3px; margin-top:15px; border:solid 1px; border-radius:24px; padding:4px 16px 4px 16px; text-transform:none; line-height:1; color: var(--main-text-color); border-color: var(--main-text-color);} .module.tableList.item .tag.default{color: var(--main-text-color); border-color: var(--main-text-color);}
.module.tableList.item .tag.crafts-folkarts{color: #dd813d; border-color: #dd813d;}
.module.tableList.item .tag.design{color: #e4b626; border-color: #e4b626;}
.module.tableList.item .tag.film{color: #0f4f87; border-color: #0f4f87;}
.module.tableList.item .tag.gastronomy{color: #217c56; border-color: #217c56;}
.module.tableList.item .tag.literature{color: #1a69ac; border-color: #1a69ac;}
.module.tableList.item .tag.media-arts{color: #442478; border-color: #442478;}
.module.tableList.item .tag.music{color: #c6407A; border-color: #c6407A;}
.module.tableList.item .body{transition: all 0.4s ease-in-out;}
.module.tableList.item .body p{margin-bottom:35px;}
.module.tableList.item .venue svg {width:15px; height:32px; transform:rotate(-90deg); float:left; margin-top:-3px; margin-right:10px;}
.module.tableList.item .venue svg * {stroke-width:1.5px;} .module.block{display:none; opacity:0; transition:all 0.25s ease-in-out;}
.module.block.active{display:block; opacity:0;}
.module.disclaimer{margin-top:15px; margin-bottom:15px; padding-left:20px; padding-right:20px;}
.module.disclaimer svg {width:15px; height:32px; transform:rotate(-90deg); float:left; margin-top:-8px; margin-right:10px;}
.module.disclaimer svg * {stroke-width:1.5px;}
.module.disclaimer h4 {float:left;  text-transform:uppercase;}
.module.cardList.item{padding:20px; margin-bottom: 15px;}
.module.cardList.item h3, .module.cardList.item p{line-height: 1.1; margin-bottom:0px !important;}
.module.cardList.item h3.subtitle {font-weight: 700;}
.module.cardList.item svg {width:15px; height:32px; transform:rotate(-90deg); float:left; margin-top:12px; margin-right:10px;}
.module.cardList.item svg * {stroke-width:1.5px;}
.module.cardList.item svg > p:first-child {float:left; margin-top:9px;}
.module.cardList.item p.secondBlock{margin-top:15px !important;}
.module.cardList.item h3.buttonLink{margin-top:15px;} 
.module.cardList.item h3.buttonLink.spaces{margin-top:15px;} 
.module.cardList.item h3.buttonLink a{margin-top:25px; height:39px; border-radius:24px; padding:0px 16px 1px 15px; line-height:1}
.module.textList.item{padding:20px; padding-bottom:60px;}
.module.textList.item.title {padding:0px;}
.module.textList.item.accordeon{height:150px; border-top:1px solid var(--border-color); overflow:hidden; transition:all 0.5s ease-in-out;}
.module.textList.item.accordeon:last-child{border-bottom:1px solid var(--border-color);}
.module.textList.item.title h2{font-size:45px;}
.module.textList.item.title svg, .module.textList.item.accordeon .title svg {display:none; width:23px; height:32px; margin-top:5px; transform:rotateX(0deg); transition:all 0.4s ease-in-out;}
.module.textList.item.title svg * {stroke-width:1px;}
.module.textList.item.body {padding:0px;}
.module.textList.item.body{margin-bottom:120px;}
.module.textList.item.body .paragraph:not(last-child){margin-bottom:60px;}
.module.textList.item.body .paragraph h3, .module.textList.item.body .paragraph p{line-height: 1.1; margin-bottom:0px !important;}
.module.textList.item.body .paragraph h3.subtitle {font-weight: 700;}
.module.textList.item.body .paragraph p a{color: var(--main-green-color); border-bottom:1px solid var(--main-green-color); transition: all 0.5s;}
.module.textList.item.body .paragraph p a:hover{color: var(--main-text-color); border-bottom:1px solid var(--main-text-color);}
.module.textList.item.body .paragraph h3.buttonLink{margin-top:25px;}
.module.textList.item.body .paragraph h3.buttonLink a{height:39px; border-radius:24px; white-space: nowrap; text-overflow: ellipsis; overflow-x:hidden; padding:0px 16px 1px 15px; line-height:1}
.module.packageList.item{margin-top:50px; padding:20px; padding-top:0px; padding-bottom:60px;}
.module.packageList.item.title {margin-top:0px; padding:0px;}
.module.packageList.item.title h2{font-size:45px;}
.module.packageList.item.body {margin-top:0px; padding:0px;}
.module.packageList.item.body{margin-bottom:60px;}
.module.packageList.item.body .paragraph:not(last-child){margin-bottom:60px;}
.module.packageList.item.body .paragraph h3, .module.textList.item.body .paragraph p{line-height: 1.1; margin-bottom:0px !important;}
.module.packageList.item.body .paragraph h3.subtitle {font-weight: 700;}
.module.packageList.item.body .paragraph p a{color: var(--main-green-color); border-bottom:1px solid var(--main-green-color); transition: all 0.5s;}
.module.packageList.item.body .paragraph p a:hover{color: var(--main-text-color); border-bottom:1px solid var(--main-text-color);}
.module.packageList.item.body .paragraph h3.buttonLink{margin-top:25px;}
.module.packageList.item.body .paragraph h3.buttonLink a{height:39px; border-radius:24px; padding:0px 16px 2px 15px; line-height:1} .module.galleriesList.item{margin-top:50px; padding:10px; padding-top:0px; padding-bottom:60px;}
.module.galleriesList.item.title {margin-top:0px; padding:0px; padding-left:10px; padding-right:10px;}
.module.galleriesList.item.title h2{font-size:45px;}
.module.galleriesList.item.body{margin-top:0px; margin-bottom:60px;}
.module.galleriesList.item.body.item {margin-bottom:0px; padding-left:10px; padding-right:10px;}
.module.galleriesList.item.body.item h3.buttonLink{line-height: 1.1; margin-bottom:0px !important;margin-top:25px; }
.module.galleriesList.item.body.item h3.buttonLink a{height:39px; border-radius:24px; padding:0px 16px 2px 15px; line-height:1} .module.article.header{padding-top:150px;}
.module.article.header:first-child{padding-top:35px;}
.module.article.header h1{font-size:80px; text-align:center;}
.module.article.header.title{margin-top:0px;}
.module.article.header.mainImage{margin-top:75px; padding-top:0px;}
.module.article.body{margin-top:75px;}
.module.article.body.image{margin-top:75px;}
.module.article.body.image .caption, .module.article.body.imageParagraph.image .caption {margin-top:7px;}
.module.article.body.paragraph{margin-top:0px; margin-bottom:0px;}
.module.article.body.paragraph a, .module.article.body.imageParagraph.paragraph a {text-decoration: underline; color: var(--main-green-color); transition: all 0.5s;}
.module.article.body.paragraph a:hover, .module.article.body.imageParagraph.paragraph a:hover {color: var(--main-text-color);}
.module.article.body.imageParagraph{margin-top:75px; margin-bottom:0px;}
.module.article.body.imageParagraph.image, .module.article.body.imageParagraph.paragraph{margin-top:0px;}
.module.article.body div:first-child{margin-top:0px;}
#news .module.article.body {margin-bottom:150px;} form {display:block !important;}
.forminator-edit-module{display:none !important;}
.forminator-ui:first-child{margin-top:80px;}
.forminator-row {width:100% !important;font-family: "nimbus-sans", sans-serif; font-weight: 400; font-style: normal;  -webkit-font-smoothing: antialiased; font-size:24px; line-height:1.2; color: var(--main-text-color);}
.forminator-row:nth-child(2){display:inline-block;}
.forminator-row .header.form-select-subject {width:calc(40% - 10px); margin-left:10px; float:left;}
.forminator-row .header.form-select-subject .forminator-field{position: relative;}
.forminator-row .header.form-select-subject .forminator-field label{display:none;}
.forminator-row .header.form-select-subject .forminator-field select {display: none;}
.forminator-row .header.form-select-subject .forminator-field .select-selected {background-color: none; transition:all 0.4s ease-in-out}
.forminator-row .header.form-select-subject .forminator-field .select-selected:after {position: absolute; content: url(https://uccnbraga24.koiastudio.com/wp-content/themes/uccnbraga24template/assets/icons/select_arrow_icon.svg); top:2px; right:0px; width:23px; height:23px; stroke-width:1.5px; transition:all 0.4s ease-in-out; transform: rotateX(180deg);}
.forminator-row .header.form-select-subject .forminator-field .select-selected:before {content: "Subject: ";}
.forminator-row .header.form-select-subject .forminator-field .select-selected.subjectEn:before {content: "Subject: ";}
.forminator-row .header.form-select-subject .forminator-field .select-selected.subjectPt:before {content: "Assunto: ";}
.forminator-row .header.form-select-subject .forminator-field .select-selected.subjectFr:before {content: "Sujet: ";}
.forminator-row .header.form-select-subject .forminator-field .select-selected.select-arrow-active:after {transform: rotateX(0deg); transition:all 0.4s ease-in-out}
.forminator-row .header.form-select-subject .forminator-field .select-items div,.select-selected {padding:0px; border-bottom:none; cursor: pointer; user-select: none; transition:all 0.4s ease-in-out}
.forminator-row .header.form-select-subject .forminator-field .select-items div {color: rgba(0, 0, 0, 0.6); transition: all 0.4s ease-in-out;}
.forminator-row .header.form-select-subject .forminator-field .select-selected {height:30px; border-bottom:1px solid var(--border-color); color: var(--main-text-color);}
.forminator-row .header.form-select-subject .forminator-field .select-items {position: absolute; background-color: none; top: 100%; left: 0; right: 0; margin-top:10px; z-index:1; opacity:1; transition:all 0.4s ease-in-out}
.forminator-row .header.form-select-subject .forminator-field .select-hide {opacity:0;}
.forminator-row .header.form-select-subject .forminator-field .select-items div:hover, .forminator-row .header.form-select-subject .forminator-field .select-items .same-as-selected {background-color: none; color: rgba(0, 0, 0, 1);}
.forminator-row .header.form-email-address {width:calc(60% - 10px); margin-right:10px; float:left;}
.forminator-row .header.form-email-address .forminator-field {width:100%}
.forminator-row .header.form-email-address .forminator-field label {float:left; width:70px; height:30px; border-bottom:1px solid var(--border-color);} 
.forminator-row .header.form-email-address .forminator-field label .forminator-required {display:none;}
.forminator-row .header.form-email-address .forminator-field input {float:left; width: calc(100% - 70px); height:30px; border:0px; border-bottom:1px solid var(--border-color); background:none; padding-left:0px; -webkit-appearance:none; border-radius:0; -webkit-border-radius:0;}
.forminator-row .header.form-email-address .forminator-field input:focus-visible{outline:none !important;}
.forminator-row .body.form-text-message {width:100%;}
.forminator-row .body.form-text-message .forminator-field {margin-top:200px; width:100%;}
.forminator-row .body.form-text-message .forminator-field label {width:100%; border:0px; background-color:#ffffff; padding-top:10px; padding-left:10px;}
.forminator-row .body.form-text-message .forminator-field .forminator-textarea{width:100%; height:240px; border:0px; background-color:#ffffff; padding:10px; padding-top:0px;}
.forminator-row .body.form-text-message .forminator-field .forminator-textarea:focus-visible{outline:none !important;}
.forminator-row.forminator-row-last {margin-top:40px; text-align:right;}
.forminator-row .forminator-col .forminator-field button{height:39px; border:solid 1px var(--border-color); border-radius:24px; padding:0px 16px 2px 15px; line-height:1; transition:all 0.5s ease-in-out;}
.forminator-row .forminator-col .forminator-field button:hover{color: var(--main-green-color); border:solid 1px var(--main-green-color);}
.forminator-screen-reader-only{display:none;}
.forminator-response-message.forminator-show.forminator-error{position:absolute; top:200px; width:calc((100vw / 12)*8); font-family: "nimbus-sans", sans-serif; font-weight: 400; font-style: normal;  -webkit-font-smoothing: antialiased; font-size:24px; line-height:1.2;}
.forminator-response-message.forminator-show.forminator-error label{ color:#ff0000;}
.forminator-response-message.forminator-show.forminator-success{display:block !important; font-family: "nimbus-sans", sans-serif; font-weight: 400; font-style: normal;  -webkit-font-smoothing: antialiased; font-size:60px; line-height:1.2; text-align:center;} #homepage {}
#homepage .row {padding-left:0px; padding-right:0px;}
#homepage .row:not(:first-child) {margin-bottom:320px}
#homepage #homepageSlider{transition: all 0.5s ease-in-out;}
#homepage #homepageSlider.row {height:calc(150vh + 320px); padding-left:0px; padding-right:0px;}
#homepage #homepageSlider.row .slickSlider {position:sticky; top:175px; height:calc(100vh - 175px - 10px); padding-left:20px; padding-right:20px;}
#homepage #homepageSlider.row .slickSlider .slick-list {height:calc(100vh - 175px - 10px);}
#homepage #homepageSlider.row .slickSlider .homepageImage{height:calc(100vh - 175px - 10px); background-repeat:no-repeat; background-size:calc(100vw - 40px); background-position:top left; z-index:-2;}
#homepage #homepageSlider.row .slickSlider .homepageImage.mobile{display:none;}
#homepage #homepageSlider.row .slickSlider .homepageImageGradient {display:block; width:calc(100vw - 40px); height:calc(100vh - 175px - 10px); margin-top:calc((100vh - 175px - 10px)*-1); background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%); z-index:-1;;}
#homepage #homepageSlider.row .slickSlider .homepageImageCaption {width: calc(100vw * 0.5); margin-top:calc((100vh - 175px - 40px)*-1); margin-left:40px;}
#homepage #homepageSlider.row .slickSlider .homepageImageCaption h1 {font-size:48px; color: var(--main-white-color); mix-blend-mode:difference;}
#homepage #homepageSlider.row .slickSlider .homepageImageCaption svg {width:100px; margin-left:-14px;}
#homepage #homepageSlider.row .slickSlider .homepageImageCaption svg * {stroke:var(--main-white-color); mix-blend-mode:difference;} .slick-track{height:calc(100vh - 175px - 40px) !important;}
.slick-prev, .slick-next, .slick-dots{display:none !important;}
#homepage #homepageHighlightButtons {margin-top:320px;}
#homepage #homepageVideo {background:linear-gradient(0deg, rgba(0,180,80,0) 0%, rgba(0,180,80,1) 100%);}
#homepage #homepageVideo #homepageVideoItem .embed-container {padding:56.25% 0 0 0; position:relative;}
#homepage #homepageVideo #homepageVideoItem .embed-container iframe{position:absolute; top:0; left:0; width:100%; height:100%;}
#homepage #homepageVideo #homepageVideoItemSinopsis {margin-top: 100px;}  #team {width:100vw; min-height: 100vh; background-color: var(--main-green-color); border-top: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color);}
#team .row {padding-left:10px; padding-right:10px;}
#team .row #teamItems {margin-top:40px; margin-bottom:100px; column-count:2; column-width: calc(100vw / 12); column-gap: 40px;}
#team .row #teamItems ul li {font-size:24px; line-height:1;} #logotypes {width:100vw; height: calc(100vh - 174px - 200px); background-color: var(--main-green-color); border-top: 1px solid var(--border-color);}
#logotypes .row {max-width:1920px; margin:auto; margin-top:25px;}
#logotypes .row .logotypesItems {margin-top:45px;}
#logotypes .row .logotypesItems h6 {font-size:14px;}
#logotypes .row .logotypesItems img{height:50px; width:auto; margin-top:5px; mix-blend-mode: multiply;}
#logotypes .row .logotypesItems img.secondRow{height:75px; margin-left:20px; } #citiesMap {opacity:0; transition:all 1s ease-in-out; transition-delay: 1s; border-top:1px solid var(--border-color); margin-top:75px;}
#citiesMap .row {border-left: 1px solid var(--border-color); border-right: 1px solid var(--border-color); }
#citiesMap .row .city{display:none; background-color: var(--main-background-color); }
#citiesMap .row .city.active{display:block; animation-name: generalTransitions; animation-duration: 1s; animation-fill-mode: forwards;}
#citiesMap .row .city .row{border:0px !important; margin-top:40px;}
#citiesMap .row .city .row div *{margin-bottom:80px;}
#citiesMap .row .city .row div h3.buttonLink a{height:39px; border-radius:24px; padding:0px 16px 2px 15px; line-height:1}
#citiesMap .label{opacity:0 !important; font-size:21px !important; transition:all 0.5s ease-in-out;}
#citiesMap .label.active{opacity:1 !important;}
#citiesMap #map {height: calc(100vh - 174px); border: none; margin: 0px 0; outline:none !important; }
#citiesMap #citiesCard{border-left: 1px solid var(--border-color);}
#citiesMap #citiesCard .row{border:0px !important; margin-top:40px;}
#map div {background-color:transparent !important;}
#map .acf-map img {max-width: inherit !important;}
a[href^="http://maps.google.com/maps"]{dislay:none !important;}
a[href^="https://maps.google.com/maps"]{dislay:none !important;}
.gmnoprint a, .gmnoprint span, .gm-style-cc {
display:none;
}
.gmnoprint div {
background:none !important;
}
.gm-style iframe + div { border:none!important; } #programmes {margin-top:-1px;}
#secondaryMenu {padding-top:220px; border-left: 1px solid var(--border-color); border-right: 1px solid var(--border-color);}
#secondaryMenu .module.grid.item {border-bottom: 0px;} #programme {min-height:100vh; background-color:var(--secondary-background-color); border-left:1px solid var(--border-color); border-right:1px solid var(--border-color); }
#programme #programmeHeader {position:sticky; top:175px; height:135px; background: linear-gradient(180deg, rgba(231,255,241,1) 50%, rgba(231,255,241,0) 100%); z-index:2;}
#programme #programmeHeader #programmeTitle {margin-top:25px;} #spacesMap {opacity:1; transition:all 1s ease-in-out; transition-delay: 1s;}
#spacesMap #map {height: 50vh; border: none; margin: 0px 0; outline:none !important; border-bottom: 1px solid var(--border-color);}
#spacesMap .row.spaces {min-height:50vh;}
#spacesMap .row.spaces .space {margin-top:20px;} #speakers {min-height:100vh; background-color:var(--secondary-background-color); border-left:1px solid var(--border-color); border-right:1px solid var(--border-color); }
#speakers #speakersHeader {position:sticky; top:175px; height:135px; background: linear-gradient(180deg, rgba(231,255,241,1) 50%, rgba(231,255,241,0) 100%); z-index:2;}
#speakers #speakersHeader #speakersTitle {margin-top:25px;}
#speakers #speakersTable.module.tableList.all {border-bottom:0px !important;}
#speakers #speakersTable #speaker:last-child {border-bottom:0px !important;}
#speakers #speakersTable #speaker #speakerImage img {mix-blend-mode:multiply; filter:grayscale(1)}
#speakers #speakersTable #speaker #speakerName h2 {font-size:42px;} #programmeSoon {min-height:100vh; background-color:var(--secondary-background-color); border-left:1px solid var(--border-color); border-right:1px solid var(--border-color); }
#programmeSoon #programmeHeader {position:sticky; top:175px; height:135px; background: linear-gradient(180deg, rgba(231,255,241,1) 50%, rgba(231,255,241,0) 100%); z-index:2;}
#programmeSoon #programmeHeader #programmeTitle {margin-top:25px;}
#programmeSoon #programmeDescription {margin-top:45px; margin-bottom:100px;} #news {margin-top:-1px;} #trip{min-height:100vh; border-left:1px solid var(--border-color); border-right:1px solid var(--border-color);}
#trip #tripHeader {position:sticky; top:175px; height:135px; background: linear-gradient(180deg, rgba(231,255,241,1) 50%, rgba(231,255,241,0) 100%); z-index:2;} #registrations {min-height:100vh; padding-bottom:60px;}
#registrations .row {margin-top:75px;}
#registrations p{font-size:30px; line-height:1.15; margin-bottom:25px;}
#registrations p a{color: var(--main-green-color); border-bottom:1px solid var(--main-green-color); transition: all 0.5s;}
#registrations p a:hover{color: var(--main-text-color); border-bottom:1px solid var(--main-text-color);}
#registrations h2.buttonLink {margin-top:75px;}
#registrations h2.buttonLink a{height:39px; border-radius:24px; padding:0px 16px 2px 15px; line-height:1} #subHeader.beCreativeAgora{height:110px !important; background-color: var(--secondary-background-color) !important;}
#header.beCreativeAgora{height:110px !important; background-color:transparent !important; z-index:6 !important; opacity: 1 !important;}
#header.beCreativeAgora h2 ul li:nth-child(2) {display:none;}
#header.beCreativeAgora 
#smallMenuButton.beCreativeAgora {display:none !important;}
#mainMenu.beCreativeAgora{display:none !important;}
#preFooter.beCreativeAgora{display:none !important;}
#languageSwitch.beCreativeAgora{position:fixed !important; top:15px; right:15px; z-index:6; height:110px !important;}
#mainContainer.beCreativeAgora{padding-top: 25px !important; background-color: var(--secondary-background-color) !important;}
#mainContainer.beCreativeAgora #beCreativeAgoraExhibitionBody{margin-top:40px !important;}
#beCreativeAgora row{ padding:20px !important;}
#mainContainer.beCreativeAgora .module.textList.item.title svg {display:block; transform:rotate(-90deg); float:left; margin-top:2px !important; margin-right:10px;}
#mainContainer.beCreativeAgora .module.textList.item.title h2 {font-size:36px; float:left; max-width:270px;}@media screen and (max-width:1199px){
#smallMenuButton {display:block !important;}
#smallMenuButton.beCreativeAgora {display:none !important;}
#subHeader {border-bottom: 1px solid var(--border-color); background-color: var(--main-background-color); transition: all 1s ease-in-out;}
#subHeader .row div #uccnLogotype {display:block;}
#header {position:fixed; width:100vw; height:100vh; margin-top:0px !important; opacity:0; z-index:-2; transition: all 0.5s ease-in-out;}
#header .row {align-self:auto !important;}
#header .row #mainMenu h2 ul li {float:none;}
#header .row #mainMenu h2 ul li.current-menu-item, #header .row #mainMenu h2 ul li.activeMenuItem{border-bottom: 0px;}
#header .row #mainMenu h2 ul li a:after, #header .row #languageSwitch h2 ul li a:after {display:none;}
#header .row #languageSwitch {position:fixed; bottom:5px; justify-content:flex-start !important;}
#header .row #mainMenu h2:nth-child(2){position:fixed;}
#header.beCreativeAgora{opacity: 1 !important; top:0px !important; border-bottom:none !important;}
#header.beCreativeAgora #languageSwitch {left:auto !important; top:15px !important; right:15px !important; justify-content: end !important;}
#header.beCreativeAgora #languageSwitch h2{font-size:25px !important;}
#preFooter{display:block;}
#preFooter #logotype {display:block !important;}
#preFooter #logotype a svg{width:auto; height:50px; margin-top:10px;}
#preFooter #socialMedia a.facebook, #preFooter #socialMedia a.instagram{float:left; margin-top:10px; margin-left:20px;}
#preFooter #socialMedia a.facebook svg{width:auto; height:28px;}
#preFooter #socialMedia a.instagram svg{width:auto; height:25px;}
.module.grid.item a:hover > div * {color: var(--main-text-color);}
.module.grid.item a:hover > div svg * {stroke: var(--main-text-color);}
.module.article.header:first-child {padding-top: 20px;}
.module.article.header.mainImage{margin-top:45px;}
.module.article.body{margin-top:45px;}
.module.article.body.image{margin-top:45px;}
.module.article.body.imageParagraph.image {margin-bottom:45px;}
#news .module.article.body {margin-bottom:75px;}
.forminator-row.forminator-row-last {text-align:left}
#homepage #homepageSlider.row .slickSlider .homepageImage.desktop{display:none;}
#homepage #homepageSlider.row .slickSlider .homepageImage.mobile{display:block;}
#homepage #homepageSlider.row .slickSlider .homepageImageCaption svg {width:80px; margin-left:-11px;}
#homepage #homepageVideo {width:100vw; padding:0px !important}
#homepage #homepageVideo .row{width:100vw; padding:0px !important}
#homepage #homepageVideo #homepageVideoItem{width:100vw; padding:0px !important}
#programme #programmeHeader	#programmeMenu{justify-content:start !important;}
#programme #programmeTable	#programmeEventVenue{margin-top:0px !important; padding-top:0px;}
#citiesMap{height:200vh}
#citiesMap .row{position:sticky; border-left: 0px; border-right: 0px; }
#citiesMap #citiesCard {transition:all 0.5s ease-in-out;}
#citiesMap #citiesCard.show{left:0px;}
#contact{padding-bottom:100px;}
} @media screen and (min-width:576px) and (max-width:1199px){
h2{font-size:50px;}
#preLoader {left:340px;}
#preLoader #uccnbraga24LogotypeSymbol {width:88px !important; height:88px !important; left:340px;}
#preLoader #uccnbraga24LogotypeSymbol.beforeAnimation {width:120vw !important; height:100vh !important; transform:translateX(-10vw);}
#preLoader #uccnbraga24LogotypeSymbol.beforeAnimation svg path.strokeForSymbol{stroke-width:calc(97px / var(--windowWidth));}
#preLoader #uccnbraga24LogotypeSymbol svg path.strokeForSymbol{stroke-width: calc(88px / 97);}
#preLoader.beCreativeAgora {left: 400px !important;}
#preLoader.beCreativeAgora #uccnbraga24LogotypeSymbol{width: 84px !important; height: 84px !important;}
#mainSubtitles {top:100px; height:calc(100vh - 100px);}
#subHeader {height:120px !important; z-index:5;}
#subHeader .row div #uccnLogotype {display:block; margin-left: -135px; width: 121px; height: 79px; margin-right: 14px;}
#subHeader .row div #uccnLogotype.beforeAnimation {margin-left: 0px; width: 121px; height: 79px;}
#subHeader .row div #uccnbraga24Logotype {width:294px; height:79px !important;}
#subHeader .row div #uccnbraga24Logotype.beforeAnimation {width:294px; height:79px !important;}
#subHeader.beCreativeAgora #uccnLogotype {width:103px !important; height:75px !important; margin-left:0px !important;}
#subHeader.beCreativeAgora #uccnbraga24Logotype {width:279px !important; height:75px !important;}
#header {top:120px !important;}
#header.beforeAnimation {margin-top:calc(100vh - 160px);}
#header .row #mainMenu {margin-top:40px; margin-bottom:15px; line-height:1;}
#header .row #mainMenu h2 ul li {margin-bottom:8px;}
#header .row #mainMenu h2:nth-child(2){bottom:120px !important; height:57px; font-size:50px; border-radius:40px; padding:2px 16px 2px 24px;}
#header .row #mainMenu h2:nth-child(2) svg {margin-top: 16px;}
#header .row #languageSwitch {left:20px;}
#preFooter {height:110px;}
#preFooter .row svg{height:80px; margin-top:15px;}
#mainContainer{margin-top:120px;}
#mainContainer.beCreativeAgora {margin-top:110px;}
#mainContainer.beCreativeAgora #beCreativeAgora h1{font-size:68px;}	
.module.tableList.item .venue svg{margin-top:2px;}
.forminator-row {font-size:24px;}
.forminator-response-message.forminator-show.forminator-error{top:130px; width:calc((100vw / 12)*10);}
.module.cardList.item{padding-bottom:0px;}	
#programme #programmeHeader{top:120px; height:300px;}
#programmeSoon #programmeHeader{top:120px; height:150px;}
#citiesMap .row{top:120px}
#citiesMap .row:first-child {width:100vw; overflow-x:hidden;}
#citiesMap #map {height:calc(100vh - 100px);}
#citiesMap #citiesCard {position:absolute; height:calc(100vh - 100px); left:calc(100vh - 72px); border-left:1px solid var(--border-color); background-color:var(--main-background-color);}
#citiesMap #citiesCard div {border:none;}
#citiesMap #citiesCard.hiddenOnEntry{left:calc(100vw - 72px);}
#citiesMap #citiesCard .row {margin-top:0px; top:0px;}
#citiesMap #citiesCard svg.closeCitiesCard {width:60px; height:60px; transform:rotateY(180deg); stroke-width: 1px; z-index:2; transition: all 0.5s ease;}
#citiesMap #citiesCard svg.closeCitiesCard.open {transform:rotateY(0deg);}
#speakers #speakersHeader{top:120px; height:300px;}
#registrations{margin-top:170px;}
#trip #tripHeader{top:120px; height: 175px;}
#media{margin-top:150px;}
} @media screen and (max-width:575px){
h1{font-size:35px;}
h2{font-size:40px;}
h3{font-size:18px;}
h4{font-size:14px;}
h6{font-size:11px;}
p{font-size:18px;}
#preLoader {top:7px !important; left:200px !important;}
#preLoader #uccnbraga24LogotypeSymbol {width:54px !important; height:54px !important;}
#preLoader.beforeAnimation {top:70px !important;}
#preLoader #uccnbraga24LogotypeSymbol.beforeAnimation {width:120vw !important; height:calc(100svh - 70px) !important; transform:translateX(-10vw);}
#preLoader #uccnbraga24LogotypeSymbol.beforeAnimation svg path.strokeForSymbol{stroke-width:calc(97px / var(--windowWidth));}
#preLoader #uccnbraga24LogotypeSymbol svg path.strokeForSymbol{stroke-width: 1px;}
#preLoader.beCreativeAgora {left: 270px !important;}
#subHeader.beCreativeAgora {height: 70px !important;}
#subHeader.beCreativeAgora #uccnLogotype {margin-left:0px !important;}
#header.beCreativeAgora {height: 70px !important;}
#header.beCreativeAgora #languageSwitch h2{font-size:21px !important;}
#header.beCreativeAgora #languageSwitch h2 ul li{margin-right:10px !important;}
#header.beCreativeAgora #languageSwitch h2 ul li:last-child{margin-right:0px !important;}
#mainContainer.beCreativeAgora {padding-top:15px !important;}
#mainContainer.beCreativeAgora #beCreativeAgoraExhibitionBody {margin-top:15px !important;}
#mainContainer.beCreativeAgora #beCreativeAgora h1{font-size:45px;}	
#mainContainer.beCreativeAgora .module.textList.item.title svg {margin-top:-2px !important;}
#mainContainer.beCreativeAgora .module.textList.item.title h2 {font-size:28px; float:left;}
#mainSubtitles {top:70px; height:calc(100vh - 70px);}
#mainSubtitles h2{font-size:21px;}
#mainSubtitles h2:nth-child(1){top:100px; left:-100%; height:40px; padding-top:8px;}
#mainSubtitles h2:nth-child(2){bottom:30px; right:-100%; width:300px; height:90px; padding-top:13px; padding-left:10px; padding-right:10px;}
#mainSubtitles.onEntry{opacity:1;}
#mainSubtitles.onEntry h2:nth-child(1){top:100px; left:calc(50% - 116px);}
#mainSubtitles.onEntry h2:nth-child(2){bottom:60px; right:calc(50% - 150px);}
#promptButton {bottom:20px;}
#subHeader {height:70px !important; padding-top:10px !important; padding-left:10px !important; padding-right:10px !important;}
#subHeader .row div #uccnLogotype {display:block; margin-left: -87px; width: 75px; height: 49px; margin-right: 12px;}
#subHeader .row div #uccnLogotype.beforeAnimation {margin-left: 0px; width: 75px; height: 49px;}
#subHeader .row div #uccnbraga24Logotype {width:182px; height:49px !important;}
#subHeader .row div #uccnbraga24Logotype.beforeAnimation {width:182px; height:49px !important;}
#smallMenuButton{top:15px; right:10px;}
#smallMenuButton button, #smallMenuButton button svg{width:40px; height:40px;}
#smallMenuButton button svg line {stroke-width:1.5px;}
#header {top:70px !important; padding-left:10px; padding-right:10px;}
#header .row #mainMenu {margin-top:20px; margin-bottom:15px; line-height:1;}
#header .row #mainMenu h2 ul li {margin-bottom:5px;}
#header .row #mainMenu h2:nth-child(2){bottom:120px !important; height:44px; font-size:40px; border-radius:40px; padding:1px 16px 2px 24px;}
#header .row #mainMenu h2:nth-child(2) svg {margin-top: 10px;}
#header .row #languageSwitch {left:0px;}
#preFooter {height:70px;}
#preFooter .row {padding-left:20px; padding-right:20px;}
#preFooter .row svg{height:60px; margin-top:5px;}
#footer{border-bottom:1px solid var(--main-text-color);}
#footer .row {padding-left:0px; padding-right:0px;}
#footer .row #cities {height:130px; padding-top:20px; padding-bottom:20px;}
#footer .row #copyright {height:30px; padding-top:20px; padding-bottom:30px; justify-content: flex-start !important;}
#mainContainer{margin-top:70px;}
#mainContainer.onEntry{margin-top:100vh; background-color:var(--main-background-color);}
.module.grid.item{height:460px; border-top:1px solid var(--border-color); border-bottom:0px; border-left:0px; border-right:0px; }
.module.grid.item:last-child{border-bottom:1px solid var(--border-color);}
.module.grid.item a .topArea.left {padding-top:20px; padding-left:15px;}
.module.grid.item a .topArea.right {padding-top:20px; padding-right:15px;}
.module.grid.item a .bottomArea.left {padding-bottom:20px; padding-left:15px;}
.module.grid.item a .bottomArea.right {padding-bottom:20px; padding-right:15px; align-items:end;}
.module.grid.item a .bottomArea.right img{height:50%;}
.module.grid.item a .bottomArea.full {padding-bottom:20px; padding-left:15px; padding-right:15px;}
.module.grid.item.last a .bottomArea.full{width:100%}
.module.grid.item a .topArea svg {width:45px; height:45px;}
.module.article.header{padding-top:100px;}
.module.article.header h1{font-size:40px; text-align:center;}
.module.filter.menu {margin-top:15px;}
.module.filter.menu h2 {font-size:24px; float:left;}
.module.filter.menu h2 ul li{float:left; height:30px; padding:2px 12px 0px 12px; margin-left:0px; margin-right:5px; margin-bottom:5px;}
.module.cardList.item{padding-bottom:0px; padding-left:12px; padding-right:12px;}	
.module.disclaimer {padding-left: 12px; padding-right: 12px;}
.module.tableList.title {margin-bottom: 5px;}
.module.tableList.title div h1 {font-size: 35px;}
#programmeEventTitle .module.tableList.item h2{margin-bottom:15px;}
.module.tableList.item .tag{margin-top:0px;}
.module.textList.item {padding-left:12px; padding-right:12px;}
.module.textList.item.title {margin-bottom:30px;}
.module.textList.item.title h2{font-size:35px;}
.module.textList.item.body {margin-bottom:45px;}
.module.textList.item.body .paragraph:not(:last-child), .module.textList.item.body .paragraph{margin-bottom:30px;}
.module.textList.item.body .paragraph h3 {margin-bottom:10px !important; line-height:1.15;}
.module.packageList.item.title {margin-bottom:30px;}
.module.packageList.item.title h2{font-size:35px;}
.module.packageList.item.body .paragraph{margin-bottom:30px;}
.module.packageList.item.body .paragraph h3 {margin-bottom:10px !important; line-height:1.15;}
.module.galleriesList.item.title {margin-bottom:30px;}
.module.galleriesList.item.title h2{font-size:35px;}
.forminator-row {font-size:21px;}
.forminator-row .header.form-select-subject {width:100%; margin-left:0px;}
.forminator-row .header.form-email-address {width:100%; margin-right:0px; margin-bottom:60px;}
.forminator-row .forminator-col .forminator-field button{height:39px; border:solid 1px var(--border-color); border-radius:24px; padding: 0px 16px 2px 15px; line-height:1; transition:all 0.5s ease-in-out;}
.forminator-response-message.forminator-show.forminator-error{top:80px; width:calc((100vw / 12)*10); font-size:21px;}
#homepage .row:not(:first-child) {margin-bottom:130px}
#homepage #homepageSlider{height: calc(100vh + 70px);}
#homepage #homepageSlider.row .slickSlider{top:70px; height: calc(100vh - 70px); padding:0px;}
#homepage #homepageSlider.row .slickSlider .slick-list {height:calc(100vh - 70px);}
#homepage #homepageSlider.row .slickSlider .homepageImage{height:calc(100vh - 70px); background-size:auto calc(100vh - 70px);}
#homepage #homepageSlider.row .slickSlider .homepageImageGradient {width:100vw; height:calc(100vh - 70px); margin-top:calc((100vh - 70px)*-1);}
#homepage #homepageSlider.row .slickSlider .homepageImageCaption {width:calc(100vw - 40px); margin-top:calc((100vh - 70px - 30px)*-1); margin-left:20px;}
.slick-track{height:calc(100vh - 70px) !important;}
#homepage #homepageSlider.row .slickSlider .homepageImageCaption h1{font-size:40px;}
#homepage #homepageHighlightButtons {margin-top:130px;}
#logotypes {height:auto; padding-bottom:75px;}
#logotypes .row .logotypesItems {margin-top: 45px;}
#logotypes .row .logotypesItems h6 {font-size:12px;}
#logotypes .row .logotypesItems img{height:35px; width:auto;}
#logotypes .row .logotypesItems img.secondRow{height:50px; margin-top:15px; margin-left:0px;}
#programme #programmeHeader{top:70px; height:250px;}
#programmeSoon #programmeHeader{top:70px; height:150px;}
#programme #programmeHeader #programmeTitle,  #programmeSoon #programmeHeader #programmeTitle{margin-top:15px;}
#programmeSoon #programmeDescription{margin-top:0px; margin-bottom:35px;}
#programme #programmeTable h2 {font-size:21px;}
#programme #programmeTable	#programmeEventVenue svg{margin-top:-5px;}
#citiesMap .row{top:70px}
#citiesMap .row:first-child {width:100vw; overflow-x:hidden;}
#citiesMap .row .city .row div *{margin-bottom:40px;}
#citiesMap #map {height:calc(100vh - 70px);}
#citiesMap #citiesCard {position:absolute; height:calc(100vh - 70px); border-left:1px solid var(--border-color); background-color:var(--main-background-color);}
#citiesMap #citiesCard.hiddenOnEntry{left:calc(100vw - 52px);}
#citiesMap #citiesCard div {border:none;}
#citiesMap #citiesCard .row {margin-top:0px; top:0px;}
#citiesMap #citiesCard svg.closeCitiesCard {width:50px; height:50px; transform:rotateY(180deg); stroke-width: 1px; z-index:2; transition: all 0.5s ease;}
#citiesMap #citiesCard svg.closeCitiesCard.open {transform:rotateY(0deg);}
#citiesMap #citiesCard .city .row {margin-top:20px;}
#speakers #speakersTable #speaker #speakerName h2 {font-size:24px;}
#speakers #speakersTable #speaker #speakerIndex svg {margin-left: -20px;}
#citiesMap #citiesCard.hiddenOnEntry{left:calc(100vw - 52px);}
#citiesMap .label{opacity:0 !important; font-size:18px !important; transition:all 0.5s ease-in-out;}
#speakers #speakersHeader{top:70px; height:250px;}
#speakers #speakersHeader #speakersTitle {margin-top:15px;}
#team .row #teamItems {column-count:1; column-width: calc(100vw - 20px); column-gap: 0px;}
#team .row #teamItems ul li	{font-size:18px;}
#registrations .row {margin-top: 95px;}
#registrations p{font-size:21px; margin-bottom:25px;}
#registrations h2.buttonLink {margin-top:45px; }
#registrations h2.buttonLink a{font-size:21px; margin-top:65px; border-radius:24px; padding:0px 16px 2px 15px; line-height:1}
#trip #tripHeader{top:70px; height:auto;}
#media{margin-top:100px;}
} @media screen and (min-width:576px) and (max-width:767px){
h1{font-size: 40px}	
h3{font-size:30px;}
h4{font-size:20px;}
p{font-size:30px;}
#mainSubtitles h2:nth-child(1){top:200px; left:-100%;}
#mainSubtitles h2:nth-child(2){bottom:100px; right:-100%;}
#mainSubtitles.onEntry h2:nth-child(1){top:200px; left:calc(50% - 134px);}
#mainSubtitles.onEntry h2:nth-child(2){bottom:130px; right:calc(50% - 275px);}
#promptButton {bottom:30px;}
#footer .row #copyright h6 {font-size:12px;}
#mainContainer.onEntry{margin-top:100vh; background-color:var(--main-background-color);}
.module.grid.item{height:800px; border-top:1px solid var(--border-color); border-bottom:0px; border-left:0px; border-right:0px;}
.module.grid.item:last-child{border-bottom:1px solid var(--border-color);}
.module.grid.item a .topArea.left {padding-top:38px; padding-left:20px;}
.module.grid.item a .topArea.right {padding-top:38px; padding-right:20px;}
.module.grid.item a .bottomArea.left {padding-bottom:40px; padding-left:20px;}
.module.grid.item a .bottomArea.right {padding-bottom:40px; padding-right:20px; align-items:end;}
.module.grid.item a .bottomArea.right img{height:50%;}
.module.grid.item a .bottomArea.full {padding-bottom:40px; padding-left:20px; padding-right:20px;}
.module.grid.item a .topArea svg {width:70px; height:70px;}
.module.article.header h1{font-size:80px; text-align:center;}
.module.textList.item.title {margin-bottom:45px;}
.module.textList.item.title h2{font-size:60px;}
.module.textList.item.body .paragraph:not(:last-child), .module.textList.item.body .paragraph{margin-bottom:45px;}
.module.textList.item.body .paragraph h3 {margin-bottom:18px !important; line-height:1.15;}	
.module.packageList.item{padding-bottom:0px;}
.module.packageList.item.title {margin-bottom:45px;}
.module.packageList.item.title h2{font-size:60px;}
.module.packageList.item.body .paragraph{margin-bottom:45px;}
.module.packageList.item.body .paragraph h3 {margin-bottom:18px !important; line-height:1.15;}
.module.galleriesList.item.title {margin-bottom:45px;}
.module.galleriesList.item.title h2{font-size:60px;}
.module.filter.menu {margin-top:25px;}
.module.filter.menu h2 {font-size:35px; float:left;}
.module.filter.menu h2 ul li{float:left; height:45px; padding:3px 20px 0px 20px; margin-left:5px; margin-bottom:5px;}
#homepage .row:not(:first-child) {margin-bottom:230px}
#homepage #homepageSlider{height: calc(100vh + 230px);}
#homepage #homepageSlider.row .slickSlider{top:100px; height: calc(100vh - 100px); padding:0px;}
#homepage #homepageSlider.row .slickSlider .slick-list {height:calc(100vh - 100px);}
#homepage #homepageSlider.row .slickSlider .homepageImage{height:calc(100vh - 100px); background-size:100vw;}
#homepage #homepageSlider.row .slickSlider .homepageImageGradient {width:100vw; height:calc(100vh - 100px); margin-top:calc((100vh - 100px)*-1);}
#homepage #homepageSlider.row .slickSlider .homepageImageCaption {width:calc(100vw - 80px); margin-top:calc((100vh - 100px - 40px)*-1); margin-left:40px;}
.slick-track{height:calc(100vh - 100px) !important;}
#homepage #homepageHighlightButtons {margin-top:230px;}
#logotypes {height:auto; padding-bottom:75px;}
#logotypes .row .logotypesItems img{height:40px; width:auto;}
#logotypes .row .logotypesItems img.secondRow{height:60px; margin-top:20px; margin-left:0px;}
#programme #programmeTable h2{font-size:35px;}
#speakers #speakersTable #speaker #speakerName h2 {font-size:35px;}
#team .row #teamItems {column-count:1; column-width: calc(100vw - 20px); column-gap: 0px;}
#team .row #teamItems ul li	{font-size:30px;}
#registrations .row {margin-top:120px;}
#registrations p{font-size:30px; margin-bottom:25px;}
#registrations h2.buttonLink a{font-size:30px; margin-top:65px; height:39px; border-radius:24px; padding:0px 16px 2px 15px; line-height:1}
} @media screen and (min-width:768px) and (max-width:1199px){
#mainSubtitles h2{font-size:25px;}
#mainSubtitles h2:nth-child(1){top:200px; left:-100%; height:50px;}
#mainSubtitles h2:nth-child(2){bottom:100px; right:-100%; width:500px; height:75px; padding-left:35px; padding-right:35px;}
#mainSubtitles.onEntry h2:nth-child(1){top:200px; left:calc(50% - 119px);}
#mainSubtitles.onEntry h2:nth-child(2){bottom:100px; right:calc(50% - 250px);}
#mainContainer.onEntry{margin-top:100vh; background-color:var(--main-background-color);}
.module.grid.item{height:555px;}
.module.grid.item a .topArea svg {width:45px; height:45px;}
.module.article.header h1{font-size:60px; text-align:center;}
.module.textList.item.title {margin-bottom:45px;}
.module.textList.item.body .paragraph:not(:last-child), .module.textList.item.body .paragraph{margin-bottom:45px;}
.module.textList.item.body .paragraph h3 {margin-bottom:18px !important; line-height:1.15;}	
.module.packageList.item.title {margin-bottom:45px;}
.module.packageList.item.body .paragraph{margin-bottom:45px;}
.module.packageList.item.body .paragraph h3 {margin-bottom:18px !important; line-height:1.15;}
.module.galleriesList.item.title {margin-bottom:45px;}
.module.filter.menu {margin-top:25px;}
.module.filter.menu h2 {font-size:35px; float:left;}
.module.filter.menu h2 ul li{float:left; height:45px; padding:3px 20px 0px 20px; margin-left:5px; margin-bottom:5px;}
#homepage .row:not(:first-child) {margin-bottom:230px}
#homepage #homepageSlider{height: calc(100vh + 230px);}
#homepage #homepageSlider.row .slickSlider{top:100px; height: calc(100vh - 100px); padding:0px;}
#homepage #homepageSlider.row .slickSlider .slick-list {height:calc(100vh - 100px);}
#homepage #homepageSlider.row .slickSlider .homepageImage{height:calc(100vh - 100px); background-size:100vw;}
#homepage #homepageSlider.row .slickSlider .homepageImageGradient {width:100vw; height:calc(100vh - 100px); margin-top:calc((100vh - 100px)*-1);}
#homepage #homepageSlider.row .slickSlider .homepageImageCaption {width:calc(100vw - 80px);margin-top:calc((100vh - 100px - 40px)*-1); margin-left:40px;}
.slick-track{height:calc(100vh - 100px) !important;}
#homepage #homepageHighlightButtons {margin-top:230px;}
#logotypes {height:auto; padding-bottom:75px;}
#logotypes .row .logotypesItems img{height:45px; width:auto;}
#logotypes .row .logotypesItems img.secondRow{height:65px; margin-top:20px; margin-left:0px;}
#programme #programmeTable h2{font-size:35px;}
#team .row #teamItems ul li	{font-size:20px;}
#registrations .row {margin-top:120px;}
#registrations p{font-size:25px; margin-bottom:25px;}
#registrations h2.buttonLink a{font-size:25px; margin-top:65px; height:39px; border-radius:24px; padding:0px 16px 2px 15px; line-height:1}
} @media screen and (min-width:768px) and (max-width:991px){
h1{font-size: 45px}	
h3{font-size:20px;}
h4{font-size:20px;}
p{font-size:20px;}
.module.packageList.item.title h2, .module.textList.item.title h2{font-size:35px;}
#team .row #teamItems {column-count:2; column-width: calc(100vw / 6); column-gap: 40px;}
#team .row #teamItems {column-count:2; column-width: calc(100vw / 3); column-gap: 40px;}
#speakers #speakersTable #speaker #speakerName h2 {font-size:35px;}
} @media screen and (min-width:992px) and (max-width:1199px){
h1{font-size: 45px}		
h3{font-size:22px;}
p{font-size:22px;}
#homepage #homepageSlider.row .slickSlider .homepageImage.desktop{display:block;}
#homepage #homepageSlider.row .slickSlider .homepageImage.mobile{display:none;}
.module.grid.item a .bottomArea.right {align-items:end;}
.module.grid.item a .bottomArea.right img{height:50%;}
.module.packageList.item.title h2, .module.textList.item.title h2, .module.galleriesList.item.title h2{font-size:40px;}
#team .row #teamItems {column-count:2; column-width: calc(100vw / 6); column-gap: 40px;}
#speakers #speakersTable #speaker #speakerName h2 {font-size:35px;}
} @media screen and (min-width:1200px) and (max-width:1919px){
h1{font-size:50px;}
h2{font-size:25px;}
h3{font-size:20px;}
h4{font-size:17px;}
p{font-size:20px;}
#preLoader {left:450px;}
#preLoader #uccnbraga24LogotypeSymbol {width:84px; height:84px !important;}
#preLoader #uccnbraga24LogotypeSymbol.beforeAnimation {width:100vw !important; height:100vh !important;}
#mainSubtitles {top:160px; height:calc(100vh - 160px);}
#subHeader .row div #uccnLogotype{width:103px; height:75px !important;}
#subHeader .row div #uccnbraga24Logotype{width:279px; height:75px !important;}
#subHeader .row div #uccnLogotype.beforeAnimation {width:123px; height:90px !important;} 
#subHeader .row div #uccnbraga24Logotype.beforeAnimation {width:334px; height:90px !important;}
#subHeader .row div #bmaLogotype {width:258px !important;}
#header{height:160px !important;}
#header.beforeAnimation {margin-top:calc(100vh - 160px);}
#header.backgroundChange{background-color: rgba(var(--main-background-color-rgb), 0); z-index:8;}
#header .row #mainMenu h2, #header .row #languageSwitch h2 {margin-bottom:5px;}
#header .row #mainMenu h2:nth-child(2){height:34px;}
#header .row #mainMenu h2:nth-child(2) svg{margin-top:3px;}
#header.onEntry{margin-top:calc(100vh - 160px);}
#preFooter{position:fixed; display:block !important; opacity:1 !important; top:20px !important; right:0px; width:50vw; height:100px; padding-right: 20px; border-top:0px; background-color:transparent !important; z-index:5;}
#preFooter #socialMedia a.facebook, #preFooter #socialMedia a.instagram{margin-left:15px;}
#team .row #teamItems ul li{font-size:20px;}
#programme #programmeHeader, #programmeSoon #programmeHeader, #speakers #speakersHeader {top:160px; height:150px;}
#programme #programmeHeader #programmeTitle, #programmeSoon #programmeHeader #programmeTitle, #speakers #speakersHeader #speakersTitle{margin-top:20px;}
#trip #tripHeader{top:160px; height:100px;}
#spacesMap #map{height:60vh;}
#speakers #speakersTable #speaker #speakerName h2 {font-size:35px;}
.module.filter.menu {margin-top:25px;}
.module.filter.menu h2 ul li {height:38px; padding:6px 20px 6px 20px;}
.module.article.header h1{font-size:65px;}
.module.grid.item{height:315px;}
.module.grid.item a .topArea.left, .module.grid.item a .topArea.right, .module.grid.item a .bottomArea.left, .module.grid.item a .bottomArea.right, .module.grid.item a .bottomArea.full{padding:30px;}
.module.grid.item a .topArea.left{padding-top:28px;}
.module.grid.item a .topArea svg{width:50px; height:50px;}
.module.textList.item.title {margin-bottom:50px;}
.module.textList.item.body .paragraph h3 {margin-bottom:20px !important; line-height:1.15;}	
.module.packageList.item.title {margin-bottom:50px;}
.module.packageList.item.body .paragraph h3 {margin-bottom:20px !important; line-height:1.15;}
#homepage #homepageSlider.row .slickSlider {top:160px !important; height:calc(100vh - 160px - 20px) !important; padding-left:20px; padding-right:20px;}
#homepage #homepageSlider.row .slickSlider .slick-list {height:calc(100vh - 160px - 20px) !important;}
#homepage #homepageSlider.row .slickSlider .homepageImage{height:calc(100vh - 160px - 20px) !important;}
#homepage #homepageSlider.row .slickSlider .homepageImageGradient {height:calc(100vh - 160px - 20px) !important; margin-top:calc((100vh - 160px - 20px)*-1) !important;}
#homepage #homepageSlider.row .slickSlider .homepageImageCaption {width: calc(100vw * 0.5); margin-top:calc((100vh - 160px - 20px - 30px)*-1) !important; margin-left:40px;}
.slick-track{height:calc(100vh - 160px - 20px) !important;}	
#homepage #homepageSlider.row .slickSlider .homepageImageCaption h1 {font-size:60px;}
#programmeSoon #programmeDescription{margin-top:0px; margin-bottom:100px;}
#logotypes {height: auto; padding-bottom:75px;}
#logotypes .row .logotypesItems img{height:45px; width:auto;}
#logotypes .row .logotypesItems img.secondRow{height:65px; margin-top:-5px;}
#citiesMap .closeCitiesCard{display:none;}
} @media screen and (min-width:1200px) and (max-width:1399px){
h1{font-size: 45px}
h6{font-size: 14px;}
#mainSubtitles h2{font-size:25px;}
#mainSubtitles h2:nth-child(1){height:50px;}
#mainSubtitles h2:nth-child(2){width:500px; height:75px; padding-left:35px; padding-right:35px;}
#preFooter #socialMedia a.instagram svg {height:25px;}
#footer .row #cities a {margin-right:0px;}
#footer .row #cities a img{width:75%}
.module.article.body{margin-top:45px;}
.forminator-response-message.forminator-show.forminator-error{top:185px}
#mainContainer.beCreativeAgora #beCreativeAgora h1{font-size:68px;}	
#citiesMap #map {height: calc(100vh - 164px);}	
} @media screen and (min-width:1200px) and (max-width:1362px){
#header .row #mainMenu h2 ul li{margin-right:16px;}
#header .row #mainMenu h2:nth-child(2){padding:3px 14px 0px 18px}
#header .row #mainMenu h2:nth-child(2) ul li{margin-right:5px;}
} @media screen and (min-width:1200px) and (max-width:1265px){
#header .row #mainMenu.col-xl-10{width:88%}
#header .row #languageSwitch.col-xl-2{width:12%}
} @media screen and (min-width:1400px) and (max-width:1919px){
#mainContainer.beCreativeAgora #beCreativeAgora h1{font-size:68px;}	
} @media screen and (min-width:1920px){
h1{font-size:80px;}
#header.backgroundChange{background-color: rgba(var(--main-background-color-rgb), 0); z-index:8;}
#preFooter{position:fixed; display:block !important; opacity:1 !important; top:20px !important; right:0px; width:50vw; height:100px; padding-right: 20px; border-top:0px; background-color:transparent !important; z-index:5;}
#preFooter #socialMedia a.facebook, #preFooter #socialMedia a.instagram{float:left; margin-left:20px;}
#preFooter #socialMedia a.facebook svg{width:auto; height:32px;}
#preFooter #socialMedia a.instagram svg{width:auto; height:28px;}
#homepage #homepageVideo {width:100vw; margin-left: calc((100vw - 1920px)/2 * -1 - 12px);}
#logotypes .row {padding-left:10px; padding-right:10px;}
#team {width:100vw;}
#team .row{max-width:1920px; margin-left:auto; margin-right:auto;}
#citiesmap{margin-bottom:100px;}
#citiesMap .closeCitiesCard{display:none;}
#homepage #homepageSlider {height: calc(100vh + 320px)}
#homepage #homepageSlider.row .slickSlider{height: calc(100vh - 175px); padding:0px;}
#homepage #homepageSlider.row .slickSlider .slick-list {height:calc(100vh - 175px);}
#homepage #homepageSlider.row .slickSlider .homepageImage{height:calc(100vh - 175px); background-size:1920px;}
#homepage #homepageSlider.row .slickSlider .homepageImageGradient {width:1920px; height:calc(100vh - 175px); margin-top:calc((100vh - 175px)*-1);}
#homepage #homepageSlider.row .slickSlider .homepageImageCaption {width: calc(100vw * 0.5); margin-top:calc((100vh - 175px - 30px)*-1); margin-left:40px;}
.slick-track{height:calc(100vh - 175px) !important;}	
#homepage #homepageSlider.row .slickSlider .homepageImageCaption h1 {font-size:80px;}
.module.tableList.item .venue svg{margin-top:0px;}
.module.article.header {padding-top: 175px; }
#spacesMap {border-left: 1px solid var(--border-color); border-right: 1px solid var(--border-color);}
} @media screen and (max-width:991px) and (orientation : landscape){
}