body { border: 0; margin: 0; text-align: center; background-color: #ffffff; background-image: none; background-size: cover; background-position: left 0; background-repeat: no-repeat; background-attachment: fixed; } #main { width: 100%; margin-left: auto; margin-right: auto; clear: both; } #main-content { width: 100%; padding: 0; margin: 0 auto 0 auto; clear: both; background-color: transparent; background-image: none; background-repeat: repeat; } #main-content-sub { width: 100%; clear: both; margin-left: auto; margin-right: auto; padding-bottom: 0; } div.section-container { display: block; width: 100%; margin: 0 auto 20px auto; padding: 20px 0 0 0; text-align: center; } div.section-container-sub { display: block; margin: 0 auto 0 auto; } .section-normal { background-color: transparent; width: 94%; max-width: 968px; } .section-normal-50 { background-color: transparent; width: 50%; max-width: 968px; } .section-home-news {} h1 { font-family: "brandon-grotesque", sans-serif; margin: 0 0 20px 0; text-align: center; color: #8fcea5; font-weight: 500; font-size: 2.6em; line-height: 60px; text-transform: capitalize; clear: both; } h2 { font-family: "brandon-grotesque", sans-serif; margin: 0 0 20px 0; text-align: left; color: #8fcea5; font-weight: 500; font-size: 2.0em; line-height: 40px; text-transform: capitalize; clear: both; } h3 { font-family: "brandon-grotesque", sans-serif; margin: 0 0 20px 0; text-align: left; color: #8fcea5; font-weight: 500; font-size: 1.8em; line-height: 40px; text-transform: capitalize; clear: both; } /* Bio */ div.bio-photo-container { display: inline-block; width: 33%; max-width: 300px; } .bio-photo-container-left { float: left; margin: 20px 40px 20px 0; text-align: left; } .bio-photo-container-right { float: right; margin: 20px 0 20px 40px; text-align: right; } div.bio-photo {} div.bio-photo-caption { text-align: inherit; font-weight: 500; color: #8fcea5; margin: 0; } /* Button */ .btn { margin: 0 0 0 auto; border-style: none none none none; border-color: #f37021; border-width: 1px 1px 1px 1px; border-radius: 4px 4px 4px 4px; color: #ffffff; font-size: 17px; line-height: 24px; text-transform: none; padding: 5px 10px 4px 10px; font-weight: 300; font-style: normal; background-color: #f37021; text-align: center; white-space: nowrap; display: block; width: auto; } .btn:hover { background-color: #1e6db8; } .btn a { color: #ffffff; cursor: pointer; text-decoration: none; } .btn a:hover { color: #ffffff; } a.btn { color: #ffffff; cursor: pointer; text-decoration: none; } a.btn:hover { color: #ffffff; } .btn-inline { display: inline-block; } .btn-more-info { margin-bottom: 10px; } .btn-tickets { margin-bottom: 10px; } .btn-facebook { margin-bottom: 10px; } .btn-website { margin-bottom: 10px; } /* Content Container */ div.content-container {} div.content-col1 { display: inline-block; width: 600px; margin: 0 20px 0 0; } div.content-col2 { display: inline-block; width: 300px; } /* Footer */ div.footer-container { display: block; width: 100%; text-align: center; margin-bottom: 100px; } div.footer-contacts { display: block; width: 100%; text-align: center; margin: 20px auto 0 auto; } div.footer-copyright { text-align: center; margin: 12px 0 0 0; } div.footer-divider { width: 80%; margin: 20px auto 20px auto; border-bottom: 1px #635C56 solid; } div.footer-harry-chapin { display: block; text-align: center; margin: 20px 0 0 0; line-height: 24px; } div.footer-logo-container { display: block; width: 100%; text-align: center; margin: 0 auto 0 0; vertical-align: middle; } div.footer-logo { font-size: 24px; font-family: 'Roboto', sans-serif; font-weight: 700; line-height: 100%; text-transform: uppercase; display: inline-block; width: auto; text-align: center; margin: 0 auto 0 auto; } div.footer-logo a { color: #f37021; text-decoration: none; } div.footer-logo a:hover { color: #f37021; text-decoration: none; } div.footer-management-desktop { display: block; text-align: center; margin: 0; } div.footer-management-mobile { display: none; } div.footer-site-credit { text-align: center; margin: 0 0 0 0; } div.footer-social-media-container { display: block; width: 100%; text-align: center; } div.footer-social-media-icon { display: inline-block; width: 30px; margin: 20px 12px 0 12px; } div.footer-text-signup { display: block; text-align: center; margin: 20px 0 0 0; line-height: 24px; } /* Heading */ div.header-menu-container-mobile { display: none; } div.heading-container { display: block; width: 100%; text-align: center; background-image: none; line-height: 100%; margin: 20px 0 0 0; } div.heading-divider { width: 100%; margin: 20px auto 0 auto; border-bottom: 1px #635C56 solid; } div.heading-logo-container { display: block; width: 100%; text-align: left; margin: 0 auto 0 0; vertical-align: middle; } div.heading-logo { font-size: 30px; font-family: 'Roboto', sans-serif; font-weight: 700; line-height: 100%; text-transform: uppercase; display: inline-block; width: auto; text-align: center; margin: 0 auto 0 auto; } div.heading-logo a { color: #f37021; text-decoration: none; } div.heading-logo a:hover { color: #f37021; text-decoration: none; } div.heading-menu-container { display: block; width: 94%; text-align: center; margin: 0 auto 0 auto; vertical-align: middle; white-space: nowrap; } div.heading-menu-col1 { display: inline-block; width: 22%; margin: 0; text-align: left; vertical-align: middle; white-space: normal; } div.heading-menu-col2 { display: inline-block; width: 78%; margin: 0; text-align: right; vertical-align: middle; white-space: normal; } div.heading-menu-container-desktop-sub { display: inline-block; width: auto; margin: 0 0 0 auto; vertical-align: middle; } div.heading-photo { display: inline-block; max-width: 3000px; width: 80%; margin: 0 auto 0 auto; } div.heading-social-media-container { display: block; text-align: right; margin: 20px 0 0 0; } div.heading-social-media-icon { display: inline-block; width: 28px; margin: 0 0 0 20px; line-height: 100%; } div.heading-social-media-embed { display: inline-block; width: auto; margin: 10px 0 0 20px; vertical-align: middle; } div.heading-paypal-cart { display: inline-block; width: auto; text-align: center; margin: 2px 0 0 20px; vertical-align: middle; } div.heading-text-signup { display: inline-block; width: auto; line-height: 28px; color: #1e6db8; } /* Home Graphic */ div.home-graphic-container { display: none; width: 100%; margin: 0 auto 20px auto; border: 0; } div.home-graphic {} /* Home News */ div.home-news-container { white-space: nowrap; } div.home-news-container-sub { display: inline-block; width: 22%; margin: 0 1% 0 1%; white-space: normal; } div.home-news-image {} .home-news-container-sub div.home-news-title { color: #f37021; font-size: 24px; line-height: 28px; margin: 12px 0 0 0; text-transform: capitalize; text-align: left; font-weight: 700; } .home-news-container-sub:hover div.home-news-title { color: #1e6db8; } .home-news-container-sub div.home-news-summary { color: #000000; font-size: 16px; line-height: 24px; margin: 12px 0 0 0; text-align: left; } .home-news-container-sub:hover div.home-news-summary { color: #1e6db8; } .home-news-container-sub div.home-news-read-more { display: inline-block; width: auto; text-align: center; color: #1e6db8; background-color: #cccccc; font-weight: 300; font-size: 16px; line-height: 16px; text-transform: capitalize; clear: both; margin: 20px auto 0 0; padding: 8px 20px 8px 20px; letter-spacing: 1px; } div.home-news-read-more-container { text-align: left; } .home-news-container-sub:hover div.home-news-read-more { background-color: #f37021; color: #ffffff; } a.home-news:hover { text-decoration: none; } /* Home */ div.home-spacer { margin: 20px 0 0 0; } /* Home Photos (Instagram) */ div.home-photo-container { display: block; width: 100%; text-align: center; margin: 0 auto 20px auto; } div.home-photo-container-sub { display: inline-block; width: auto; border: 0; margin: 2px; } /* Home Tour */ div.home-tour-container-wrapper { display: block; width: 100%; text-align: center; } div.home-tour-container-wrapper a { text-decoration: none; } div.home-tour-container { display: block; width: 100%; text-align: center; padding: 6px 0 6px 0; line-height: 125%; } div.home-tour-container:hover { background-color: #E2E2E2; } div.home-tour-col1 { display: inline-block; width: 26%; margin: 0; line-height: inherit; } div.home-tour-col2 { display: inline-block; width: 50%; margin: 0; line-height: inherit; } div.home-tour-col3 { display: inline-block; width: 22%; margin: 0; line-height: inherit; } div.home-tour-date { text-align: left; vertical-align: middle; line-height: inherit; } div.home-tour-title { text-align: left; vertical-align: middle; line-height: inherit; } div.home-tour-city { text-align: right; vertical-align: middle; line-height: inherit; } div.home-tour-divider { border-bottom: 1px silver dotted; } /* Home Tour Poster */ div.home-tour-posters-container { white-space: no-wrap; } div.home-tour-poster-01 { display: inline-block; width: 48%; margin: 0 2% 0 0; white-space: normal; } div.home-tour-poster-02 { display: inline-block; width: 48%; margin: 0; white-space: normal; } /* Home Video */ div.home-video-container { margin: 20px auto 0 auto; } div.home-video-embed-container {} div.home-video-embed { width: 94%; max-width: 1000px; margin: 0 auto 0 auto; } /* Lyrics and Chords */ div.lyrics-container { width: 100%; text-align: center; } div.lyrics-container-sub { display: inline-block; width: 30%; text-align: center; margin: 0 1% 20px 1%; } div.lyrics-image { width: 100%; } div.lyrics-back-link { width: 100%; text-align: center; margin: 0 0 20px 0; } div.lyrics-col1 { display: inline-block; width: 30%; margin: 0 2% 0 0; } div.lyrics-col2 { display: inline-block; width: 66%; margin: 0 0 0 0; } div.lyrics_album_name { width: 100%; } div.lyrics_album_name h2 { margin: 0 0 0 0; text-align: left; } div.lyrics_album_notes { text-align: left; width: 100%; margin: 20px 0 0 0; } div.lyrics-album-links-container { display: block; text-align: left; margin: 0 0 20px 0; } div.lyrics-album-link { display: inline-block; width: 24px; margin: 0 20px 0 0; line-height: 100%; font-size: 24px; vertical-align: middle; } div.lyrics-album-link-label { display: inline-block; width: auto; margin: 0 8px 0 0; line-height: 100%; font-size: 20px; vertical-align: middle; } /* Lyrics and Chords - Tracks */ div.lyrics-track-container { display: block; width: 100%; text-align: left; } div.lyrics-track-col1 { display: block; width: 100%; text-align: left; } div.lyrics-track-chords { display: block; width: 100%; text-align: left; margin: 0 0 20px 0; } div.lyrics-track-credits { display: block; width: 100%; text-align: left; margin: 0 0 20px 0; } div.lyrics-track-credits-extended { display: block; width: 100%; text-align: left; margin: 0 0 20px 0; } div.lyrics-track-notes { display: block; width: 100%; text-align: left; margin: 0 0 20px 0; } div.lyrics-track-lyrics { display: block; width: 100%; text-align: left; } /* Music */ div.music-spotify-container {} /* News */ div.news-container { width: 100%; margin: 0 auto 0 auto; } div.news-title { text-align: left; margin: 12px 0 0 0; } div.news-date { text-align: left; margin: 0 0 0 0; text-transform: uppercase; color: #1e6db8; } div.news-copy { text-align: left; margin: 20px 0 0 0; } /* Page Header */ div.page-header-image { display: block; width: 100%; margin: 0 0 0 0; } /* Photos */ div.photos-container-main { display: block; width: 100%; text-align: center; } div.photos-container-sub { display: inline-block; width: 22%; text-align: center; margin: 0 1% 20px 1%; } .photo-container { width: 120px; height: 120px; background-size: cover; overflow: hidden; display: inline-block; margin: 20px 10px 0 10px; opacity: 1; filter: alpha(opacity=100); /* For IE8 and earlier */ } .photo-container:hover { opacity: 0.4; filter: alpha(opacity=40); /* For IE8 and earlier */ } /* Photo Gallery */ div.photo-gallery-container { display: block; width: 100%; text-align: center; margin: 0 auto 20px auto; } div.photo-gallery-container h1 { margin: 0; } div.photo-gallery-credit {} /* Press Kit */ div.press-kit-photo-container { display: block; width: 100%; text-align: center; } div.press-kit-photo { display: inline-block; width: 22%; max-width: 200px; margin: 0 1% 20px 1%; } div.press-kit-photo-credit { text-align: left; } /* Slider */ div.slider-container { display: block; width: 100%; margin: 0 auto 20px auto; border: 0; } div.slider-caption-container { margin: -44px 0 20px 20px; text-align: left; } .slider-caption-container-sub { font-family: "europa", sans-serif; font-size: 24px; line-height: 24px; background-color: #000000; color: #ffffff; padding: 10px 10px 10px 10px; } div.slider-image-container { width: 100%; display: block; margin: 0 auto 0 auto; } /* Store */ div.store-container { width: 100%; text-align: center; } div.store-container-sub { display: inline-block; width: 30%; text-align: center; margin: 0 1% 40px 1%; box-sizing: border-box; vertical-align: top; } div.store-container-home { display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start; width: 100%; text-align: left; } div.store-container-home div.store-container-sub { display: block; flex: 0 0 23%; width: 23%; max-width: 23%; margin: 0 0 40px 0; } div.store-col1 { display: inline-block; width: 30%; margin: 0 2% 0 0; } div.store-col2 { display: inline-block; width: 66%; margin: 0 0 0 0; } div.store-back-link { width: 100%; text-align: center; margin: 0 0 20px 0; } div.store-description { text-align: left; width: 100%; margin: 20px 0 0 0; } div.store-image { width: 100%; margin-bottom: 0; line-height: 100%; } div.store-image-swap { position: relative; } div.store-image-swap a { display: block; position: relative; } div.store-image-swap img.store-image-primary, div.store-image-swap img.store-image-hover { width: 100%; height: auto; display: block; } div.store-image-swap img.store-image-hover { position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 0.2s ease; } div.store-image-swap:hover img.store-image-hover { opacity: 1; } div.store-image-lightbox-link { cursor: pointer; } div.store-image-swap-lightbox .store-image-lightbox-link { display: block; position: relative; } div.store-image-swap-lightbox .store-image-lightbox-hover { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; transition: opacity 0.2s ease; } div.store-image-swap-lightbox:hover .store-image-lightbox-hover { opacity: 1; } div.store-image-swap-lightbox img.store-image-primary, div.store-image-swap-lightbox img.store-image-hover { width: 100%; height: auto; display: block; } div.store-price { text-align: left; width: 100%; margin: 0 0 0 0; } div.store-price-sale { text-align: left; width: 100%; margin: 20px 0 0 0; color: green; } div.store-price-sale-all { width: auto; display: inline-block; margin: 0 0 0 10px; color: green; } div.store-title { width: 100%; } div.store-title h2 { margin: 0 0 0 0; text-align: left; } div.store-title-all { width: 100%; text-align: center; margin: 0; line-height: 24px; } div.store-paypal-button { display: block; width: 100%; text-align: left; margin: 20px 0 0 0; } div.store-paypal-button-all { width: 100%; text-align: center; margin: 8px 0 0 0; } .store-paypal-button-all a { text-decoration: none; } div.store-paypal-label { text-align: left; font-weight: 700; color: #1e6db8; } div.store-sold-out { width: 100%; text-align: left; margin: 20px 0 0 0; color: red; } div.store-sold-out-all { width: 100%; text-align: center; margin: 0 0 0 0; color: red; } div.store-coming-soon { width: 100%; text-align: left; margin: 20px 0 0 0; font-weight: 700; } div.store-coming-soon-all { width: 100%; text-align: center; margin: 0 0 0 0; font-weight: 700; } div.store-sizes { width: 100%; text-align: left; margin: 0; } div.store-size-selector { width: 100%; text-align: left; margin: 10px 0 0 0; } div.store-size-selector label { display: inline-block; margin: 0 8px 0 0; font-weight: 700; } div.store-size-selector select { min-width: 80px; } /* Tour */ div.tour-container { display: block; width: 100%; text-align: center; white-space: nowrap; } div.tour-button-container {} div.tour-button-container a:hover { text-decoration: none; } div.tour-col1 { display: inline-block; width: 80%; margin: 0 0 0 0; } div.tour-col2 { display: inline-block; width: 18%; margin: 0 0 0 2%; text-align: right; } div.tour-date {} .tour-date h1, .tour-title-container h1 { font-size: 2.0em; text-align: left; line-height: 1.2em; text-transform: none; border: 0; margin: 0; } div.tour-flyer { margin: 20px 0 0 0; } div.tour-more-info { display: block; width: 100%; margin: 20px 0 0 0; } div.tour-title-container {} div.tour-title-container div.tour-description { margin-top: 8px; } div.tour-title h2 { text-align: left; line-height: 125%; text-transform: none; margin: 0 0 8px 0; } div.tour-date-info { text-align: left; margin: 0; } div.tour-description { text-align: left; margin: 0; line-height: 26px; } div.tour-description p:last-child { margin: 0; } div.tour-message-top-container { text-align: center; margin: 0 auto 20px auto; } div.tour-message-top-container p { text-align: center; } div.tour-message-top-container p:last-of-type { margin-bottom: 0; } /* Video */ div.video-listing-container { display: block; width: 100%; text-align: center; } div.video-thumbnail-container { display: inline-block; width: 30%; text-align: center; margin: 0 1% 20px 1%; } div.video-thumbnail-image { display: block; width: 100%; margin: 0 0 0 0; } div.video-thumbnail-description { display: block; width: 100%; text-align: center; margin: 4px 0 0 0; line-height: 20px; } div.video-description { display: block; width: 100%; text-align: center; margin: 20px 0 0 0; } div.video-back-to-page { display: block; width: 100%; text-align: center; margin: 20px 0 0 0; } .video-title h1 { font-size: 36px; line-height: 46px; }