@charset "utf-8"; /* background-image:linear-gradient(transparent,transparent, #082b6b,#082b6b); */ /* make goto_top button appear over other elements in the page */ /* up/down buttons section */ body.s[lg] section.block >div>div>div.text-box { display:grid ; position:relative; left:-100%; grid-template-areas:'sec_tit .' 'sec_e sec_j'; grid-template-columns:100% 100% } body.s[lg] section.block >div>div>div.text-box > h5 { display:block; position:relative; left: 100%; grid-area:sec_tit } body.s[lg] section.block >div>div>div.text-box > h4 { display:block; position:relative; left: 100%; grid-area:sec_e } body.s[lg] section.block >div>div>div.text-box > p.body { display:block; position:relative; left: 0%; grid-area:sec_j } body[lg] .text-box.block-sticky-bar__element > h4 { font-size:90%!important } body[lg] .text-box.block-sticky-bar__element > p { font-size:90%!important } body[page="workshops"] .session_word { font-family:sans; font-size:70% ; display:inline-block } body[page="workshops"] .session_number { font-size:200% ; display:inline-block ; vertical-align:-30%} body[page="workshops"] .session_colon { font-size:200% ; display:none } body[page="workshops"] .session_times { ; display:inline-block } .block-header__nav { text-align:center } .block-header__nav-links { max-width: 900px} body[page="concerts"] h6 { margin: 0 !important } a.concert_link, .day_link { padding :5px ; border-radius :5px ; border :1px black solid ; background-color :#ffc ; display :inline-block ; text-decoration :none !important ; margin :5px } div.day_link:hover { cursor:pointer } .page__blocks a.concert_link { font-size:75%; text-decoration:none!important } @media screen and (max-width: 920px) { body[lg] .text-box h4 { font-size : var(--fontSizeDesktop , var(--h4-font-size )) !important ; line-height : var(--lineHeightDesktop, var(--h4-line-height)) !important ; } } body[dark] div { filter:invert(1) hue-rotate(180deg) } body[dark] span { filter:invert(1) hue-rotate(180deg) } a.block-header-logo.block-header__logo { position:relative } a.block-header-logo.block-header__logo:after { content:"April 17ᵗʰ-20ᵗʰ" ; position:absolute; top:30px; left:40px; display:block; font-size:19pt; font-family:'Special Elite Regular' } a.block-header-logo.block-header__logo:before { content:"" ; position:absolute; top:30px; left:40px; display:block; font-size:19pt; font-family:'Special Elite Regular' } h3.corner_corner { border:0px !important } body[lg="ja"] a.block-header-logo.block-header__logo:after {content:"4月17日〜20日"} @media screen and (max-width:1180px) { body a.block-header-logo.block-header__logo:after { } body[lg="en"] a.block-header-logo.block-header__logo:after { left:100px; top: -6px; font-size:14pt ; width:200px } body[lg="ja"] a.block-header-logo.block-header__logo:after { left:100px; top:-15px; font-size:13pt ; margin-right:-170px; width:170px } } @media screen and (max-width: 920px) { body a.block-header-logo.block-header__logo:after { } body[lg="en"] a.block-header-logo.block-header__logo:after { left:10px; top: 20px; font-size:10pt; width:200px } body[lg="ja"] a.block-header-logo.block-header__logo:after { left:10px; top: 20px; font-size:10pt; width:200px } } body[page="concerts"] p.body:empty { height:30px } body[page="concerts"] h4:empty { height:30px } body[page="concerts"] h6:empty { height:30px } #zm423A { display : grid ; grid-template-areas: ' corner_corner Room_____BBox Room_____r109 Room_____r124 Room_____r242 Room_____r262 Room_____r126 Room_____r263 Room_____r225 Room_____r228 ' ' Thu17_01_Titl Thu17_01_Titl Thu17_01_Titl Thu17_01_Titl Thu17_01_Titl Thu17_01_Titl Thu17_01_Titl Thu17_01_Titl Thu17_01_Titl Thu17_01_Titl ' ' Thu17_01_____ Thu17_01_BBox Thu17_01_r109 Thu17_01_r124 Thu17_01_r242 Thu17_01_r262 Thu17_01_r126 Thu17_01_r263 Thu17_01_r225 Thu17_01_r228 ' ' Thu17_02_____ Thu17_02_BBox Thu17_02_r109 Thu17_02_r124 Thu17_02_r242 Thu17_02_r262 Thu17_02_r126 Thu17_02_r263 Thu17_02_r225 Thu17_02_r228 ' ' Thu17_03_____ Thu17_03_BBox Thu17_03_r109 Thu17_03_r124 Thu17_03_r242 Thu17_03_r262 Thu17_03_r126 Thu17_03_r263 Thu17_03_r225 Thu17_03_r228 ' ' Thu17_04_____ Thu17_04_BBox Thu17_04_r109 Thu17_04_r124 Thu17_04_r242 Thu17_04_r262 Thu17_04_r126 Thu17_04_r263 Thu17_04_r225 Thu17_04_r228 ' ' Fri18_05_Titl Fri18_05_Titl Fri18_05_Titl Fri18_05_Titl Fri18_05_Titl Fri18_05_Titl Fri18_05_Titl Fri18_05_Titl Fri18_05_Titl Fri18_05_Titl ' ' Fri18_05_____ Fri18_05_BBox Fri18_05_r109 Fri18_05_r124 Fri18_05_r242 Fri18_05_r262 Fri18_05_r126 Fri18_05_r263 Fri18_05_r225 Fri18_05_r228 ' ' Fri18_06_____ Fri18_06_BBox Fri18_06_r109 Fri18_06_r124 Fri18_06_r242 Fri18_06_r262 Fri18_06_r126 Fri18_06_r263 Fri18_06_r225 Fri18_06_r228 ' ' Fri18_07_____ Fri18_07_BBox Fri18_07_r109 Fri18_07_r124 Fri18_07_r242 Fri18_07_r262 Fri18_07_r126 Fri18_07_r263 Fri18_07_r225 Fri18_07_r228 ' ' Fri18_08_____ Fri18_08_BBox Fri18_08_r109 Fri18_08_r124 Fri18_08_r242 Fri18_08_r262 Fri18_08_r126 Fri18_08_r263 Fri18_08_r225 Fri18_08_r228 ' ' Sat19_09_Titl Sat19_09_Titl Sat19_09_Titl Sat19_09_Titl Sat19_09_Titl Sat19_09_Titl Sat19_09_Titl Sat19_09_Titl Sat19_09_Titl Sat19_09_Titl ' ' Sat19_09_____ Sat19_09_BBox Sat19_09_r109 Sat19_09_r124 Sat19_09_r242 Sat19_09_r262 Sat19_09_r126 Sat19_09_r263 Sat19_09_r225 Sat19_09_r228 ' ' Sat19_10_____ Sat19_10_BBox Sat19_10_r109 Sat19_10_r124 Sat19_10_r242 Sat19_10_r262 Sat19_10_r126 Sat19_10_r263 Sat19_10_r225 Sat19_10_r228 ' ' Sun20_11_Titl Sun20_11_Titl Sun20_11_Titl Sun20_11_Titl Sun20_11_Titl Sun20_11_Titl Sun20_11_Titl Sun20_11_Titl Sun20_11_Titl Sun20_11_Titl ' ' Sun20_11_____ Sun20_11_BBox Sun20_11_r109 Sun20_11_r124 Sun20_11_r242 Sun20_11_r262 Sun20_11_r126 Sun20_11_r263 Sun20_11_r225 Sun20_11_r228 ' ' Sun20_12_____ Sun20_12_BBox Sun20_12_r109 Sun20_12_r124 Sun20_12_r242 Sun20_12_r262 Sun20_12_r126 Sun20_12_r263 Sun20_12_r225 Sun20_12_r228 ' ' Sun20_13_____ Sun20_13_BBox Sun20_13_r109 Sun20_13_r124 Sun20_13_r242 Sun20_13_r262 Sun20_13_r126 Sun20_13_r263 Sun20_13_r225 Sun20_13_r228 ' ' Sun20_14_____ Sun20_14_BBox Sun20_14_r109 Sun20_14_r124 Sun20_14_r242 Sun20_14_r262 Sun20_14_r126 Sun20_14_r263 Sun20_14_r225 Sun20_14_r228 '; grid-template-columns: 0.8fr 2fr 2fr 2fr 2fr 2fr 2fr 0.2fr 0.2fr 0.2fr ; grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto ; row-gap : 0px ; column-gap : 0px ; } h3[time-slot] { vertical-align : middle !important ; font-family : mono !important ; } h3[room] { font-size : 10pt } .Room_____BBox, .Room_____r109, .Room_____r124, .Room_____r242, .Room_____r262, .Room_____r126, .Room_____r263, .Room_____r225, .Room_____r228 { font-weight : bold !important ; font-size : 12pt !important ; position : sticky ; top : 200px ; background-color : #8888 ; z-index : 1 ; } .Room_____r263, .Room_____r225, .Room_____r228 { font-size : 4pt !important ; display : none ; } #zm423A h3 { margin : 1px !important } #zm423A h3[titl] { margin : 20px auto !important } body[longform] h3[class$="_BBox"]:before { transform:rotate(-90deg) translate(0px,-65px); transform-origin:right; font-size:12pt; content:"Black Box"; position:absolute; top:0px;left:0; color:gray; z-index:1 } body[longform] h3[class$="_r109"]:before { transform:rotate(-90deg) translate(0px,-65px); transform-origin:right; font-size:12pt; content:"Room 109" ; position:absolute; top:0px;left:0; color:gray; z-index:1 } body[longform] h3[class$="_r124"]:before { transform:rotate(-90deg) translate(0px,-65px); transform-origin:right; font-size:12pt; content:"Room 124" ; position:absolute; top:0px;left:0; color:gray; z-index:1 } body[longform] h3[class$="_r242"]:before { transform:rotate(-90deg) translate(0px,-65px); transform-origin:right; font-size:12pt; content:"Room 242" ; position:absolute; top:0px;left:0; color:gray; z-index:1 } body[longform] h3[class$="_r262"]:before { transform:rotate(-90deg) translate(0px,-65px); transform-origin:right; font-size:12pt; content:"Room 262" ; position:absolute; top:0px;left:0; color:gray; z-index:1 } body[longform] h3[class$="_r126"]:before { transform:rotate(-90deg) translate(0px,-65px); transform-origin:right; font-size:12pt; content:"Room 126" ; position:absolute; top:0px;left:0; color:gray; z-index:1 } body[longform] h3[class$="_r263"]:before { transform:rotate(-90deg) translate(0px,-65px); transform-origin:right; font-size:12pt; content:"Room 263" ; position:absolute; top:0px;left:0; color:gray; z-index:1 } body[longform] h3[class$="_r225"]:before { transform:rotate(-90deg) translate(0px,-65px); transform-origin:right; font-size:12pt; content:"Room 225" ; position:absolute; top:0px;left:0; color:gray; z-index:1 } body[longform] h3[class$="_r228"]:before { transform:rotate(-90deg) translate(0px,-65px); transform-origin:right; font-size:12pt; content:"Room 228" ; position:absolute; top:0px;left:0; color:gray; z-index:1 } body[longform] h3[class$="_BBox"]:empty:before { content:"" } body[longform] h3[class$="_r109"]:empty:before { content:"" } body[longform] h3[class$="_r124"]:empty:before { content:"" } body[longform] h3[class$="_r242"]:empty:before { content:"" } body[longform] h3[class$="_r262"]:empty:before { content:"" } body[longform] h3[class$="_r126"]:empty:before { content:"" } body[longform] h3[class$="_r263"]:empty:before { content:"" } body[longform] h3[class$="_r225"]:empty:before { content:"" } body[longform] h3[class$="_r228"]:empty:before { content:"" } body[longform] h3:empty { display:none } body[longform] #zm423A h3 { padding-left :30px !important } @media screen and (max-width: 920px) { .workshop_lecturer { margin-top : 12px } #zm423A { display : block } .Room_____BBox, .Room_____r109, .Room_____r124, .Room_____r242, .Room_____r262, .Room_____r126, .Room_____r263, .Room_____r225, .Room_____r228 {display:none;} h3[class$="_BBox"]:before { content:"Black Box"; position:absolute; top:0px;left:0; color:gray; z-index:1 } h3[class$="_r109"]:before { content:"Room 109" ; position:absolute; top:0px;left:0; color:gray; z-index:1 } h3[class$="_r124"]:before { content:"Room 124" ; position:absolute; top:0px;left:0; color:gray; z-index:1 } h3[class$="_r242"]:before { content:"Room 242" ; position:absolute; top:0px;left:0; color:gray; z-index:1 } h3[class$="_r262"]:before { content:"Room 262" ; position:absolute; top:0px;left:0; color:gray; z-index:1 } h3[class$="_r126"]:before { content:"Room 126" ; position:absolute; top:0px;left:0; color:gray; z-index:1 } h3[class$="_r263"]:before { content:"Room 263" ; position:absolute; top:0px;left:0; color:gray; z-index:1 } h3[class$="_r225"]:before { content:"Room 225" ; position:absolute; top:0px;left:0; color:gray; z-index:1 } h3[class$="_r228"]:before { content:"Room 228" ; position:absolute; top:0px;left:0; color:gray; z-index:1 } h3:empty { display:none } h3[class$="_BBox"]:empty:before { content:"" } h3[class$="_r109"]:empty:before { content:"" } h3[class$="_r124"]:empty:before { content:"" } h3[class$="_r242"]:empty:before { content:"" } h3[class$="_r262"]:empty:before { content:"" } h3[class$="_r126"]:empty:before { content:"" } h3[class$="_r263"]:empty:before { content:"" } h3[class$="_r225"]:empty:before { content:"" } h3[class$="_r228"]:empty:before { content:"" } } body[page="workshops"] .page__blocks h3[id] { scroll-margin: 230px } body[page="workshops"] .page__blocks { padding-left:60px } body[page="workshops"] .page__blocks > section:nth-of-type(2) { position:fixed; top:130px; left:0; width:59px; padding:0} body[page="workshops"] .page__blocks > section:nth-of-type(2) > div { width:59px } body[page="workshops"] .page__blocks > section:nth-of-type(2) > a { font-family:mono; text-decoration:none!important; margin:-1px } body[page="workshops"] .page__blocks > section:nth-of-type(2) > a.day_link_big { font-size:11pt } body[page="workshops"] .page__blocks > section:nth-of-type(2) > a.day_link_small { font-size:7pt ; margin-left:2px; border:1px dotted gray } body[page="workshops"] .page__blocks > section:nth-of-type(2) > div , body[page="workshops"] .page__blocks > section:nth-of-type(2) > a {display:block; background-color:#8886; color:black } body[page="concerts"] h2 { scroll-margin-top : 150px } /* additional link offset to #sections in pages due to the fact there is a header menu */ body[page="concerts"] #zb5vxc { position:fixed; top:150px; left:0; z-index:100; width:200px } body[page="concerts"] #zb5vxc > a { display:block; width:158px; z-index:100; color:#111; border-width:1px 1px 1px 1px } .Thu17_01_Titl { width:100% } .Fri18_05_Titl { width:100% } .Sat19_09_Titl { width:100% } .Sun20_11_Titl { width:100% } .Thu17_01_Titl, .Thu17_01_____, .Thu17_02_____, .Thu17_03_____, .Thu17_04_____ { background-color:#ccf } .Fri18_05_Titl, .Fri18_05_____, .Fri18_06_____, .Fri18_07_____, .Fri18_08_____ { background-color:#cfc } .Sat19_09_Titl, .Sat19_09_____, .Sat19_10_____ { background-color:#fcc } .Sun20_11_Titl, .Sun20_11_____, .Sun20_12_____, .Sun20_13_____, .Sun20_14_____ { background-color:#aff } .workshop_lecturer { color : #400 ; font-size:120%; font-weight:bold } body[longform="longform"] #zm423A { display:block } body[longform="longform"] h3[class^="Room___"] { display:none } @media screen and (max-width: 1270px){ /**/ body[page="concerts"] #zb5vxc { display:none } } @media screen and (min-width: 920px){ /**/ body[page="invited-guests"] section > .block-layout > .layout-element:first-child { border-left: 2px #7387a3 solid; padding-left:6px; margin-left:2px } body[page="invited-guests"] section>div>div>div>h4 , body .workshop_lecturer > .en , body .workshop_title > .en { vertical-align:top;display:inline-block!important; width:100%!important; margin-right:-100%!important } body[page="invited-guests"] section>div>div>div>p.body , body .workshop_lecturer > .ja , body .workshop_title > .ja { vertical-align:top;display:inline-block!important; width:100%!important; margin-left : 0%!important } body[page="invited-guests"][lg="all"] section>div>div>div>p.body , body[page="invited-guests"][lg="all"] section>div>div>div>h4 , body[lg="all"] .workshop_lecturer > .en , body[lg="all"] .workshop_lecturer > .ja , body[lg="all"] .workshop_title > .en , body[lg="all"] .workshop_title > .ja , fff { vertical-align:top;display:block!important; width:100%!important; margin-left : 0%!important; margin-right : 0%!important } body[lg="all"] .workshop_title_3 > .en , body[lg="all"] .workshop_title_3 > .ja , fff { display:inline-block!important; width:150px !important} body[page="invited-guests"][lg="en"] section>div>div>div>p.body , body[lg="en"] .workshop_lecturer > .ja , body[lg="en"] .workshop_title > .ja { visibility:hidden!important } body[page="invited-guests"][lg="ja"] section>div>div>div>h4 , body[lg="ja"] .workshop_lecturer > .en , body[lg="ja"] .workshop_title > .en { visibility:hidden!important } } bbody[page="workshops"] h3#Fri18 {break-before: always} bbody[page="workshops"] h3#Sat19 {break-before: always} bbody[page="workshops"] h3#Sun20 {break-before: always} bbody[page="workshops"] h3#Mon21 {break-before: always} bbody[page="workshops"][longform="longform"] h3.Thu17_01_____ , bbody[page="workshops"][longform="longform"] h3.Thu17_02_____ , bbody[page="workshops"][longform="longform"] h3.Thu17_03_____ , bbody[page="workshops"][longform="longform"] h3.Thu17_04_____ , bbody[page="workshops"][longform="longform"] h3.Fri18_05_____ , bbody[page="workshops"][longform="longform"] h3.Fri18_06_____ , bbody[page="workshops"][longform="longform"] h3.Fri18_07_____ , bbody[page="workshops"][longform="longform"] h3.Fri18_08_____ , bbody[page="workshops"][longform="longform"] h3.Sat19_09_____ , bbody[page="workshops"][longform="longform"] h3.Sat19_10_____ , bbody[page="workshops"][longform="longform"] h3.Sun20_11_____ , bbody[page="workshops"][longform="longform"] h3.Sun20_12_____ , bbody[page="workshops"][longform="longform"] h3.Sun20_13_____ , bbody[page="workshops"][longform="longform"] h3.Sun20_14_____ , ffff {break-before: page} body[page="open-mics"] iframe { display : none; position:relative } body[page="open-mics"] #z3C932:before { content :"The Open Mic reservation form is closed."; color:red; font-size:200%; position : relative; top:0;left:0 } bbody[page="open-mics"] iframe#OpenMicDay1 { height : 100px !important } bbody[page="open-mics"] iframe.grid-embed__iframe { height : 200px !important } .interest_btn { display : block ; position : absolute ; bottom : 0 ; right : 0 ; font-size : 20px !important } .interest_btn:hover { cursor : pointer } .workshop_title { color : #000 ; position : relative } .workshop_title_1 { color : #100 ;font-weight:bold } .workshop_title_2 { color : #100 ;font-weight:bold } .workshop_title_3 { color : #020 ;font-style:italic;font-size:87% } body[lg=ja] .workshop_title_3 { font-style:normal;font-weight:bold } .workshop_title.nothing { height : 1.5em } .workshop_title_4 { color : #000 ; font-size:80% } .workshop_title_5 { color : #111 } #zm423A h3.interest { border-color : purple } #zm423A h3 { text-align : left ; width : 95% ; padding : 4px ; border : 1px #ccc solid } [zzzzaxis_legend] { font-weight : bold!important ; font-size : 105%!important } #zm423A h3[axis_legend] { border : 1px transparent solid } #zcX7G7 { z-index : 20 ; position : relative } .page__blocks { transition : none !important } .page__blocks { background-repeat : no-repeat ; background-color : #dde ; background-position : 40px 40px ; position : relative } .page__blocks::before { width : 100% ; height : 100% ; content : "" ; background-color : #ffffffe8 ; position : absolute ; top : 0 ; left : 0 } div.block-background { z-index : 0 } div.block-layout { padding : 0 0 } section { padding : 0 min(16px,0.7vw) } body { --padding : 5px 5px 5px 5px !important } div { --m-grid-template-rows : unset !important ; --t-grid-template-rows : unset !important ; --grid-template-rows : unset !important ; --small-desktop-grid-template-rows : unset !important } .image-wrapper-desktop { text-align : center !important ; display : inline-block } ul.block-header__nav-links { --m-link-spacing : calc(100vh * 0.02) !important }/* mobile phone menu needs adjustment to fit on the screen since a bit long */ .image--grid::after { width : 200px !important ; text-align : center !important ; border-radius : 5px ; margin-left : calc(50% - 100px) !important } .image[place="13"]::after { padding : 0 24px !important } .image[place="14"]::after { padding : 0 17px !important } .image[place="15"]::after { padding : 0 10px !important } a.image[place]::after { padding : 0 0 !important } @media screen and (max-width: 920px) { /**/ bbbbody[k] li.block-header-item:nth-child(2n)>label>div>a::before { top :-20px ;/* every 2nd menu item punched hole */ left :-200px } body[k] ul.block-header-item__dropdown li.block-header-item>label>div>a::before { right : 10px; visibility:visible }/* menu item punched hole */ .block-header-layout-mobile__dropdown--open { max-height : 100vh !important } nnav>ul.block-header__nav-links { --m-link-spacing : 0px !important }/* mobile phone menu needs adjustment to fit on the screen since menu is a bit long */ nnav>ul>li li { margin-top : 30px !important ; margin-right : 60px !important } .block-header-item__dropdown-area { margin-bottom : 30px } nnav>ul>li.block-header-item { }/* menu item */ nnav>ul>li.block-header-item:nth-child(2n) { position : relative ;/* menu item */ left :-160px } div.image { width : 100% !important ; text-align : center !important } iiiimg.image__image { max-width : 300px !important ; height : auto !important ; display : inline-block !important } @media screen and (max-height: 450px) { /**/ nnav>ul>li.block-header-item > label > div > a { line-height : 1.0em !important } nnav>ul>li.block-header-item:nth-child(3n+1) { position : relative ;/* menu item */ left : 0px } nnav>ul>li.block-header-item:nth-child(3n+2) { position : relative ;/* menu item */ left :-120px } nnav>ul>li.block-header-item:nth-child(3n+0) { position : relative ;/* menu item */ left :-240px } } /**/ @media screen and (max-height: 350px) { /**/ nnav>ul>li.block-header-item > label > div > a { line-height : 0.5em !important } nnav>ul>li.block-header-item:nth-child(4n+1) { position : relative ;/* menu item */ left : 0px } nnav>ul>li.block-header-item:nth-child(4n+2) { position : relative ;/* menu item */ left :-140px } nnav>ul>li.block-header-item:nth-child(4n+3) { position : relative ;/* menu item */ left :-280px } nnav>ul>li.block-header-item:nth-child(4n+0) { position : relative ;/* menu item */ left :-420px } } /**/ } /**/ sspan.d { white-space : nowrap } span.alphabet_letter { font-weight : bold ; scroll-margin-top : 120px } span.s { white-space : wrap ; vertical-align : top ; display : inline-block ; padding : 0 10px ; text-align : justify }/* shakuhachi terms page */ span.s:nth-child(1) { min-width : 200px } span.s:nth-child(2) { min-width : 170px } span.s:nth-child(3) { text-indent :-15px ; margin-left : 40px } body[k] li.block-header-item{position:relative} body[k] li.block-header-item:nth-child(2n )::first-line::before { content:""; display:block;width:100%; padding-right:160px;margin-right:-160px;height:0; top:-5px;position:absolute; border-bottom:2px black solid; border-radius: 100%; padding-top:15px; margin-top:-15px } body[k] li.block-header-item:nth-child(2n+1)::first-line::before { content:""; display:block;width:100%; padding-right:160px;margin-right:-160px;height:0; top:-5px;position:absolute; border-bottom:2px black solid; border-radius: 100%; padding-top:15px; margin-top:-15px } body[k] li.block-header-item>label>div>span::before , body[k] li.block-header-item>label>div>a::before { content : "" ;/* menu item punched hole */ width : 14px ; height : 14px ; position : absolute ; background-color : #4c4c5900 ; border-radius : 50px ; border : 1px black solid ; left :-20px ; top : 4px ; visibility : visible ; } /**/ body[k] li.block-header-item>label>div>span::before { background-color : #4c4c5944 } bbody[k] li.block-header-item li.block-header-item>label>div>a::before { left :-30px; top: 0 }/* menu item punched hole */ @media screen and (min-width: 920px){ /* desktop */ } @media screen and (max-width: 920px){ /* mobile */ .block-header-layout-mobile__dropdown span::before { visibility: hidden !important } body[k] li.block-header-item>label>div>a::before { left:auto; right :-20px; top: 0 }/* menu item punched hole */ body[k] li.block-header-item li.block-header-item>label>div>a::before { left:auto; right :-20px; top: 0 }/* menu item punched hole */ body[k] li.block-header-item>label>div>span::before , body[k] li.block-header-item>label>div>a::before { left:auto; right : -20px } } body[page=""] section { text-align : center } body[page=""] div.image img { max-width : 520px !important ; max-height : 518px !important } body[page=""] div.image { max-height : 520px !important ; max-width : 518px !important ; text-align : center !important } body[page=""] div.image-wrapper { display : inline-block !important ; max-height : 520px !important ; max-width : 518px !important ; text-align : center !important } body[page="invited-guests"] .block-layout--layout { max-width : unset !important }/* override narrow column width for mobile */ body[page="workshops"] .block-layout--layout { max-width : unset !important }/* override narrow column width for mobile */ @media screen and (max-width: 920px){ /**/ .block-layout--layout { max-width : unset !important }/* override narrow column width for mobile */ } /**/ .block-header-layout-desktop { max-width : 2000px !important } .image { position : relative } .image::after{ content : attr(title) ; word-break : keep-all ; white-space-collapse : break-spaces ; display : block ; position : absolute ; bottom : 5px ; left : 0 ; width : 100% ; z-index : 1 ; background-color : #fffc ; text-align : center ; font-size : 15pt } body[page] .image[added_2]::after { white-space : pre-wrap ; word-break : keep-all ; padding-top : 1px ; content : attr(added_1) "\a" attr(added_2) } div { --block-min-height : 0 !important } div { --t-block-min-height : 0 !important } section { scroll-margin-top : 120px } /* additional link offset to #sections in pages due to the fact there is a header menu */ #zyasit { position : relative } #zyasit::after { position : absolute ; display : block ; content : "" ; bottom : 0 ; left : 0 ; z-index : 10 ; color : blue ; width : 100% ; bottom : 0 ; background-color : white ; display : block ; height : 35px } [orders] { display : block !important ;/* block of pics on people page */ text-align : center } [orders]>div { /* each pic on people page */ --grid-column : none !important ; --grid-row : none !important ; --grid-template-columns : none !important ; --grid-template-rows : none !important ; display : inline-block !important ; grid-row : none !important ; grid-column : none !important ; width : 200px !important } p.body-large { position : relative }/* EN(-glish ) only text */ p.body { position : relative }/* JA(-panese) only text */ p.body-small { position : relative }/* ES(-pañol ) only text */ h6 { position : relative }/* English or otherwise for EN+JA+ES speakers */ h4 { position : relative }/* English or otherwise for EN+ES speakers only */ h5 { position : relative }/* EN or EN/JA or EN/JA/ES single line */ h3 { position : relative }/* EN or EN/JA or EN/JA/ES single line */ h2 { margin:11px 0!important; position : relative }/* EN or EN/JA or EN/JA/ES single line */ h1 { margin:11px 0!important; position : relative }/* EN or EN/JA or EN/JA/ES single line */ h5,h3,h2,h1 { text-align:left } body[page="home-mockup"] h5 , body[page="" ] h5 { text-align:center } body[page="workshops"] h3[level= "nothing" ]{ background-color:gray } body[page="workshops"] h3[level= "unknown_level" ]{ background-color:#0ff1 } body[page="workshops"] h3[level= "concert_level" ]{ background-color:#fff2 } body[page="workshops"] h3[level= "all_levels" ]{ background-color:#ddd8 } body[page="workshops"] h3[level= "advanced_level" ]{ background-color:#bff8 } body[page="workshops"] h3[level= "intermediate_and_advanced_levels" ]{ background-color:#ddf8 } body[page="workshops"] h3[level= "intermediate_level" ]{ background-color:#fbf8 } body[page="workshops"] h3[level= "beginner_and_intermediate_levels" ]{ background-color:#fdda } body[page="workshops"] h3[level= "beginner_level" ]{ background-color:#ffba } body[lg="allp"] p.body-large:before { content :"P1 - (EN when ES version exists)" ; color:#440; opacity:70%; position:absolute; top: -8px; left:0 ; display:block; font-size:10px; font-weight:bold } body[lg="allp"] p.body:before { content :"P2 - (JA)" ; color:#404; opacity:70%; position:absolute; top: -8px; left:0 ; display:block; font-size:10px; font-weight:bold } body[lg="allp"] p.body-small:before { content :"P3 - (ES)" ; color:#044; opacity:70%; position:absolute; top: -8px; left:0 ; display:block; font-size:10px; font-weight:bold } body[lg="allp"] h6:before { content :"H6 - (EN when ES and JA versions are missing)" ; color:#404; opacity:70%; position:absolute; top: -8px; left:0 ; display:block; font-size:10px; font-weight:bold } body[lg="allp"] h4:before { content :"H4 - (EN when ES version is missing)" ; color:#040; opacity:70%; position:absolute; top: -8px; left:0 ; display:block; font-size:10px; font-weight:bold } body[lg="allp"] h1:before { content :"H1 - (EN or EN/JA or EN/JA/ES in same title)" ; color:#020; opacity:70%; position:absolute; top: -8px; left:0 ; display:block; font-size:10px; font-weight:bold } body[lg="allp"] h2:before { content :"H2 - (EN or EN/JA or EN/JA/ES in same title)" ; color:#020; opacity:70%; position:absolute; top: -8px; left:0 ; display:block; font-size:10px; font-weight:bold } body[lg="allp"] h3:before { content :"H3 - (EN or EN/JA or EN/JA/ES in same line)" ; color:#020; opacity:70%; position:absolute; top: -8px; left:0 ; display:block; font-size:10px; font-weight:bold } body[lg="allp"] h5:before { content :"H5 - (EN or EN/JA or EN/JA/ES in same title)" ; color:#020; opacity:70%; position:absolute; top: -8px; left:0 ; display:block; font-size:10px; font-weight:bold } body[lg="allp"] p.body-large:after { content :"P1" ; color:#440; opacity:70%; position:absolute; top: -9px; left:-60px; display:block; font-size:30px; font-weight:bold } body[lg="allp"] p.body:after { content :"P2" ; color:#404; opacity:70%; position:absolute; top: -9px; left:-60px; display:block; font-size:30px; font-weight:bold } body[lg="allp"] p.body-small:after { content :"P3" ; color:#044; opacity:70%; position:absolute; top: -9px; left:-60px; display:block; font-size:30px; font-weight:bold } body[lg="allp"] h6:after { content :"H6" ; color:#404; opacity:70%; position:absolute; top: -9px; left:-60px; display:block; font-size:30px; font-weight:bold } body[lg="allp"] h4:after { content :"H4" ; color:#040; opacity:70%; position:absolute; top: -9px; left:-60px; display:block; font-size:30px; font-weight:bold } body[lg="allp"] h1:after { content :"H1" ; color:#020; opacity:70%; position:absolute; top: -9px; left:-60px; display:block; font-size:30px; font-weight:bold } body[lg="allp"] h2:after { content :"H2" ; color:#020; opacity:70%; position:absolute; top: -9px; left:-60px; display:block; font-size:30px; font-weight:bold } body[lg="allp"] h3:after { content :"H3" ; color:#020; opacity:70%; position:absolute; top: -9px; left:-60px; display:block; font-size:30px; font-weight:bold } body[lg="allp"] h5:after { content :"H5" ; color:#020; opacity:70%; position:absolute; top: -9px; left:-60px; display:block; font-size:30px; font-weight:bold } [lg_switch] { position : relative }/* the language selector in the menu */ [lg_switch]:before { position : absolute ; width : 84px ; min-height : 32px ; top : 26px ; right :-2px ; border : 0px solid black ; border-radius : 3px ; font-size : 20px ; height : 1.4em ; vertical-align : middle ; background-color : #aaa ; text-align : center ; color : black } .block-header-layout-mobile__dropdown { padding-bottom : 40px !important } @media screen and (max-width: 920px) { body[lg] [lg_switch]:before { top : 22px ; right : -2px } } /**/ body[lg="en"] [lg_switch]:before { padding-top : 3px; content: "English" } body[lg="ja"] [lg_switch]:before { padding-top : 0px; content: "日本語" } body[lg="es"] [lg_switch]:before { padding-top : 3px; content: "español" } body[lg="all"] [lg_switch]:before { padding-top : 3px; content: "multiple languages" ;font-size:93%;line-height:1em } body[lg="allp"] [lg_switch]:before { padding-top : 3px; content: "tags" } /**/ body[lg="en"] p.body-large { }/* EN selected so show EN text */ body[lg="en"] p.body { display:none }/* EN selected so dont show JA text */ body[lg="en"] p.body-small { display:none }/* EN selected so dont show ES text */ body[lg="en"] h6 { }/* EN selected so show EN+ES+JA text */ body[lg="en"] h4 { }/* EN selected so show EN+ES text */ /* */ body[lg="ja"] p.body-large { display:none }/* JA selected so dont show EN text */ body[lg="ja"] p.body { }/* JA selected so show JA text */ body[lg="ja"] p.body-small { display:none }/* JA selected so dont show ES text */ body[lg="ja"] h6 { }/* JA selected so show EN+ES+JA text */ body[lg="ja"] h4 { display:none }/* JA selected so dont show EN+ES text */ /* */ body[lg="es"] p.body-large { display:none }/* ES selected so dont show EN text */ body[lg="es"] p.body { display:none }/* ES selected so dont show JA text */ body[lg="es"] p.body-small { }/* ES selected so show ES text */ body[lg="es"] h6 { }/* ES selected so show EN+ES+JA text */ body[lg="es"] h4 { }/* ES selected so show EN+ES text */ /* */ /* */ body[lg="en"] span.en_es { }/* EN selected so show EN_ES part of text or title */ body[lg="en"] span.en { }/* EN selected so show EN part of text or title */ body[lg="en"] span.ja { display:none }/* EN selected so dont show JA part of text or title */ body[lg="en"] span.es { display:none }/* EN selected so dont show ES part of text or title */ body[lg="en"] span.slash { display:none }/* EN selected so dont show slash part of text or title */ /* part of text or title */ body[lg="ja"] span.en_es { display:none }/* JA selected so dont show EN_ES part of text or title */ body[lg="ja"] span.en { display:none }/* JA selected so dont show EN part of text or title */ body[lg="ja"] span.ja { }/* JA selected show JA part of text or title */ body[lg="ja"] span.es { display:none }/* JA selected so dont show ES part of text or title */ body[lg="ja"] span.slash { display:none }/* JA selected so dont show slash part of text or title */ /* part of text or title */ body[lg="es"] span.en_es { }/* ES selected show EN_ES part of text or title */ body[lg="es"] span.en { display:none }/* ES selected so dont show EN part of text or title */ body[lg="es"] span.ja { display:none }/* ES selected so dont show JA part of text or title */ body[lg="es"] span.es { }/* ES selected show ES part of text or title */ body[lg="es"] span.slash { display:none }/* ES selected so dont show slash part of text or title */ /* */ /**/ :root { --grid-template-rows : 0 auto 0 !important ; --small-desktop-grid-template-rows : 0 auto 0 !important } h3,h4,h6,p { font-size : 18px !important ; margin : 15px auto !important } h5 { margin : 15px 0 !important } li>h3, li>h4, li>h6, li>p { margin : 3px auto !important } [index]>div , /**/ [index]>span , /**/ [index]>a { padding : 2px 2px ; cursor : pointer } body[page="workshops"] h3 { font-size : 13px !important } body[page="workshops"][longform="longform"] h3 { font-size : 16px !important } @font-face { font-family : 'Mincho' ; src : local('Mincho'), url("https://assets.zyrosite.com/mnl3nr0ZLlCGDk14/Hiragino Mincho Pro W Regular.woff2") format('woff2'); font-style : normal ; font-weight : normal } #search { vertical-align:top; display:inline-block } .sspp { display:inline-block; position:relative } .sspp:before { content:"";top: 1px;left:108px ;position:absolute;display:inline-block;width:16px;height:16px;border-radius:99px ; border:2px white solid} .sspp:after { content:"";top:16px;left:104px ;position:absolute;display:inline-block;width: 8px;transform:rotate(-45deg) ; border:2px white solid} #search_q { margin : 0px ; font-size :var(--nav-link-font-size) ; width :100px ; font-family :var(--nav-link-font-family) ; border-radius :5px ; } li .ja , body p.body { font-family : "Mincho" !important ; font-size : 14pt } body[lg="ja"] p.body { font-family : "Mincho" !important ; font-size : 14pt } body[page="invited-guests"] p.body { font-family : "Mincho" !important ; font-size : 14pt!important } body[page="invited-guests"][lg="ja"] p.body { font-family : "Mincho" !important ; font-size : 14pt!important } .alphabetic_blank { padding : 1px ; background-color : #eee ; margin : 1px ; color : gray ; min-width : 10px ; display : inline-block ; text-decoration : none ; font-size : 50% ; display : inline-block ; vertical-align : middle } .alphabetic { padding : 8px ; background-color : #eee ; background-image : linear-gradient(to bottom right, #77a8,transparent,transparent,#77a8) ; margin : 2px ; color : black ; border : 1px #aaa solid ; min-width : 32px ; display : inline-block ; border-radius : 5px ; display : inline-block ; vertical-align : middle ; text-decoration : none ; } body[page="home-mockup"] p , body[page="" ] p , body[page="home-mockup"] h1 , body[page="" ] h1 , body[page="home-mockup"] h2 , body[page="" ] h2 , body[page="home-mockup"] h3 , body[page="" ] h3 { font-size:inherit!important;font-weight:inherit!important; } iframe.grid-map__frame { margin-top : 0 ; margin-bottom : 0 ; border : 1px dotted #666 } div.grid-map { padding : 11px 0 } .page__blocks u { text-decoration:none } .page__blocks a { color : #04a ; text-decoration : underline dotted purple 1px !important } body[page="schedule"] .page__blocks a { vertical-align : top } #alphetic_index1 a { vertical-align : middle } a.alphabetic , a.alphabetic_blank , .page__blocks .image::after { color : black ; text-decoration : none !important } section.block-sticky-bar { min-height : 1.8em } div.block-sticky-bar-layout { --720ca36e :unset !important ; max-width :unset !important } div.block-sticky-bar__element > * { margin :0 !important } body[page="for-vendors"] #zrtiei a , body[page="registration"] #z4gfXn a , body[page="registration"] #zOfOnO a { padding : 0 ; margin : 0 } body[page="for-vendors"] #zrtiei , body[page="registration"] #z4gfXnssss , body[page="registration"] #z4gfXn img , body[page="registration"] #zOfOnO { border : 5px purple dashed ; border-radius : 36px ; padding : 12px ; text-align : center ; margin : 0 } bbbody[page="registration"] .block-layout { --grid-template-columns : unset !important } @media screen and (min-width: 680px){ /**/ body[lg="all" ][page="schedule"] .page__blocks span:first-child>span:first-child { display : inline-block ; min-width : 330px }/*colon*/ body[lg="all" ][page="schedule"] .page__blocks .slash { display : none } body[lg="allp"][page="schedule"] .page__blocks .slash { display : none } body[lg="all" ][page="schedule"] .page__blocks .slash ~ span { display : block } body[lg="allp"][page="schedule"] .page__blocks .slash ~ span { display : block } body[page="schedule"] .page__blocks span>span:nth-of-type(3) , body[page="schedule"] .page__blocks span>span:nth-of-type(3) , body[page="schedule"] .page__blocks span>span:nth-of-type(3) { display : inline-block ; min-width : 500px }/*colon*/ } body[page="test-store-dont-use"] select { color : red !important } body[page="test-store-dont-use"] option { color : purple !important } body[page="test-store-dont-use"] .block-product__image-content-wrapper { display : none } body[page="test-store-dont-use"] .block-product__content-wrapper { max-width : unset } body[page="test-store-dont-use"] .option-select { max-width : 500px } body[page="schedule"] .page__blocks span.colon2:first-child { display : inline-block ; font-family : "IBM Plex mono" ; min-width : 170px }/*colon*/ body[page="schedule"] .page__blocks span>span:first-child , body[page="schedule"] .page__blocks span>span:first-child , body[page="schedule"] .page__blocks span>span:first-child { display : inline-block ; min-width : 500px }/*colon*/ body[page="getting-here"] .page__blocks div>h4:nth-of-type(2) , body[page="getting-here"] .page__blocks div>p:nth-of-type(2){ padding-left : 38px !important ; margin-left : 5px !important ; background-image : linear-gradient(to right,blue,white,red) ; background-size : 21px ; background-repeat : no-repeat ; } body[page="getting-here"] .page__blocks div.layout-element div>h4:nth-of-type(1), body[page="getting-here"] .page__blocks div.layout-element div> p:nth-of-type(1), body[page="getting-here"] .page__blocks div.layout-element div>h4:nth-of-type(1), body[page="getting-here"] .page__blocks div.layout-element div> p:nth-of-type(1), body[page="getting-here"] .page__blocks div.layout-element div>h4:nth-of-type(1), body[page="getting-here"] .page__blocks div.layout-element div> p:nth-of-type(1){ background-image : linear-gradient(90deg,white,white 80%,#008b 90%,#008b 95%,aqua 99%,white 100%) ; } body[page="getting-here"] .page__blocks div.layout-element:nth-of-type(1) div>h4:nth-of-type(1), body[page="getting-here"] .page__blocks div.layout-element:nth-of-type(1) div> p:nth-of-type(1), body[page="getting-here"] .page__blocks div.layout-element:nth-of-type(2) div>h4:nth-of-type(1), body[page="getting-here"] .page__blocks div.layout-element:nth-of-type(2) div> p:nth-of-type(1), body[page="getting-here"] .page__blocks div.layout-element:nth-of-type(3) div>h4:nth-of-type(1), body[page="getting-here"] .page__blocks div.layout-element:nth-of-type(3) div> p:nth-of-type(1){ background-image : none ; } body[page="getting-here"] .page__blocks a{ mix-blend-mode : multiply ; } body[page="wsf-history"] section[id^="wsf20"]>div>div:nth-of-type(1){ border-top : 2px dotted gray ; padding : 5px ; } body[page="wsf-history"] section[id^="wsf20"]:nth-of-type(3)>div>div:nth-of-type(1){ border-top : 0 dotted gray ; } body[page="composition-competition"] [id="z4IqPT"] h4:nth-of-type(1) , body[page="composition-competition"] [id="z4IqPT"] p:nth-of-type(1) , body[page="wsf-history"] section[id^="wsf20"]>div>div>div>h4:nth-of-type(1) , body[page="wsf-history"] section[id^="wsf20"]>div>div>div>p:nth-of-type(1) { border-left : 10px gray solid ; margin : 0 50px ; padding : 0 10px ; font-style : normal ; } body[page="wsf-history"] section[id^="wsf20"]>div>div>div>h4:nth-of-type(1)::first-letter , body[page="wsf-history"] section[id^="wsf20"]>div>div>div>p:nth-of-type(1)::first-letter { padding-left : 50px ; } body[page="composition-competition"] [id="z4IqPT"] h4:nth-of-type(2) , body[page="composition-competition"] [id="z4IqPT"] p:nth-of-type(2) , body[page="wsf-history"] section[id^="wsf20"]>div>div>div>h4:nth-of-type(2) , body[page="wsf-history"] section[id^="wsf20"]>div>div>div>p:nth-of-type(2) { margin-left : 100px !important ; font-style : normal ; } body[page="wsf-history"] section[id^="wsf20"] img { filter: grayscale(100%); /* zfilter : sepia() hue-rotate(0deg); zfilter:brightness(0.05) saturate(1600%) saturate(80%) brightness(3.4) sepia() hue-rotate(180deg); zfilter:url('https://internals.martyregan.com/pencil.svg#EdgeDetect'); zfilter:url("data:image/svg+xml,%3Csvg \ xmlns='http://www.w3.org/2000/svg' \ %3E\ %3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='0' height='0' %3E \ %3Cdefs%3E \ %3Cfilter id='EdgeDetect'%3E \ %3CfeConvolveMatrix in='SourceGraphic' result='B' order='3 3' preserveAlpha='true' \ kernelMatrix=' 0 -1 0 \ -1 4 -1 \ 0 -1 0 ' /%3E \ %3CfeColorMatrix in='B' type='matrix' \ values=' -3.9 -3.9 -3.9 0 0.7 \ -3.9 -3.9 -3.9 0 0.7 \ -3.9 -3.9 -3.9 0 0.7 \ 0 0 0 1 0 ' /%3E \ %3C/filter%3E \ %3Cfilter id='bEdgeDetect'%3E \ %3CfeConvolveMatrix in='SourceGraphic' result='B' order='3 3' preserveAlpha='true' \ kernelMatrix=' 0 1 0 \ 1 -4 1 \ 0 1 0 ' /%3E \ %3CfeColorMatrix in='B' type='matrix' \ values=' -3.9 -3.9 -3.9 0 0.7 \ -3.9 -3.9 -3.9 0 0.7 \ -3.9 -3.9 -3.9 0 1.7 \ 0 0 0 1 0 ' /%3E \ %3C/filter%3E \ %3C/defs%3E \ %3C/svg%3E"); */ } body[page="support-wsf-2025"] .page__blocks div>ul { vertical-align:middle; position:relative; display: inline-block; width: calc(100% - 130px); font-size:15pt!important ; border:1px solid gray; border-radius:7px} body[page="support-wsf-2025"] .page__blocks div>h3 { margin: 0 !important; vertical-align:middle; display: inline-block; width: 130px ; font-size:15pt!important ; line-height:unset} body[page="support-wsf-2025"] .page__blocks div>h3:empty { margin: 0 !important; vertical-align:middle; display: inline-block; width: 0px ; font-size:15pt!important } body[page="support-wsf-2025"] .page__blocks li >h3 { vertical-align:top; display: inline-block; font-size:10pt!important } /* */ body[page="support-wsf-2025"] #zdgY9T h2:nth-child(1n) ~ h3:nth-child( 9) { background-color: hsl( 20deg 100% 80% / 1.0) } body[page="support-wsf-2025"] #zdgY9T h2:nth-child(1n) ~ h3:nth-child(11) { background-color: hsl( 40deg 100% 80% / 1.0) } body[page="support-wsf-2025"] #zdgY9T h2:nth-child(1n) ~ h3:nth-child(13) { background-color: hsl( 60deg 100% 80% / 1.0) } body[page="support-wsf-2025"] #zdgY9T h2:nth-child(1n) ~ h3:nth-child(15) { background-color: hsl( 80deg 100% 80% / 1.0) } body[page="support-wsf-2025"] #zdgY9T h2:nth-child(1n) ~ h3:nth-child(17) { background-color: hsl(100deg 100% 80% / 1.0) } body[page="support-wsf-2025"] #zdgY9T h2:nth-child(1n) ~ h3:nth-child(19) { background-color: hsl(120deg 100% 80% / 1.0) } body[page="support-wsf-2025"] #zdgY9T h2:nth-child(1n) ~ h3:nth-child(21) { background-color: hsl(140deg 100% 80% / 1.0) } body[page="support-wsf-2025"] #zdgY9T h2:nth-child(1n) ~ h3:nth-child(23) { background-color: hsl(160deg 100% 80% / 1.0) } /* #zdgY9T h2:nth-child(1n) ~ 3 / 1.0 */ body[page="support-wsf-2025"] #zdgY9T h2:nth-child(1n) ~ h3:nth-child(26) { background-color: hsl(180deg 100% 80% / 1.0) } body[page="support-wsf-2025"] #zdgY9T h2:nth-child(1n) ~ h3:nth-child(28) { background-color: hsl(200deg 100% 80% / 1.0) } body[page="support-wsf-2025"] #zdgY9T h2:nth-child(1n) ~ h3:nth-child(30) { background-color: hsl(220deg 100% 80% / 1.0) } body[page="support-wsf-2025"] #zdgY9T h2:nth-child(1n) ~ h3:nth-child(32) { background-color: hsl(240deg 100% 80% / 1.0) } body[page="support-wsf-2025"] #zdgY9T h2:nth-child(1n) ~ h3:nth-child(34) { background-color: hsl(260deg 100% 80% / 1.0) } body[page="support-wsf-2025"] #zdgY9T h2:nth-child(1n) ~ h3:nth-child(36) { background-color: hsl(280deg 100% 80% / 1.0) } /* #zdgY9T h2:nth-child(1n) ~ / 1.0 */ body[page="support-wsf-2025"] #zdgY9T h2:nth-child(1n) ~ h3:nth-child( 9) + ul { background-image: linear-gradient(to right, #eee, #eee 30%, hsl( 20deg 100% 80% / 1.0)) } body[page="support-wsf-2025"] #zdgY9T h2:nth-child(1n) ~ h3:nth-child(11) + ul { background-image: linear-gradient(to right, #eee, #eee 30%, hsl( 40deg 100% 80% / 1.0)) } body[page="support-wsf-2025"] #zdgY9T h2:nth-child(1n) ~ h3:nth-child(13) + ul { background-image: linear-gradient(to right, #eee, #eee 30%, hsl( 60deg 100% 80% / 1.0)) } body[page="support-wsf-2025"] #zdgY9T h2:nth-child(1n) ~ h3:nth-child(15) + ul { background-image: linear-gradient(to right, #eee, #eee 30%, hsl( 80deg 100% 80% / 1.0)) } body[page="support-wsf-2025"] #zdgY9T h2:nth-child(1n) ~ h3:nth-child(17) + ul { background-image: linear-gradient(to right, #eee, #eee 30%, hsl(100deg 100% 80% / 1.0)) } body[page="support-wsf-2025"] #zdgY9T h2:nth-child(1n) ~ h3:nth-child(19) + ul { background-image: linear-gradient(to right, #eee, #eee 30%, hsl(120deg 100% 80% / 1.0)) } body[page="support-wsf-2025"] #zdgY9T h2:nth-child(1n) ~ h3:nth-child(21) + ul { background-image: linear-gradient(to right, #eee, #eee 30%, hsl(140deg 100% 80% / 1.0)) } body[page="support-wsf-2025"] #zdgY9T h2:nth-child(1n) ~ h3:nth-child(23) + ul { background-image: linear-gradient(to right, #eee, #eee 30%, hsl(160deg 100% 80% / 1.0)) } /* #zdgY9T h2:nth-child(1n) ~ 3 + image 3 / 1.0 ) */ body[page="support-wsf-2025"] #zdgY9T h2:nth-child(1n) ~ h3:nth-child(26) + ul { background-image: linear-gradient(to right, #eee, #eee 30%, hsl(180deg 100% 80% / 1.0)) } body[page="support-wsf-2025"] #zdgY9T h2:nth-child(1n) ~ h3:nth-child(28) + ul { background-image: linear-gradient(to right, #eee, #eee 30%, hsl(200deg 100% 80% / 1.0)) } body[page="support-wsf-2025"] #zdgY9T h2:nth-child(1n) ~ h3:nth-child(30) + ul { background-image: linear-gradient(to right, #eee, #eee 30%, hsl(220deg 100% 80% / 1.0)) } body[page="support-wsf-2025"] #zdgY9T h2:nth-child(1n) ~ h3:nth-child(32) + ul { background-image: linear-gradient(to right, #eee, #eee 30%, hsl(240deg 100% 80% / 1.0)) } body[page="support-wsf-2025"] #zdgY9T h2:nth-child(1n) ~ h3:nth-child(34) + ul { background-image: linear-gradient(to right, #eee, #eee 30%, hsl(260deg 100% 80% / 1.0)) } body[page="support-wsf-2025"] #zdgY9T h2:nth-child(1n) ~ h3:nth-child(36) + ul { background-image: linear-gradient(to right, #eee, #eee 30%, hsl(280deg 100% 80% / 1.0)) } /* */ body[page="home-mockup"] .layout-element , body[page="" ] .layout-element {display: inline-block } #zMpbL6 { text-align : center } body[page=""] .video { padding-top : 0 } body[page=""] section#z9xpL1 { height : calc(49.9vw) !important; max-height : 499px } body[page=""] section#z9xpL1 > .block-background { background-color : black } body[page=""] iframe { position : relative !important ; display : inline-block !important ; top : 0 ; width : 100% !important ; max-width : 887px ; height : calc(49.9vw) !important ; max-height : 499px ; } body[page="home-mockup"] iframe { } .item-content__icon-container { margin-left:0!important } /* space between drop menu name and drop down arrow */ @media screen and (max-width: 1180px) and (min-width:921px) { /* less than 1180px */ a.block-header-logo.block-header__logo { max-width :calc(100vw - 870px) ; height : 0 ; position :relative } a.block-header-logo.block-header__logo > img { display :none } a.block-header-logo.block-header__logo::before { content :"" ; position :absolute ; top :-45px ; left :0 ; width :85px ; height :92px ; background-image :url("https://martyregan.com/internals/WSF%20Texas%202025%20logo%20version%20vertical%20.png") } } @media screen and (max-width: 920px){ /* mobile */ } body[page="home-mockup"] #zOL08B { z-index:0 } body[page="home-mockup"] #zt70Hc , body[page="home-mockup"] iframe { width : calc(88.7vw * 0.6) !important ; max-width : 887px ; height : calc(49.9vw * 0.6) !important ; max-height : 499px ; padding : 0; text-align : center; } body[page="home-mockup"] #zt70Hc { box-shadow : inset 0 0 10px 10px #ffff ; margin :-20px -100px ; padding : 20px 100px ; background-image :linear-gradient(to right, #fff8, #000f 100px, #000f calc(88.7vw * 0.6 + 100px), #fff8 ) ; box-sizing :content-box ; z-index : 0 ; } body[page="home-mockup"] .block--footer { z-index:5 } #zKqRpP {display:none} body[page="workshops"] h3 { font-size:9pt } /* body[page="support-wsf-2025"] h6 + ul:after { content:"";position:absolute;top:0;right:0; width:110px; height:110px; top:0; max-height:100%; mix-blend-mode: multiply; background-repeat: no-repeat; background-position:0px 10px; background-blend-mode: normal; z-index:0; background-size: 100px 100px; background-image: url("https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=605,h=600,fit=crop,trim=63.49177877428998;49.52380952380952;43.360239162929744;54.16666666666667/mnl3nr0ZLlCGDk14/new-wsf-logo-ALpJyKy0pZf33eQD.jpg") } */ body[page="wsf-history"] div.image { text-align:center; max-width:300px } body[page="shakuhachi-terms"] img { float : right ; max-height : 100px } body[page="shakuhachi-terms"] h6 { clear : right } h1,h2,h5 { position : relative ; background-image : linear-gradient(to right , transparent , transparent 60% , #7387a3 98% , #7387a3 99% , transparent ) !important } body[page="home-mockup"] h1 , body[page=""] h1 , body[page="home-mockup"] h2 , body[page=""] h2 , body[page="home-mockup"] h5 , body[page=""] h5 {background-image : none !important } h1[center] , h2[center] , h5[center] { background-image : linear-gradient(to right , transparent , #7387a3 1% , #7387a3 2% , transparent 40% , transparent 60% , #7387a3 98% , #7387a3 99% , transparent ) !important } body[lg ] a.item-content[href ] , body[lg ] div[ data-qa^="navigation-item-" ]>span { position : relative } body[lg ] a.item-content[href ]:after , body[lg ] div[ data-qa^="navigation-item-" ]>span:after { position : absolute ; color : #ffff ; top : 0 ; display : block ; visibility : visible ; font-size : 120% } @media screen and (max-width: 920px){ /**/ body[lg ] .block-header-layout-mobile__dropdown a.item-content[href ]:after , body[lg ] .block-header-layout-mobile__dropdown div[ data-qa^="navigation-item-" ]>span:after { display : none } body[lg ] .block-header-layout-mobile__dropdown--open a.item-content[href ]:after , body[lg ] .block-header-layout-mobile__dropdown--open div[ data-qa^="navigation-item-" ]>span:after { display : block } } body[ lg="ja"] a.item-content[href ] , body[ lg="ja"] div[ data-qa ]>span { visibility : hidden; } @media screen and (max-width: 920px){ /* mobile */ body[ lg="ja"] a.item-content[href ] , body[ lg="ja"] div[ data-qa ]>span { width : 96px } body[ lg="ja"] div[ data-qa="navigation-item-en/日本語" ]>span { } #search { display : none } } body[lg_bo_en_ja="bo"] a.item-content[href ]:after , body[lg_bo_en_ja="bo"] div[ data-qa ]>span:after { top : 20px } body[lg_bo_en_ja="ja"] a.item-content[href ]:after , body[lg_bo_en_ja="ja"] div[ data-qa ]>span:after { top : 0px } h3[center] {text-align: center} zbody[lg_ja="ja"] nav>ul>li>label>div>span>span {} .food_title { font-weight:normal } .food_descr { font-size:85% !important } .food_title.en_es { font-style:italic } .food_descr.en_es { font-style:italic } body[lg_ja="ja"] div[data-qa="navigation-item-en/日本語" ]>span:after { transform:scaleX(0.85); margin:0 -1.5em; content:"EN/日本語" } body[lg_ja="ja"] a.item-content[href="/welcome" ]:after { transform:scaleX(1.00); margin:0 0em; content:"ご挨拶" } body[lg_ja="ja"] div[data-qa="navigation-item-about" ]>span:after { transform:scaleX(0.80); margin:0 -2em; content:"ご案内" } body[lg_ja="ja"] div[data-qa="navigation-item-information" ]>span:after { transform:scaleX(0.80); margin:0 -2em; content:"ご案内" } body[lg_ja="ja"] div[data-qa="navigation-item-forvisitors" ]>span:after { transform:scaleX(0.75); margin:0 -3em; content:"一般参加者へ" } body[lg_ja="ja"] div[data-qa="navigation-item-justin" ]>span:after { transform:scaleX(0.40); margin:0 -5em; content:"ジャスティン" } body[lg_ja="ja"] div[data-qa="navigation-item-competitions" ]>span:after { transform:scaleX(0.80); margin:0 -7em; content:"コンクール" } body[lg_ja="ja"] div[data-qa="navigation-item-search" ]>span:after { transform:scaleX(0.80); margin:0 -7em; content:"検索" } body[lg_ja="ja"] a.item-content[href="/wsf-history" ]:after { transform:scaleX(1.00); margin:0 0em; content:"WSFの歴史" ;width:100px} body[lg_ja="ja"] a.item-content[href="/what-is-the-shakuhachi" ]:after { transform:scaleX(1.00); margin:0 0em; content:"尺八とは？" } body[lg_ja="ja"] a.item-content[href="/shakuhachi-terms" ]:after { transform:scaleX(1.00); margin:0 0em; content:"尺八の専門用語 (English only)" } body[lg_ja="ja"] a.item-content[href="/organizers" ]:after { transform:scaleX(1.00); margin:0 0em; content:"主催者" } body[lg_ja="ja"] a.item-content[href="/press" ]:after { transform:scaleX(1.00); margin:0 0em; content:"報道" } body[lg_ja="ja"] a.item-content[href="/concerts" ]:after { transform:scaleX(0.70); margin:0 -3em; content:"コンサート" } body[lg_ja="ja"] a.item-content[href="/schedule" ]:after { transform:scaleX(0.55); margin:0 -5em; content:"スケジュール" } body[lg_ja="ja"] a.item-content[href="/symposium" ]:after { transform:scaleX(0.75); margin:0 -3em; content:"シンポジウム" } body[lg_ja="ja"] a.item-content[href="/invited-guests" ]:after { transform:scaleX(1.00); margin:0 0em; content:"招待ゲスト" } body[lg_ja="ja"] a.item-content[href="/venues" ]:after { transform:scaleX(1.00); margin:0 0em; content:"会場" } body[lg_ja="ja"] a.item-content[href="/lodging" ]:after { transform:scaleX(1.00); margin:0 0em; content:"ご宿泊" } body[lg_ja="ja"] a.item-content[href="/locality" ]:after { transform:scaleX(0.70); margin:0 -3em; content:"地元情報" } body[lg_ja="ja"] a.item-content[href="/accommodation" ]:after { transform:scaleX(1.00); margin:0 0em; content:"宿泊" } body[lg_ja="ja"] a.item-content[href="/getting-here" ]:after { transform:scaleX(1.00); margin:0 0em; content:"アクセス" } body[lg_ja="ja"] a.item-content[href="/venues" ]:after { transform:scaleX(1.00); margin:0 0em; content:"会場" } body[lg_ja="ja"] a.item-content[href="/sponsors" ]:after { transform:scaleX(1.00); margin:0 0em; content:"後援者" } body[lg_ja="ja"] a.item-content[href="/tickets" ]:after { transform:scaleX(0.70); margin:0 -3em; content:"チケット" } body[lg_ja="ja"] a.item-content[href="/about-texas-aandm-university" ]:after { transform:scaleX(1.00); margin:0 0em; content:"テキサスA&Mについて" } body[lg_ja="ja"] a.item-content[href="/about-texas" ]:after { transform:scaleX(1.00); margin:0 0em; content:"テキサス州について" } body[lg_ja="ja"] a.item-content[href="/contact" ]:after { transform:scaleX(0.60); margin:0 -4em; content:"お問い合わせ" } body[lg_ja="ja"] a.item-content[href="/registration" ]:after { transform:scaleX(0.80); margin:0 -2em; content:"参加申し込み" } body[lg_ja="ja"] a.item-content[href="/composition-competition" ]:after { transform:scaleX(1.00); margin:0 0em; content:"作曲コンクール" } body[lg_ja="ja"] a.item-content[href="/world-shakuhachi-performers-competition" ]:after { transform:scaleX(1.00); margin:0 0em; content:"ワールド尺八演奏コンクール" } body[lg_ja="ja"] a.item-content[href="/partners-and-sponsors" ]:after { transform:scaleX(1.00); margin:0 0em; content:"パートナー企業一覧" } body[lg_ja="ja"] a.item-content[href="/support-wsf-2025" ]:after { transform:scaleX(0.80); margin:0 -8em; content:"WSF2025へのご支援のお願い" } body[lg_ja="ja"] a.item-content[href="/scholarships" ]:after { transform:scaleX(1.00); margin:0 0em; content:"奨学金" } body[lg_ja="ja"] a.item-content[href="/workshops" ]:after { transform:scaleX(0.60); margin:0 -4em; content:"ワークショップ" } body[lg_ja="ja"] a.item-content[href="/for-vendors" ]:after { transform:scaleX(1.00); margin:0 0em; content:"売手へ" } body[lg_ja="ja"] a.item-content[href="/rudder" ]:after { transform:scaleX(1.00); margin:0 0em; content:"Rudder Theater" } body[lg_ja="ja"] a.item-content[href="/laah" ]:after { transform:scaleX(1.00); margin:0 0em; content:"LAAH" } body[lg_ja="ja"] a.item-content[href="/open-mics" ]:after { transform:scaleX(0.60); margin:0 -4em; content:"オープンマイク" } @media screen and (max-width: 920px){ /* mobile */ body[lg_ja="ja"] a.item-content[href ] { width :252px ; margin:0; text-align:right } body[lg_ja="ja"] a.item-content[href ]:after { transform :none ; margin:0; text-align:right } } a.item-content:hover:after { text-decoration:underline; text-underline-offset: 7px; color:var(--nav-link-text-color-hover, var(--nav-link-text-color)); } @media screen and (min-width: 920px){ /* desktop */ body[lg_ja="ja"] a.item-content:after { } body[lg_ja="ja"] a[href="/about-texas"] {min-width:200px} } @media screen and (max-width: 920px){ /* mobile */ body[lg_ja="ja"] a.item-content:after { text-align:right; transform:scaleX(1.00) !important; margin: 0 0 !important; } nnbody[lg_ja="ja"] .block-header-layout-mobile__dropdown--open li li a.item-content:after { margin: 0 80px 0 0 !important; } nnbbody[lg="en"] .block-header-layout-mobile__dropdown--open li li a.item-content { padding: 0 80px 0 0 !important; } .block-header-item__dropdown-area { margin-right:80px } body[lg_ja="ja"] a.item-content:after { min-width:300px } } body[lg_ja="ja"] a.item-content:after { } body[page="scholarships" ] .image__image[data-v-585f264b] { object-fit: contain } body[page="partners-and-sponsors" ] .image__image { object-fit: contain!important } body[page="partners-and-sponsors" ] #zVe2bg { display:none } /* text links */ @media screen and (min-width: 920px){ /* desktop */ body[page="partners-and-sponsors" ] #ze4OjR { height:0 } body[page="partners-and-sponsors" ] h2 { background-image:none!important } } .zlayout-element { background-color : white } .zblock-layout:before{ content : "" ; position : fixed ; top : 100px ; left : 0 ; width : 200px ; height : 200px ; z-index : 0 ; background-size : contain ; background-image : url("https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=605,h=600,fit=crop,trim=63.49177877428998;49.52380952380952;43.360239162929744;54.16666666666667/mnl3nr0ZLlCGDk14/new-wsf-logo-ALpJyKy0pZf33eQD.jpg"); } .top-blocks { z-index : 22 !important } @media screen and (max-width: 920px) { body[page=wsf-history] a.image { max-width : 200px } body[lg_ja="ja"] div[data-qa ]>span:after , body[lg_ja="ja"] a.item-content[href ]:after { transform-origin : right ; right : 0 ; margin-right : 0 } } /**/ /**/ @media screen and (min-width: 920px) { body[lg_ja="ja"] div[data-qa ]>span:after , body[lg_ja="ja"] a.item-content[href ]:after { transform-origin : left ; left : 0 ; margin-left : 0 } } /**/ /**/ body[spaced_images] .image { margin : 11px 0 } body[page="invited-guests"] div.image-wrapper { width : 300px ; max-height : 10000px !important } .flag { position : relative ; border : 1px solid gray ; width:200px; height:1000px; margin-left: 20px ; margin-top: 20px } .flagH1 { position : absolute ; border : 1px solid black ; width:170px; height: 10px; margin-left: 10px ; margin-top: 20px } .flagH2 { position : absolute ; border : 1px solid black ; width:170px; height: 10px; margin-left: 10px ; margin-top:650px } .flagV1 { position : absolute ; border : 1px solid black ; width: 10px; height: 980px; margin-left: 20px ; margin-top: 10px } .flagB1 { position : absolute ; border : 1px solid black ; width:130px; height: 600px; margin-left: 40px ; margin-top: 40px } .flagB2 { position : absolute ; border : 1px solid black ; width:130px; height: 600px; margin-left: 40px ; margin-top: 40px } .flagT1 { position : absolute ; word-break : break-all ; width: 0px; margin-left: 10px ; margin-top: 0px; font-size:190%; padding:50px 30px 30px 60px } .flagT2 { position : absolute ; word-break : break-all ; width: 0px; margin-left:-40px ; margin-top:135px; font-size:190%; padding:50px 30px 30px 60px } h6[index] { text-align : center } .transition { transform : none !important ; opacity : 1 !important }/* opacity is set to 0 by framework and if transition doesn't work then it would stuck on 0 otherwise */ #zFRenb { position : relative } #go_up_one_btn , /**/ #go_dn_one_btn , /**/ #go_to_top_btn { z-index : 200 ; cursor : pointer ; position : fixed ; width : 50px ; height : 50px ; background-color : #88fb ; border : 1px solid black ; border-radius : 5px } #go_up_one_btn { top:120px; left:10px } #go_to_top_btn { top:180px; left:10px } #go_dn_one_btn { top:240px; left:10px } #go_up_one_btn>span.d>span.s { min-width : 0 !important } #go_to_top_btn>span.d>span.s { min-width : 0 !important } #go_dn_one_btn>span.d>span.s { min-width : 0 !important } #go_up_one_btn::before , /**/ #go_dn_one_btn::before , /**/ #go_to_top_btn::before { position : absolute ; top : 3px ; left : 3px ; color : black ; z-index : 21 ; line-height : 20px ; font-size : 15px } #go_up_one_btn::before { content:"Up one" } #go_to_top_btn::before { content:"Go to Top" } #go_dn_one_btn::before { content:"Down one" } body[lg="ja"] #go_up_one_btn::before { content:"一つ上" ;top :12px } body[lg="ja"] #go_to_top_btn::before { content:"ページの先頭へ" ;font-size:59% } body[lg="ja"] #go_dn_one_btn::before { content:"一つ下" ;top :12px } body[page="invited-guests"] .block { margin : 20px 0 } body[page="invited-guests"] .image::after { width : 240px !important ; margin-left : calc(50% - 120px) !important } body[page="invited-guests"] a.image::after { width : 200px !important ; margin-left : calc(50% - 100px) !important ; bottom : 0 !important } .a_index_img { width : 200px ; height : 400px ; display : inline-block ; margin : 8px } .a_index_img::after { width : 200px !important } .a_index_img .image::after { width : 200px !important } body[page="wsf-history"] img , .a_index_img .image { height : 100% ; width : 100% ; object-position : 50% 0% !important ; object-fit : cover } #people_index { text-align : center ; position : relative ; z-index : 10 } .block-background { pointer-events : none !important } .block { display : block !important } [index="index1"] { position : fixed ; left : 70px ; top : 100px ; width : 40px ; background-color : #eee0 ; text-align : center ; display : block } [index="index0"] { margin-left : 100px } [index="index0"]>span.d { display : none } [index="index1"]>span.d { display : none } [index="index0"]>span { display : inline-block ; padding : 2px 4px ; text-align : center ; font-size : 150% ; background-color : #aaa2 } [index="index1"]>span { display : block ; text-align : center ; background-color : #aaa2 ; position : relative ; width : 100% } #developer_one { background-color : #f888 ; position : absolute ; top : 0px ; left : 0px ; width : 25px ; height : 25px ; border-radius : 3px ; text-align : center ; vertical-align : middle ; cursor : pointer ; z-index : 30 ; font-family : "courier" ; padding-top : 5px } .page__blocks { position : relative } body[page="home-mockup"] .page__blocks::before , .page__blocks::after { content : "" ; position : absolute ; top : 0 ; left : 0 ; margin-left : calc(50vw + 580px) ; background-position : 0 70px ; background-repeat : repeat-y ; width : calc(50vw - 600px) ; height : calc(100% - 50px) ; overflow : clip ; overflow-x : hidden ; background-image : /* shakuhachi */ url("data:image/svg+xml,%3Csvg \ xmlns='http://www.w3.org/2000/svg' \ width='160' \ height='300' \ viewBox='0 0 160 300' \ %3E\ %3Cg fill='none' stroke='%237387a3' stroke-width='1.5' transform='translate(200 0)'%3E\ %3C!-- S xxx,yyy c xxx,yyy d xxx,yyy S xxx,yyy c xxx,yyy d xxx,yyy S xxx,yyy c xxx,yyy d xxx,yyy S xxx,yyy c xxx,yyy d xxx,yyy S xxx,yyy --%3E\ %3Cpath d='M 40, 0 c 0, 30 -20, 45 -20, 75 c 0, 30 20, 45 20, 75 c 0, 30 -20, 45 -20, 75 c 0, 30 20, 45 20, 75' /%3E\ %3C/g%3E\ %3Cg fill='none' stroke='%237387a3' stroke-width='1.5' %3E\ %3Cpath d='M 50, 0 c 5, 30 5,270 0,300' /%3E\ %3Cpath d='M 150, 0 c -5, 30 -5,270 0,300' /%3E\ %3C/g%3E\ %3Cg fill='none' stroke='%237387a388' stroke-width='8.1' %3E\ %3Cpath d='M 50, 0 c 0, 10 90, 10 100, 0' /%3E\ %3C/g%3E\ %3Cg fill='%237387a344' stroke='%237387a3' stroke-width='1.5' %3E\ %3Ccircle cx='100' cy='100' r='12' /%3E\ %3Ccircle cx='105' cy='250' r='12' /%3E\ %3C/g%3E\ %3C/svg%3E"); /**/ } /**/ body[page="home-mockup"] .page__blocks::before { margin-left : calc(50vw - 800px) ; z-index : 2 ; width : 200px ; } body[page="invited-guests"] .page__blocks::after { margin-left : 240px } .layout-element--layout { display : block !important } .layout-element { display : block !important } .iimage-wrapper { z-index : 0 !important } @media screen and (max-width: 1420px){ /**/ [index="index1"] { display : none } } /**/ @media screen and (max-width: 920px){ /**/ .block-header-layout-mobile__dropdown--open[data-v-3b3f462d] { padding-bottom : 44px } } /**/ zh5 + h4:after , zh5 + h6:after , zbody[lg="ja"] h5 + h4 + h4 + p:after , zbody[lg="ja"] h5 + h4 + p:after { content : "" ; position : absolute ; top : 0 ; left :-200px ; width : 200px ; height : 200px } .page__blocks .block--footer { height : 50px !important ; margin : 0 0 !important } .page__blocks .block--footer > .block-background { background-color : #7387a3 !important ; height : 50px !important } .test, .page__blocks .block--footer > .block-background { width : 100% ; height : 50px ; /* bbackground-image : utaguchi url("data:image/svg+xml,%3Csvg \ xmlns='http://www.w3.org/2000/svg' \ width='200' \ height='200' \ viewBox='0 0 200 200' \ %3E\ %3Cg fill='none' stroke='%237387a3' stroke-width='1.1' %3E\ %3C!-- S rxx,ryy xrot flag swflag xxx,yyy --%3E\ %3Cpath fill='none' d='M 100, 0 A 20, 50 0 1 0 100,200' /%3E\ %3Cpath fill='none' d='M 100, 20 A 15, 50 0 1 0 100,180' /%3E\ %3Cpath fill='none' d='M 100, 0 L 100, 20' /%3E\ %3Cpath fill='none' d='M 100,180 L 100,200' /%3E\ %3Cpath fill='none' d='M 100, 0 A 35, 50 0 0 1 100,200' /%3E\ %3Cpath fill='none' d='M 100, 20 A 22, 50 0 0 1 100,180' /%3E\ %3Cpath fill='none' d='M 100, 0 L 200, 0' /%3E\ %3Cpath fill='none' d='M 100, 0 L 200, 0' /%3E\ %3Cpath fill='none' d='M 100,200 L 200,200' /%3E\ %3Cpath fill='none' d='M 100,200 L 200,200' /%3E\ %3C/g%3E\ %3C/svg%3E"); */ /* wavy line */ background-image : url("data:image/svg+xml,%3Csvg \ xmlns='http://www.w3.org/2000/svg' \ width='700px' \ height='200px' \ viewBox='0 0 700 200' \ %3E\ %3Cg fill='none' stroke='none' stroke-width='10.1' transform='translate(0 7) scale(20 1)' %3E\ %3Cpath fill='%23ffffff88' d='M27 23c-2.589 0-4.005-2.549-5.374-5.014C20.537 16.026 19.411 14 18 14c-1.412 0-2.537 2.026-3.626 3.986C13.004 20.451 11.588 23 9 23c-2.65 0-3.853-2.706-4.914-5.094C3.038 15.546 2.256 14 1 14a1 1 0 0 1 0-2c2.65 0 3.853 2.706 4.914 5.094C6.962 19.453 7.744 21 9 21c1.412 0 2.537-2.026 3.626-3.986C13.996 14.549 15.412 12 18 12c2.589 0 4.005 2.549 5.374 5.014C24.463 18.974 25.589 21 27 21c1.256 0 2.037-1.547 3.086-3.906C31.147 14.706 32.351 12 35 12a1 1 0 1 1 0 2c-1.256 0-2.037 1.546-3.086 3.906C30.853 20.294 29.649 23 27 23z' /%3E\ %3C/g%3E\ %3C/svg%3E"); /*horiz wavy line bbackground-image : url("data:image/svg+xml,%3Csvg \ xmlns='http://www.w3.org/2000/svg' \ xmlns:xlink='http://www.w3.org/1999/xlink' \ width='400px' \ height='100px' \ %3E\ %3Cpath transform='translate(0 -10) scale(9 2)' \ stroke='%23aaaaaa88' \ fill='%23aaaaaa88' d='\ M 27 23 \ c -2.589 0 -4.005 -2.549 -5.374 -5.014 C 20.537 16.026 19.411 14 18 14 \ c -1.412 0 -2.537 2.026 -3.626 3.986 C 13.004 20.451 11.588 23 9 23 \ c -2.65 0 -3.853 -2.706 -4.914 -5.094 C 3.038 15.546 2.256 14 1 14 \ a 1 1 0 0 1 0 -2 \ c 2.65 0 3.853 2.706 4.914 5.094 C 6.962 19.453 7.744 21 9 21 \ c 1.412 0 2.537 -2.026 3.626 -3.986 C 13.996 14.549 15.412 12 18 12 \ c 2.589 0 4.005 2.549 5.374 5.014 C 24.463 18.974 25.589 21 27 21 \ c 1.256 0 2.037 -1.547 3.086 -3.906 C 31.147 14.706 32.351 12 35 12 \ a 1 1 0 1 1 0 2 \ c -1.256 0 -2.037 1.546 -3.086 3.906 C 30.853 20.294 29.649 23 27 23 \ z'\ /%3E\ %3C/svg%3E"); */ } button { margin-bottom:11px }