@charset "UTF-8";@import url('https://fonts.googleapis.com/css2?family=Lora&family=Open+Sans&display=swap');@import url('https://fonts.googleapis.com/css2?family=Lora&family=Open+Sans&display=swap');:root{--color-canvas: #ffffff;--color-container: #e4e4e4;--color-grayed: #808080;--color-menu-background: #f1c7c7;--color-menu: #8d3737;--color-primary: #4298b5;--color-secundary: #dd5f32;--color-text: #222222;--font-headers: 'Lora';--font-text-line-height: 1.5em;--font-text-size-small: .8rem;--font-text-size: 1rem;--font-text: "Open Sans";--header-color-background: #101010;--header-color-text: #f0f0f0;--intro-aspect-ratio: 0.4;--intro-width: 79vw;--logo-height-mobile: 72px;--logo-position-x-mobile: 10px;--logo-position-y-mobile: 1px;--logo-width-mobile: 122px;--logo-height-tablet: 8vw;--logo-position-x-tablet: 3vw;--logo-position-y-tablet: 16vw;--logo-width-tablet: 13vw;--padding-default: 20px}body{background-color:var(--color-canvas);color:var(--color-primary);font-family:var(--font-text);font-size:var(--font-text-size);line-height:var(--font-text-line-height);margin:0;min-height:100vh;padding:0}#ub_banner{background-color:var(--color-primary);position:relative}#ub_banner div.img{height:calc(var(--intro-width) * var(--intro-aspect-ratio));width:var(--intro-width);margin:0 0 0 auto;background-image:var(--intro-url);background-size:cover;background-position-y:center}#ub_banner div.img svg{height:calc(var(--intro-width) * var(--intro-aspect-ratio))}#ub_banner div.img svg polygon{mask-image:linear-gradient(to left, transparent -64%, black 64%);fill:var(--color-primary)}#ub_banner div.bannerhead{position:absolute;font-family:var(--font-headers);top:17vw;left:2vw;font-size:4em;color:white;text-shadow:#000 2px 2px 5px}#xub_banner{position:relative}#xub_banner .img{background-image:var(--intro-url);background-size:cover;background-position-x:center;background-position-y:center;height:var(--intro-height);max-height:58vh;margin-left:19vw}#xub_banner .overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-image:var(--overlay-url);background-size:contain;background-repeat:no-repeat;background-position-x:-100px}#ub_logo{position:absolute;z-index:3;left:var(--logo-position-x-mobile);top:var(--logo-position-y-mobile)}@media only screen and (min-width:700px){#ub_logo{left:var(--logo-position-x-tablet);top:var(--logo-position-y-tablet)}}#ub_logo a{background:var(--logo-url-mobile);height:var(--logo-height-mobile);width:var(--logo-width-mobile);background-size:cover;display:block}@media only screen and (min-width:700px){#ub_logo a{height:var(--logo-height-tablet);width:var(--logo-width-tablet)}}#ub_menu{align-items:center;background:var(--color-canvas);display:flex;height:60px;justify-content:flex-end}#ub_menu:has(input:checked)~#ub_menu_content{transform:scaleX(1);opacity:1}#ub_menu_content{background-color:var(--color-menu-background);bottom:0;left:0;opacity:0;padding:40px;position:absolute;right:0;top:60px;transform:scaleX(0);transition:all 300ms;z-index:2}#ub_menu_content a{color:var(--color-menu)}@media only screen and (min-width:700px){#ub_menu_content a{color:var(--color-canvas)}}#ub_menu_content>div{font-family:var(--font-headers);color:var(--color-canvas)}#ub_menu_content>div>ul{list-style:none;padding:0}@media only screen and (min-width:700px){#ub_menu_content>div>ul{display:flex;gap:calc(var(--padding-default)/2)}}#ub_menu_content>div:first-child{font-size:calc(1.5 * var(--font-text-size));line-height:1.5}@media only screen and (min-width:700px){#ub_menu_content>div:first-child{margin-top:46px;margin-right:10px}#ub_menu_content>div:first-child ul li a{font-size:var(--font-text-size);color:var(--color-text);border:1px solid var(--color-text);padding:5px 10px;border-radius:50pc}}#ub_menu_content>div:last-child{font-size:calc(1.2 * var(--font-text-size));line-height:1.5}@media only screen and (min-width:700px){#ub_menu_content>div:last-child{font-family:var(--font-text);font-size:calc(0.8 * var(--font-text-size));color:var(--color-canvas);line-height:1.5;position:absolute;top:0;right:0}#ub_menu_content>div:last-child>ul{margin:0;padding:7px}#ub_menu_content>div:last-child>ul>li::after{content:'/';margin-left:calc(var(--padding-default)/2)}#ub_menu_content>div:last-child>ul>li:last-child::after{content:''}}@media only screen and (min-width:700px){#ub_menu_content{transform:scaleX(1);opacity:1;top:0;background:transparent;left:auto;right:0;bottom:auto;padding:0}}#ub_topmenu{background:linear-gradient(0deg, black, #202020, black);display:none;padding:7px}@media only screen and (min-width:700px){#ub_topmenu{display:block}}*{box-sizing:border-box}a{text-decoration:none}#ub_head_menu_foot{background:linear-gradient(180deg, #dddddd, #f7f7f7, var(--color-canvas));height:20px}#ub_head_toggler{appearance:none;position:absolute}#ub_head_toggler:checked~label path:nth-child(1){transform:translateX(106%) translateY(37%) rotate(135deg)}#ub_head_toggler:checked~label path:nth-child(2){transform:translateX(50%) translateY(-20%) rotate(45deg)}#ub_head_toggler:checked~label path:nth-child(3){opacity:0}#ub_head_hamburger svg{width:32px;margin:8px}#ub_head_hamburger svg path{stroke:var(--color-text);transition:all 300ms}@media only screen and (min-width:700px){#ub_head_hamburger svg{display:none}}#ub_backtotop{position:relative}#ub_backtotop>div{bottom:-6px;padding:4px 4px 0px 4px;position:fixed;right:-5px;transform:translateX(100px);transition:transform 1s ease;width:80px}#ub_backtotop>div path:first-child{fill:var(--color-primary)}#ub_backtotop.visible>div{transform:translateX(0)}:root{--font-text: 'Open Sans';--font-headers: 'Lora';--intro-url: url('/templates/ubicaritas_2027/customised/StJorisKamerkoor/ub-intro2.jpg');--intro-aspect-ratio: 0.4823825503355705;--logo-url-mobile: url('/templates/ubicaritas_2027/customised/StJorisKamerkoor/logo-mobile.png');--logo-url-tablet: url('/templates/ubicaritas_2027/customised/StJorisKamerkoor/logo-tablet.png');--overlay-url: url('/templates/ubicaritas_2027/customised/StJorisKamerkoor/overlay.svg')}