diff --git a/style.css b/style.css index 7e19b3b..4de0e1f 100644 --- a/style.css +++ b/style.css @@ -4,7 +4,7 @@ Theme URI: https://github.com/delucis/hgnm-2014 Author: Chris Swithinbank Author URI: http://www.chrisswithinbank.net/ Description: Custom theme for the Harvard Group for New Music website. -Version: 0.4-beta.0 +Version: 0.5-beta.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: responsive-layout @@ -397,6 +397,28 @@ textarea { font-size: 1.2em; } +/* ========================================================================== + Dala Floda Font [from Comercial Type] + ========================================================================== + This font software is the property of Commercial Type. + + You may not modify the font software, use it on another website, or install it on a computer. + + License information is available at http://commercialtype.com/eula + For more information please visit Commercial Type at http://commercialtype.com or email us at info[at]commercialtype.com + + Copyright (C) 2013 Schwartzco Inc. + License: 1407-HRGQJV +*/ +@font-face { + font-family: 'Dala Floda Web'; + src: url("font/DalaFloda-Bold-Web.eot"); + src: url("font/DalaFloda-Bold-Web.eot?#iefix") format("embedded-opentype"), url("font/DalaFloda-Bold-Web.woff") format("woff"), url("font/DalaFloda-Bold-Web.ttf") format("truetype"), url("font/DalaFloda-Bold-Web.svg#Dala Floda Web") format("svg"); + font-weight: 700; + font-style: normal; + font-stretch: normal; +} + /* ========================================================================== Font Icons [from Fontello] ========================================================================== */ @@ -418,7 +440,7 @@ textarea { } } */ -/* line 170, scss/style.scss */ +/* line 196, scss/style.scss */ [class^="icon-"]:before, [class*=" icon-"]:before, .icon-link-ext:after { font-family: "hgnm"; font-style: normal; @@ -444,31 +466,31 @@ textarea { /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } -/* line 201, scss/style.scss */ +/* line 227, scss/style.scss */ .icon-download:before { content: '\e800'; } /* '' */ -/* line 202, scss/style.scss */ +/* line 228, scss/style.scss */ .icon-left-arrow-bold:before { content: '\e802'; } /* '' */ -/* line 203, scss/style.scss */ +/* line 229, scss/style.scss */ .icon-right-arrow-bold:before { content: '\e803'; } /* '' */ -/* line 204, scss/style.scss */ +/* line 230, scss/style.scss */ .icon-link-ext:after { content: '\e804'; } /* '' */ -/* line 205, scss/style.scss */ +/* line 231, scss/style.scss */ .icon-facebook:before { content: '\e805'; } @@ -477,10 +499,10 @@ textarea { /* ========================================================================== General Styles ========================================================================== */ -/* line 211, scss/style.scss */ +/* line 237, scss/style.scss */ h2 { font-size: 2em; - font-family: "Dala Floda", Alegreya, Georgia, serif; + font-family: "Dala Floda Web", Alegreya, Georgia, serif; letter-spacing: 0.2em; text-transform: uppercase; line-height: 1.2; @@ -489,14 +511,14 @@ h2 { color: black; } -/* line 222, scss/style.scss */ +/* line 248, scss/style.scss */ h3 { font-size: 1.5em; line-height: 1.5; margin: 0 0 1em; } -/* line 228, scss/style.scss */ +/* line 254, scss/style.scss */ p { margin: 0 0 1.5em; } @@ -504,13 +526,13 @@ p { /* ========================================================================== Embed Styles ========================================================================== */ -/* line 235, scss/style.scss */ +/* line 261, scss/style.scss */ iframe { max-width: 100%; } /* embedresponsively.com */ -/* line 240, scss/style.scss */ +/* line 266, scss/style.scss */ .embed-container { position: relative; padding-bottom: 56.25%; @@ -521,7 +543,7 @@ iframe { margin-bottom: 1.5em; } -/* line 252, scss/style.scss */ +/* line 278, scss/style.scss */ .embed-container iframe, .embed-container object, .embed-container embed { @@ -535,7 +557,7 @@ iframe { /* ========================================================================== Section Background Styles ========================================================================== */ -/* line 262, scss/style.scss */ +/* line 288, scss/style.scss */ #events.fp-section, #fp-archive-link { background: url("img/absurdidad.png") center; } @@ -543,32 +565,32 @@ iframe { /* ========================================================================== Header Styles ========================================================================== */ -/* line 267, scss/style.scss */ +/* line 293, scss/style.scss */ #page { overflow: hidden; margin: 0 auto; } -/* line 270, scss/style.scss */ +/* line 296, scss/style.scss */ #page .site-header { height: 3em; color: #fdfff7; background: black; } -/* line 274, scss/style.scss */ +/* line 300, scss/style.scss */ #page .site-header h1 { font-size: 2.5em; line-height: 1; - font-family: "Dala Floda", Alegreya, Georgia, serif; + font-family: "Dala Floda Web", Alegreya, Georgia, serif; margin: .15em 0 0; letter-spacing: 0.2em; float: left; padding-left: 5%; } -/* line 282, scss/style.scss */ +/* line 308, scss/style.scss */ #page .site-header h1 .lowercase { display: none; } -/* line 286, scss/style.scss */ +/* line 312, scss/style.scss */ #page .site-header a { text-decoration: none; color: #fdfff7; @@ -578,7 +600,7 @@ iframe { -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } -/* line 294, scss/style.scss */ +/* line 320, scss/style.scss */ #page .site-header .menu { font-family: "Alegreya Sans", sans-serif; text-transform: uppercase; @@ -588,39 +610,39 @@ iframe { display: none; clear: both; } -/* line 302, scss/style.scss */ +/* line 328, scss/style.scss */ #page .site-header .menu ul { list-style-type: none; margin: 0; padding: 0; } -/* line 307, scss/style.scss */ +/* line 333, scss/style.scss */ #page .site-header .menu li:nth-child(odd) { background-color: #333333; } -/* line 310, scss/style.scss */ +/* line 336, scss/style.scss */ #page .site-header .menu li:nth-child(even) { background-color: black; } -/* line 313, scss/style.scss */ +/* line 339, scss/style.scss */ #page .site-header .menu .current-menu-item a:before { content: '▶ '; } -/* line 316, scss/style.scss */ +/* line 342, scss/style.scss */ #page .site-header .menu a { color: #fdfff7; display: block; padding: .5em 5%; } -/* line 323, scss/style.scss */ +/* line 349, scss/style.scss */ #page .site-header .menu.active { display: block; } -/* line 327, scss/style.scss */ +/* line 353, scss/style.scss */ #page .site-header .no-js .menu { display: block; } -/* line 331, scss/style.scss */ +/* line 357, scss/style.scss */ #page .site-header .menu-button { color: #222222; background-color: #30ff8a; @@ -636,16 +658,16 @@ iframe { height: 2em; padding: 0 0.5em; } -/* line 347, scss/style.scss */ +/* line 373, scss/style.scss */ #page .site-header .menu-button.active { color: #fdfff7; background-color: #333333; } -/* line 352, scss/style.scss */ +/* line 378, scss/style.scss */ #page header.active { height: auto; } -/* line 355, scss/style.scss */ +/* line 381, scss/style.scss */ #page #torso { /* ========================================================================== Front Page Styles @@ -654,7 +676,7 @@ iframe { Meta Styles ========================================================================== */ } -/* line 357, scss/style.scss */ +/* line 383, scss/style.scss */ #page #torso a, #page #torso a:visited { color: #222222; @@ -666,7 +688,7 @@ iframe { -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } -/* line 364, scss/style.scss */ +/* line 390, scss/style.scss */ #page #torso a:hover { background: #30ff8a; -webkit-transition: all 0.2s ease-in; @@ -675,25 +697,25 @@ iframe { -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } -/* line 373, scss/style.scss */ +/* line 399, scss/style.scss */ #page #torso .fp-section, #page #torso .p-section { padding: 0 5%; padding-top: 1.5em; padding-bottom: 1.5em; } -/* line 377, scss/style.scss */ +/* line 403, scss/style.scss */ #page #torso .fp-section ul, #page #torso .p-section ul { list-style: none; padding: 0; margin: 0; } -/* line 384, scss/style.scss */ +/* line 410, scss/style.scss */ #page #torso #events { font-family: "Alegreya Sans", sans-serif; } -/* line 386, scss/style.scss */ +/* line 412, scss/style.scss */ #page #torso #events h3 { text-align: center; font-size: 0.875em; @@ -703,11 +725,11 @@ iframe { font-weight: 700; margin: 0 0 2.571428571em; } -/* line 395, scss/style.scss */ +/* line 421, scss/style.scss */ #page #torso #events .concerts { margin-bottom: 4.5em; } -/* line 397, scss/style.scss */ +/* line 423, scss/style.scss */ #page #torso #events .concerts .vevent { margin-bottom: 1.5em; -webkit-transition: all 0.2s ease-out; @@ -716,7 +738,7 @@ iframe { -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } -/* line 400, scss/style.scss */ +/* line 426, scss/style.scss */ #page #torso #events .concerts .vevent .dtstart { text-align: center; display: block; @@ -726,7 +748,7 @@ iframe { background: #30ff8a; padding: 0 5%; } -/* line 408, scss/style.scss */ +/* line 434, scss/style.scss */ #page #torso #events .concerts .vevent .dtstart .month { display: block; text-transform: uppercase; @@ -735,14 +757,14 @@ iframe { line-height: 1.4; padding-top: 0.4em; } -/* line 416, scss/style.scss */ +/* line 442, scss/style.scss */ #page #torso #events .concerts .vevent .dtstart .day { display: block; font-size: 5em; line-height: 0.6; padding-bottom: 0.3em; } -/* line 423, scss/style.scss */ +/* line 449, scss/style.scss */ #page #torso #events .concerts .vevent .details { display: block; float: left; @@ -750,15 +772,15 @@ iframe { font-size: 1.25em; line-height: 1.8; } -/* line 429, scss/style.scss */ +/* line 455, scss/style.scss */ #page #torso #events .concerts .vevent .details p { margin: 0; } -/* line 432, scss/style.scss */ +/* line 458, scss/style.scss */ #page #torso #events .concerts .vevent .details .summary { font-weight: 700; } -/* line 437, scss/style.scss */ +/* line 463, scss/style.scss */ #page #torso #events .concerts .vevent:hover { -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; @@ -769,23 +791,23 @@ iframe { margin-left: 5%; background: #30ff8a; } -/* line 442, scss/style.scss */ +/* line 468, scss/style.scss */ #page #torso #events .concerts .vevent:hover .dtstart { background: black; color: #30ff8a; } -/* line 448, scss/style.scss */ +/* line 474, scss/style.scss */ #page #torso #events .colloquia, #page #torso #events .miscevents { margin-bottom: 4.5em; text-align: center; } -/* line 451, scss/style.scss */ +/* line 477, scss/style.scss */ #page #torso #events .colloquia ul, #page #torso #events .miscevents ul { font-size: 1.25em; line-height: 1.8; margin-bottom: 1.2em; } -/* line 455, scss/style.scss */ +/* line 481, scss/style.scss */ #page #torso #events .colloquia ul .dtstart, #page #torso #events .miscevents ul .dtstart { display: block; float: left; @@ -794,14 +816,14 @@ iframe { padding: 0 5%; letter-spacing: 0.06em; } -/* line 463, scss/style.scss */ +/* line 489, scss/style.scss */ #page #torso #events .colloquia ul .summary, #page #torso #events .miscevents ul .summary { display: block; float: left; width: 60%; text-align: left; } -/* line 468, scss/style.scss */ +/* line 494, scss/style.scss */ #page #torso #events .colloquia ul .summary .icon-link-ext:after, #page #torso #events .miscevents ul .summary .icon-link-ext:after { color: #999999; font-size: 80%; @@ -812,7 +834,7 @@ iframe { -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } -/* line 474, scss/style.scss */ +/* line 500, scss/style.scss */ #page #torso #events .colloquia ul .summary .icon-link-ext:hover:after, #page #torso #events .miscevents ul .summary .icon-link-ext:hover:after { color: #222222; -webkit-transition: all 0.2s ease-in; @@ -821,21 +843,21 @@ iframe { -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } -/* line 480, scss/style.scss */ +/* line 506, scss/style.scss */ #page #torso #events .colloquia .icon-link-ext:after, #page #torso #events .miscevents .icon-link-ext:after { font-size: 80%; padding-left: 0.3em; } -/* line 485, scss/style.scss */ +/* line 511, scss/style.scss */ #page #torso #events .miscevents { clear: both; } -/* line 488, scss/style.scss */ +/* line 514, scss/style.scss */ #page #torso #events .more-events-link { margin-bottom: 3em; clear: both; } -/* line 491, scss/style.scss */ +/* line 517, scss/style.scss */ #page #torso #events .more-events-link a { padding: 1.5em 5%; display: block; @@ -843,20 +865,20 @@ iframe { text-align: center; background: #30ff8a; } -/* line 497, scss/style.scss */ +/* line 523, scss/style.scss */ #page #torso #events .more-events-link a p { font-size: 1.25em; line-height: 1.2; margin-bottom: 0; } -/* line 503, scss/style.scss */ +/* line 529, scss/style.scss */ #page #torso #events .more-events-link a:hover { margin-right: 5%; margin-left: 5%; background: black; color: #30ff8a; } -/* line 513, scss/style.scss */ +/* line 539, scss/style.scss */ #page #torso .composers li { margin-bottom: 1em; -webkit-transition: all 0.2s ease-out; @@ -865,7 +887,7 @@ iframe { -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } -/* line 516, scss/style.scss */ +/* line 542, scss/style.scss */ #page #torso .composers li a { width: 100%; height: 5em; @@ -886,7 +908,7 @@ iframe { -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } -/* line 531, scss/style.scss */ +/* line 557, scss/style.scss */ #page #torso .composers li a img { float: left; max-width: 5em; @@ -900,7 +922,7 @@ iframe { -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } -/* line 538, scss/style.scss */ +/* line 564, scss/style.scss */ #page #torso .composers li a span { font-size: 0.85em; display: inline-block; @@ -911,7 +933,7 @@ iframe { overflow: hidden; text-overflow: ellipsis; } -/* line 549, scss/style.scss */ +/* line 575, scss/style.scss */ #page #torso .composers li a:hover { background: black; color: #30ff8a; @@ -922,7 +944,7 @@ iframe { -o-transition: all 0.1s ease-in; transition: all 0.1s ease-in; } -/* line 554, scss/style.scss */ +/* line 580, scss/style.scss */ #page #torso .composers li a:hover img { -webkit-filter: grayscale(0) contrast(100%) brightness(100%) saturate(150%); -moz-filter: grayscale(0) contrast(100%) brightness(100%) saturate(150%); @@ -933,7 +955,7 @@ iframe { -o-transition: all 0.4s ease-in; transition: all 0.4s ease-in; } -/* line 560, scss/style.scss */ +/* line 586, scss/style.scss */ #page #torso .composers li:hover { padding: 0 5%; -webkit-transition: all 0.2s ease-in; @@ -942,15 +964,15 @@ iframe { -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } -/* line 564, scss/style.scss */ +/* line 590, scss/style.scss */ #page #torso .composers li:last-child { margin-bottom: 0; } -/* line 568, scss/style.scss */ +/* line 594, scss/style.scss */ #page #torso .composers:nth-child(2) { background: url("img/absurdidad.png") center; } -/* line 572, scss/style.scss */ +/* line 598, scss/style.scss */ #page #torso #fp-archive-link a { padding: 1.5em 5%; display: block; @@ -958,23 +980,23 @@ iframe { text-align: center; background: #30ff8a; } -/* line 578, scss/style.scss */ +/* line 604, scss/style.scss */ #page #torso #fp-archive-link a p { font-size: 1.25em; line-height: 1.2; margin-bottom: 0; } -/* line 584, scss/style.scss */ +/* line 610, scss/style.scss */ #page #torso #fp-archive-link a:hover { margin: 0 5%; background: black; color: #30ff8a; } -/* line 588, scss/style.scss */ +/* line 614, scss/style.scss */ #page #torso #fp-archive-link a:hover h2 { color: #30ff8a; } -/* line 597, scss/style.scss */ +/* line 623, scss/style.scss */ #page #torso a.edit-button { padding: 0.75em; background: #ff7091; @@ -990,7 +1012,7 @@ iframe { text-align: center; margin: 1.5em auto; } -/* line 612, scss/style.scss */ +/* line 638, scss/style.scss */ #page #torso a.edit-button:hover { color: black; background: #30ff8a; @@ -999,20 +1021,20 @@ iframe { /* ========================================================================== Archive Nav Styles ========================================================================== */ -/* line 624, scss/style.scss */ +/* line 650, scss/style.scss */ .archive-header { text-align: center; } -/* line 626, scss/style.scss */ +/* line 652, scss/style.scss */ .archive-header #archive-nav { margin-bottom: 1.5em; } -/* line 629, scss/style.scss */ +/* line 655, scss/style.scss */ .archive-header #archive-nav .left .icon, .archive-header #archive-nav .right .icon { display: none; } -/* line 640, scss/style.scss */ +/* line 666, scss/style.scss */ .fontface.generatedcontent #page #torso .archive-header #archive-nav { font-size: 2em; position: relative; @@ -1023,17 +1045,17 @@ iframe { margin: 0 auto; line-height: 1; } -/* line 649, scss/style.scss */ +/* line 675, scss/style.scss */ .fontface.generatedcontent #page #torso .archive-header #archive-nav .left, .fontface.generatedcontent #page #torso .archive-header #archive-nav .right { border-bottom: none; background: #30ff8a; } -/* line 652, scss/style.scss */ +/* line 678, scss/style.scss */ .fontface.generatedcontent #page #torso .archive-header #archive-nav .left .icon, .fontface.generatedcontent #page #torso .archive-header #archive-nav .right .icon { display: inline-block; padding: 0.2em 0.1em 0.1em; } -/* line 656, scss/style.scss */ +/* line 682, scss/style.scss */ .fontface.generatedcontent #page #torso .archive-header #archive-nav .left .text, .fontface.generatedcontent #page #torso .archive-header #archive-nav .right .text { clip: rect(0 0 0 0); overflow: hidden; @@ -1041,44 +1063,44 @@ iframe { height: 1px; width: 1px; } -/* line 664, scss/style.scss */ +/* line 690, scss/style.scss */ .fontface.generatedcontent #page #torso .archive-header #archive-nav .left:hover, .fontface.generatedcontent #page #torso .archive-header #archive-nav .right:hover { background: black; color: #30ff8a; } -/* line 668, scss/style.scss */ +/* line 694, scss/style.scss */ .fontface.generatedcontent #page #torso .archive-header #archive-nav .left { position: absolute; top: 0; left: 0; } -/* line 672, scss/style.scss */ +/* line 698, scss/style.scss */ .fontface.generatedcontent #page #torso .archive-header #archive-nav .left .icon { padding-right: 0.2em; } -/* line 676, scss/style.scss */ +/* line 702, scss/style.scss */ .fontface.generatedcontent #page #torso .archive-header #archive-nav .right { position: absolute; top: 0; right: 0; } -/* line 680, scss/style.scss */ +/* line 706, scss/style.scss */ .fontface.generatedcontent #page #torso .archive-header #archive-nav .right .icon { padding-left: 0.2em; } -/* line 684, scss/style.scss */ +/* line 710, scss/style.scss */ .fontface.generatedcontent #page #torso .archive-header #archive-nav .icon-left-arrow-bold:before, .fontface.generatedcontent #page #torso .archive-header #archive-nav .icon-right-arrow-bold:before { margin: 0; } -/* line 695, scss/style.scss */ +/* line 721, scss/style.scss */ #page #torso #years-nav { clear: both; margin-top: 6em; padding: 1.5em; background: url("img/absurdidad.png") center; } -/* line 700, scss/style.scss */ +/* line 726, scss/style.scss */ #page #torso #years-nav h3 { font-family: Alegreya, Georgia, serif; text-transform: none; @@ -1087,19 +1109,19 @@ iframe { line-height: 1; margin-bottom: 1em; } -/* line 708, scss/style.scss */ +/* line 734, scss/style.scss */ #page #torso #years-nav ul { font-size: 1.5em; line-height: 1; text-align: center; letter-spacing: 0.06em; } -/* line 713, scss/style.scss */ +/* line 739, scss/style.scss */ #page #torso #years-nav ul li { margin: 0.25em; display: inline-block; } -/* line 716, scss/style.scss */ +/* line 742, scss/style.scss */ #page #torso #years-nav ul li a { display: block; border-bottom: 0; @@ -1107,12 +1129,12 @@ iframe { background: #222222; color: #30ff8a; } -/* line 723, scss/style.scss */ +/* line 749, scss/style.scss */ #page #torso #years-nav ul li a:hover { background: #30ff8a; color: #222222; } -/* line 729, scss/style.scss */ +/* line 755, scss/style.scss */ #page #torso #years-nav ul li.current a { background: transparent; color: #222222; @@ -1121,28 +1143,28 @@ iframe { /* ========================================================================== Concert Single Styles ========================================================================== */ -/* line 744, scss/style.scss */ +/* line 770, scss/style.scss */ #page #torso .event-meta { text-align: center; font-family: "Alegreya Sans", sans-serif; font-size: 1.25em; line-height: 1.2; } -/* line 749, scss/style.scss */ +/* line 775, scss/style.scss */ #page #torso .event-meta .dtstart { margin-bottom: 0; font-weight: 700; } -/* line 753, scss/style.scss */ +/* line 779, scss/style.scss */ #page #torso .event-meta .location { margin-bottom: 1.2em; } -/* line 755, scss/style.scss */ +/* line 781, scss/style.scss */ #page #torso .event-meta .location .icon-link-ext:after { font-size: 80%; padding-left: 0.3em; } -/* line 760, scss/style.scss */ +/* line 786, scss/style.scss */ #page #torso .event-meta .tickets { font-size: 0.7em; line-height: 1.714285714; @@ -1151,17 +1173,17 @@ iframe { font-weight: 700; margin-bottom: 2em; } -/* line 773, scss/style.scss */ +/* line 799, scss/style.scss */ #page #torso .external-links { margin-bottom: 1.5em; margin-top: 3em; font-family: "Alegreya Sans", sans-serif; } -/* line 777, scss/style.scss */ +/* line 803, scss/style.scss */ #page #torso .external-links li { margin-bottom: 1.5em; } -/* line 779, scss/style.scss */ +/* line 805, scss/style.scss */ #page #torso .external-links li a { padding: 1.5em 5%; display: block; @@ -1172,16 +1194,16 @@ iframe { line-height: 1.2; margin-bottom: 0; } -/* line 789, scss/style.scss */ +/* line 815, scss/style.scss */ #page #torso .external-links li .perfname { white-space: nowrap; } -/* line 792, scss/style.scss */ +/* line 818, scss/style.scss */ #page #torso .external-links li .icon-link-ext:after { font-size: 80%; padding-left: .3em; } -/* line 796, scss/style.scss */ +/* line 822, scss/style.scss */ #page #torso .external-links li a:hover { margin-right: 4%; margin-left: 4%; @@ -1190,63 +1212,63 @@ iframe { background: black; color: #30ff8a; } -/* line 807, scss/style.scss */ +/* line 833, scss/style.scss */ #page #torso .programme { margin-bottom: 3em; } -/* line 809, scss/style.scss */ +/* line 835, scss/style.scss */ #page #torso .programme li { margin-bottom: 0.75em; } -/* line 814, scss/style.scss */ +/* line 840, scss/style.scss */ #page #torso .programme li .composer:after { font-weight: 400; content: ' . . . '; } -/* line 823, scss/style.scss */ +/* line 849, scss/style.scss */ #page #torso .archive-docs { margin-bottom: 3em; } -/* line 825, scss/style.scss */ +/* line 851, scss/style.scss */ #page #torso .archive-docs li { margin-bottom: 0.75em; position: relative; } -/* line 828, scss/style.scss */ +/* line 854, scss/style.scss */ #page #torso .archive-docs li .icon-download { position: absolute; font-size: 165%; line-height: 1; } -/* line 833, scss/style.scss */ +/* line 859, scss/style.scss */ #page #torso .archive-docs li .icon-download:before { margin-left: 0; } -/* line 836, scss/style.scss */ +/* line 862, scss/style.scss */ #page #torso .archive-docs li a { margin-left: 2em; } -/* line 842, scss/style.scss */ +/* line 868, scss/style.scss */ #page #torso .multimedia { margin-bottom: 3em; } -/* line 844, scss/style.scss */ +/* line 870, scss/style.scss */ #page #torso .multimedia .embed-container { display: block; } -/* line 849, scss/style.scss */ +/* line 875, scss/style.scss */ #page #torso .gallery { clear: both; margin-bottom: 3em; } -/* line 853, scss/style.scss */ +/* line 879, scss/style.scss */ #page #torso .gallery .popup-gallery li { float: left; width: 48%; padding-right: 4%; margin-bottom: 1.5em; } -/* line 859, scss/style.scss */ +/* line 885, scss/style.scss */ #page #torso .gallery .popup-gallery li a img { width: 100%; -webkit-filter: grayscale(1) contrast(125%) brightness(125%) saturate(100%); @@ -1258,7 +1280,7 @@ iframe { -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } -/* line 866, scss/style.scss */ +/* line 892, scss/style.scss */ #page #torso .gallery .popup-gallery li a:hover img { -webkit-filter: grayscale(0) contrast(100%) brightness(100%) saturate(150%); -moz-filter: grayscale(0) contrast(100%) brightness(100%) saturate(150%); @@ -1269,16 +1291,16 @@ iframe { -o-transition: all 0.4s ease-in; transition: all 0.4s ease-in; } -/* line 872, scss/style.scss */ +/* line 898, scss/style.scss */ #page #torso .gallery .popup-gallery li:nth-child(2n) { padding-right: 0; } -/* line 878, scss/style.scss */ +/* line 904, scss/style.scss */ #page #torso .archive-link { font-family: "Alegreya Sans", sans-serif; margin-bottom: 1.5em; } -/* line 881, scss/style.scss */ +/* line 907, scss/style.scss */ #page #torso .archive-link a { padding: 1.5em 5%; display: block; @@ -1289,7 +1311,7 @@ iframe { line-height: 1.2; margin-bottom: 0; } -/* line 891, scss/style.scss */ +/* line 917, scss/style.scss */ #page #torso .archive-link a:hover { margin-right: 4%; margin-left: 4%; @@ -1299,7 +1321,7 @@ iframe { color: #30ff8a; } -/* line 906, scss/style.scss */ +/* line 932, scss/style.scss */ #page #torso .has-docs .external-links { margin-top: 0; } @@ -1307,7 +1329,7 @@ iframe { /* ========================================================================== Member Single Styles ========================================================================== */ -/* line 920, scss/style.scss */ +/* line 946, scss/style.scss */ #page #torso .member .primary .updated { display: inline-block; background: url("img/absurdidad.png") center; @@ -1320,11 +1342,11 @@ iframe { font-family: "Alegreya Sans", sans-serif; margin-bottom: 2em; } -/* line 933, scss/style.scss */ +/* line 959, scss/style.scss */ #page #torso .member .secondary { font-family: "Alegreya Sans", sans-serif; } -/* line 935, scss/style.scss */ +/* line 961, scss/style.scss */ #page #torso .member .secondary h3 { text-align: center; font-size: 0.875em; @@ -1334,11 +1356,11 @@ iframe { font-weight: 700; margin: 0 0 1.714285714em; } -/* line 944, scss/style.scss */ +/* line 970, scss/style.scss */ #page #torso .member .secondary .featured-img { margin-bottom: 1.5em; } -/* line 946, scss/style.scss */ +/* line 972, scss/style.scss */ #page #torso .member .secondary .featured-img img { width: 100%; -webkit-filter: grayscale(1) contrast(125%) brightness(125%) saturate(100%); @@ -1350,11 +1372,11 @@ iframe { -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } -/* line 952, scss/style.scss */ +/* line 978, scss/style.scss */ #page #torso .member .secondary .url { margin-bottom: 1.5em; } -/* line 954, scss/style.scss */ +/* line 980, scss/style.scss */ #page #torso .member .secondary .url a { padding: 1.5em 5%; display: block; @@ -1365,7 +1387,7 @@ iframe { line-height: 1.2; margin-bottom: 0; } -/* line 964, scss/style.scss */ +/* line 990, scss/style.scss */ #page #torso .member .secondary .url a:hover { margin-right: 4%; margin-left: 4%; @@ -1374,37 +1396,37 @@ iframe { background: black; color: #30ff8a; } -/* line 972, scss/style.scss */ +/* line 998, scss/style.scss */ #page #torso .member .secondary .url .icon-link-ext:after { font-size: 80%; padding-left: .3em; } -/* line 977, scss/style.scss */ +/* line 1003, scss/style.scss */ #page #torso .member .secondary .colloquia { margin-bottom: 3em; text-align: center; } -/* line 980, scss/style.scss */ +/* line 1006, scss/style.scss */ #page #torso .member .secondary .colloquia h4 { font-size: 1.25em; line-height: 1.8; margin: 0; } -/* line 985, scss/style.scss */ +/* line 1011, scss/style.scss */ #page #torso .member .secondary .colloquia p { font-family: Alegreya, Georgia, serif; text-align: left; } -/* line 988, scss/style.scss */ +/* line 1014, scss/style.scss */ #page #torso .member .secondary .colloquia p .icon-link-ext:after { font-size: 80%; padding-left: .3em; } -/* line 994, scss/style.scss */ +/* line 1020, scss/style.scss */ #page #torso .member .secondary .concerts { margin-bottom: 3em; } -/* line 996, scss/style.scss */ +/* line 1022, scss/style.scss */ #page #torso .member .secondary .concerts .vevent { margin-bottom: 1.5em; -webkit-transition: all 0.2s ease-out; @@ -1413,7 +1435,7 @@ iframe { -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } -/* line 999, scss/style.scss */ +/* line 1025, scss/style.scss */ #page #torso .member .secondary .concerts .vevent .dtstart { text-align: center; display: block; @@ -1423,7 +1445,7 @@ iframe { background: #30ff8a; padding: 0 5%; } -/* line 1007, scss/style.scss */ +/* line 1033, scss/style.scss */ #page #torso .member .secondary .concerts .vevent .dtstart .month { display: block; text-transform: uppercase; @@ -1432,14 +1454,14 @@ iframe { line-height: 1.4; padding-top: 0.4em; } -/* line 1015, scss/style.scss */ +/* line 1041, scss/style.scss */ #page #torso .member .secondary .concerts .vevent .dtstart .day { display: block; font-size: 5em; line-height: 0.6; padding-bottom: 0.3em; } -/* line 1022, scss/style.scss */ +/* line 1048, scss/style.scss */ #page #torso .member .secondary .concerts .vevent .details { display: block; float: left; @@ -1447,15 +1469,15 @@ iframe { font-size: 1.25em; line-height: 1.8; } -/* line 1028, scss/style.scss */ +/* line 1054, scss/style.scss */ #page #torso .member .secondary .concerts .vevent .details p { margin: 0; } -/* line 1031, scss/style.scss */ +/* line 1057, scss/style.scss */ #page #torso .member .secondary .concerts .vevent .details .summary { font-weight: 700; } -/* line 1036, scss/style.scss */ +/* line 1062, scss/style.scss */ #page #torso .member .secondary .concerts .vevent:hover { -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; @@ -1466,18 +1488,18 @@ iframe { margin-left: 5%; background: #30ff8a; } -/* line 1041, scss/style.scss */ +/* line 1067, scss/style.scss */ #page #torso .member .secondary .concerts .vevent:hover .dtstart { background: black; color: #30ff8a; } -/* line 1048, scss/style.scss */ +/* line 1074, scss/style.scss */ #page #torso .member .composers-link { clear: both; font-family: "Alegreya Sans", sans-serif; margin-bottom: 1.5em; } -/* line 1052, scss/style.scss */ +/* line 1078, scss/style.scss */ #page #torso .member .composers-link a { padding: 1.5em 5%; display: block; @@ -1488,7 +1510,7 @@ iframe { line-height: 1.2; margin-bottom: 0; } -/* line 1062, scss/style.scss */ +/* line 1088, scss/style.scss */ #page #torso .member .composers-link a:hover { margin-right: 4%; margin-left: 4%; @@ -1501,11 +1523,11 @@ iframe { /* ========================================================================== Lightbox Styles ========================================================================== */ -/* line 1079, scss/style.scss */ +/* line 1105, scss/style.scss */ .mfp-bottom-bar { font-family: "Alegreya Sans", sans-serif; } -/* line 1081, scss/style.scss */ +/* line 1107, scss/style.scss */ .mfp-bottom-bar .mfp-counter { -moz-font-feature-settings: normal; -ms-font-feature-settings: normal; @@ -1514,7 +1536,7 @@ iframe { font-feature-settings: normal; font-size: 1em; } -/* line 1089, scss/style.scss */ +/* line 1115, scss/style.scss */ .mfp-bottom-bar .mfp-title, .mfp-bottom-bar .mfp-counter { padding-top: 0.75em; } @@ -1522,7 +1544,7 @@ iframe { /* ========================================================================== Footer Styles ========================================================================== */ -/* line 1099, scss/style.scss */ +/* line 1125, scss/style.scss */ .site-footer { clear: both; color: #999999; @@ -1533,11 +1555,11 @@ iframe { padding-top: 1.5em; padding-bottom: 1.5em; } -/* line 1108, scss/style.scss */ +/* line 1134, scss/style.scss */ .site-footer a { color: #ff7091; } -/* line 1111, scss/style.scss */ +/* line 1137, scss/style.scss */ .site-footer a:hover { color: #30ff8a; } @@ -1546,17 +1568,17 @@ iframe { Media Queries ========================================================================== */ @media only screen and (min-width: 45em) { - /* line 1121, scss/style.scss */ + /* line 1147, scss/style.scss */ body { background: url("img/halftone.png") center; } - /* line 1122, scss/style.scss */ + /* line 1148, scss/style.scss */ h2 { font-size: 2.5em; } - /* line 1124, scss/style.scss */ + /* line 1150, scss/style.scss */ #page .site-header { margin-top: -0.55em; margin-bottom: 1.5em; @@ -1564,7 +1586,7 @@ iframe { height: auto; background: transparent; } - /* line 1130, scss/style.scss */ + /* line 1156, scss/style.scss */ #page .site-header h1 { margin: 0; padding-left: 0; @@ -1573,116 +1595,116 @@ iframe { width: 100%; letter-spacing: 0; } - /* line 1137, scss/style.scss */ + /* line 1163, scss/style.scss */ #page .site-header h1 .lowercase { display: inline; } - /* line 1141, scss/style.scss */ + /* line 1167, scss/style.scss */ #page .site-header a { color: black; } - /* line 1145, scss/style.scss */ + /* line 1171, scss/style.scss */ #page .site-header .menu { display: block; font-size: 1.125em; line-height: 2.6666666666em; } - /* line 1149, scss/style.scss */ + /* line 1175, scss/style.scss */ #page .site-header .menu ul { list-style-type: none; margin: 0; padding: 0; } - /* line 1154, scss/style.scss */ + /* line 1180, scss/style.scss */ #page .site-header .menu li { display: inline-block; margin-right: .5em; } - /* line 1158, scss/style.scss */ + /* line 1184, scss/style.scss */ #page .site-header .menu li:nth-child(odd) { background-color: transparent; } - /* line 1161, scss/style.scss */ + /* line 1187, scss/style.scss */ #page .site-header .menu li:nth-child(even) { background-color: transparent; } - /* line 1164, scss/style.scss */ + /* line 1190, scss/style.scss */ #page .site-header .menu li:last-child { margin-right: 0; } - /* line 1167, scss/style.scss */ + /* line 1193, scss/style.scss */ #page .site-header .menu .current-menu-item a:before { content: ''; } - /* line 1170, scss/style.scss */ + /* line 1196, scss/style.scss */ #page .site-header .menu a { border-radius: 2em; color: #222222; padding: 0 .5em; } - /* line 1175, scss/style.scss */ + /* line 1201, scss/style.scss */ #page .site-header .menu a:hover { background: #30ff8a; } - /* line 1180, scss/style.scss */ + /* line 1206, scss/style.scss */ #page .site-header .menu-button { display: none; } - /* line 1186, scss/style.scss */ + /* line 1212, scss/style.scss */ #page #torso .fp-section, #page #torso .p-section { padding: 0 12.5%; padding-top: 1.5em; padding-bottom: 1.5em; } - /* line 1192, scss/style.scss */ + /* line 1218, scss/style.scss */ #page #torso #fp-blurb .entry { font-size: 1.5em; line-height: 1.5; } - /* line 1198, scss/style.scss */ + /* line 1224, scss/style.scss */ #page #torso #events .concerts, #page #torso #events .colloquia { width: 47%; padding-right: 6%; display: block; float: left; } - /* line 1204, scss/style.scss */ + /* line 1230, scss/style.scss */ #page #torso #events .concerts:nth-child(2n), #page #torso #events .colloquia:nth-child(2n) { padding-right: 0; } - /* line 1207, scss/style.scss */ + /* line 1233, scss/style.scss */ #page #torso #events .concerts.solo, #page #torso #events .colloquia.solo { width: 49.4%; margin-left: auto; margin-right: auto; float: none; } - /* line 1213, scss/style.scss */ + /* line 1239, scss/style.scss */ #page #torso #events .more-events-link, #page #torso #events .miscevents { width: 59.4%; margin-right: auto; margin-left: auto; } - /* line 1220, scss/style.scss */ + /* line 1246, scss/style.scss */ #page #torso .composers li { float: left; margin-bottom: 0.375em; width: 19%; margin-right: 1.25%; } - /* line 1225, scss/style.scss */ + /* line 1251, scss/style.scss */ #page #torso .composers li a { height: auto; overflow: hidden; } - /* line 1228, scss/style.scss */ + /* line 1254, scss/style.scss */ #page #torso .composers li a img { float: none; width: 100%; max-width: none; } - /* line 1233, scss/style.scss */ + /* line 1259, scss/style.scss */ #page #torso .composers li a span { display: table-cell; vertical-align: middle; @@ -1693,74 +1715,74 @@ iframe { padding: 0 5%; white-space: normal; } - /* line 1245, scss/style.scss */ + /* line 1271, scss/style.scss */ #page #torso .composers li:hover { padding: 0; } - /* line 1248, scss/style.scss */ + /* line 1274, scss/style.scss */ #page #torso .composers li:nth-child(5n) { margin-right: 0; } - /* line 1252, scss/style.scss */ + /* line 1278, scss/style.scss */ #page #torso .composers .no-img a { padding-top: 100%; } - /* line 1258, scss/style.scss */ + /* line 1284, scss/style.scss */ #page #torso #fp-archive-link a { width: 49.5%; margin: 0 auto; } - /* line 1262, scss/style.scss */ + /* line 1288, scss/style.scss */ #page #torso #fp-archive-link a:hover { width: 44.5%; margin: 0 auto; } - /* line 1275, scss/style.scss */ + /* line 1301, scss/style.scss */ #page #torso .description { font-size: 1.25em; line-height: 1.8; } - /* line 1278, scss/style.scss */ + /* line 1304, scss/style.scss */ #page #torso .description h3 { font-size: 1.2em; } - /* line 1283, scss/style.scss */ + /* line 1309, scss/style.scss */ #page #torso .external-links.both { margin-bottom: 3em; } - /* line 1285, scss/style.scss */ + /* line 1311, scss/style.scss */ #page #torso .external-links.both li { width: 48%; float: left; padding-right: 4%; } - /* line 1298, scss/style.scss */ + /* line 1324, scss/style.scss */ #page #torso .external-links.both li:nth-child(2n) { padding-right: 0; } - /* line 1312, scss/style.scss */ + /* line 1338, scss/style.scss */ #page #torso .multimedia .audio li, #page #torso .multimedia .video li { width: 32.5%; padding-right: 1.25%; float: left; } - /* line 1317, scss/style.scss */ + /* line 1343, scss/style.scss */ #page #torso .multimedia .audio li:nth-child(3n), #page #torso .multimedia .video li:nth-child(3n) { padding-right: 0; } - /* line 1325, scss/style.scss */ + /* line 1351, scss/style.scss */ #page #torso .gallery .popup-gallery li { width: 19%; padding-right: 1.25%; margin-bottom: 1.5em; } - /* line 1329, scss/style.scss */ + /* line 1355, scss/style.scss */ #page #torso .gallery .popup-gallery li a { cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } - /* line 1335, scss/style.scss */ + /* line 1361, scss/style.scss */ #page #torso .gallery .popup-gallery li a:hover img { box-shadow: 0 0 0 0.375em black; -webkit-transition: all 0.2s ease-in; @@ -1769,90 +1791,90 @@ iframe { -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } - /* line 1341, scss/style.scss */ + /* line 1367, scss/style.scss */ #page #torso .gallery .popup-gallery li:nth-child(2n) { padding-right: 1.25%; } - /* line 1344, scss/style.scss */ + /* line 1370, scss/style.scss */ #page #torso .gallery .popup-gallery li:nth-child(5n) { padding-right: 0; } - /* line 1351, scss/style.scss */ + /* line 1377, scss/style.scss */ #page #torso .has-programme .programme { float: left; width: 48%; padding-right: 4%; } - /* line 1357, scss/style.scss */ + /* line 1383, scss/style.scss */ #page #torso .has-programme .external-links, #page #torso .has-programme .archive-docs { float: left; width: 48%; } - /* line 1362, scss/style.scss */ + /* line 1388, scss/style.scss */ #page #torso .has-programme .external-links li { float: none; width: 100%; padding-right: 0; } - /* line 1368, scss/style.scss */ + /* line 1394, scss/style.scss */ #page #torso .has-programme .archive-link, #page #torso .has-programme .multimedia { clear: both; } - /* line 1374, scss/style.scss */ + /* line 1400, scss/style.scss */ #page #torso .member .primary { width: 58.25%; margin-right: 3.75%; float: left; } - /* line 1378, scss/style.scss */ + /* line 1404, scss/style.scss */ #page #torso .member .primary p:first-child { font-size: 1.25em; line-height: 1.8; margin-bottom: 1.2em; } - /* line 1384, scss/style.scss */ + /* line 1410, scss/style.scss */ #page #torso .member .secondary { width: 38%; float: left; } - /* line 1390, scss/style.scss */ + /* line 1416, scss/style.scss */ #page #torso .member.no-primary .secondary { float: none; margin: 0 auto; } - /* line 1401, scss/style.scss */ + /* line 1427, scss/style.scss */ .fontface.generatedcontent #page #torso .archive-header { margin-bottom: 1.5em; } - /* line 1404, scss/style.scss */ + /* line 1430, scss/style.scss */ .fontface.generatedcontent #page #torso .archive-header #archive-nav .left, .fontface.generatedcontent #page #torso .archive-header #archive-nav .right { background: transparent; } } @media only screen and (min-width: 78.75em) { - /* line 1415, scss/style.scss */ + /* line 1441, scss/style.scss */ .fp-section, .p-section { width: 59.0625em; margin: 0 auto; } } @media only screen and (max-width: 15em) { - /* line 1422, scss/style.scss */ + /* line 1448, scss/style.scss */ html { font-size: 0.8em; } - /* line 1429, scss/style.scss */ + /* line 1455, scss/style.scss */ html #page #torso #fp-composers li a img { display: none; } - /* line 1432, scss/style.scss */ + /* line 1458, scss/style.scss */ html #page #torso #fp-composers li a span { max-width: 90%; padding: 0 5%; } - /* line 1438, scss/style.scss */ + /* line 1464, scss/style.scss */ html #page #torso #fp-composers li:hover { padding: 0; } @@ -1860,7 +1882,7 @@ iframe { /* ========================================================================== Helper classes ========================================================================== */ -/* line 1458, scss/style.scss */ +/* line 1484, scss/style.scss */ .ir { background-color: transparent; border: 0; @@ -1868,7 +1890,7 @@ iframe { *text-indent: -9999px; } -/* line 1465, scss/style.scss */ +/* line 1491, scss/style.scss */ .ir:before { content: ""; display: block; @@ -1876,13 +1898,13 @@ iframe { height: 150%; } -/* line 1472, scss/style.scss */ +/* line 1498, scss/style.scss */ .hidden { display: none !important; visibility: hidden; } -/* line 1477, scss/style.scss */ +/* line 1503, scss/style.scss */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); @@ -1894,7 +1916,7 @@ iframe { width: 1px; } -/* line 1489, scss/style.scss */ +/* line 1515, scss/style.scss */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; @@ -1905,24 +1927,24 @@ iframe { width: auto; } -/* line 1498, scss/style.scss */ +/* line 1524, scss/style.scss */ .invisible { visibility: hidden; } -/* line 1503, scss/style.scss */ +/* line 1529, scss/style.scss */ .clearfix:before, .clearfix:after { content: " "; display: table; } -/* line 1508, scss/style.scss */ +/* line 1534, scss/style.scss */ .clearfix:after { clear: both; } -/* line 1512, scss/style.scss */ +/* line 1538, scss/style.scss */ .clearfix { *zoom: 1; } @@ -1931,7 +1953,7 @@ iframe { Print styles ========================================================================== */ @media print { - /* line 1521, scss/style.scss */ + /* line 1547, scss/style.scss */ * { background: transparent !important; color: #000 !important; @@ -1939,48 +1961,48 @@ iframe { text-shadow: none !important; } - /* line 1529, scss/style.scss */ + /* line 1555, scss/style.scss */ a, a:visited { text-decoration: underline; } - /* line 1533, scss/style.scss */ + /* line 1559, scss/style.scss */ a[href]:after { content: " (" attr(href) ")"; } - /* line 1537, scss/style.scss */ + /* line 1563, scss/style.scss */ abbr[title]:after { content: " (" attr(title) ")"; } - /* line 1543, scss/style.scss */ + /* line 1569, scss/style.scss */ .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } - /* line 1548, scss/style.scss */ + /* line 1574, scss/style.scss */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } - /* line 1553, scss/style.scss */ + /* line 1579, scss/style.scss */ thead { display: table-header-group; } - /* line 1558, scss/style.scss */ + /* line 1584, scss/style.scss */ tr, img { page-break-inside: avoid; } - /* line 1562, scss/style.scss */ + /* line 1588, scss/style.scss */ img { max-width: 100% !important; } @@ -1989,7 +2011,7 @@ iframe { margin: 0.5cm; } - /* line 1572, scss/style.scss */ + /* line 1598, scss/style.scss */ p, h2, h3 { @@ -1997,7 +2019,7 @@ iframe { widows: 3; } - /* line 1578, scss/style.scss */ + /* line 1604, scss/style.scss */ h2, h3 { page-break-after: avoid;