@charset "UTF-8"; body { font-family: Arial, Helvetica, sans-serif; font-weight:lighter; text-align: center; margin:0; padding:0; color:#222; } a { letter-spacing:0.5pt; } a:link, a:visited { color:#AAA; } .entry { display:block; padding-top:5px; padding-bottom:5px; } .MainPage, .MainPageLight, .MainPageDark { float: none; clear: both; display:block; } #mainContent { float: none; clear: both; display:block; } .pageContent { float: none; clear: both; display:block; margin-top:15px; margin-bottom:15px; } .pagetitle { font-weight: bold; position:absolute; top:25px; left:0; padding:0; margin-bottom:100px; display:block; } #pagetitle { z-index:0; } .MainPageLight #pagetitle { color:#000; } .MainPageDark #pagetitle { color:#FFF; } #socialMenu { position: absolute; top:0; right:0; z-index:300; width:100px; padding:35px; } .dropdown-content .menuBtn { display:block; } .dropdown-content { display: none; position: absolute; background:#222; width:150px; padding: 10px; padding-left: 20px; padding-right: 20px; line-height:20pt; z-index: 1; text-align: left; } .dropdown-content a { text-decoration: none; } .MainPageDark .dropdown-content { } .MainPageLight .dropdown-content { } .MainPageDark .dropdown-content .menuBtn, .MainPageDark .menuBtn { } .MainPageLight .dropdown-content .menuBtn, .MainPageLight .menuBtn { } .menuBtn:hover .dropdown-content, .menuBtn:active .dropdown-content { display: block; } #pagefooter { display:block; clear: both; text-align:center; } #footerMenu { display:block; clear: both; text-align:center; margin-left: auto; margin-right: auto; } .footerSection { margin:20px; max-width:900px; margin-left: auto; margin-right: auto; } .footerMenuBtn { display:inline-block; text-decoration:underline; } #homePage { display:block; } .pageBanner { width:100vw; height:60vh; background-position: bottom center; background-repeat: no-repeat; background-size:cover; font-weight: bold; color: #FFF; } .bannerTitle { font-weight:bolder; } #homeBanner { height:100vh; font-weight: bold; background-image: url("../images/HomeBG-2024.jpg"); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(100%,rgba(0,0,0,0)), color-stop(20%,rgba(0,0,0,0)), color-stop(0%,rgba(0,0,0,0.3))), url(../images/HomeBG-2024.jpg); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,0.3) 100%), url(../images/HomeBG-2024.jpg); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient(bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 20%, rgba(0,0,0,0.3) 100%), url(../images/HomeBG-2024.jpg); /* FF3.6+ */ background-image: -ms-linear-gradient(bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,0.3) 100%), url(../images/HomeBG-2024.jpg); /* IE10 */ background-image: -o-linear-gradient(bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,0.3) 100%), url(../images/HomeBG-2024.jpg); /* Opera 11.10+ */ background-image: linear-gradient(to top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,0.3) 100%), url(../images/HomeBG-2024.jpg); /* W3C */ background-position: 60% center; } #bioBanner { background-image: url("../images/BioBG-2024.jpg"); background-position: 62% center; } #pressBanner { padding-top:31vh; height:28vh; background-image: url("../images/PressBG-2024.jpg"); background-position: 60% center; } #projectsBanner { margin:5vw; margin-top:80px; width:90vw; height:80vh; background-image: url("../images/ProjectsBG-2024.jpg"); background-position: 61% center; } #audioBanner { background-image: url("../images/AudioBG-2024.jpg"); background-position: center center; } #homeTitle { padding-top:70vh; } #homeSubTitle { margin-top:40px; } #home-text { font-weight: bold; margin-left: auto; margin-right: auto; width:92vw; } .homeBioPic { width: 100%; height:99vh; margin-top:50px; object-fit: cover; } #newsSection, #calendarSection { text-align: left; margin-left: auto; margin-right: auto; width:90vw; } .contentBlockLeft { display: block; text-align:left; } .contentBlockRight { display: block; text-align:right; } #homeBio { background:#DDD; } #bioText, #pressText, #projectsListing, #saudadeListing, #saudadeCalendar, #saudadeAcknowledgements, #audioListing, #videoListing, #contactText, #photocreditsText { margin-left:auto; margin-right:auto; } #bioText { width:80vw; max-width:700px; margin:70px; text-align:left; margin-left: auto; margin-right: auto; } #pressText { display: block; width:80vw; max-width:700px; margin:70px; text-align:left; margin-left: auto; margin-right: auto; } author { display: block; text-align: right; } #pressText .entry { margin-bottom: 70px; } #projectsTitle { padding-top:28vh; } #projectsPage .entry, #saudadeCalendar .entry, #saudadeAcknowledgements .entry { display: block; } projecttitle { font-weight:bold; display: block; } .projectsThumb { display: block; } #saudadeBanner { padding-top:10vh; height:10vh; color:#000; font-size:16pt; } .featuredAlbumCover { margin:50px; object-fit: cover; object-position: center center; vertical-align:top; } #saudadeCalendar h1, #saudadeAcknowledgements h1 { padding-top: 150px; padding-bottom:40px; } #saudadeListing description, #saudadeListing personnel { text-align:left; } #saudadeListing { } #saudadeAcknowledgements, #saudadeCalendar { display: block; } #saudadeCalendar .eventThumb { display: block; object-fit: cover; object-position: center center; text-align:center; margin-left: auto; margin-right: auto; } #saudadeCalendar event { margin-top: 20px; font-weight:bold; display: block; text-align:center; margin-left: auto; margin-right: auto; } #saudadeCalendar venue { display: block; text-decoration: underline; text-align:center; margin-left: auto; margin-right: auto; } #saudadeCalendar city { display: block; text-align:center; } longdate { text-align:center; margin-left: auto; margin-right: auto; } #saudadeCalendar description { display: block; text-align:center; margin-left: auto; margin-right: auto; } organization, contribution { display: block; } organization { font-weight:bold; } .sponsorlogo { margin-top:50px; object-fit: contain; object-position: center center; vertical-align:top; } repertoire { display: block; } description { display: block; } personnel { display: block; margin-top: 70px; } #audioListing { margin-top:70px; } #audioListing .entry { display: block; float: none; clear: both; } .tracklisting { display:block; } .tracktitle { font-weight: bold; display:block; } .trackmovement { display:block; } .bandcampEmbed { display:block; } #videoBanner { padding-top:20vh; height:20vh; color:#000; } .vidContainer { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; margin-bottom:40px; } .vidEmbed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #videoPage description { text-align: left; } #discographyBanner { padding-top:20vh; height:20vh; color:#000; } #discographyPage .entry { text-align: center; margin-left:5px; margin-right:5px; } .discAlbumCover { margin-top:50px; object-fit: cover; object-position: center center; vertical-align:top; } albumInfo { display: block; text-align:left; margin-top:20px; margin-left: auto; margin-right: auto; } #contactText { margin-top:100px; } .ContactPic { object-fit: contain; object-position: top center; } #contactText .contentBlockRight { text-align:left; } #photocreditsBanner { padding-top:33vh; height:30vh; color:#000; } #photocreditsText { width:80vw; max-width:600px; margin:70px; text-align:left; }