/* generated by site/tools/extract_chrome.py from _lib/global.css, _lib/media.css
   and the home page's inline <style> -- do not edit, re-run the tool.

   Every selector is prefixed with #siteChrome so the legacy element rules (a, dd,
   .footer ...) cannot reach the Tailwind app rendered inside the chrome. */

/* The temple's own background: #FE6 with the vajra pattern, fixed, exactly as
   _lib/global.css sets it on `html` for the replica. */
body.site-chrome-on{background:#FE6 url(/_img/vajra.png) fixed}

#siteChrome .layout {position:relative;width:90%;max-width:1362px;margin:0 auto 25px;background-color:#FFC;border-bottom-left-radius:10pt;border-bottom-right-radius:10pt;box-shadow:0 0 15px #DA0;-webkit-border-bottom-left-radius:10pt;-webkit-border-bottom-right-radius:10pt;-webkit-box-shadow:0 0 15px #DA0}
#siteChrome .header {position:relative;display:inline-block;width:100%;height:175px;background:url(/_img/hilite.png) repeat-x left -73px,url(/_img/padma_mudra.png) no-repeat 678px -100px,linear-gradient(#FFF,#FFE,#FF9);z-index:10}
#siteChrome .header .event_reminder {position:absolute;top:15px;right:0;width:283px;height:130px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;text-align:center}
#siteChrome .header .event_reminder a {padding:5px 10px 20px;color:#C00;text-decoration:none;outline:0;font-size:90%;background:url(/_img/dialogue.png) no-repeat center center;-webkit-background-size:100% 100%;background-size:100% 100%;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0,8,0,-2);transition-timing-function:cubic-bezier(0,8,0,-2);-webkit-animation:pop .2s cubic-bezier(0,8,0,-2) 1;animation:pop .2s cubic-bezier(0,8,0,-2) 1;-webkit-animation-delay:1s;animation-delay:1s}
#siteChrome .header .event_reminder a:hover {-webkit-transform:scale(1.1);transform:scale(1.1)}
#siteChrome .header .event_reminder span {display:block;font-size:140%}
#siteChrome .header a.logo {position:absolute;top:30px;left:25px;outline:0}
#siteChrome .header input#search, #siteChrome .header input#submit {position:absolute;top:0;right:0;width:35px;height:100%;-webkit-appearance:textfield;-webkit-border-radius:0;border-radius:0;-webkit-box-sizing:content-box;box-sizing:border-box;font-size:100%;text-align:center;-webkit-text-fill-color:#CCC;color:#CCC;background:#8B2 url(/_img/search_icon@2x.png) no-repeat right center;background-size:contain;border:0;cursor:pointer;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s}
#siteChrome .header input#submit {display:none;padding:0;background-color:#690;-webkit-text-fill-color:transparent;color:rgba(0,0,0,0)}
#siteChrome .header input#search:focus, #siteChrome .header input#focus {width:100%;padding-left:10px;padding-right:40px;-webkit-text-fill-color:#666;color:#666;outline:none;background-color:#FFF}
#siteChrome .header input#search:focus + #submit {display:block}
#siteChrome .nav_en, #siteChrome .nav_zh-tw {position:relative;top:145px;padding:0 20px 0 10px;border-top:1px solid #CC3;border-bottom:1px solid #AA0;background:#EF6 linear-gradient(25deg,#e9f18a,rgba(255,255,255,.5),#e9f18a,rgba(255,255,255,.4),#e9f18a,#e9f18a);text-align:center}
#siteChrome .nav_en a, #siteChrome .nav_zh-tw a {display:inline-block;width:90px;height:21px;padding:6px 5px;text-align:center;vertical-align:middle;text-decoration:none;font-weight:400;color:#930;text-shadow:1px 1px 0 #EFA;white-space:nowrap}
#siteChrome .nav_zh-tw a {font:12pt "Microsoft JhengHei","LiHei Pro"}
#siteChrome .nav_en a {font:12pt Helvetica,Verdana,Geneva,sans-serif}
#siteChrome .nav_en .home, #siteChrome .nav_zh-tw .home, #siteChrome .nav_en .misc {width:70px}
#siteChrome .footer {clear:both;width:100%;padding-top:20px;font-size:8pt;color:#666;background:#FFC url(/_img/lotuspond.png) repeat-x center 50px;border-bottom-left-radius:10pt;border-bottom-right-radius:10pt;-webkit-border-bottom-left-radius:10pt;-webkit-border-bottom-right-radius:10pt}
#siteChrome .footer a {color:#C60;text-decoration:none}
#siteChrome .footer a:hover {color:#C30;text-decoration:underline}
#siteChrome .footerlangtip {display:block;width:420px;margin:0 auto;padding:10px;font-size:10pt;text-align:center;background-color:#FFD;border:3px solid #FE8;border-radius:20px;box-shadow:0 3px 7px #FE8;color:#C90;white-space:nowrap}
#siteChrome .footerlinks {width:98%;margin:0 auto;padding:30px 0;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center}
#siteChrome .footerlinks dl {flex-grow:1;padding:0 0 0 20px}
#siteChrome .footerlinks dt {margin:0 0 4px;padding:0;border-bottom:1px dotted #FC0;font-size:13pt;white-space:nowrap}
#siteChrome .footerlinks .social dt {margin-top:-20px;border-bottom:0;width:120px}
#siteChrome .footerlinks .youtube_btn {display:inline-block;margin-top:5px;padding:0 6px 5px 4px;width:auto;height:auto;background:#F33;border-radius:4px}
#siteChrome .footerlinks .youtube_btn:hover {background:#E22}
#siteChrome .footerlinks .youtube_btn a, #siteChrome .footerlinks .youtube_btn a:hover {position:relative;font-weight:700;color:#fff;font-size:10pt;text-decoration:none}
#siteChrome .footerlinks .youtube_btn a:before {content:"";position:relative;top:5px;left:0;width:20px;height:20px;display:inline-block;background:url(/_img/toggle_ui.png) no-repeat -100px top;background-size:120px 20px}
#siteChrome .footerlinks dd .youtube_btn a:after {content:""!important}
#siteChrome .footerlinks dd {display:inline;margin:0;font-size:11pt;color:#AA0}
#siteChrome .footerlinks dd a:after {content:" | "}
#siteChrome .footerinfo {display:block;width:100%;padding:10px 0;color:#B96;text-align:center}
@media all and (min-width: 960px) {
#siteChrome .layout {min-width:960px!important}
}
@media all and (min-width: 768px) and (max-width: 800px) {
#siteChrome .layout {width:98%}
#siteChrome .header a.logo {top:40px}
#siteChrome .header .logo img {width:450px;height:auto}
#siteChrome .nav_en a, #siteChrome .nav_zh-tw a {display:inline-block;max-width:70px}
#siteChrome .footerlinks dd {white-space:normal!important;line-height:1.7em}
#siteChrome .footerlinks .youtube_btn a {line-height:initial}
#siteChrome .footerlinks dd a {display:block}
#siteChrome .footerlinks dd a:after {display:none}
#siteChrome .header_event {display:none}
}
@media all and (max-width: 740px) {
#siteChrome .layout {position:relative;width:95%;background:#FFC url(/_img/padma_mudra.png) no-repeat 150px 35px}
#siteChrome .logo img {display:none}
#siteChrome .header {width:100%;height:110px;z-index:5000}
#siteChrome .header .event_reminder {display:none}
#siteChrome .header a.logo {text-decoration:none;text-align:center;width:100%;top:25px;left:auto}
#siteChrome .header a.logo:before {content:"真佛宗紐西蘭寶生同修會";display:block;font-size:16pt;font-weight:700;color:#C00}
#siteChrome .header a.logo:after {content:"True Buddha Blossom Chapter, New Zealand.";display:block;font-size:9pt;color:#C00}
#siteChrome .header input#search, #siteChrome .header input#submit {width:43px;height:40px;z-index:100}
#siteChrome .nav_en, #siteChrome .nav_zh-tw {position:absolute;top:80px;width:100%;padding:10px 0;border-top:1px solid #CD6;background:#CD0 url(/_img/shade_vertical.png) repeat-x left -80px;box-shadow:0 4px 10px -2px rgba(204,102,0,.3);cursor:pointer}
#siteChrome .nav_en:before {content:"Menu";font-family:Helvetica,Verdana,Geneva;font-size:12pt;color:#993}
#siteChrome .nav_zh-tw:before {content:"選項";font-family:"Microsoft JhengHei","LiHei Pro";font-size:11pt;color:#993}
#siteChrome .nav_en:after, #siteChrome .nav_zh-tw:after {position:absolute;top:13px;left:10px;content:"";background:url(/_img/icons.png) no-repeat left top;width:16px;height:16px}
#siteChrome .nav_en a, #siteChrome .nav_zh-tw a, #siteChrome .nav_en .home, #siteChrome .nav_zh-tw .home, #siteChrome .nav_en .misc {position:relative;display:block;width:100%;padding:6px 0;font-family:Helvetica,Verdana,Geneva,"Microsoft JhengHei","LiHei Pro"}
#siteChrome .nav_en a.hlon:before, #siteChrome .nav_zh-tw a.hlon:before {position:absolute;top:8px;left:10px;content:"";background:url(/_img/icons.png) no-repeat left -16px;width:16px;height:16px}
#siteChrome .nav_en span, #siteChrome .nav_zh-tw span {position:relative;width:100%;top:10px;display:none}
#siteChrome .footer {border-top:1px solid #FD9;padding:0}
#siteChrome .footerlangtip {width:100%;padding:15px 0;background:none;border:0;border-bottom:1px solid #FD9;border-radius:0;box-shadow:none;white-space:normal;background:rgba(255,204,0,.1)}
#siteChrome .footerlinks {padding:20px 0;-webkit-flex-direction:column;flex-direction:column}
#siteChrome .footerlinks dl {padding:0 0 0 7%;margin:0 0 20px}
#siteChrome .footerlinks dd {line-height:1.7em;font-size:11pt}
#siteChrome .footerlinks .youtube_btn {line-height:initial}
}
#siteChrome .footerlinks .facebook_btn {display:inline-block;margin-top:5px;padding:0 8px 4px 6px;
width:auto;height:auto;background:#1877f2;border-radius:4px}
#siteChrome .footerlinks .facebook_btn:hover {background:#0f63cc}
#siteChrome .footerlinks .facebook_btn a, #siteChrome .footerlinks .facebook_btn a:hover {position:relative;
font-weight:700;color:#fff;font-size:10pt;text-decoration:none}
#siteChrome .footerlinks .facebook_btn a:before {content:"";position:relative;top:4px;left:-2px;
width:14px;height:14px;display:inline-block;margin-right:3px;background:#fff;
-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M13 22v-8h3l1-4h-4V8.5c0-1 .3-1.5 1.7-1.5H17V3.6C16.6 3.5 15.6 3.4 14.5 3.4 12 3.4 10.3 4.9 10.3 7.9V10H7v4h3.3v8z'/></svg>") center/contain no-repeat;
mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M13 22v-8h3l1-4h-4V8.5c0-1 .3-1.5 1.7-1.5H17V3.6C16.6 3.5 15.6 3.4 14.5 3.4 12 3.4 10.3 4.9 10.3 7.9V10H7v4h3.3v8z'/></svg>") center/contain no-repeat}
@media print {
#siteChrome .footerlinks .facebook_btn {display:none}
}
#siteChrome .site-nav-services {position:relative;display:inline-block}
#siteChrome .site-nav-services>.site-nav-services__trigger {display:inline-block}
#siteChrome .site-nav-services__menu {display:none;position:absolute;top:100%;left:50%;
transform:translateX(-50%);z-index:1200;min-width:210px;padding:6px 0;
background:#ffc;border:1px solid #aa0;border-radius:0 0 8pt 8pt;
box-shadow:0 6px 14px rgba(128,64,64,.3);text-align:left}
#siteChrome .site-nav-services:hover>.site-nav-services__menu, #siteChrome .site-nav-services:focus-within>.site-nav-services__menu {display:block}
#siteChrome .site-nav-services__menu>a {display:block;padding:7px 14px;font-size:10.5pt;
text-decoration:none;color:#900;white-space:nowrap}
#siteChrome .site-nav-services__menu>a:hover, #siteChrome .site-nav-services__menu>a:focus {background:#e9f18a;color:#600}
#siteChrome .site-nav-services__menu small {color:#666;font-size:9pt}
#siteChrome .site-footer-login {float:right;margin:-1.6em 0 0;font-size:8pt}
#siteChrome .site-footer-login a {color:#666;text-decoration:none}
#siteChrome .site-footer-login a:hover {color:#900;text-decoration:underline}
@media (max-width:740px) {
#siteChrome .site-nav-services__menu {left:0;transform:none;min-width:170px}
}
@media print {
#siteChrome .site-nav-services__menu {display:none!important}
}