/*!
Theme Name: Graphic Invention narrowcast
Theme URI: https://graphicinvention.nl/
Author: Graphic Invention
Author URI: https://graphicinvention.nl/
Description: Het slider thema voor Graphic Invention.
Version: 1.0
*/html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}.block,.block-s{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flexbox;display:flex}html,body{margin:0 !important;padding:0;height:100vh;width:100vw;overflow:hidden}#pageframe{background-color:#6fb744;height:870px;width:100vw}#pageframe #pagecontainer{transition:0.4s}#lunch-alert{background-color:rgba(130,130,130,0.5);opacity:0;display:none;transition:0.5s;width:100vw;height:100vh;z-index:999;position:fixed}#lunch-alert .inside{display:inline-block;height:40vh;width:60vw;line-height:normal;background-color:#6fb744;margin:28vh 20vw;text-align:center;-webkit-box-shadow:0px 10px 59px 12px rgba(0,0,0,0.2);-moz-box-shadow:0px 10px 59px 12px rgba(0,0,0,0.2);box-shadow:0px 10px 59px 12px rgba(0,0,0,0.2);font-family:'Teko', sans-serif;border-radius:4px}#lunch-alert .inside p{font-size:800%;padding-top:7%}#lunch-alert .inside i{color:#fff;padding:0 4%}#lunch-alert .inside b{font-size:400%;color:#fff}.panel{width:44%;text-align:center}.panel img{margin-top:17vh;width:47%;margin-bottom:6vh}.panel p{font-family:'Teko', sans-serif;font-size:120px}.items{position:fixed;text-align:right;right:0;top:0;max-width:1086px}.blockcontainer{display:inline-block;height:290px;position:relative;overflow:hidden;margin-bottom:-3px;background-color:#F7F5F6}.blockcontainer-g{width:580px;max-width:580px}.blockcontainer-v{width:290px;max-width:290px}.block,.block-s{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background-color:#F7F5F6;margin:0;padding:0px 60px;background-size:cover;background-position:center;vertical-align:top;font-size:34px;font-style:normal;text-align:center;font-family:'Teko', sans-serif;font-weight:900;height:290px;transition:0.5s;box-sizing:border-box;background-size:cover;background-position:center}.block p,.block-s p{width:100%;height:auto;word-break:keep-all;text-align:left}.vierkant{width:290px;font-size:250%;background-size:cover;background-position:center}.rechthoek{width:580px;font-size:300%;background-size:cover;background-position:center}.front{opacity:1;transition:0.7s;z-index:50;position:absolute}.back{opacity:0;transition:0.7s;z-index:52;position:absolute}.new-panel{z-index:100;opacity:0;animation:fade-in 0.7s linear 0s forwards}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}.pfront{transition:opacity 0.7s;z-index:50;position:absolute;right:0;top:0}.pback{transition:opacity 0.7s;z-index:52;position:absolute;right:0;top:0}.container-mac,.container-frame{top:0;right:0}.container-mac .rechthoek,.container-frame .rechthoek{position:absolute;right:0;bottom:-0px;z-index:5;-webkit-box-shadow:-1px -1px 29px -2px rgba(0,0,0,0.1);-moz-box-shadow:-1px -1px 29px -2px rgba(0,0,0,0.1);box-shadow:-1px -1px 29px -2px rgba(0,0,0,0.1)}.container-mac .vierkant,.container-frame .vierkant{position:absolute;right:0;bottom:-2px;z-index:5;-webkit-box-shadow:-1px -1px 29px -2px rgba(0,0,0,0.1);-moz-box-shadow:-1px -1px 29px -2px rgba(0,0,0,0.1);box-shadow:-1px -1px 29px -2px rgba(0,0,0,0.1)}.container-mac .image,.container-frame .image{height:870px;width:870px;background-size:cover;background-position:center;border-radius:0px;position:absolute;right:0;top:0}.gi-logo-breed{position:absolute;z-index:1;right:8%;top:46%;width:40%;animation:fade-out 1s linear 29s forwards}@keyframes fade-out{0%{opacity:1}100%{opacity:0}}