body, html { font: 14px Montserrat, sans-serif; margin:0px; padding:0px; /*background-color: #ABABAB;*/ background-color: #FDFDFD; min-width: 1000px; } h1 { color: black; font-size: 40px; font-weight: 100; margin-top: 10px; margin-bottom: 0px; } h2 { color: black; font-size: 25px; font-weight: 100; margin-top: 0px; margin-bottom: -20px; margin-left: -25px; padding:0px; } h3 { margin-top: 5px; margin-bottom: 0px; } h4 { margin: 5px; margin-bottom: 0; display:inline-block; padding:0px; font-weight: 100; width: 100%; min-width: 100%; }​ a, a:link, a:visited, a:hover, a:active, a:focus{ color:black; text-decoration: none; outline: 0; } img { display: block; margin:auto; max-width:400px; } li{ margin-bottom: 10px; } iframe.audioGalleryFrame:hover {height: 400px;} iframe.videoGalleryFrame:hover {height: 190px; width:300px} #gallery{ } #gallerySelector { float:left; width: 20px; vertical-align: top; padding: 3px; } #galleryPlayer { overflow-y: visible; float:left; } #upcoming { font: 14px Montserrat, sans-serif; } .video-inner { text-align:center; width:100%; height:140px; } .video-inner:hover {height: 190px} .header { width:97%; min-width:1075px; position:fixed; top:0px; background-color: #FDFDFD; z-index:100; height: 130px; max-height: 130px; min-height: 130px; font-family: Alegreya Sans, sans-serif; overflow-y: visible; padding:20px; float:left; } .avgallery { display: inline-block; background-color: black; vertical-align: top; width: 325px; max-width: 325px; } .header-section{ float:left; width:33.2%; } .header-inner{ display: table; margin: 0 auto; } .header-inner-right{ margin: 0 auto; } .upcoming-inner{ display: table; margin: 0 auto; height: 120px; } .center-header{ text-align:center; } .content{ min-width: 1075px; width:97%; margin:20px; margin-top:160px; } .scrollable-content{ overflow-y: scroll; overflow-x: hidden; padding-right:10px; height:98%; } #aboutme{ float:left; width:70%; } #my_image{ float:right; width:25%; max-width:500px; } .css-table { height:100%; width:100%; border-radius:15px; padding: 5px; display:table; background-color:#F8F8F8; } .css-table .col3, .col2, .col1 { width: 33.3%; min-width: 240px; padding:5px; display:table-cell; } .css-table .col2 { width: 49.9%; min-width: 480px; } .css-table .col1 { width: 99%; min-width: 720px; } .vline { color: blue; display:table-cell; max-width:1px; border-left:thin solid black; height:100%; } .contentpad { height:30px; padding-top:15px; width:95%; margin:auto; } .venue { color: #7F7F7F; display:block padding:0px; margin-left:30px; margin-top:3px; } .event-details{ display:block padding:0px; margin-left:60px; } .upcoming-pieces{ display:block padding:0px; margin-left:40px; } .upcoming-ensemble{ display:block padding:0px; margin-left:50px; } .event-pieces{ display:block padding:0px; padding-top:3px; margin-left:60px; } .event-performers{ display:block padding:0px; margin-left:90px; /*margin-right:90px;*/ } .event-ensemble{ display:block padding:0px; margin-left:80px; margin-right:80px; } .inline-list li { display: inline; padding-left: 5px; padding-right: 20px; } .content-list { list-style: none; padding-left: 5px; margin-top: 5px; margin-bottom: 0px; }​ .toggle { display: inline-block; width: 20px; color: #7F7F7F; vertical-align : top; } .header_span{ display: inline-block; min-width: 200px; width: 95%; } .header_piece{ width: 70%; min-width: 70%; padding-left: 5px; float: left; margin-top:-10px; } .icon_span_piece{ vertical-align : top; float: right; white-space: nowrap; width: 25%; min-width: 25%; margin-top:-10px; } .header_pub{ width: 80%; min-width: 80%; padding-left: 5px; float: left; } .icon_span_pub{ vertical-align : top; float: right; white-space: nowrap; width: 10%; min-width: 10%; } .year_span{ padding-top: 10px; } .score_icon, .audio_icon, .video_icon, .photo_icon, .download_icon, .cart_icon, .info_icon { margin-right:10px; width: 20px; height: 20px; background: transparent; border: none; background-image: url(../images/book_icon.png); background-repeat: no-repeat; background-size : 100% 100%; cursor: pointer; } .audio_icon { background-image: url(../images/audio_icon.png); } .video_icon { background-image: url(../images/video_icon.png); } .photo_icon { background-image: url(../images/photo_icon.png); } .download_icon { background-image: url(../images/download_icon.png); } .cart_icon { background-image: url(../images/cart_icon.png); } .info_icon { background-image: url(../images/info_icon.png); } .lg-backdrop.in { opacity: 1; } #mc_embed_signup form {text-align:left; padding:10px 0 10px 0;} .mc-field-group { display: inline-block; } /* positions input field horizontally */ #mc_embed_signup input.email {border: 1px solid #ABB0B2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #343434; background-color: #fff; box-sizing:border-box; height:32px; padding: 0px 0.4em; display: inline-block; margin: 0; width:350px; vertical-align:top;} #mc_embed_signup label {display:block; padding-bottom:10px; font-weight: 100;} #mc_embed_signup .clear {display: inline-block;} /* positions button horizontally in line with input */ #mc_embed_signup .button {font-size: 13px; border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; letter-spacing: .03em; color: #fff; background-color: #aaa; box-sizing:border-box; height:32px; line-height:32px; padding:0 18px; display: inline-block; margin: 0; transition: all 0.23s ease-in-out 0s;} #mc_embed_signup .button:hover {background-color:#777; cursor:pointer;} #mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;} #mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;} #mc_embed_signup #mce-error-response {display:none;} #mc_embed_signup #mce-success-response {color:#529214; display:none;} #mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;} @media (max-width: 768px) { #mc_embed_signup input.email {width:100%; margin-bottom:5px;} #mc_embed_signup .clear {display: block; width: 100% } #mc_embed_signup .button {width: 100%; margin:0; } } #mc_embed_signup{clear:left; width:100%;}