/* 900 ipad horizontal ******************************************************************************* */ /* 900 ipad horizontal ******************************************************************************* */ /* 900 ipad horizontal ******************************************************************************* */ @media only screen and (min-width: 900px) { /* —————————————————————————————————————————— TYPOGRAPHY —————————————————————————————————————————— */ /* –––––––––––––––––– S I Z E S & S T Y L E S –––––––––––––––––– */ .featured-text { font-size: 30px; } .poster .lineup-title { font-size: 20px; } .poster .lineup { font-size: 30px; line-height: 1.00em; } .home-manifesto { font-size: 96px; } .poster h1 { font-size: 48px; line-height: 1.15em; } /* —————————————————————————————————————————— STRUCTURE —————————————————————————————————————————— */ .main-grid { grid-template-columns: repeat(12, 1fr); } .logo-wall { grid-template-columns: repeat(16, 1fr); } #colophon { grid-template-columns: repeat(16, 1fr); } /* —————————————————————————————————————————— HEADER & NAV —————————————————————————————————————————— */ #masthead { padding: 0 40px; align-items: center; justify-content: space-between; } #masthead .menu-item-has-children > a { pointer-events: all; } #primary-menu { height: auto; padding: 0; display: flex; flex-direction: row; position: relative; } #primary-menu > li { margin: 0 0 0 20px; padding: 0; } #primary-menu > li:first-of-type { margin: 0; } #primary-menu > li:hover .sub-menu { display: flex; } #primary-menu .sub-menu { padding: 0 0 20px 0; position: absolute; left: 0; display: none; } #primary-menu .sub-menu li { padding: 8px 0 0 0; } #primary-menu .sub-menu::after { content: ""; width: 150vw; height: 100%; margin: 0; padding: 0; position: absolute; left: -100vw; z-index: -1 !important; background-color: #FFF; } /* –––––––––––––––––– T O G G L E M E N U –––––––––––––––––– */ .menu-toggle { display: none; } /* —————————————————————————————————————————— CONTENT —————————————————————————————————————————— */ /* –––––––––––––––––– H O M E P A G E –––––––––––––––––– */ .site-cover { height: 50vh; flex-direction: row; } .featured-item { border-right: solid 2px var(--darkgray); border-bottom: 0; } .featured-item:last-of-type { border-right: 0; } .featured-content { padding: 48px 40px; } .poster { padding: 160px 80px; gap: 64px; } .poster .lineup { gap: 15px 35px; } .home-manifesto { padding: 80px; } .ticker { -webkit-animation-duration: 80s; animation-duration: 80s; } /* –––––––––––––––––– G E N E R A L –––––––––––––––––– */ header { margin: 0; padding: 60px 40px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; } /* –––––––––––––––––– F I L T E R –––––––––––––––––– */ .controls { width: auto; padding: 0; flex-direction: row; justify-content: center; } .controls fieldset { width: auto; } .controls .control-group { width: auto; } /* –––––––––––––––––– E V E N T L I S T –––––––––––––––––– */ .event-list { padding: 0 40px; } .event-list li { grid-column: span 4; /*DONE*/ } /* –––––––––––––––––– E V E N T S & B I O S –––––––––––––––––– */ .content { flex-direction: row; position: relative; } .content-a { width: 50%; height: calc(100vh - 80px); position: sticky; top: 80px; } .content-b { width: 50%; height: auto; position: relative; } .content-thumb { height: 100%; } .content-header { margin: 0; padding: 80px 40px 60px 40px; } .content-schedule { margin: 0; padding: 0 80px 60px 80px; } .event-schedule { padding: 80px 40px; } .content-synopsis { margin: 0; padding: 0 40px; } .content-notes { margin: 0; padding: 60px 40px 0 40px; } .content-video { margin: 0; padding: 60px 40px 0 40px; } .content-related-docs { margin: 0; padding: 60px 40px 0 40px; } .content-related-links { margin: 0; padding: 60px 40px 0 40px; } .content-related-content { margin: 0; padding: 60px 40px 0 40px; } .content-related-content ul { margin: 0 -40px; } .content-related-content li:before { right: 40px; } .content-related-content li a { padding: 20px 40px; } /* –––––––––––––––––– P A G E S –––––––––––––––––– */ .page-content { margin: 0; padding: 0 40px; } .page-header { margin: 0; padding: 60px 0; grid-column: 4 / span 6; /*DONE*/ } .no-content { margin: 0; padding: 0; grid-column: 4 / span 6; /*DONE*/ background-color: red; /*APAGAR*/ } .page-main-content { margin: 0 0 40px 0; padding: 0; grid-column: 4 / span 6; /*DONE*/ } .page-section { padding: 56px 0 40px 0; } .page-section:nth-child(odd) { grid-column: 4 / span 3; /*DONE*/ } .page-section:nth-child(even) { grid-column: 7 / span 3; /*DONE*/ } .section-content + .section-links { margin-top: 40px; } .page-epilogue { margin: 60px 0 0 0; grid-column: 4 / span 6; /*DONE*/ } .page-disclaimer { margin: 60px 0 0 0; ; grid-column: 4 / span 6; /*DONE*/ } /* –––––––––––––––––– F A Q S –––––––––––––––––– */ .faq-block { grid-column: 4 / span 6; /*DONE*/ } /* –––––––––––––––––– A C C O R D I O N –––––––––––––––––– */ .accordion { margin: 0; padding: 0; grid-column: 4 / span 6; /*DONE*/ } .accordion-header { padding: 42px 0; } .accordion-content { margin: 0; padding: 0 0 42px 0; } .accordion-content .buttons-block { margin-top: 42px; } .accordion-content .message-block { margin-top: 42px; } /* –––––––––––––––––– A C C O M M O D A T I O N –––––––––––––––––– */ .accommodation-block { margin: 40px 0 0 0; padding: 0; grid-column: 4 / span 6; /*DONE*/ } /* –––––––––––––––––– M A P S !!!!!!!!!!!!!!!!!!!!!!!!!!!!! OTIMIZAR !!!!!!!!!!!!!!!!!!!!!!!!!!!!! –––––––––––––––––– */ .map { margin: 0 0 120px 0; padding: 0; position: relative; display: flex; flex-direction: row; flex-wrap: nowrap; } .full-map { margin: 0; padding: 0; width: 60%; height: calc(100vh - 80px); position: sticky; top: 80px; background-color: #FFF; } .full-map img { margin: 0; padding: 0; width: 100%; height: 100%; object-fit: contain; } .map-captions-container { margin: 0; padding: 0 80px 80px 80px; background-color: #FFF; flex-grow: 1 } .map-captions { margin: 0; padding: 0; width: 100%; display: table; } .map-captions ul { margin: 0; padding: 0; list-style: none; display: table-row; width: 100%; } .map-captions li { margin: 0; padding: 5px 0; display: table-cell; border-top: solid 1px #999; } .map-captions li:first-child { padding-right: 30px; } /* –––––––––––––––––– S U P P O R T –––––––––––––––––– */ .logo-wall { padding: 40px 0; grid-column: 1 / span 12; /*DONE*/ } .logo-wall li { grid-column: span 4; /*DONE*/ } /* –––––––––––––––––– 4 0 4 –––––––––––––––––– */ .notfound { margin: 0; padding: 0; display: flex; flex-direction: row; position: relative; } .notfound .message-board { width: 50%; padding: 40px 80px 40px 40px; background-color: #FFF; position: relative; } .notfound .message { position: sticky; top: 180px;} .notfound .wallpaper { width: 50%; height: calc(100vh - 80px); } /* —————————————————————————————————————————— FOOTER —————————————————————————————————————————— */ .footer-stamp { grid-row: 1; grid-column: 1 / span 4; padding: 20px; border: solid 1px var(--midgray); border-left: 0; } #footer-footer-menu { grid-row: 1; grid-column: 5 / span 8; } #footer-social-menu { grid-row: 1; grid-column: 13 / span 4; border-left: solid 1px var(--midgray); border-bottom: solid 1px var(--midgray); flex-direction: column; } #footer-social-menu li { border-right: 0; border-bottom: solid 1px var(--midgray); } .footer-tagline { grid-row: 3; grid-column: 1 / span 4; margin: 0; padding: 72px 0 24px 0; display: flex; flex-direction: row; align-items: center; justify-content: center; } .footer-copy { grid-row: 4; grid-column: 1 / span 4; margin: 0; padding: 0 0 64px 0; display: flex; flex-direction: row; align-items: center; justify-content: center; } .footer-tagline { grid-row: 2; grid-column: 9 / span 8; padding: 40px; justify-content: flex-end; } .footer-copy { grid-row: 2; grid-column: 1 / span 8; padding: 40px; justify-content: flex-start; } } /* @media 900 */