HEX
Server: Apache
System: Linux v38079.2is.nl 3.10.0-1160.119.1.el7.x86_64 #1 SMP Tue Jun 4 14:43:51 UTC 2024 x86_64
User: democfellows (10015)
PHP: 8.1.34
Disabled: opcache_get_status
Upload Files
File: /var/www/vhosts/creativefellows.nl/test.creativefellows.nl/ergatis/scss/_base.scss
/*! normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */
/* ==========================================================================
HTML5 display definitions
========================================================================== */
/*
* Corrects `block` display not defined in IE6/7/8/9 & FF3.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary{display:block;}
/*
* Corrects `inline-block` display not defined in IE6/7/8/9 & FF3.
*/
audio,
canvas,
video{display:inline-block;*display:inline;*zoom:1;}
/*
* Prevents modern browsers from displaying `audio` without controls.
* Remove excess height in iOS5 devices.
*/
audio:not([controls]){display:none;height:0;}
/*
* Addresses styling for `hidden` attribute not present in IE7/8/9,FF3,S4.
* Known issue:no IE6 support.
*/
[hidden]{display:none;}
/* ==========================================================================
Base
========================================================================== */
/*
* 1. Corrects text resizing oddly in IE6/7 when body `font-size` is set using
* `em` units.
* 2. Prevents iOS text size adjust after orientation change,without disabling
* user zoom.
*/
html{font-size:100%;/* 1 */
-webkit-text-size-adjust:100%;/* 2 */
-ms-text-size-adjust:100%;/* 2 */}
/*
* Addresses `font-family` inconsistency between `textarea` and other form
* elements.
*/
html,
button,
input,
select,
textarea{font-family:sans-serif;}
/*
* Addresses margins handled incorrectly in IE6/7.
*/
body{margin:0;}
/* ==========================================================================
Links
========================================================================== */
/*
* Addresses `outline` inconsistency between Chrome and other browsers.
*/
a:focus{outline:thin dotted;}
/*
* Improves readability when focused and also mouse hovered in all browsers.
* people.opera.com/patrickl/experiments/keyboard/test
*/
a:active,
a:hover{outline:0;}
/* ==========================================================================
Typography
========================================================================== */
/*
* Addresses font sizes and margins set differently in IE6/7.
* Addresses font sizes within `section` and `article` in FF4+,Chrome,S5.
*/
h1{font-size:2em;margin:.67em 0}
h2{font-size:1.5em;margin:.83em 0}
h3{font-size:1.17em;margin:1em 0}
h4,h5,h6{font-size:1em;margin:0}
/*
* Addresses styling not present in IE7/8/9,S5,Chrome.
*/
abbr[title]{border-bottom:1px dotted;}
/*
* Addresses style set to `bolder` in FF3+,S4/5,Chrome.
*/
b,
strong{font-weight:bold;}
blockquote{margin:1em 40px;}
/*
* Addresses styling not present in S5,Chrome.
*/
dfn{font-style:italic;}
/*
* Addresses styling not present in IE6/7/8/9.
*/
mark{background:#ff0;color:#000;}
/*
* Addresses margins set differently in IE6/7.
*/
p,
pre{margin:1em 0;}
/*
* Corrects font family set oddly in IE6,S4/5,Chrome.
* en.wikipedia.org/wiki/User:Davidgothberg/Test59
*/
code,
kbd,
pre,
samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em;}
/*
* Improves readability of pre-formatted text in all browsers.
*/
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word;}
/*
* Addresses CSS quotes not supported in IE6/7.
*/
q{quotes:none;}
/*
* Addresses `quotes` property not supported in S4.
*/
q:before,
q:after{content:'';content:none;}
small{font-size:75%;}
/*
* Prevents `sub` and `sup` affecting `line-height` in all browsers.
* gist.github.com/413930
*/
sub,
sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
/* ==========================================================================
Lists
========================================================================== */
/*
* Addresses margins set differently in IE6/7.
*/
dl,
menu,
ol,
ul{margin:1em 0;}
dd{margin:0 0 0 40px;}
/*
* Addresses paddings set differently in IE6/7.
*/
menu,
ol,
ul{padding:0;}
/*
* Corrects list images handled incorrectly in IE7.
*/
nav ul,
nav ol{list-style:none;list-style-image:none;}
/* ==========================================================================
Embedded content
========================================================================== */
/*
* 1. Removes border when inside `a` element in IE6/7/8/9,FF3.
* 2. Improves image quality when scaled in IE7.
* code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
*/
img{border:0;/* 1 */
-ms-interpolation-mode:bicubic;/* 2 */}
/*
* Corrects overflow displayed oddly in IE9.
*/
svg:not(:root){overflow:hidden;}
/* ==========================================================================
Figures
========================================================================== */
/*
* Addresses margin not present in IE6/7/8/9,S5,O11.
*/
figure{margin:0;}
/* ==========================================================================
Forms
========================================================================== */
/*
* Corrects margin displayed oddly in IE6/7.
*/
form{margin:0;}
/*
* Define consistent border,margin,and padding.
*/
fieldset{border:1px solid #c0c0c0;margin:0;padding:0;}
/*
* 1. Corrects color not being inherited in IE6/7/8/9.
* 2. Corrects text not wrapping in FF3.
* 3. Corrects alignment displayed oddly in IE6/7.
*/
legend{border:0;/* 1 */
padding:0;white-space:normal;/* 2 */
*margin-left:-7px;/* 3 */}
/*
* 1. Corrects font size not being inherited in all browsers.
* 2. Addresses margins set differently in IE6/7,FF3+,S5,Chrome.
* 3. Improves appearance and consistency in all browsers.
*/
button,
input,
select,
textarea{font-size:100%;/* 1 */
margin:0;/* 2 */
vertical-align:baseline;/* 3 */
*vertical-align:middle;/* 3 */}
/*
* Addresses FF3/4 setting `line-height` on `input` using `!important` in the
* UA stylesheet.
*/
button,
input{line-height:normal;}
/*
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Corrects inability to style clickable `input` types in iOS.
* 3. Improves usability and consistency of cursor style between image-type
* `input` and others.
* 4. Removes inner spacing in IE7 without affecting normal text inputs.
* Known issue:inner spacing remains in IE6.
*/
button,
html input[type="button"],/* 1 */
input[type="reset"],
input[type="submit"]{-webkit-appearance:button;/* 2 */
cursor:pointer;/* 3 */
*overflow:visible;/* 4 */}
/*
* Re-set default cursor for disabled elements.
*/
button[disabled],
input[disabled]{cursor:default;}
/*
* 1. Addresses box sizing set to content-box in IE8/9.
* 2. Removes excess padding in IE8/9.
* 3. Removes excess padding in IE7.
* Known issue:excess padding remains in IE6.
*/
input[type="checkbox"],
input[type="radio"]{box-sizing:border-box;/* 1 */
padding:0;/* 2 */
*height:13px;/* 3 */
*width:13px;/* 3 */}
/*
* 1. Addresses `appearance` set to `searchfield` in S5,Chrome.
* 2. Addresses `box-sizing` set to `border-box` in S5,Chrome (include `-moz`
* to future-proof).
*/
input[type="search"]{-webkit-appearance:textfield;/* 1 */
-moz-box-sizing:content-box;-webkit-box-sizing:content-box;/* 2 */
box-sizing:content-box;}
/*
* Removes inner padding and search cancel button in S5,Chrome on OS X.
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
/*
* Removes inner padding and border in FF3+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner{border:0;padding:0;}
/*
* 1. Removes default vertical scrollbar in IE6/7/8/9.
* 2. Improves readability and alignment in all browsers.
*/
textarea{overflow:auto;/* 1 */
vertical-align:top;/* 2 */}
body,input{font-size:1em;line-height:1.5em;}
h1,.like-h1{font-size:2.4375em
;line-height:1.23076923em;margin-top:0.61538462em
;margin-bottom:0.61538462em
;}
h2{font-size:1.8125em
;line-height:1.655172414em;margin-top:0.82758621em
;margin-bottom:1.5rem
;}
h3{font-size:1.375em
;line-height:1.090909091em;margin-top:1.09090909em
;margin-bottom:1.09090909em
;}
h4,.like-h4{font-size:1em
;line-height:1.5em;margin-top:1.5em
;margin-bottom:1.5em
;}
p,ul,ol,pre,table,blockquote{margin-top:1.5em
;margin-bottom:1.5em
;}
/* Sanitation */
hr{border:1px solid;margin:-1px 0;}
ul ul,ol ol,ul ol,ol ul{margin-top:0;margin-bottom:0;}
b,strong,em,small,code{line-height:1.5em;}
sup,sub{vertical-align:baseline;position:relative;top:-0.4em;}
sub{top:0.4em;}
/* vertical offset*/
.vert-offset-10{margin-top:15em;}
.vert-offset-9{margin-top:13.5em;}
.vert-offset-8{margin-top:12em;}
.vert-offset-7{margin-top:10.5em;}
.vert-offset-6{margin-top:9em;}
.vert-offset-5{margin-top:7.5em;}
.vert-offset-4{margin-top:6em;}
.vert-offset-3{margin-top:4.5em;}
.vert-offset-2{margin-top:3em;}
.vert-offset-1{margin-top:1.5em;}
.regular-footer .content-wrapper{padding:0 !important;}
.sticky-footer{min-height:100%;}
#footer.regular{height:auto !important;margin:0 !important;}
.fix-footer{margin-bottom:1.5em;}
.hrzntl-spacer{position:relative;margin:0 1.5em;z-index:inherit;}
.hrzntl-wrapper{padding:0 1em;}
.vertical-wrapper{margin-top:0.75em;}
.container-wrapper,.inner-wrapper{margin:0 auto;max-width:70em;position:relative;width:100%;z-index:inherit;}
.default-spacer{height:1.5em;}
.container{clear:both;position:relative;}
#header{position:relative;z-index:200;}
.colwrapper{padding:5px;}
.col1,.col2,.col3,.col4,.col4-5,.col5,.col6,.col7,.col8,.col9,.col10,.col11,.col12,.col13,.col14,.col15,.col16,.col17,.col18,.col19,.col20,.col21,.col22,.col23,.col24,.item1,.item2,.item3,.item4,.item5,.column{display:block;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;padding:0 0.75em;margin-bottom:0;position:relative;z-index:inherit;}
.single-row{margin-bottom:0;}
.sub-grid{padding:0;margin-bottom:0;}
.item1{width:100%;}
.item2{width:50%;}
.item3{width:33.33333333%;}
.item4{width:25%;}
.item5{width:20%;}
.col1{width:4.16666666667%;}
.col2{width:8.33333333333%;}
.col3{width:12.5%;}
.col4{width:16.6666666667%;}
.col4-5{width:20%;}
.col5{width:20.8333333333%;}
.col6{width:25%;}
.col7{width:29.1666666667%;}
.col8{width:33.3333333333%;}
.col9{width:37.5%;}
.col10{width:41.6666666667%;}
.col11{width:45.8333333333%;}
.col12{width:50%;}
.col13{width:54.1666666667%;}
.col14{width:58.3333333333%;}
.col15{width:62.5%;}
.col16{width:66.6666666667%;}
.col17{width:70.8333333333%;}
.col18{width:75%;}
.col19{width:79.1666666667%;}
.col20{width:83.3333333333%;}
.col21{width:87.5%;}
.col22{width:91.6666666667%;}
.col23{width:95.8333333333%;}
.col24{width:100%;}
.offset17{margin-left:70.8333333333%;}
.offset16{margin-left:66.6666666667%}
.offset15{margin-left:62.5%;}
.offset14{margin-left:58.3333333333%}
.offset12{margin-left:50%;}
.offset8{margin-left:33.3333333333%;}
.offset6{margin-left:25%;}
.offset4{margin-left:16.6666666667%;}
.offset3{margin-left:12.5%;}
.offset2{margin-left:8.33333333333%;}
.offset1{margin-left:4.16666666667%;}
.onset1{padding-right:4.16666666667%;}
.center{margin:0 2.5em;}
.leftCol{float:left;}
.rightCol{float:right;}
.hidden-column{display:none;}
.spacer{min-height:2em;}
.default{padding:0;}
.colfix:after,.float-fix:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
.clear{display:block;clear:both;}
.align-right{text-align:right;}
figure{position:relative;}
figure img,
figure object,
figure embed,
figure video,iframe{max-width:100%;display:block;}

img{border:0;-ms-interpolation-mode:bicubic;filter:none;-webkit-filter:blur(0px);-moz-filter:blur(0px);-ms-filter:blur(0px);}
/* form */
.form{}
.form label{font-weight:bold;}
.form label.full{width:100%;float:none;}
.form .form-group label{font-weight:normal;}
.form .description{font-weight:normal;display:block;}
.form input[type="text"],.form input[type="email"],.form input[type="number"],.form input[type="password"],.form textarea,form .fake-input{padding:0.75em;border:1px solid #DDDDDD;overflow:hidden;background-color:#fff;position:relative;line-height:1.5em;width:100%;box-sizing:border-box;}
.form .missed{border:solid 1px #007fbd;}
.form input[type="text"]:focus,.form textarea:focus{color:#231f20;background-color:#efefef;}
.form .missed{background-color:#efefef;}
.form .msg-wrapper{float:left;color:#999;}
.form .button-wrapper{clear:both;}
.form .form-button,.button{cursor:pointer;outline:medium none;text-decoration:none;transition:all 0.2s linear 0s;background:#555;border:1px solid #000;color:#fff;}
.feedback{padding-top:1em;float:right;font-size:0.75em;clear:both;color:#444444;font-weight:bold;display:none;}


.hide-after-height-8{height:12em;overflow:hidden;}
.hide-after-height-9{height:13.5em;overflow:hidden;}
.hide-after-height-10{height:15em;overflow:hidden;}
.hide-after-height-12{height:18.5em;overflow:hidden;}
.hide-after-height-15{height:23em;overflow:hidden;}
.hide-after-height-16{height:24.5em;overflow:hidden;}

.shade-out {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,0.6);
    z-index: 120;
    cursor: pointer;
}