/* cyrillic-ext */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/ptsans/v16/jizaRExUiTo99u79D0-ExdGM.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/ptsans/v16/jizaRExUiTo99u79D0aExdGM.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/ptsans/v16/jizaRExUiTo99u79D0yExdGM.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/ptsans/v16/jizaRExUiTo99u79D0KExQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@media (min-width: 100px) {
    #main-header {display:none;}
    .header-sg-composer { font-size: 1.2rem; }

    /* Home page about panel */
    #about-panel { position: relative; }
    #about-panel .about-container { width:40rem; padding: 0 0;border:8px solid #000;}
    #about-panel .about-content { display:flex;  align-items: center; justify-content: center; }
    #about-panel .about-content>.card { width:40rem; }
    #about-panel .about-content>.card p { font-size:1.1rem; }
    
    #quotes-panel {padding:0;}
    #quotes-panel .carousel-inner-white {padding: 2rem 0;}
    #quotes-panel .carousel-item { float:none; }
    #quotes-panel .quotation {padding: 5rem;}

    .text-image-panel {padding:0.25rem 0;}

    #category-nav {padding:1rem; font-size:0.7rem;}

    figure.quote blockquote {	font-size: 0.9rem;}
    #instagram {padding:0;}
    main>section#bm-introsection { padding-left:0; padding-right:0;}
    #bm-introsection-content {padding: 1rem; font-size:1rem;}
    #bm-introsection-title {padding-top:1rem;}
    figure.lyric {padding: 1.0rem 1.2rem;}
    figure.lyric blockquote {line-height: 1.5rem; font-size: 1.1rem; }

    .catalogue-cover::after {color: #fff; position: absolute; top: 10%; left: 10%; width:80%; font-size:1.5rem; font-family:serif; font-weight:300;}

    /* About panel carousel */
    #about-carousel {padding:0; background-color:#404040;}
    #about-carousel .carousel-inner-white {padding: 2rem 0;}
    #about-carousel .carousel-item { float:none; margin-right:0;}
    #about-carousel .carousel-items-container {position:relative; width:100%; height:100%; padding:45px; background-color:#404040; background-image:url('/img/manuscript-wide.png'); background-size: calc(100% - 90px) auto; background-position: 45px center; background-repeat:no-repeat;} 
    #about-carousel .carousel-control {position:absolute; display: inline; z-index:12;}
    #about-carousel .carousel-control-next {top:50%; right:0; z-index:12; transform:translateY(-50%); border-radius: 5px 0 0 5px; height:100%;}
    #about-carousel .carousel-control-prev {top:50%; left:0; z-index:12; transform:translateY(-50%); border-radius: 0 5px 5px 0; height:100%;}
    #about-carousel  .carousel-control-next-icon {height:100%;}
    #about-carousel  .carousel-control-prev-icon {height:100%;}

    .infobg-container {position:relative; width:100%; height:100%; margin:0; background-color:#404040;}
    .infobg-panel-bg {margin-left:auto; margin-right:auto; text-align:center;}
    .infobg-panel-bg img {position:relative; top:0; right:0; position:relative; border:8px solid #000;}    

    .infobg-panel-content {width: 100%; margin-left:auto; margin-right:auto; }
    .infobg-panel-content .quotation {padding:0; min-height:auto;}
    .infobg-panel-content .quotation figure.quote {max-width:100%; width:100%;}
    .infobg-panel-content .quotation blockquote {font-size:0.8rem;}


}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    header, main>div, main>section  {max-width:100%;}
    body>div.container, footer, main>div.full-width, main>section.full-width {max-width:100%;}
    figure.quote blockquote {	font-size: 1.0rem;}
    #category-nav {font-size:0.8rem;}
    #instagram {padding:1rem;}
    .header-sg-composer { font-size: 1.5rem; }
    div.save-streaming {padding-left:0.5rem; padding-right:0.5rem;}
    div.save-streaming>p {padding: 0.5rem 0rem;}
   .modal-dialog { max-width: 85vw; max-height: 40vh; position:relative;}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    #main-header {padding:1rem; display:block;}
    #mbartitle {display:none;}
    header, main>div, main>section  {max-width:100%;}
    body>div.container, footer, main>div.full-width, main>section.full-width {max-width:100%;}
    figure.quote blockquote {	font-size: 1.1rem;}

    #category-nav {padding:2rem; font-size:0.9rem;}

    figure.quote { padding: 0 1rem; }
    .quotation { padding:3rem; }

    .header-sg-composer { font-size: 2.25rem; }

    div.social { font-size:1.7em;  }
    #instagram {padding:4rem;}
    div.save-streaming {padding-left:1rem; padding-right:1rem;}

    #bm-introsection { padding-left: 1rem;}
    #bm-introsection { padding-right: 1rem;}
    #bm-introsection-content {padding: 1rem 3rem;}
    #bm-introsection-title {padding-top:1rem;}
    figure.lyric {padding: 1rem 1.5rem;}
    figure.lyric blockquote {line-height: 1.6rem; font-size: 1rem; }

    .catalogue-cover::after {font-size:1rem;}    

    .infobg-panel-content {max-width:624px;}
    .infobg-panel-bg img {max-width:624px;}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    header, main>div, main>section {max-width:768px;}
    body>div.container, footer, main>div.full-width, main>section.full-width {max-width:100%;}
    figure.quote blockquote {	font-size: 1.3rem;}
    #cccontent {font-size: 0.7rem;}

    #home-scores-panel {position:relative; padding:top 4rem; padding-bottom:4rem;}
    #home-scores-panel #scores-categories {position:absolute; left: 10%; bottom:60%; width:37.5%; height:50%;}
    #home-scores-panel #scores-browse {position:absolute; right: 10%; top:2%; width:37.5%; height:50%;}
    #home-scores-title {padding-top:6rem; padding-bottom:6rem;}

    div.social { font-size:2.2em;  }
    #instagram {padding:4rem;}

    #bm-introsection { padding-left: 3rem;}
    #bm-introsection { padding-right: 3rem;}
    #bm-introsection-content {padding: 3rem 6rem;}
    #bm-introsection-title {padding-top:3rem;}

    .quotation figure {max-width: 80%;}
    figure.lyric blockquote {line-height: 2.0rem; font-size: 1.1rem; }

    .infobg-panel-bg img {width:624px;}
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    header, main>div, main>section  {max-width:1024px;}
    body>div.container, footer, main>div.full-width, main>section.full-width {max-width:100%;}

    /* Home page about panel */
    #about-panel { position: relative;}
    #about-panel .about-container { padding-right:10rem; display:block; border:0; width:auto;}
    #about-panel .about-content { position:absolute; top:0; left:10rem; }
    #about-panel .about-content>.card { width:40rem; }
    #about-panel .about-content>.card p { font-size:1.1rem; }

    .text-image-panel {padding:3rem;}

    /* Home page quotes panel */
    #quotes-panel .quotation { min-height:30rem; }
    .quotation { min-height:30rem; }
    figure.quote blockquote {	font-size: 1.5rem;}

    #category-nav {padding:3rem; font-size:1.0rem;}

    div.save-streaming>p {padding: 0.5rem 3rem;}
    #cccontent {font-size: 0.9rem;}
    figure.lyric {max-width:65%;}

    #home-scores-panel {position:relative; padding:top 6rem; padding-bottom:6rem;}
    #home-scores-panel #scores-categories {position:absolute; left: 15%; bottom:60%; width:30%; height:50%;}
    #home-scores-panel #scores-browse {position:absolute; right: 15%; top:10%; width:30%; height:50%;}
    #home-scores-title {padding-top:6rem; padding-bottom:6rem;}
    div.social { font-size:2.7em;  }
    #instagram {padding:6rem;}

    #bm-introsection { padding-left: var(--bs-gutter-x,.75rem);}
    #bm-introsection { padding-right: var(--bs-gutter-x,.75rem);}
    #bm-introsection-content {padding: 6rem 9rem;}
    #bm-introsection-title {padding-top:6rem;}

    div.save-streaming>ul {padding: 0.5rem 5rem;}
    .quotation figure {max-width: 65%;}
    .quotation {padding-top: 5rem; padding-bottom:5rem; line-height:2; min-height:30rem;}
    figure.lyric {padding: 2rem 3rem;}
    figure.lyric blockquote {line-height: 2.5rem; font-size: 1.1rem; }

    .catalogue-cover::after {font-size:1.5rem;}  

    .infobg-panel-content {position:absolute; padding:3rem 0; width: 40rem; z-index:11; left:120px; top:50%; transform:translateY(-50%);}
    .infobg-panel-bg {text-align:right; width:100%; position:relative; top:0; z-index:10; height:inherit;}
    .infobg-panel-bg img {width:1058px; border:none;}
    #about-carousel .carousel-control-next {height:unset;}
    #about-carousel .carousel-control-prev {height:unset;}
    #about-carousel .carousel-control-next-icon {height:2rem;}
    #about-carousel .carousel-control-prev-icon {height:2rem;}

}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
    header, main>div, main>section  {max-width:1140px;}
    body>div.container, footer, main>div.full-width, main>section.full-width {max-width:1600px;}
    #cccontent {font-size: 1.1rem;}
    #ccpanel {margin-right: 1.5rem;}
    #ccpanel .card-body {padding: 1.5rem, 0, 1.5rem, 1.5rem, 1.5rem;}

    #home-scores-panel {position:relative; padding:top 9rem; padding-bottom:9rem;}
    #home-scores-panel #scores-categories {position:absolute; left: 15%; bottom:60%; width:30%; height:50%;}
    #home-scores-panel #scores-browse {position:absolute; right: 15%; top:30%; width:30%; height:50%;}
    #home-scores-title {padding-top:6rem; padding-bottom:6rem;}
    div.social { font-size:3.2em;  }
    #instagram {padding:9rem !important;}

    .quotation {padding-top: 10rem; padding-bottom:10rem; line-height:2; min-height:30rem;}
    figure.lyric blockquote {line-height: 3rem; font-size: 1.2rem; }

    .catalogue-cover::after {font-size:1.6rem;}  
}

b, strong {font-weight: bold;}

header {margin-left:auto; margin-right:auto; text-shadow: 1px 1px #333;}
footer {margin-left:auto; margin-right:auto;}

.dropdown-header { font-size: 0.7em; text-transform: uppercase; color: #FFF; }

main>div, main>section {margin-left:auto; margin-right:auto; padding-left:3rem; padding-right:3rem;}
main>div.full-width, main>section.full-width {padding-left:0; padding-right:0; padding-top:0; padding-bottom:0;}
main>section {padding-top:3rem; padding-bottom:3rem;}

table.dataTable>tbody>tr.child ul.dtr-details { padding: 0 1.5rem; }

div.save-streaming>h5 {padding-bottom:1rem;}

div.save-streaming>p.buttons {text-align: center;}
div.save-streaming>p.buttons a {margin: 0.5rem;}

div.about {line-height:2;}
.navbar-brand {padding-left:0.5rem; }
.navbar-toggler-icon {color:#fff; text-shadow: 1px 1px #333; background-image:none;}

nav.bg-white, .container.bg-white {background-color:#507884 !important; color:#fff;}
.navbar-light .navbar-nav .nav-link { color: #fff; }
a#mbartitle {color: #fff;}

.container {max-width:100%;}
.container-fluid {padding-left:0; padding-right:0;}
#mainBanner {padding-left:0; padding-right:0;}

div#___ytsubscribe_0 {vertical-align: middle !important;}

/* Postcard */
#postcard-spotify {position: relative;}
#postcard-spotify iframe#playlist {position:absolute; bottom:50px; left:30px; height:85%; opacity:90%;}
#postcard-spotify iframe#follow {position:absolute; bottom:2rem; left:130px; width:250px;}

/*.video-container {position: relative; width: 100%; padding-bottom: 56.25%; }*/ /* 16:9 ratio = 100:0.5625 */
.video-container {position: relative; width: 100%; padding-bottom: 42.86%;  background-color:#000;}  /* 21:9 ratio = 100:0.4286 */
.video {position: absolute; top: 0; left: 50%; transform: translateX(-50%)!important; height: 100%; border: 0; aspect-ratio: 16/9; width:100%;}

/* Colours */
.btn-blue { background-color:#507884; color:#fff;}
.btn-blue:hover {background-color:#7ebdd0; color:#fff;}
.text-green { color:#849e83; }
.text-grey { color:#404040; }
.text-blue { color:#507884; }

.border-6 { border-width: 6px!important; }
.border-7 { border-width: 7px!important; }
.border-8 { border-width: 8px!important; }
.border-9 { border-width: 9px!important; }
.border-10 { border-width: 10px!important; }
.border-green { border-color:#849e83 !important; }
.border-grey { border-color:#404040 !important; }
.border-blue { border-color:#507884 !important; }
.border-black { border-color:#000 !important; }
.border-white { border-color:#fff !important; }

.colour-green { background-color:#849e83; color:#000; font-weight: 400; letter-spacing: 1px; }
.colour-grey { background-color:#404040; color:#fff; }
.colour-blue { background-color:#507884; color:#fff; }
.colour-blue a.nav-link, .colour-blue a.nav-link:link, .colour-blue .dropdown-menu, .colour-blue .dropdown-item { color: #fff; border-radius:5px;}
.colour-blue a.nav-link:active, .colour-blue a:hover, .colour-blue .dropdown-item:focus, .colour-blue .dropdown-item:hover { background-color: #6594a2; }
.colour-black { background-color:#000; color:#fff; }
.colour-white { background-color:#fff; color:#000; }

/* Versions panel */
div.versionspanel div.col-12 {padding-bottom:0.5rem;}
.field-category {font-weight: 600}

/* Quote panel*/
.quotation .blockquote::before { left: -0.5em; top: -0.5em; }
.quotation .blockquote::after { right: -0.4em; bottom: -0.8em; }

figure.lyric { text-align: center; border-left: 4px solid #aaa; border-right: 4px solid #aaa; border-radius: 25px; background-color: #fff;}
figure.lyric blockquote { font-family: Georgia, "Times New Roman", Times, serif; text-align: center; }

figure.quote blockquote { position: relative;}
figure.quote blockquote::before { display: block; padding-left: 10px; content: "\201C"; font-size: 5.5em; position: absolute; left: -0.5em; top: -0.5em; color: #333;}
figure.quote blockquote:after { position: absolute; float:right; font-size:5.5em; line-height: 1; right:-0.4em; bottom:-1em; content: "\201D"; }

figure.carousel-item {margin:0;}

/* Display list/cover view controls */
.page-view-controls li {border: 1px solid#000; border-radius:3px; margin:2px; background-color:#fff;color: #fff;}
.page-view-controls a:link {color:#000;}
.page-view-controls a:hover {background-color:#eee;}
.page-view-controls a.active {background-color:#849e83;}

#category-nav .nav .nav-item a.nav-link {color: #000; border-radius:3px;}
#category-nav .nav .nav-item a.nav-link.active {background-color:#849e83; border:1px solid #ddd; color: #fff;}
#category-nav .nav .nav-item a.nav-link:hover {background-color: #ddd;}

/* Instagram widget */
.eapps-instagram-feed-title-container {display:none;}

.scorepreviewcontainer {position:relative;}

body { background-color: #4b525c; font-family: "PT Sans","Playfair Display", Georgia, "Times New Roman", serif;}
.bg-secondary { background-color:#4b525c;}

.indexmenu li { font-size: 93%; white-space:nowrap;}

.discography .card {background-color:#fff; color: #000; height:100%;}

.border-dashed { border-bottom: 1px dashed #ccc;}

.cover-preview {position:relative;}
.cover-preview .preview-button {position: absolute; top:60%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);}
.cover-preview .preview-button:hover {position: absolute;}

#social-media-links a { font-size: 120%;}
.text-bandcamp { color: #41A0C3;}
.text-soundcloud { color: #F2581E;}
.text-facebook { color: #4868B2;}
.text-spotify { color: #1AA42F; }

#button-banner-right { margin-top:50px;}
.bg-color-site { background-color: #4b525c;}
.score-item { margin-top: 5rem; padding: 1rem; box-sizing: border-box; box-shadow: 0 5px 20px #111; border:0; }
h2, h3, h4 { font-family: "PT Sans","Playfair Display", Georgia, "Times New Roman", serif; }

.score-item h3 { font-family: "PT Sans","Playfair Display", Georgia, "Times New Roman", serif; }

.nav-tabs {border-bottom:none;}
.tab-pane {margin-left: -0.5rem; margin-right: -0.5rem;}

.dropdown-menu {background-color:#507884; color:#fff;}
.dropdown-item { color: #fff; }
.dropdown-item:active { color: #fff; text-decoration: none; background-color: #707783;}

.bg-shadow { box-sizing: border-box; box-shadow: 0 2px 10px #999; }

.bg-shadow-black { box-sizing: border-box; box-shadow: 5px 4px 7px #333; }

div.social { width:100%; background-color:#fff; color:#507884;  }
div.social a, #social-media-links a {color:#507884; padding:0.25em;}
div.social a:hover, #social-media-links a:hover {color:#404040; padding:0.25em;}
div.social img {height:1em;}
div.social .fab {vertical-align:middle;}

.p-10 {padding:6rem !important;}
.p-15 {padding:9rem !important;}
.pb-10 {padding-bottom:6rem !important;}
.pb-15 {padding-bottom:9rem !important;}
.px-10 {padding-left:6rem !important; padding-right:6rem !important;}
.px-15 {padding-left:9rem !important; padding-right:9rem !important;}
.py-10 {padding-bottom:6rem !important; padding-top:6rem !important;}
.py-15 {padding-bottom:9rem !important; padding-top:9rem !important;}

.image-1 {position:absolute; top:50%; left:50%; z-index:50; max-height:90%; max-width:90%; transform: translate(-50%,-50%); margin-left:-5px; margin-top:-5px;}
.image-2 {position:absolute; top:50%; left:50%; z-index:25; max-height:90%; max-width:90%; transform: translate(-50%,-50%);}
.image-3 {position:absolute; top:50%; left:50%; z-index:0; max-height:90%; max-width:90%; transform: translate(-50%,-50%); margin-left:5px; margin-top:5px;}
.preview-button {position: relative; z-index:75; background-color:rgba(255,255,255,0.75);}
.preview-button:hover {position: relative; z-index:75; color:#fff;}

#works-table_wrapper {padding-bottom:3rem;}
#works-table {background-color:#fff;}


.carousel-control-next, .carousel-control-prev {top:50%; bottom:auto; transform:translateY(-50%); padding: 1.5em 0.25em; background-color: #4b525c; width:auto; opacity: 0.7;}
.carousel-indicators {margin-bottom:0; bottom:0;}
.carousel-indicators li.active {background-color:#4b525c; color:#fff;}
.carousel-indicators li {text-indent: 0px; content: "\9679"; color:#999; height:auto; width:auto; padding:0.25em 0.5em; background-color: #4b525c; margin:0; opacity: 0.7;}
.carousel-item img {max-height: 90vh; max-width: 100%; object-fit: contain; margin-left: auto; margin-right: auto;}

.modal-content {background-color: transparent;}
.modal-scorepreview {max-width:100vw; max-height:100vh;}

#philanthropy-jumbo blockquote { font-family: Libre Baskerville;}

.bg-blockquote { background-color: #efefef; border: 1px solid #CCC; border-radius:3px; margin-left: 2rem; margin-right: 2rem; }

h2.digthis { text-transform:uppercase; font-size:1.5rem; font-weight: normal;}
h3.digthis { font-size: 1.3rem; color:#900; font-weight: 400; }
p.digthis { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 0.85rem; }

.horizontal-line-div { background: #fff; height: 3rem; width: 100%; margin-bottom: 5rem; margin-top: 4rem; padding-bottom: 5rem; }
.horizontal-line { margin-top:1.5rem; border-bottom: 1px solid #CCC; width:90%; margin-left:auto; margin-right:auto;}
.horizontal-line-div-content { margin-left:auto; margin-right:auto; margin-top:-1.3rem; text-align: center; font-family: Libre Baskerville; text-transform: uppercase; white-space: nowrap; }
.horizontal-line-div-content p { background-color: #fff; border-left: 1px solid #CCC; border-right: 1px solid #CCC; padding:.5rem 1.5rem;}

#inventions .quote { margin:-2.5rem 0 5rem 0; padding: 2rem 3rem; text-align:center; border-left: 4px solid #aaa; border-right: 4px solid #aaa; border-radius: 25px; background-color: #fff; width:60%; margin-left:20%; }
#inventions p.quote-text { font-family:Georgia, "Times New Roman", Times, serif; line-height:3rem; font-size: 1.2rem; text-align:center; color:#666; }
#inventions .quote-cd { margin: 0 0 5rem 0; padding: 3.5rem 3rem 3.5rem 5rem; text-align:justify; border-top: 4px solid #000; border-bottom: 4px solid #000; border-radius: 25px; background-color: #bbb; width:70%; margin-left:20%; }
#inventions p.quote-cd-text { font-family:Georgia, "Times New Roman", Times, serif; line-height:2.5rem; font-size: 1.1rem; color:#666; }
#inventions .left-line { margin: 30px 0 20px 230px; border-left: 4px solid #BBB; }
#inventions .byline { font-size: 1.3rem; font-family:Georgia, "Times New Roman", Times, serif; line-height: 2rem; color:#444; }
#inventions h3 { font-size: 1.5rem; font-family: Helvetica, sans-serif; letter-spacing: 0.1rem; }
#inventions h4 { color:#aaa; text-transform:uppercase; font-size: 1.1rem; font-family: Helvetica, sans-serif; line-height: 2rem; letter-spacing: 0.1rem; }
#inventions p { line-height: 2rem; }
#inventions ol li { margin-left:-1.5rem; line-height: 2rem; }


.edit-box {background-color:#eeeeee; border-radius:5px; border: 1px solid #eee;}


/* MailChimp Form Embed Code - Classic - 12/17/2015 v10.7 */
#mc_embed_signup form {display:block; position:relative; text-align:left; padding:5px 0 5px 0;}
#mc_embed_signup input {border: 1px solid #ABB0B2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size:90%;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#333;}
#mc_embed_signup .button {clear:both; transition: all 0.23s ease-in-out 0s; cursor: pointer; display: inline-block; margin: 0 5px 2px 0; padding: 2px 22px; font-size:100%; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}
#mc_embed_signup .mc-field-group {clear:left; position:relative; width:96%; padding-bottom:3%; min-height:50px;}
#mc_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;}
* html #mc_embed_signup .size1of2 {margin-right:2%; /* Fix for IE6 double margins. */}
#mc_embed_signup .mc-field-group label {display:block; margin-bottom:2px;}
#mc_embed_signup .mc-field-group input {display:block; width:100%; padding:5px 0; text-indent:2%;}
#mc_embed_signup .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;}
#mc_embed_signup .indicates-required {text-align:right; font-size:11px; margin-right:4%;}
#mc_embed_signup .asterisk {color:#e85c41; font-size:150%; font-weight:normal; position:relative; top:5px;}     
#mc_embed_signup .clear {clear:both;}
#mc_embed_signup .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;}
#mc_embed_signup .mc-field-group.input-group ul li {display:block; padding:3px 0; margin:0;}
#mc_embed_signup .mc-field-group.input-group label {display:inline;}
#mc_embed_signup .mc-field-group.input-group input {display:inline; width:auto; border:none;}
#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;}
#mc-embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 5%;}
#mc_embed_signup #num-subscribers {font-size:1.1em;}
#mc_embed_signup #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;}
#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {display:inline-block; margin:2px 0 1em 0; padding:5px 10px; background-color:rgba(255,255,255,0.85); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size:14px; font-weight:normal; z-index:1; color:#e85c41;}
#mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error {border:2px solid #e85c41;}