body {margin:0; padding:0;} div {margin:0;padding:0;} p {margin:0; padding:0;} * {margin:0; padding:0;} body, html { color: #000000; font-family: 'Josefin Slab', serif; font-size: 1.1vw;background-color: #E1DDDC; /*background: url(css-images/pages-header-bkg.jpg) no-repeat left bottom; background-size: cover; background-attachment: fixed;*/ font-size: 1.2vw;} body {background: rgba(255, 255, 255, 0.85);} a:link, a:visited {text-decoration: none; color: #000000;} a:hover, a:active {text-decoration: underline; color: #000000; } img {border:0;margin:0;padding:0;} img { image-rendering: auto; /* image-rendering: optimizeQuality; */ -ms-interpolation-mode: bicubic; } h2 {text-align: center; font-size: 2rem;} .clear {clear:both;} #wrapper {height:100vmin; width: auto;} .home_menu_link, .a_link { background-color: transparent; border: none; cursor: pointer; color: inherit; font-size: inherit; font-family: inherit;} .home_menu_link:hover, .a_link:hover {background-color: transparent; text-decoration: underline; border: none; color: inherit; font-size: inherit; font-family: inherit;} .img_prices img {width: 9%; border: 1px solid #000; } .img_top img { border: 1px solid #000;} button:focus {outline:0;} .lang {text-align: right; margin: 5vmin 10% 0 auto; font-size: 1.2rem; font-weight:bold;font-family: 'Cinzel', serif;} .opt_link2 a:link, .opt_link2 a:visited {color: #0033FF; font-weight: 600; text-decoration: none; } .opt_link2 a:hover, .opt_link2 a:active {color: #0033FF; font-weight: 600;text-decoration: underline;} .song-list { width: 100%; border-collapse:collapse; text-align: left; color: #000000; font-family: Arial; font-size: 1.2rem;padding: 1px; } .song-list th, .song-list td {border: 1px solid red; padding: 5px 2px 5px 2px; text-align: left; color: #000000;} #main {padding-top: 1vh;width: 100%;text-align: center; float:left;margin-left: 0; } #main h1{ font-family:'Cinzel', serif; font-weight: 400; text-align: center; padding-top: 0.7em; padding-bottom: 0.7em; font-size: 2rem;letter-spacing: 0.1rem; text-transform: uppercase; } #main h2{ font-family:'Cinzel', serif; font-weight: 400; text-align: center; padding-top: 0.7em; padding-bottom: 0.7em; font-size: 1.75rem;letter-spacing: 0.1rem; text-transform: uppercase;} #main p {text-align: center; font-size: 1.6rem;} /*#video {margin: 5% auto 5% auto; height: 30em; width: 50em; background-color: #000000; color: #FFFFFF;}*/ #video {margin: 5% auto 5% auto; width: 50em; height: 28.5em; border: 1px solid #000011; background-color: #000000; color: #FFFFFF;} /*#logo {display:none;}*/ #logo {display:block; margin: 0 auto 1% auto; width: 30%; padding:0;} #logo img {width: 100%; } #boxes { width: 80%; margin-left: auto; margin-right: auto; } .box {float:left; width: 28%; margin-left: 3%;margin-right: 2%; } .box h3 { width: 100%; margin-left: auto; margin-right: auto ;padding: 0.4rem 0.4rem 0.5rem 0.4rem; font-size: 1.3rem; background-color: #59004F; color: #FFFFFF; font-weight:200; font-family:'Cinzel', serif; text-align: center;} .active_topic h3 {background-color: #000000; } .box a:link, .box a:visited {color: #D6CAD3;} .box a:hover, .box a:active {color: #D6CAD3; text-decoration: underline;} #box1 { width: 90%; margin-left: auto; margin-right: auto; background: rgba(255, 255, 255, 0.7); color: #D6CAD3; padding: 1%; border: 1px solid #aaaaaa; } #box1 h2 {padding: 0; font-size: 1.2rem; background-color: #2B0026; color: #D6CAD3; margin: 0;font-weight:200; font-family:'Cinzel', serif; text-align: center;} #box1 h3 {padding: 1rem; font-size: 1.6rem; background-color: #59004F; color: #D6CAD3; width: 30%;margin: 0 auto 0 auto;font-weight:200; font-family:'Cinzel', serif; text-align: center;} #box1 p {text-align: left; font-size: 1.5rem; font-family: 'Josefin Slab', serif; padding: 1rem 2.3rem 0.75rem 2.3rem; color: #000000;} #box1 img {width: 100%;margin-bottom: 1rem;} #box1 a:link, #box1 a:visited {color: #D6CAD3;} #box1 a:hover, #box1 a:active {color: #D6CAD3; text-decoration: underline;} #box1 ul, #box1 ul li { list-style-type:disc; list-style-position:outside; text-align: left; color: #000000; /*font-size: 1.5rem;*/ margin-left: 2rem; margin-right: 1rem; } #box1 ol, #box1 ol li { list-style-type:decimal; list-style-position:outside; text-align: left; color: #000000; /*font-size: 1.5rem;*/ margin-left: 2rem; margin-right: 1rem; } #box1 ol { margin-bottom: 1rem;} #box1 li {font-size: 1.5rem;} #box1 .opt_link a:link, #box1 .opt_link a:visited {color: #0033FF; font-weight: 600; text-decoration: none;} #box1 .opt_link a:hover, #box1 .opt_link a:active {color: #0033FF; font-weight: 600;text-decoration: underline; } #box2 { width: 80%; margin-left: auto; margin-right: auto; background: rgba(255, 255, 255, 0.7); color: #D6CAD3; padding: 1%; border: 1px solid #aaaaaa; } #box2 h2 {padding: 1rem; font-size: 1.7rem; background-color: #2B0026; color: #D6CAD3; margin: 0;font-weight:200; font-family:'Cinzel', serif; text-align: center;} #box2 h3 {padding: 1rem; font-size: 1.6rem; background-color: #59004F; color: #D6CAD3; width: 30%;margin: 0 auto 0 auto;font-weight:200; font-family:'Cinzel', serif; text-align: center;} #box2 p {text-align: left; font-size: 1.5rem; font-family: 'Josefin Slab', serif; padding: 1rem 2.3rem 0.75rem 2.3rem; color: #000000;} #box2 img {width: 100%;margin-bottom: 1rem;} #box2 a:link, #box2 a:visited {color: #D6CAD3;} #box2 a:hover, #box2 a:active {color: #D6CAD3; text-decoration: underline;} #box2 ul, #box2 ul li { list-style-type:disc; list-style-position:outside; text-align: left; color: #000000; /*font-size: 1.35rem;*/ margin-left: 2rem; margin-right: 0.5rem; } #box2 ol,#box2 ol li { list-style-type:decimal; list-style-position:outside; text-align: left; color: #000000; /*font-size: 1.35rem;*/ margin-left: 2rem; margin-right: 0.5rem;} #box2 ol { margin-bottom: 1rem;} #box2 li {font-size: 1.5rem;} #box3 { width: 80%; margin-left: auto; margin-right: auto; background: rgba(255, 255, 255, 0.7); color: #D6CAD3; padding: 1%; border: 1px solid #aaaaaa; } #box3 h2 {padding: 1rem; font-size: 1.7rem; background-color: #2B0026; color: #D6CAD3; margin: 0;font-weight:200; font-family:'Cinzel', serif; text-align: center;} #box3 h3 {padding: 1rem; font-size: 1.6rem; background-color: #59004F; color: #D6CAD3; width: 30%;margin: 0 auto 0 auto;font-weight:200; font-family:'Cinzel', serif; text-align: center;} #box3 p {text-align: left; font-size: 1.5rem; font-family: 'Josefin Slab', serif; padding: 1rem 2.3rem 0.75rem 2.3rem; color: #000000;} #box3 img {width: 100%;margin-bottom: 1rem;} #box3 a:link, #box3 a:visited {color: #D6CAD3;} #box3 a:hover, #box3 a:active {color: #D6CAD3; text-decoration: underline;} #box3 table {width: 98%; margin: 1em auto 1em auto; padding: 0 0 0 0; font-size: 1.2rem; font-weight: 400; color: #000000; text-align: left; border: 1px solid #000000; border-collapse: collapse; } #box3 th {font-size: 1.2rem; font-weight: normal; border: 1px solid #000000; padding: 0.5em 1em 0.5em 1em; background-color: #59004F; color: #FFFFFF; margin:0;} #box3 .num_perf {width: 17%; background-color: #000000;} #box3 .line_up {width: 30%;} #box3 .price {width: 17%;} .num_perf {width: 17%; background-color: #000000;} .line_up {width: 30%;} .price {width: 17%; padding: 0.25em;} #box3 .opt_link a:link, #box3 .opt_link a:visited {color: #0033FF; font-weight: 600; text-decoration: none;} #box3 .opt_link a:hover, #box3 .opt_link a:active {color: #0033FF; font-weight: 600;text-decoration: underline; } #box3 td .a_link {background-color: transparent; text-decoration: none; border: none; color: #0033FF; font-size: inherit; font-family: inherit;} #box3 td .a_link:hover {background-color: transparent; text-decoration: underline; border: none; color: #0033FF; font-size: inherit; font-family: inherit;} #box3 td {font-size: 1.2rem; border: 1px solid #000000; padding: 0.5em;} #box3 tr {margin-top: 1em;} #box3 ul, #box3 ul li { list-style-type:disc; list-style-position:outside; text-align: left; color: #000000;font-size: 1.35rem;margin-left: 0.25em; margin-right: 0.5rem; } #box3 ol,#box3 ol li { list-style-type:decimal; list-style-position:outside; text-align: left; color: #000000;font-size: 1.35rem;margin-left: 0.25em; margin-right: 0.5rem; margin-bottom: 1rem; } #box4 { width: 80%; margin-left: auto; margin-right: auto; background: rgba(255, 255, 255, 0.7); color: #D6CAD3; padding: 1%; border: 1px solid #aaaaaa; } #box4 h2 {padding: 1rem; font-size: 1.7rem; background-color: #2B0026; color: #D6CAD3; margin: 0;font-weight:200; font-family:'Cinzel', serif; text-align: center;} #box4 h3 {padding: 1rem; font-size: 1.6rem; background-color: #59004F; color: #D6CAD3; width: 30%;margin: 0 auto 0 auto;font-weight:200; font-family:'Cinzel', serif; text-align: center;} #box4 p {text-align: left; font-size: 1.5rem; font-family: 'Josefin Slab', serif; padding: 1rem 2.3rem 0.75rem 2.3rem; color: #000000;} #box4 img {width: 100%;margin-bottom: 1rem;} #box4 a:link, #box4 a:visited {color: #D6CAD3;} #box4 a:hover, #box4 a:active {color: #D6CAD3; text-decoration: underline;} #box4 table {width: 90%; margin: 1em auto 1em auto; padding: 0 0 0 0; font-size: 1.2rem; font-weight: 400; color: #000000; text-align: left; border: 1px solid #000000; border-collapse: collapse; } #box4 th {font-size: 1.2rem; font-weight: normal; border: 1px solid #000000; padding: 0.5em 1em 0.5em 1em; background-color: #59004F; color: #FFFFFF; margin:0;} #box4 .num_perf {width: 25%; background-color: #000000;} #box4 .line_up {width: 35%;} #box4 .price {width: 10%;} #box4 .opt_link a:link, #box4 .opt_link a:visited {color: #0033FF; font-weight: 600; text-decoration: none;} #box4 .opt_link a:hover, #box4 .opt_link a:active {color: #0033FF; font-weight: 600;text-decoration: underline; } #box4 td {font-size: 1.2rem; border: 1px solid #000000; padding: 1em;} #box4 tr {margin-top: 1em;} .genre_header {font-size: 3rem; font-family:'Cinzel', serif; font-weight:normal; text-transform: uppercase; letter-spacing: 0.2em;} .genre_text {height: 17em; padding: 0.5rem 0 0.5rem 0; } #genre1 {float:left; width: 30%; margin-left: 2%; color: #D6CAD3; border: 1px solid #000000; background: url(css-images/style_classical.jpg) no-repeat; background-size: cover;} #genre1 p {font-weight:400; font-family: 'Josefin Slab', serif;text-align: center; font-size: 1.5rem;} #genre1 h3 { width: 80%; margin-left: auto; margin-right: auto;padding: 1rem; font-size: 1.3rem; background-color: #59004F; color: #D6CAD3; font-weight:200; font-family:'Cinzel', serif; text-align: center;} #genre1 a:link, #genre1 a:visited {color: #D6CAD3;} #genre1 a:hover, #genre1 a:active {color: #D6CAD3; text-decoration: underline;} #genre1_opaque {width: 100%; background: rgba(0, 0, 0, 0.6); margin-top:0;} #genre1_opaque p {font-weight:400; font-family: 'Josefin Slab', serif;text-align: center; font-size: 1.5rem; color: #FFFFFF;} #genre2 {float:left; width: 30%; margin-left: 3%; color: #D6CAD3; border: 1px solid #000000; background: url(css-images/style_jazz.jpg) no-repeat ; background-size: cover;} #genre2 p {font-weight:400; font-family: 'Josefin Slab', serif;text-align: center; font-size: 1.5rem;} #genre2 h3 { width: 80%; margin-left: auto; margin-right: auto;padding: 1rem; font-size: 1.3rem; background-color: #59004F; color: #D6CAD3; font-weight:200; font-family:'Cinzel', serif; text-align: center;} #genre2 a:link, #genre2 a:visited {color: #D6CAD3;} #genre2 a:hover, #genre2 a:active {color: #D6CAD3; text-decoration: underline;} #genre2_opaque {width: 100%; background: rgba(0, 0, 0, 0.6); margin-top:0;} #genre2_opaque p {font-weight:400; font-family: 'Josefin Slab', serif;text-align: center; font-size: 1.5rem; color: #FFFFFF;} #genre3 {float:left; width: 30%; margin-left: 3%; color: #D6CAD3; border: 1px solid #000000; background: url(css-images/style_modern.jpg) no-repeat ; background-size: cover;} #genre3 p {font-weight:400; font-family: 'Josefin Slab', serif;text-align: center; font-size: 1.5rem;} #genre3 h3 { width: 80%; margin-left: auto; margin-right: auto;padding: 1rem; font-size: 1.3rem; background-color: #59004F; color: #D6CAD3; font-weight:200; font-family:'Cinzel', serif; text-align: center;} #genre3 a:link, #genre3 a:visited {color: #D6CAD3;} #genre3 a:hover, #genre3 a:active {color: #D6CAD3; text-decoration: underline;} #genre3_opaque {width: 100%; background: rgba(0, 0, 0, 0.6); margin-top:0;} #genre3_opaque p {font-weight:400; font-family: 'Josefin Slab', serif;text-align: center; font-size: 1.5rem; color: #FFFFFF;} #genre4 { float:left; width: 30%; margin-left: 3%; color: #D6CAD3; border: 1px solid #000000; background: url(css-images/style_world.jpg) no-repeat ; background-size: cover;} #genre4 p {font-weight:400; font-family: 'Josefin Slab', serif;text-align: center; font-size: 1.5rem; } #genre4 h3 { width: 80%; margin-left: auto; margin-right: auto;padding: 1rem; font-size: 1.3rem; background-color: #59004F; color: #D6CAD3; font-weight:200; font-family:'Cinzel', serif; text-align: center;} #genre4 a:link, #genre4 a:visited {color: #D6CAD3;} #genre4 a:hover, #genre4 a:active {color: #D6CAD3; text-decoration: underline;} #genre4_opaque {width: 100%; background: rgba(0, 0, 0, 0.6); margin-top:0;} #genre4_opaque p {font-weight:400; font-family: 'Josefin Slab', serif;text-align: center; font-size: 1.5rem; color: #FFFFFF;} #genre4a { width: 70%; margin-left: auto; margin-right: auto; color: #D6CAD3; border: 1px solid #000000; margin-top: 3vh;background: url(css-images/style_world.jpg) no-repeat ; background-size: cover; } #genre4a p {font-weight:400; font-family:'Josefin Slab', serif;text-align: center; font-size: 1.5rem; } #genre4a h3 { width: 40%; margin-left: auto; margin-right: auto;padding: 1rem; font-size: 1.3rem; background-color: #59004F; color: #D6CAD3; font-weight:200; font-family:'Cinzel', serif; text-align: center;} #genre4a a:link, #genre4a a:visited {color: #D6CAD3;} #genre4a a:hover, #genre4a a:active {color: #D6CAD3; text-decoration: underline;} #genre4a_opaque {width: 100%; background: rgba(0, 0, 0, 0.6); margin-top:0;} #genre4a_opaque p {font-weight:400; font-family: 'Josefin Slab', serif;text-align: center; font-size: 1.5rem; color: #FFFFFF;} #big_purple {width:100%; padding-top: 1.5%; background: -webkit-linear-gradient(left,rgba(36,23,35,1),rgba(106,38,99,1)); /*Safari 5.1-6*/ background: -o-linear-gradient(right,rgba(36,23,35,1),rgba(106,38,99,1)); /*Opera 11.1-12*/ background: -moz-linear-gradient(right,rgba(36,23,35,1),rgba(106,38,99,1)); /*Fx 3.6-15*/ background: linear-gradient(to right, rgba(37,23,35,1),rgba(106,38,99,1)); /*Standard*/ } #big_purple h2 {width: 75%;font-size: 2.2rem; color: #D6CAD3; margin: 1.5% auto 1.5% 0;height: 14%; padding: 1rem; font-weight:normal; font-family:'Cinzel', serif; letter-spacing: 0.1em; text-align: left; background: -webkit-linear-gradient(left,rgba(83,0,75,0.95),rgba(83,0,75,0)); /*Safari 5.1-6*/ background: -o-linear-gradient(right,rgba(83,0,75,0.95),rgba(83,0,75,0)); /*Opera 11.1-12*/ background: -moz-linear-gradient(right,rgba(83,0,75,0.95),rgba(83,0,75,0)); /*Fx 3.6-15*/ background: linear-gradient(to right, rgba(83,0,75,1), rgba(83,0,75,0)); /*Standard*/ } .client_logos {margin: 1% auto 1% auto; width: 80%;} #big_purple .testimonial_left {float:left; text-align: center; width: 50%;} #big_purple .testimonial_right {float:right; text-align: center; width: 50%;} #big_purple .testimonial_text {font-family: 'Clicker Script', cursive; text-align: center;color: #D6CAD3;} #big_purple .testimonial_by {color: #D6CAD3; font-size: 1.5rem;} #contact {background-color: transparent; color: #FFFFFF; width: 100%;margin:0;font-family: 'Josefin Slab', serif;} .contact_header {color: #FFFFFF; font-size: 3rem;text-align: center;margin:0;font-family: 'Cinzel', serif; font-weight: normal; letter-spacing: 0.1em;text-transform: uppercase;} #contact_left {float: left; width: 50%; text-align: right; padding-left: 1em; padding-right: 1em;font-family: 'Josefin Slab', serif;} #contact_left p {text-align: right; font-size: 1.6rem; font-family: 'Josefin Slab', serif; color: #000000;} #contact_left a:link, #contact_left a:visited {text-decoration: none; color:#0066FF; font-family: 'Josefin Slab', serif; font-size: 1.6rem;} #contact_left a:hover, #contact_left a:active {text-decoration: underline; color: #0066FF; font-family: 'Josefin Slab', serif;font-size: 1.6rem; } #contact_left .mel {width: 65%; height: auto; border: 1px solid #000;} #contact_left .mel img {border: 1px solid #000000; padding: 0;} /* contact form */ #contact_right { float: left; width: 40%; text-align: left; padding-left: 1em; padding-right: 1em; margin-right: 1em;background-color:transparent; font-family: 'Josefin Slab', serif;} #contact_right p {font-size: 1rem; text-align: left; color: #000000; font-family: 'Josefin Slab', serif;} #contact_right .imageCaptcha {margin:0;padding:0; border: 1px solid #B4B4B4; width:8rem; height: 2rem; vertical-align:text-bottom;} #contact_right .inputCaptcha { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.04); border: 1px solid #B4B4B4; width:8rem; height:2rem; font-size:1.2rem; color: #000033; } #contact_right .inputContact, #contact_right .textareaContact { font-family: 'Josefin Slab', serif; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.04); border: 1px solid #B4B4B4; width: 98%; height:2em; margin-bottom:1em; font-size:1.2rem; color: #000033; text-shadow:0 0px, 1px 1px #ffffff; padding: 10px; box-sizing: border-box; } #contact_right .textareaContact { font-family: 'Josefin Slab', serif; height:10rem; margin-bottom:2em; } #contact_right .button, #contact_right .button a { /*text-transform:uppercase;*/ font-family: 'Josefin Slab', serif; font-size:1.2rem; color:#ffffff; padding: 0.2em; font-weight:inherit; background-color: #59004F; text-shadow:none; text-decoration:none; border: none; } #contact_right .buttonRight { float:right; } #contact_right .button:hover { background-color: #966291 !important; } .dumb_button { background: transparent none repeat scroll 0% 0% !important; font-size: 0.8em !important; color: rgb(122, 121, 121)!important; text-decoration: underline !important; } .dumb_button:hover { background:transparent!important; color:#ffffff !important; } .error_msg {color: #FF5200; text-align: center;font-weight: bold;font-size: 1.3em;} /* ----------- */ #footer {background-color: #59004F; color: #FFFFFF; text-align: center;font-family: 'Josefin Slab', serif; font-size: 0.9rem; padding: 0.5em 0 0.5em 0.5em;width: auto;margin-left: 0; margin-right: 15%; } #footer a:link, #footer a:visited {text-decoration: none; color:#FFFFFF;} #footer a:hover, #footer a:active {text-decoration: underline; color: #FFFFFF; } /* Google 404 widget */ /* Widget content container */ #goog-wm { width: 50%; height: 9em; overflow: auto; margin-left: auto; margin-right: auto; padding: 0.5em; border: 3px solid #E3007A; background-color: white; color: inherit; } .image_in_left, .image2_in_left { float: left; /* positionning of the drop cap line within the container*/ margin-right: 0.5rem; padding: 0 0.5rem 0 0; } .image_in_left {width: 10vw; } .image2_in_left {width: 15vw; } .image_in_left img, .image2_in_left img, .image_in_right img, .image2_in_right img { border: 1px solid #000; } .image_in_right { float: right; /* positionning of the drop cap line within the container*/ margin-left: 0.5rem; padding: 0 0 0 0.5rem; } .image2_in_right, .image2_in_right { float: right; /* positionning of the drop cap line within the container*/ margin-left: 0.5rem; padding: 0 0 0 0; } .image_in_right { width: 20%; height: auto;} .image2_in_right { width: 25%; height: auto;} .highlight {/*background-color: #FFFF99;*/ background-color: #e2d3e4; background-color: rgba(226,211,228,0.5); } .highlight2 {background-color: #FFFF99; } #box1 .artist {width: 100%; font-size: 1.5rem; margin-bottom: 1rem; border-top: 1px solid #ffffff; color: #000000;} /*#box1 .artist_seq {float:left; width: 3%; padding: 0 1% 0 0; font-family: arial,sans-serif; font-weight: bold; font-size: 1rem; text-align: right;}*/ #box1 .artist_photo {float: left; width: 15%; padding: 1% 1% 0 0; } #box1 .artist_photo img {width: 100%; height: auto; border: 1px solid #000; } #box1 .artist_category {float: left; width: 15%; padding: 1rem 1% 0 0; font-size: 1.2rem; } #box1 .artist_description {float: left; width: 35%; padding: 1rem 1% 0 1%; text-align: left; border-left: 1px solid #ffffff;} /* #box1 .artist_video {float: right; width: 25%; height: 16vmin; padding: 0 0 0 0; background-color: #000000; color: #FFFFFF; } #box1 .artist_video iframe {border: none;text-align: left;width: 100%; height: 17vmin; padding:0; margin: 0;float:none; font-size: 1rem;} #box1 .artist_vid {float: right; width: 25%; padding: 0 0 0 0; background-color: #000000; color: #FFFFFF; } */ #box1 .artist_vid { float: right;width: 30%; background-color: inherit; color: inherit; overflow: hidden; padding-top: 1%; } #box1 .artist_vid p {padding-left: 1rem; padding-right: 1rem; font-size: 0.8rem; text-align: center; } .footnote {padding-left: 1rem; padding-right: 1rem; font-size: 0.8rem; text-align: center;} #box1 .artist_video { position:relative; padding-bottom:56.25%; height:0; overflow:hidden; } #box1 .artist_video iframe{ position:absolute; border: none; top:0; left:0; width:100%; height:100%; /*border: 1px solid #000; box-sizing: border-box;*/ } #box1 .artist p {font-size: 1.1rem; text-align: left; padding: 0 0 1rem 0;} #box1 .artist h3 {font-size: 1.5rem; text-align: left; padding: 0 0 1rem 0; background-color: transparent; color: #000000; font-family: 'Josefin Slab', serif;font-weight: bold; width: 100%; } /* Heading for "Closest match" */ #goog-wm h3.closest-match { color: #E3007A;background-color: inherit; border-bottom: 3px dashed #aebd63; padding-bottom: 0.5em; font-size: 1rem; margin-right: 0.1rem } /* "Closest match" link */ #goog-wm h3.closest-match a { } /* Heading for "Other things" */ #goog-wm h3.other-things { font-size: 1rem; color: #E3007A;background-color: inherit; } /* "Other things" list item */ #goog-wm ul li { } /* Site search box */ #goog-wm li.search-goog { display: block; } #goog-wm li.search-goog { font-size: 120%; } /* -------------- */ #s_genre1 {float:left; width: 30%; margin-left: 2%; color: #D6CAD3; border: 1px solid #000000; margin-left: auto; margin-right: auto; float:none; background: url(css-images/style_classical.jpg) no-repeat; background-size: cover;} #s_genre1 p {font-weight:400; font-family: 'Josefin Slab', serif;text-align: center; font-size: 1.5rem;} #s_genre1 h3 { width: 80%; margin-left: auto; margin-right: auto;padding: 1rem; font-size: 1.3rem; background-color: #59004F; color: #D6CAD3; font-weight:200; font-family:'Cinzel', serif; text-align: center;} #s_genre1 a:link, #s_genre1 a:visited {color: #D6CAD3;} #s_genre1 a:hover, #s_genre1 a:active {color: #D6CAD3; text-decoration: underline;} #s_genre1_opaque {width: 100%; background: rgba(0, 0, 0, 0.6); margin-top:0;} #s_genre1_opaque p {font-weight:400; font-family: 'Josefin Slab', serif;text-align: center; font-size: 1.5rem; color: #FFFFFF;} #s_genre2 {float:left; width: 30%; margin-left: 3%; color: #D6CAD3; border: 1px solid #000000;margin-left: auto; margin-right: auto; float:none; background: url(css-images/style_jazz.jpg) no-repeat ; background-size: cover;} #s_genre2 p {font-weight:400; font-family: 'Josefin Slab', serif;text-align: center; font-size: 1.5rem;} #s_genre2 h3 { width: 80%; margin-left: auto; margin-right: auto;padding: 1rem; font-size: 1.3rem; background-color: #59004F; color: #D6CAD3; font-weight:200; font-family:'Cinzel', serif; text-align: center;} #s_genre2 a:link, #s_genre2 a:visited {color: #D6CAD3;} #s_genre2 a:hover, #s_genre2 a:active {color: #D6CAD3; text-decoration: underline;} #s_genre2_opaque {width: 100%; background: rgba(0, 0, 0, 0.6); margin-top:0;} #s_genre2_opaque p {font-weight:400; font-family: 'Josefin Slab', serif;text-align: center; font-size: 1.5rem; color: #FFFFFF;} #s_genre3 {float:left; width: 30%; margin-left: 3%; color: #D6CAD3; border: 1px solid #000000; margin-left: auto; margin-right: auto; float:none; background: url(css-images/style_modern.jpg) no-repeat ; background-size: cover;} #s_genre3 p {font-weight:400; font-family: 'Josefin Slab', serif;text-align: center; font-size: 1.5rem;} #s_genre3 h3 { width: 80%; margin-left: auto; margin-right: auto;padding: 1rem; font-size: 1.3rem; background-color: #59004F; color: #D6CAD3; font-weight:200; font-family:'Cinzel', serif; text-align: center;} #s_genre3 a:link, #s_genre3 a:visited {color: #D6CAD3;} #s_genre3 a:hover, #s_genre3 a:active {color: #D6CAD3; text-decoration: underline;} #s_genre3_opaque {width: 100%; background: rgba(0, 0, 0, 0.6); margin-top:0;} #s_genre3_opaque p {font-weight:400; font-family: 'Josefin Slab', serif;text-align: center; font-size: 1.5rem; color: #FFFFFF;} #s_genre4 { float:left; width: 30%; margin-left: 3%; color: #D6CAD3; border: 1px solid #000000; margin-left: auto; margin-right: auto; float:none; background: url(css-images/style_world.jpg) no-repeat ; background-size: cover;} #s_genre4 p {font-weight:400; font-family: 'Josefin Slab', serif;text-align: center; font-size: 1.5rem; } #s_genre4 h3 { width: 80%; margin-left: auto; margin-right: auto;padding: 1rem; font-size: 1.3rem; background-color: #59004F; color: #D6CAD3; font-weight:200; font-family:'Cinzel', serif; text-align: center;} #s_genre4 a:link, #s_genre4 a:visited {color: #D6CAD3;} #s_genre4 a:hover, #s_genre4 a:active {color: #D6CAD3; text-decoration: underline;} #s_genre4_opaque {width: 100%; background: rgba(0, 0, 0, 0.6); margin-top:0;} #s_genre4_opaque p {font-weight:400; font-family: 'Josefin Slab', serif;text-align: center; font-size: 1.5rem; color: #FFFFFF;} #s_genre4a { width: 70%; margin-left: auto; margin-right: auto; color: #D6CAD3; border: 1px solid #000000; background: url(css-images/style_world.jpg) no-repeat ; background-size: cover;} #s_genre4a p {font-weight:400; font-family:'Josefin Slab', serif;text-align: center; font-size: 1.5rem; } #s_genre4a h3 { width: 40%; margin-left: auto; margin-right: auto;padding: 1rem; font-size: 1.3rem; background-color: #59004F; color: #D6CAD3; font-weight:200; font-family:'Cinzel', serif; text-align: center;} #s_genre4a a:link, #s_genre4a a:visited {color: #D6CAD3;} #s_genre4a a:hover, #s_genre4a a:active {color: #D6CAD3; text-decoration: underline;} #s_genre4a_opaque {width: 100%; background: rgba(0, 0, 0, 0.6); margin-top:0;} #s_genre4a_opaque p {font-weight:400; font-family: 'Josefin Slab', serif;text-align: center; font-size: 1.5rem; color: #FFFFFF;} .vid {margin: 7vh auto 10vh auto; width: 50em; border: 1px solid #000011; background-color: #000000; color: #FFFFFF; max-width: 80%;} .video-container { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; } .video-container iframe, .video-container object, #video-container embed { position:absolute; top:0; left:0; width:100%; height:100%; } .option { float: left; margin: 1rem 0 1rem 1rem; height: auto; width: auto; color: #000000; } .option input { padding: 0.1rem 0.2rem;} .option_b { float: left; margin: 1rem 0 1rem 1rem; height: auto; width: auto; color: #000000; font-size: 1.5rem;} .option_b select { width: 9.5rem; font-size: 1.2rem; font-family: 'Josefin Slab', serif;} .option_s { float: left; margin: 1rem 0 1rem 1rem; height: auto; width: auto; color: #000000; font-size: 1.5rem; font-family: 'Arial', serif;} .option_s select { width: 8rem; font-size: 1.2rem; font-family: 'Arial', serif;} .option_e { float: left; margin: 1rem 0 1rem 1rem; height: auto; width: auto; color: #000000; font-size: 1.5rem;} .option_e select { width: 13rem; font-size: 1.2rem; font-family: 'Josefin Slab', serif;} .option_f { float: left; margin: 1rem 0 1rem 1rem; height: auto; width: auto; color: #000000; font-size: 1.5rem;} .option_f input { padding: 0.1rem 0.2rem; font-size: 1.2rem; font-family: 'Josefin Slab', serif;} /* for the embedded google form */ .embed-container { position: relative; padding-bottom: 56.25%; /*height: 0;*/ overflow: hidden; max-width: 100%; height: 1500px;} .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}