@import url(./dropzone.min.css);*{box-sizing:border-box}a{text-decoration:none;color:#02ccef}html,body{font-family:Quantico, Helvetica, sans-serif;font-weight:400;height:100%;margin:0}body{min-height:100%;height:auto;padding-top:60px;font-size:1rem;line-height:1.3}body.home{padding-top:100vh}.social{min-height:calc(30px + 2.5rem);width:100%;position:relative;background-color:#fefefe;display:flex;align-items:center;justify-content:center;padding:1.25rem 0}.dropzone{margin:0.625rem;border-radius:3px;border:2px dashed #777;display:flex;flex-flow:row wrap;align-items:center;justify-content:center;height:300px;max-height:40vh;overflow:scroll}.dropzone .dz-preview .dz-remove{font-family:Material Icons;color:#fefefe;background-color:rgba(221,34,34,0.9);padding:0.3125rem;font-size:0.8rem;border-radius:100%;position:absolute;top:13px;right:13px;z-index:30;-webkit-transform:translate3d(35%, -35%, 0);transform:translate3d(35%, -35%, 0);transition:all 0.3s cubic-bezier(0.24, 1.8, 0.77, 1)}.dropzone .dz-preview .dz-remove::before{content:""}.dropzone .dz-preview .dz-remove:hover{-webkit-transform:translate3d(35%, -35%, 0) scale(1.1);transform:translate3d(35%, -35%, 0) scale(1.1);text-decoration:none}.dropzone.dz-drag-hover,.dropzone:hover{border-style:dashed;box-shadow:inset 0px 0px 0px 4px rgba(17,17,17,0.2)}.dropzone .dz-preview .dz-details{opacity:1;padding-top:50px}.dropzone .dz-preview .dz-progress{top:96px}.dropzone .dz-preview:not(.dz-processing) .dz-progress{-webkit-animation:none;animation:none}.dropzone .dz-preview .dz-details .dz-filename{display:none}.dropzone .dz-preview .dz-image{border-radius:1px}.dropzone .dz-preview .dz-details .dz-filename span,.dropzone .dz-preview .dz-details .dz-size span{background-color:#111;color:#fefefe}.turbolinks-progress-bar{background-color:#fefefe}.body--noscroll{overflow:hidden}.body--with-modal .main{padding-bottom:120px}.main{position:relative;max-width:100%;margin:0 auto;min-height:calc(100vh - 100px - 2.5rem - 30px)}.main-wrapper{position:relative;z-index:200;width:100%;height:auto;overflow:hidden;background-color:#fefefe}.slider+.main-wrapper .main{min-height:calc(30vh - 40px)}.add-button{z-index:100;cursor:pointer;position:fixed;bottom:1.875rem;right:1.875rem;width:100px;height:100px;font-size:3rem;display:flex;align-items:center;justify-content:center;border-radius:100%;margin-left:auto;box-shadow:0px 0px 3px rgba(17,17,17,0.8);background-color:#29bf0f;-webkit-transform:scale(1);transform:scale(1);transition:all 0.3s cubic-bezier(0.24, 1.8, 0.77, 1);color:#fefefe}.add-button::before{font-family:Material Icons;content:""}.add-button:hover{-webkit-transform:scale(1.2);transform:scale(1.2);background-color:rgba(41,191,15,0.95)}.button{font-weight:400;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:0.3s ease-out;background-color:#fefefe;color:#111;padding:0.625rem 1.25rem;text-transform:uppercase;border-radius:1px;font-size:12px;position:relative}.button:hover,.button:focus{cursor:pointer;background-color:#cbcbcb}.button--red{color:#fefefe;background-color:#d22}.button--red:hover,.button--red:focus{background-color:#c71f1f}.button--bordered{border:2px solid #111}.button--back{color:#777;display:flex;align-items:center;justify-content:center}.button--back:hover{background-color:#fefefe}.button--loading{cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:none;color:transparent;overflow:hidden;background-color:#cbcbcb}.button--loading:hover{cursor:default}.button--loading::before,.button--loading::after{position:absolute;top:50%;left:5%;content:"";width:10px;height:10px;-webkit-transform:translate3d(-50%, -50%, 0) scale(0.7);transform:translate3d(-50%, -50%, 0) scale(0.7);background-color:#111;border-radius:100%;-webkit-animation:load 1.5s infinite;animation:load 1.5s infinite}.button--loading::after{-webkit-animation:load 1.5s infinite 0.4s;animation:load 1.5s infinite 0.4s}@-webkit-keyframes load{0%{opacity:0;left:10%}20%{opacity:1}50%{-webkit-transform:translate3d(-50%, -50%, 0) scale(1.2);transform:translate3d(-50%, -50%, 0) scale(1.2)}70%{opacity:1}80%{opacity:0}100%{-webkit-transform:translate3d(-50%, -50%, 0) scale(1);transform:translate3d(-50%, -50%, 0) scale(1);opacity:0;left:90%}}@keyframes load{0%{opacity:0;left:10%}20%{opacity:1}50%{-webkit-transform:translate3d(-50%, -50%, 0) scale(1.2);transform:translate3d(-50%, -50%, 0) scale(1.2)}70%{opacity:1}80%{opacity:0}100%{-webkit-transform:translate3d(-50%, -50%, 0) scale(1);transform:translate3d(-50%, -50%, 0) scale(1);opacity:0;left:90%}}input,textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:Quantico;border:2px solid rgba(17,17,17,0.4);padding:0.625rem;border-radius:1px;background:#fefefe;outline:none;font-weight:700}input:not(.button):focus,textarea:not(.button):focus,select:not(.button):focus{border:2px solid rgba(17,17,17,0.6)}select{width:100%}::-webkit-input-placeholder{font-weight:400;color:#ccc}:-ms-input-placeholder{font-weight:400;color:#ccc}::-ms-input-placeholder{font-weight:400;color:#ccc}::placeholder{font-weight:400;color:#ccc}textarea{resize:vertical;min-height:100px}input[type="date"]{-webkit-appearance:default;-moz-appearance:default;appearance:default;max-width:200px}.form{display:flex;flex-flow:row wrap;align-items:flex-start}.form--invalid .album--submit{border-color:#d22;color:#d22}.form--invalid .form__general-error{display:block}.form__general-error{display:none;margin:auto auto auto 0;font-size:0.8rem;color:#d22}.form__title{padding:0.625rem;font-size:3rem;width:100%}.form--login{margin:auto;max-width:100%;width:400px}.form--contact{margin:auto;max-width:100%;width:800px}.form--article{margin:0 auto;max-width:100%;width:800px;border-top:1px dotted rgba(0,0,0,0.1);padding:0.625rem}.form--article .form__title{font-size:1.2rem;margin:0;padding:0 0.625rem}.form__description{padding:0.625rem;color:#777}.form__description--small{font-size:0.8rem;font-style:italic}.form__message{margin-top:1.25rem;margin-left:0.625rem;padding:0.625rem;background-color:rgba(41,191,15,0.4);color:#156008;border-radius:1px}.form__error{position:absolute;top:100%;left:0.625rem;-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0);font-size:0.7rem;text-transform:uppercase;color:#d22}.form__row{position:relative;padding:0.625rem;margin-top:0.625rem;display:flex;align-self:flex-start;flex:1 0 100%;flex-flow:row wrap}.form__row--with-label{margin-top:0;padding-top:0}.form__row:first-child{margin-top:0}.form__row--right{justify-content:flex-end}.form__row--nowrap{flex-wrap:nowrap}.form__input{flex:1 0 auto;max-width:100%}.form__input--error,.form__input--error:hover,.form__input--error:focus,.form__input--error:not(.button),.form__input--error:not(.button):hover,.form__input--error:not(.button):focus{border-color:#d22}.form__label{display:flex;flex:1 0 100%;align-items:center;color:#777;position:relative}.form__label--required::before{position:absolute;top:50%;left:-0.625rem;pointer-events:none;cursor:default;content:"*";color:#d22;-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0);width:1rem;height:1rem;line-height:1}.form__label[for]{cursor:pointer}.album-banner{display:flex;flex-flow:column nowrap;align-items:center;padding:3.75rem 1.25rem;color:#fefefe;background-image:linear-gradient(270deg, #333, #999, #444)}.album-title{margin:0;font-size:3rem}.album-category{color:#e5e5e5;margin:0 0 1rem;font-size:1.2rem}.grid{width:100%;margin:0 auto;max-width:1280px;padding:0.625rem;display:flex;flex-flow:row wrap;align-items:center;justify-content:center}.row,.row--1of12,.row--2of12,.row--3of12,.row--4of12,.row--5of12,.row--6of12,.row--7of12,.row--8of12,.row--9of12,.row--10of12,.row--11of12,.row--12of12,.row--center,.row--bare{flex:1 0 100%;padding:0.625rem;margin:0 auto 0.625rem;display:flex}.row:only-child,.row--1of12:only-child,.row--2of12:only-child,.row--3of12:only-child,.row--4of12:only-child,.row--5of12:only-child,.row--6of12:only-child,.row--7of12:only-child,.row--8of12:only-child,.row--9of12:only-child,.row--10of12:only-child,.row--11of12:only-child,.row--12of12:only-child,.row--center:only-child,.row--bare:only-child{margin-bottom:0}.row--1of12{flex:1 0 8.3333333333%}.row--2of12{flex:1 0 16.6666666667%}.row--3of12{flex:1 0 25%}.row--4of12{flex:1 0 33.3333333333%}.row--5of12{flex:1 0 41.6666666667%}.row--6of12{flex:1 0 50%}.row--7of12{flex:1 0 58.3333333333%}.row--8of12{flex:1 0 66.6666666667%}.row--9of12{flex:1 0 75%}.row--10of12{flex:1 0 83.3333333333%}.row--11of12{flex:1 0 91.6666666667%}.row--12of12{flex:1 0 100%}.row--center{justify-content:center}.row--bare{margin:0}.row__content{box-shadow:0px 0px 6px #111;margin:auto;max-width:60%;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.modal{height:330px;padding:0.625rem;color:#fefefe;box-shadow:0px 0px 8px #111;position:fixed;top:0;left:-100%;width:100%;height:100%;z-index:1000;display:flex;align-items:center;justify-content:center;background-color:rgba(17,17,17,0.98);transition:opacity 0.2s ease-out;opacity:0}.modal--open{left:0;opacity:1}.modal__content{z-index:10;margin:auto;max-width:100%;width:850px;background-color:#fefefe;padding:0.625rem;color:#111;box-shadow:0px 0px 6px #111}.modal__section{flex:1 0 auto;background-color:#fefefe}.modal__section+.modal__section:not(.modal__section--no-margin){margin-top:0.625rem}.modal__title{text-align:center;width:100%;font-size:2rem;text-transform:uppercase;padding:0.625rem;background-color:#111;color:#fefefe;margin-bottom:0.625rem}.footer{background-color:#fefefe;position:relative;z-index:100;height:40px;display:flex;align-items:center;justify-content:center;font-size:0.7rem;text-transform:uppercase}.footer a{color:#777}.slider{position:fixed;top:60px;height:calc(100vh - 60px);width:100%;background-color:#bcbcbc;overflow:hidden}.slider::after{content:"";display:block;position:absolute;top:0;width:100%;height:100%;bottom:0;left:0;right:0;z-index:10;background-color:#222;opacity:1;-webkit-animation:fade-out 1s ease-out 0.5s forwards;animation:fade-out 1s ease-out 0.5s forwards}@-webkit-keyframes fade-out{100%{opacity:0}}@keyframes fade-out{100%{opacity:0}}.slider__next-page{z-index:40;position:fixed;bottom:0;left:50%;width:150px;height:150px;background-color:#fefefe;cursor:pointer;display:flex;align-items:flex-start;justify-content:center;border-radius:100%;-webkit-transform:translate3d(-50%, 60%, 0) scale(0.8);transform:translate3d(-50%, 60%, 0) scale(0.8)}.slider__next-page::after{content:"";display:block;width:30px;height:30px;border-bottom:15px solid #111;border-right:15px solid #111;-webkit-transform:rotate(45deg) scale(0.8);transform:rotate(45deg) scale(0.8)}.slider__img{position:absolute;top:0;left:0;bottom:0;right:0;z-index:0;opacity:0;transition:all 2s ease-in-out}.slider__img-bg{position:absolute;top:0;left:0;bottom:0;right:0;-webkit-filter:grayscale(50%);filter:grayscale(50%);background-position:center;background-size:cover;background-repeat:no-repeat;z-index:0}.slider__img--visible{opacity:1}.slider__img-caption{position:absolute;z-index:10;bottom:0.625rem;right:0.625rem;color:#fefefe;padding:0.3125rem 0.625rem;border-radius:1px;background-color:#111}.slider__content{position:relative;z-index:30;width:100%;max-width:1280px;height:100%;margin:auto;padding:1.25rem;display:flex;flex-flow:row wrap;align-items:center;justify-content:center}.slider__text{position:absolute;top:30vh;left:0;padding:1.25rem;color:#fefefe;border-radius:1px;max-width:500px;line-height:2.2;font-style:italic}.slider__headline{display:inline;margin:0;background-color:#111;padding:0.3rem;box-shadow:0.6rem 0 0 #111, -0.6rem 0 0 #111;-webkit-box-decoration-break:clone;box-decoration-break:clone}.slider__subline{display:inline;margin-top:0.1rem;position:relative;top:-0.3rem;font-size:1.3rem;color:rgba(254,254,254,0.6);background-color:#111;padding:0.3rem;box-shadow:0.6rem 0 0 #111, -0.6rem 0 0 #111;-webkit-box-decoration-break:clone;box-decoration-break:clone}.slider__paragraph{display:inline;padding:0.3rem;margin-top:1.25rem;margin-bottom:0;background-color:#111;box-shadow:0.6rem 0 0 #111, -0.6rem 0 0 #111;-webkit-box-decoration-break:clone;box-decoration-break:clone}.header{position:fixed;top:0;left:0;width:100%;height:60px;background-color:#111;z-index:300;color:#fefefe;display:flex;align-items:center}.header__menu{display:flex;align-items:center;margin-left:auto}.header__link{outline:none;font-size:0.7rem;color:#111;background-color:#fefefe;padding:0.4125rem 1.25rem;cursor:pointer;border-radius:1px;transition:all 0.3s ease-out}.header__link+.header__link{margin-left:0.625rem}.header__link:hover,.header__link:focus{background-color:#cbcbcb}.header__link--logout{background-color:#d22;color:#fefefe}.header__link--logout:hover,.header__link--logout:focus{background-color:#b11b1b}.header__album{position:absolute;top:0;left:100%;background:#09c}.header__section{height:100%;padding:0 0.625rem;flex:1 0 auto;display:flex;align-items:center}.header__section--crumbs{flex:1 0 auto;padding-left:0}.header__logo{flex:0 1 auto;display:flex;flex-flow:column nowrap;align-items:center;line-height:1;color:#fefefe;font-size:16px;text-transform:uppercase;-webkit-transform:scale(0.75) translateX(-0.625rem);transform:scale(0.75) translateX(-0.625rem);transition:all 150ms ease-out;outline:none}.header__logo:focus{color:#989898}.header__logo span:nth-child(2){font-size:24px}.album-upload{order:-1;align-self:flex-start;flex:1 0 calc(100% - 2.5rem);margin:1.25rem;min-height:200px;border-radius:3px;border:2px dashed #777;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.album-upload:hover{box-shadow:inset 0px 0px 0px 4px rgba(34,34,34,0.2)}.album-upload--loading{cursor:wait;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:none;color:rgba(17,17,17,0);overflow:hidden}.album-upload--loading::before,.album-upload--loading::after{position:absolute;top:50%;left:5%;content:"";width:10px;height:10px;-webkit-transform:translate3d(-50%, -50%, 0) scale(0.7);transform:translate3d(-50%, -50%, 0) scale(0.7);background-color:#111;border-radius:100%;-webkit-animation:load 1.5s infinite;animation:load 1.5s infinite}.album-upload--loading::after{-webkit-animation:load 1.5s infinite 0.4s;animation:load 1.5s infinite 0.4s}.cards{position:relative;padding:0.625rem;display:flex;flex-flow:row wrap;align-items:flex-start;align-content:flex-start;justify-content:center;background-color:#fefefe;z-index:10}.body--admin .cards.dz-clickable{cursor:pointer}.card{padding:0.625rem;display:flex;flex:1 0 calc(33.3333333333% - 0.4166666667rem);max-width:calc(33.3333333333% - 0.4166666667rem);position:relative;cursor:pointer;overflow:hidden;order:1}.card__upload-info{position:absolute;width:50%;border-radius:3px;padding:0.625rem;z-index:100;top:50%;left:50%;-webkit-transform:translate3d(-50%, -50%, 0);transform:translate3d(-50%, -50%, 0);background-color:rgba(17,17,17,0.9);box-shadow:0px 0px 3px rgba(17,17,17,0.3)}.card__filename{color:#fefefe;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.card__progress{width:100%;margin-top:0.625rem;border-radius:1px;height:10px;background-color:rgba(254,254,254,0.5);overflow:hidden}.card__progress-fill{width:0%;height:100%;background-color:rgba(41,191,15,0.8);transition:all 0.1s linear}.card__delete-confirm{-webkit-transform:scale(0);transform:scale(0);opacity:0;position:absolute;right:15px;top:53px;background-color:rgba(17,17,17,0.9);color:#fefefe;padding:0.625rem;z-index:100;border-radius:3px;font-size:0.7rem;box-shadow:0px 0px 3px rgba(17,17,17,0.3);text-transform:uppercase}.card__delete-confirm--open{opacity:1;-webkit-transform:scale(1);transform:scale(1);transition:all 0.3s cubic-bezier(0.24, 1.5, 0.77, 1)}.card__delete-confirm{text-align:center}.card__delete-options{margin-top:0.625rem;display:flex;flex-flow:row nowrap;align-items:center;justify-content:center}.card__delete-option{flex:1 0 auto;padding:0.3125rem 1rem;color:#111;background-color:#fefefe;border-radius:1px;transition:all 0.3s ease-out}.card__delete-option:hover{background-color:#cbcbcb}.card__delete-option--red{background-color:#d22;color:#fefefe}.card__delete-option--red:hover{background-color:#be1d1d}.card__delete-option+.card__delete-option{margin-left:0.625rem}.card__actions{position:absolute;top:0.625rem;right:0.3125rem;padding:0.3125rem;display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;z-index:10}.card__action-icon{cursor:pointer;margin-top:0.3125rem;margin-right:0.3125rem;font-family:Material Icons;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;font-size:0.8rem;color:#fefefe;border-radius:100%;-webkit-transform:scale(1);transform:scale(1);transition:all 0.3s cubic-bezier(0.24, 1.8, 0.77, 1)}.card__action-icon:last-child{margin-right:0.3125rem}.card__action-icon:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.card__action-icon--delete{background-color:rgba(221,34,34,0.9)}.card__action-icon--delete::before{content:""}.card__action-icon--delete:hover{background-color:#dd2222}.card__action-icon--view{background-color:rgba(41,191,15,0.9)}.card__action-icon--view::before{content:""}.card__action-icon--view:hover{background-color:#29bf0f}.card__action-icon--center{background-color:rgba(34,136,255,0.9)}.card__action-icon--center::before{content:""}.card__action-icon--center:hover{background-color:#2288ff}.card__action-icon--off{background-color:rgba(188,188,188,0.8)}.card__action-icon--off:hover{background-color:rgba(188,188,188,0.8)}.card__link{position:absolute;top:0;left:0;bottom:0;right:0;z-index:0;display:flex}[data-album=true] .card__link{pointer-events:none}.card::after{content:"";display:block;width:100%;padding-bottom:80%}.card__content{position:absolute;top:0.625rem;bottom:0.625rem;left:0.625rem;right:0.625rem;overflow:hidden;border-radius:1px;background-color:#bcbcbc;box-shadow:0px 0px 6px rgba(17,17,17,0.6);z-index:0}.body--admin .card__content{display:flex;align-items:center;justify-content:center}.body--admin .card__content::before{content:"Deze foto is nog niet helemaal klaar";display:inline-block;margin:auto;color:rgba(0,0,0,0.4)}.card__background{pointer-events:none;-webkit-filter:grayscale(0.7);filter:grayscale(0.7);-webkit-transform:scale(1);transform:scale(1);position:absolute;top:0;bottom:-13%;left:0;right:0;background-size:cover;background-position:center top;transition:all 0.3s ease-out}.cards--no-grayscale .card__background{-webkit-filter:grayscale(0);filter:grayscale(0)}.cards:not(.cards--no-zoom) .card:hover .card__background{-webkit-filter:grayscale(0);filter:grayscale(0)}.card__name{z-index:10;position:absolute;font-size:0.9rem;font-weight:700;text-transform:uppercase;color:#fefefe;max-width:calc(100% - 1.875rem);bottom:0.9375rem;right:0.9375rem;transition:all 0.3s ease-out;text-align:center;padding:0.625rem;background-color:#111;border-radius:1px}.body--admin .card__name{cursor:text;min-width:60px}.card__name[data-when]::after{font-size:0.8rem;opacity:0.7;cursor:default;content:" · " attr(data-when)}.card__name[data-when]:focus::after{display:none}.path{display:flex;font-size:0.8rem;text-transform:uppercase}.path__item{position:relative;color:#bcbcbc;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;flex-flow:row nowrap;align-items:center;transition:all 0.3s ease-out}.path__item--home{margin-right:-5px;font-family:Material Icons;font-size:1.3rem}.path__item--home::before{content:""}.path__item:not([href]){color:#fefefe}.path__item[href]{cursor:pointer}.path__item+.path__item{margin-left:0.625rem}.path__item::before{content:"//";position:relative;display:inline-block;margin-right:0.625rem;color:rgba(254,254,254,0.2)}.overlay{position:fixed;top:0;left:0;bottom:0;right:0;background-color:#fff;z-index:10000}.overlay__inner{position:absolute;top:3%;bottom:3%;left:3%;right:3%;background-size:contain;background-repeat:no-repeat;background-position:center;z-index:10}.overlay__area{position:absolute;top:0;bottom:0;width:50%;overflow:hidden;z-index:100;cursor:pointer}.overlay__area--next{right:0}.overlay__area--prev{left:0}.overlay__area:hover .overlay__button{opacity:0.8;-webkit-transform:scale(1.1);transform:scale(1.1)}.overlay__close{cursor:pointer;position:absolute;padding:1.25rem;z-index:1000;top:0;right:0;color:#000;text-transform:uppercase;font-size:25px}.overlay__close::before{content:"SLUITEN"}.overlay__button{position:absolute;top:calc(50% - 60px);height:80px;width:80px;border-radius:1px;overflow:hidden;transition:all 0.3s ease-out;color:#000;font-size:5rem}.overlay__area--next .overlay__button{right:0}.overlay__area--next .overlay__button::before{font-family:Material Icons;content:""}.overlay__area--prev .overlay__button{left:0}.overlay__area--prev .overlay__button::before{font-family:Material Icons;content:""}.page{padding:1.25rem;width:800px;margin:0 auto;max-width:100%}.article{padding-top:2.5rem;margin-top:2.5rem;border-top:2px dotted rgba(0,0,0,0.1)}.article__remove{float:left;margin-right:1.25rem;margin-bottom:0.625rem}.article__title{margin-top:0;margin-bottom:0}.article__meta{clear:both;color:rgba(0,0,0,0.3);font-size:0.9rem;display:block;width:100%}.article__img{margin-top:0.625rem;max-height:300px}.article__content{margin-top:0.625rem;margin-bottom:0}@media all and (max-width: 960px){html{font-size:0.8rem}.card{flex:1 0 50%;max-width:50%}}@media all and (max-width: 540px){html{font-size:0.7rem}.card{flex:1 0 100%;max-width:100%}}