/*-------- X-SMALL + SMALL + MEDIUM + LARGE --------*/ @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;} #copyright{display:none !important;} } /*-------- SMALL + MEDIUM + LARGE --------*/ @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;} } /*-------- X-SMALL --------*/ @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;} #tourism_support{margin-top:10px;} #tourism_support img{width:50%;} } /*-------- SMALL --------*/ @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} #tourism_support{margin-top:10px;} } /*-------- MEDIUM + LARGE --------*/ @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} #tourism_support{justify-content: flex-end !important;} } /*-------- MEDIUM --------*/ @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;} } /*-------- LARGE --------*/ @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;} } /*-------- X-LARGE + XX-LARGE --------*/ @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;} } /*-------- X-LARGE --------*/ @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);} } /*-------- X-LARGE [SPECIFIC FOR MAIN MENU]--------*/ @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;} } /*-------- X-LARGE [SPECIFIC FOR MAIN MENU]--------*/ @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%} } /*-------- XX-LARGE --------*/ @media screen and (min-width:1400px) and (max-width:1919px){ #mainContainer.beCreativeAgora #beCreativeAgora h1{font-size:68px;} } /*-------- XXX-LARGE --------*/ @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);} } /*-------- LANDSCAPE--------*/ @media screen and (max-width:991px) and (orientation : landscape){ }