/* Minify_CSS_UriRewriter::$debugText docRoot : /var/www/vhosts/pauldegraaff.com/httpdocs currentDir : /var/www/vhosts/pauldegraaff.com/httpdocs/css */ /* reset.css */ /* 1 */ @charset "UTF-8"; /* 2 */ html, body, div, span, applet, object, iframe, /* 3 */ h1, h2, h3, h4, h5, h6, p, blockquote, pre, /* 4 */ a, abbr, acronym, address, big, cite, code, /* 5 */ del, dfn, em, img, ins, kbd, q, s, samp, /* 6 */ small, strike, strong, sub, sup, tt, var, /* 7 */ b, u, i, center, /* 8 */ dl, dt, dd, ol, ul, li, /* 9 */ fieldset, form, label, legend, /* 10 */ table, caption, tbody, tfoot, thead, tr, th, td, /* 11 */ article, aside, canvas, details, embed, /* 12 */ figure, figcaption, footer, header, hgroup, /* 13 */ menu, nav, output, ruby, section, summary, /* 14 */ time, mark, audio, video { /* 15 */ margin: 0; /* 16 */ padding: 0; /* 17 */ border: 0; /* 18 */ font-size: 100%; /* 19 */ font: inherit; /* 20 */ vertical-align: baseline; /* 21 */ } /* 22 */ html { /* 23 */ font-smoothing: antialiased; /* 24 */ text-rendering: optimizeLegibility; /* 25 */ -webkit-font-smoothing: antialiased;/*-- safari --*/ /* 26 */ -moz-osx-font-smoothing: grayscale;/*-- firefox --*/ /* 27 */ } /* 28 */ /* Verticale schuifbalk forceren in andere browsers dan IE /* 29 *| Voorkomen dat de tekstgrootte in iOS wordt aangepast als de oriëntatie van het apparaat wordt gewijzigd, zonder de zoomfunctie uit te schakelen voor gebruikers: h5bp.com/g*/ /* 30 */ html { /* 31 */ font-size: 100%; /* 32 */ overflow-y: scroll; /* 33 */ -webkit-text-size-adjust: 100%; /* 34 */ -ms-text-size-adjust: 100%; /* 35 */ } /* 36 */ /* HTML5 display-role reset for older browsers */ /* 37 */ article, aside, details, figcaption, figure, /* 38 */ footer, header, hgroup, menu, nav, section, main { /* 39 */ display: block; /* 40 */ } /* 41 */ body { /* 42 */ line-height: 1; /* 43 */ } /* 44 */ ol, ul { /* 45 */ list-style: none; /* 46 */ } /* 47 */ blockquote, q { /* 48 */ quotes: none; /* 49 */ } /* 50 */ blockquote:before, blockquote:after, /* reset.css */ /* 51 */ q:before, q:after { /* 52 */ content: ''; /* 53 */ content: none; /* 54 */ } /* 55 */ table { /* 56 */ border-collapse: collapse; /* 57 */ border-spacing: 0; /* 58 */ } /* 59 */ img, object, embed, video { /* 60 */ max-width: 100%; /* 61 */ } /* 62 */ /* IE 6 biedt geen ondersteuning voor max-width en gebruikt standaard de breedte 100% */ /* 63 */ .ie6 img { /* 64 */ width:100%; /* 65 */ } /* 66 */ img { /* 67 */ border: 0; /* 68 */ -ms-interpolation-mode: bicubic; /* 69 */ vertical-align: middle; /* 70 */ } /* 71 */ button, input, select, textarea { /* 72 */ font-size: 100%; /* 73 */ margin: 0; /* 74 */ vertical-align: baseline; /* 75 */ *vertical-align: middle; /* 76 */ } /* 77 */ button { /* 78 */ background: transparent; /* 79 */ border-radius: 0; /* 80 */ border: 0; /* 81 */ padding: 0; /* 82 */ -webkit-appearance: none; /* 83 */ -webkit-border-radius: 0; /* 84 */ user-select: none; /* 85 */ } /* 86 */ button:focus { /* 87 */ outline: 0 none; /* 88 */ } /* 89 */ button::-moz-focus-inner { /* 90 */ padding: 0; /* 91 */ border: 0; /* 92 */ } /* 93 */ /* active link stippellijn weg */ /* 94 */ a:focus { /* 95 */ outline: 0; /* 96 */ } /* 97 */ a:active { /* 98 */ outline: 0; /* 99 */ } /* 100 */ /* geen ronde hoekjes op IOS */ /* reset.css */ /* 101 */ input, textarea { /* 102 */ -webkit-appearance: none; /* 103 */ -webkit-border-radius: 0; /* 104 */ } /* 105 */ /* geen blauw lijn active op IOS */ /* 106 */ :focus { /* 107 */ outline-color: transparent; /* 108 */ outline-style: none; /* 109 */ } /* 110 */ /* geen tel link in blauw met lijn op IOS */ /* 111 */ a[href^="tel"]{ /* 112 */ color:inherit; /* 113 */ text-decoration:none; /* 114 */ } /* 115 */ /* toon scrollbar op IOS als overflow is auto */ /* 116 */ ::-webkit-scrollbar{ /* 117 */ -webkit-appearance: none; /* 118 */ width: 7px; /* 119 */ } /* 120 */ ::-webkit-scrollbar-thumb { /* 121 */ border-radius: 4px; /* 122 */ background-color: rgba(0,0,0,.5); /* 123 */ -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5); /* 124 */ } /* 125 */ /* 126 */ /* Minify_CSS_UriRewriter::$debugText docRoot : /var/www/vhosts/pauldegraaff.com/httpdocs currentDir : /var/www/vhosts/pauldegraaff.com/httpdocs/css */ /* kolommen.css */ /* 1 */ @charset "UTF-8"; /* 2 */ .content { /* 3 */ position: relative; /* 4 */ flex: 1 0 auto; /* Prevent Chrome, Opera, and Safari from letting these items shrink to smaller than their content's default minimum size. */ /* 5 */ /* /* 6 *| width: 100%; /* 7 *| max-width: 1100px; /* 8 *| margin-left: auto; /* 9 *| margin-right: auto; /* 10 *| */ /* 11 */ } /* 12 */ .wrapper-content { /* 13 */ position: relative; /* 14 */ margin-left: auto; /* 15 */ margin-right: auto; /* 16 */ padding: 40px; /* 17 */ padding-top: 50px; /* 18 */ padding-bottom: 40px; /* 19 */ padding: 50px 20px 20px 20px; /* 20 */ } /* 21 */ .wrapper-content.max-width-800 { /* 22 */ max-width: 800px; /* 23 */ padding-bottom: 100px; /* 24 */ } /* 25 */ .wrapper-content.max-width-1060 { /* 26 */ max-width: 1060px; /* 27 */ padding-bottom: 100px; /* 28 */ } /* 29 */ .wrapper-content.max-width-1160 { /* 30 */ max-width: 1160px; /* 31 */ padding-bottom: 100px; /* 32 */ } /* 33 */ .wrapper-content.max-width-1260 { /* 34 */ max-width: 1260px; /* 35 */ padding-bottom: 100px; /* 36 */ } /* 37 */ .home.vuller { /* 38 */ padding-bottom: 50px; /* 39 */ } /* 40 */ @media only screen and (min-width: 768px) { /* 41 */ .wrapper-content { /* 42 */ padding: 80px; /* 43 */ padding-top: 50px; /* 44 */ padding-bottom: 40px; /* 45 */ } /* 46 */ } /* Minify_CSS_UriRewriter::$debugText docRoot : /var/www/vhosts/pauldegraaff.com/httpdocs currentDir : /var/www/vhosts/pauldegraaff.com/httpdocs/css */ /* styles.css */ /* 1 */ @charset "UTF-8"; /* 2 */ :root { /* 3 */ /* kleuren */ /* 4 */ --action: #f36d5b; /* 5 */ --action: rgba(243,109,91,1); /* 6 */ --action-hover: #da5f4f; /* 7 */ --groen: #90bd28; /* 8 */ --groen-hover: #a1c658; /* 9 */ --lichtgrijs: #ccc; /* 10 */ --wit: #fff; /* 11 */ } /* 12 */ * { /* 13 */ box-sizing: border-box; /* 14 */ } /* 15 */ html, body { /* 16 */ height: 100%; /* 17 */ } /* 18 */ body { /* 19 */ font-family: 'Montserrat', sans-serif; /* 20 */ font-size: 13px; /* 21 */ line-height: 23px; /* 22 */ font-weight: 400; /* 23 */ font-variant: normal; /* 24 */ color:#666; /* 25 */ display: flex; /* 26 */ flex-direction: column; /* 27 */ height: 100vh; /* Avoid the IE 10-11 `min-height` bug. */ /* 28 */ } /* 29 */ /* 30 */ h1, h2, h3 { /* 31 */ font-weight: 600; /* 32 */ font-variant: normal; /* 33 */ font-size: 15px; /* 34 */ line-height: 26px; /* 35 */ margin-bottom: 5px; /* 36 */ color:#111; /* 37 */ } /* 38 */ h1, /* 39 */ .h2-als-h1 { /* 40 */ text-transform: uppercase; /* 41 */ letter-spacing: 2px; /* 42 */ margin-bottom: 20px; /* 43 */ } /* 44 */ h3 { /* 45 */ //color: #555; /* 46 */ font-weight: 400; /* 47 */ font-style: italic; /* 48 */ } /* 49 */ p { /* 50 */ padding-bottom: 20px; /* styles.css */ /* 51 */ } /* 52 */ p.max-width-650 { /* 53 */ position: relative; /* 54 */ max-width: 650px; /* 55 */ margin: 0 auto; /* 56 */ } /* 57 */ a, /* 58 */ a[href^="tel"] { /* 59 */ color:#666; /* 60 */ text-decoration: underline; /* 61 */ } /* 62 */ /* 63 */ .txt-oranje a { /* 64 */ color: orangered; /* 65 */ text-decoration: underline; /* 66 */ } /* 67 */ @media only screen and (min-width: 768px) { /* 68 */ body { /* 69 */ font-size: 14px; /* 70 */ line-height: 28px; /* 71 */ } /* 72 */ } /* 73 */ /* 74 */ /* algemene voorwaarden */ /* 75 */ .algemene-voorwaarden section { /* 76 */ padding-top: 20px; /* 77 */ padding-bottom: 20px; /* 78 */ } /* 79 */ .algemene-voorwaarden section ol { /* 80 */ padding-left: 15px; /* 81 */ } /* 82 */ .algemene-voorwaarden section ol ol, /* 83 */ .algemene-voorwaarden section ol ul { /* 84 */ padding-left: 20px; /* 85 */ padding-bottom: 0px; /* 86 */ } /* 87 */ .algemene-voorwaarden section ol li { /* 88 */ list-style-type: lower-alpha; /* 89 */ list-style-type: decimal; /* 90 */ } /* 91 */ .algemene-voorwaarden section p { /* 92 */ padding-bottom: 0px; /* 93 */ } /* 94 */ /* 95 */ #container-home-images { /* 96 */ background-color: cornflowerblue; /* 97 */ width: 100%; /* 98 */ flex-direction: column; /* 99 */ height: 100vh; /* Avoid the IE 10-11 `min-height` bug. */ /* 100 */ } /* styles.css */ /* 101 */ /* 102 */ section { /* 103 */ position: relative; /* 104 */ } /* 105 */ .blur { /* 106 */ -webkit-filter: blur(2px); /* 107 */ -moz-filter: blur(2px); /* 108 */ -o-filter: blur(2px); /* 109 */ -ms-filter: blur(2px); /* 110 */ filter: blur(2px); /* 111 */ overflow: hidden; /* 112 */ } /* 113 */ .border-top { /* 114 */ border-top: 1px solid #999; /* 115 */ } /* 116 */ .border-bottom { /* 117 */ border-bottom: 1px solid #999; /* 118 */ } /* 119 */ /* /* 120 *| KLEUREN /* 121 *| */ /* 122 */ .bg-blauw { /* 123 */ background-color: #006291; /* 124 */ } /* 125 */ .bg-grijs { /* 126 */ background-color: #c8c0be; /* 127 */ background-color: #9c9b9a; /* 128 */ } /* 129 */ .bg-lichtgrijs { /* 130 */ background-color: #f5f5f5; /* 131 */ } /* 132 */ .bg-donkergrijs { /* 133 */ background-color: #333; /* 134 */ } /* 135 */ .bg-wit { /* 136 */ background-color:#fff; /* 137 */ } /* 138 */ .bg-geel { /* 139 */ background-color: #d9bf12; /* 140 */ } /* 141 */ .txt-zwart { /* 142 */ color: #000; /* 143 */ } /* 144 */ .txt-donkergrijs { /* 145 */ color: #111; /* 146 */ } /* 147 */ .txt-groen { /* 148 */ color:#9bb620; /* 149 */ } /* 150 */ .txt-oranje { /* styles.css */ /* 151 */ color: orangered; /* 152 */ } /* 153 */ .txt-wit { /* 154 */ color:#ffffff; /* 155 */ } /* 156 */ .txt-action { /* 157 */ color: var(--action); /* 158 */ } /* 159 */ /* /* 160 *| Check boxes en Radio buttons /* 161 *| */ /* 162 */ /* /* 163 *| .checkbox, /* 164 *| .radio { /* 165 *| position: absolute; /* 166 *| left: -9999px; /* 167 *| } /* 168 *| /* 169 *| .checkbox__label, /* 170 *| .radio__label { /* 171 *| display: flex; /* 172 *| align-items: center; /* 173 *| position: relative; /* 174 *| padding-left: 30px; /* 175 *| cursor: pointer; /* 176 *| height: 25px; /* 177 *| margin-top: 10px; /* 178 *| margin-bottom: 10px; /* 179 *| } /* 180 *| .checkbox__label a { /* 181 *| text-decoration: underline; /* 182 *| margin-left: 6px; /* 183 *| } /* 184 *| .checkbox__label::before, /* 185 *| .checkbox__label::after, /* 186 *| .radio__label::before, /* 187 *| .radio__label::after { /* 188 *| content: ''; /* 189 *| position: absolute; /* 190 *| top: 2px; /* 191 *| left: 0; /* 192 *| box-sizing: border-box; /* 193 *| } /* 194 *| /* 195 *| .checkbox__label::before, /* 196 *| .radio__label::before { /* 197 *| display: block; /* 198 *| width: 20px; /* 199 *| height: 20px; /* 200 *| border: 1px solid #666; /* styles.css *| /* 201 *| } /* 202 *| /* 203 *| .radio__label::before, /* 204 *| .radio__label::after { /* 205 *| border-radius: 50%; /* 206 *| } /* 207 *| /* 208 *| input:focus + .checkbox__label::before, /* 209 *| input:focus + .radio__label::before { /* 210 *| border-color: #666; /* 211 *| } /* 212 *| /* 213 *| .checkbox__label::after, /* 214 *| .radio__label::after { /* 215 *| width: 12px; /* 216 *| height: 12px; /* 217 *| margin: 4px; /* 218 *| background-color: #333; /* 219 *| transform: scale(0); /* 220 *| transform-origin: 50%; /* 221 *| transition: transform 150ms; /* 222 *| } /* 223 *| /* 224 *| input:checked + .checkbox__label::after, /* 225 *| input:checked + .radio__label::after { /* 226 *| transform: scale(1); /* 227 *| } /* 228 *| /* 229 *| input[disabled] + .checkbox__label::before, /* 230 *| input[disabled] + .radio__label::before { /* 231 *| border-color: #999; /* 232 *| } /* 233 *| /* 234 *| input:checked[disabled] + .checkbox__label::after, /* 235 *| input:checked[disabled] + .radio__label::after { /* 236 *| background-color: #999; /* 237 *| } /* 238 *| */ /* 239 */ /* /* 240 *| BASICS /* 241 *| */ /* 242 */ .rounded-corners, .rounded-corners a { /* 243 */ border-radius: 5px; /* 244 */ } /* 245 */ strong, .bold{font-weight: 600} /* 246 */ .italic{font-style: italic} /* 247 */ article{position:relative} /* 248 */ /* 249 */ /* 250 */ .clear-left {clear: left} /* styles.css */ /* 251 */ .clear-right {clear: right} /* 252 */ .clear-both {clear: both} /* 253 */ /* 254 */ .float-left{ float:left} /* 255 */ .float-right{ float:right} /* 256 */ .float-none{ float:none} /* 257 */ /* 258 */ .txt-align-left { text-align:left} /* 259 */ .txt-align-right { text-align:right} /* 260 */ .txt-align-center { text-align:center} /* 261 */ .inline-block { display:inline-block} /* 262 */ /* 263 */ em {font-style: italic} /* 264 */ strong {font-weight: bold} /* 265 */ /* 266 */ /* The Magnificent Clearfix: nicolasgallagher.com/micro-clearfix-hack/ */ /* 267 */ .clearfix:before, .clearfix:after { content: ""; display: table } /* 268 */ .clearfix:after { clear: both } /* 269 */ .clearfix { zoom: 1 } /* 270 */ /* 271 */ /* Minify_CSS_UriRewriter::$debugText docRoot : /var/www/vhosts/pauldegraaff.com/httpdocs currentDir : /var/www/vhosts/pauldegraaff.com/httpdocs/css */ /* header.css */ /* 1 */ @charset "UTF-8"; /* 2 */ header { /* 3 */ position: relative; /* 4 */ z-index: 60; /* 5 */ width: 100%; /* 6 */ left: 0px; /* 7 */ top: 0px; /* 8 */ height: 80px; /* 9 */ background-color: #fff; /* 10 */ } /* 11 */ @media only screen and (min-width: 768px) { /* 12 */ header { /* 13 */ border-top-width: 20px; /* 14 */ height: 100px; /* 15 */ -moz-box-shadow: 0px 0px 0px #666; /* 16 */ -webkit-box-shadow: 0px 0px 0px #666; /* 17 */ box-shadow: 0px 0px 0px #666; /* 18 */ transition: all 0.3s ease-in-out; /* 19 */ -webkit-transition: all 0.3s ease-in-out; /* 20 */ -moz-transition: all 0.3s ease-in-out; /* 21 */ } /* 22 */ } /* 23 */ @media only screen and (min-width: 1024px) { /* 24 */ header { /* 25 */ height: 130px; /* 26 */ } /* 27 */ } /* 28 */ /* LOGO */ /* 29 */ #logo { /* 30 */ position: absolute; /* 31 */ width: 220px; /* 32 */ left: 30px; /* 33 */ top: 25px; /* 34 */ z-index: 40; /* 35 */ } /* 36 */ #logo img { /* 37 */ width:100%; /* 38 */ } /* 39 */ @media only screen and (min-width: 768px) { /* 40 */ #logo { /* 41 */ width: 250px; /* 42 */ left: 40px; /* 43 */ top: 30px; /* 44 */ } /* 45 */ } /* 46 */ /* 47 */ @media only screen and (min-width: 1024px) { /* 48 */ #logo { /* 49 */ width: 300px; /* 50 */ left: 70px; /* header.css */ /* 51 */ top: 50px; /* 52 */ } /* 53 */ } /* Minify_CSS_UriRewriter::$debugText docRoot : /var/www/vhosts/pauldegraaff.com/httpdocs currentDir : /var/www/vhosts/pauldegraaff.com/httpdocs/css file-relative URI : font/icons.eot path prepended : /var/www/vhosts/pauldegraaff.com/httpdocs/css/font/icons.eot docroot stripped : /css/font/icons.eot traversals removed : /css/font/icons.eot file-relative URI : font/icons.eot?#iefix path prepended : /var/www/vhosts/pauldegraaff.com/httpdocs/css/font/icons.eot?#iefix docroot stripped : /css/font/icons.eot?#iefix traversals removed : /css/font/icons.eot?#iefix file-relative URI : font/icons.woff path prepended : /var/www/vhosts/pauldegraaff.com/httpdocs/css/font/icons.woff docroot stripped : /css/font/icons.woff traversals removed : /css/font/icons.woff file-relative URI : font/icons.ttf path prepended : /var/www/vhosts/pauldegraaff.com/httpdocs/css/font/icons.ttf docroot stripped : /css/font/icons.ttf traversals removed : /css/font/icons.ttf file-relative URI : font/icons.svg#icons path prepended : /var/www/vhosts/pauldegraaff.com/httpdocs/css/font/icons.svg#icons docroot stripped : /css/font/icons.svg#icons traversals removed : /css/font/icons.svg#icons */ /* icon-font.css */ /* 1 */ @charset "UTF-8"; /* 2 */ /* 3 */ @font-face { /* 4 */ font-family: "icons"; /* 5 */ src:url("/css/font/icons.eot"); /* 6 */ src:url("/css/font/icons.eot?#iefix") format("embedded-opentype"), /* 7 */ url("/css/font/icons.woff") format("woff"), /* 8 */ url("/css/font/icons.ttf") format("truetype"), /* 9 */ url("/css/font/icons.svg#icons") format("svg"); /* 10 */ font-weight: normal; /* 11 */ font-style: normal; /* 12 */ /* 13 */ } /* 14 */ /* 15 */ [data-icon]:before { /* 16 */ font-family: "icons" !important; /* 17 */ content: attr(data-icon); /* 18 */ font-style: normal !important; /* 19 */ font-weight: normal !important; /* 20 */ font-variant: normal !important; /* 21 */ text-transform: none !important; /* 22 */ speak: none; /* 23 */ line-height: 1; /* 24 */ -webkit-font-smoothing: antialiased; /* 25 */ -moz-osx-font-smoothing: grayscale; /* 26 */ } /* 27 */ /* 28 */ [class^="icon-"]:before, /* 29 */ [class*=" icon-"]:before { /* 30 */ font-family: "icons" !important; /* 31 */ font-style: normal !important; /* 32 */ font-weight: normal !important; /* 33 */ font-variant: normal !important; /* 34 */ text-transform: none !important; /* 35 */ speak: none; /* 36 */ line-height: 1; /* 37 */ -webkit-font-smoothing: antialiased; /* 38 */ -moz-osx-font-smoothing: grayscale; /* 39 */ } /* 40 */ /* 41 */ .icon-google-plus:before { /* 42 */ content: "\62"; /* 43 */ } /* 44 */ .icon-instagram:before { /* 45 */ content: "\63"; /* 46 */ } /* 47 */ .icon-linkedin:before { /* 48 */ content: "\64"; /* 49 */ } /* 50 */ .icon-pinterest:before { /* icon-font.css */ /* 51 */ content: "\66"; /* 52 */ } /* 53 */ .icon-twitter:before { /* 54 */ content: "\67"; /* 55 */ } /* 56 */ .icon-wetransfer:before { /* 57 */ content: "\68"; /* 58 */ } /* 59 */ .icon-youtube:before { /* 60 */ content: "\69"; /* 61 */ } /* 62 */ .icon-mail:before { /* 63 */ content: "\6a"; /* 64 */ } /* 65 */ .icon-telefoon:before { /* 66 */ content: "\6b"; /* 67 */ } /* 68 */ .icon-vimeo:before { /* 69 */ content: "\6c"; /* 70 */ } /* 71 */ .icon-imdb:before { /* 72 */ content: "\65"; /* 73 */ } /* 74 */ .icon-facebook:before { /* 75 */ content: "\61"; /* 76 */ } /* 77 */ .icon-mobile:before { /* 78 */ content: "\6e"; /* 79 */ } /* 80 */ .icon-map-marker:before { /* 81 */ content: "\6d"; /* 82 */ } /* 83 */ .icon-approved:before { /* 84 */ content: "\6f"; /* 85 */ } /* 86 */ .icon-home:before { /* 87 */ content: "\70"; /* 88 */ } /* 89 */ .icon-person:before { /* 90 */ content: "\72"; /* 91 */ } /* 92 */ .icon-angle-down:before { /* 93 */ content: "\71"; /* 94 */ } /* 95 */ .icon-angle-left:before { /* 96 */ content: "\73"; /* 97 */ } /* 98 */ .icon-angle-right:before { /* 99 */ content: "\74"; /* 100 */ } /* icon-font.css */ /* 101 */ .icon-angle-up:before { /* 102 */ content: "\75"; /* 103 */ } /* 104 */ .icon-play-1:before { /* 105 */ content: "\41"; /* 106 */ } /* 107 */ .icon-oorkonde:before { /* 108 */ content: "\43"; /* 109 */ } /* 110 */ .icon-cogs:before { /* 111 */ content: "\44"; /* 112 */ } /* 113 */ .icon-company:before { /* 114 */ content: "\45"; /* 115 */ } /* 116 */ .icon-email:before { /* 117 */ content: "\76"; /* 118 */ } /* 119 */ .icon-chevron-down:before { /* 120 */ content: "\42"; /* 121 */ } /* 122 */ .icon-chevron-left:before { /* 123 */ content: "\46"; /* 124 */ } /* 125 */ .icon-chevron-right:before { /* 126 */ content: "\47"; /* 127 */ } /* 128 */ .icon-chevron-up:before { /* 129 */ content: "\48"; /* 130 */ } /* 131 */ .icon-webpage:before { /* 132 */ content: "\77"; /* 133 */ } /* 134 */ .icon-eye:before { /* 135 */ content: "\78"; /* 136 */ } /* 137 */ .icon-tumblr-square:before { /* 138 */ content: "\79"; /* 139 */ } /* 140 */ .icon-coffee:before { /* 141 */ content: "\7a"; /* 142 */ } /* 143 */ .icon-location:before { /* 144 */ content: "\49"; /* 145 */ } /* 146 */ .icon-lightbulb-o:before { /* 147 */ content: "\4a"; /* 148 */ } /* 149 */ .icon-blog:before { /* 150 */ content: "\4b"; /* icon-font.css */ /* 151 */ } /* 152 */ .icon-contact:before { /* 153 */ content: "\4c"; /* 154 */ } /* 155 */ .icon-wie:before { /* 156 */ content: "\4e"; /* 157 */ } /* 158 */ .icon-wat:before { /* 159 */ content: "\4f"; /* 160 */ } /* 161 */ .icon-globe:before { /* 162 */ content: "\50"; /* 163 */ } /* 164 */ .icon-pinterest-p:before { /* 165 */ content: "\51"; /* 166 */ } /* 167 */ .icon-filter:before { /* 168 */ content: "\52"; /* 169 */ } /* 170 */ .icon-android-close:before { /* 171 */ content: "\53"; /* 172 */ } /* 173 */ .icon-trash:before { /* 174 */ content: "\54"; /* 175 */ } /* 176 */ .icon-edit:before { /* 177 */ content: "\55"; /* 178 */ } /* 179 */ .icon-paper-plane:before { /* 180 */ content: "\56"; /* 181 */ } /* 182 */ .icon-download:before { /* 183 */ content: "\57"; /* 184 */ } /* 185 */ .icon-check-5:before { /* 186 */ content: "\58"; /* 187 */ } /* 188 */ .icon-check:before { /* 189 */ content: "\59"; /* 190 */ } /* 191 */ .icon-whats-app-new:before { /* 192 */ content: "\4d"; /* 193 */ } /* 194 */ .icon-loep:before { /* 195 */ content: "\5a"; /* 196 */ } /* 197 */ .icon-search:before { /* 198 */ content: "\30"; /* 199 */ } /* 200 */ .icon-search-minus:before { /* icon-font.css */ /* 201 */ content: "\31"; /* 202 */ } /* 203 */ .icon-search-plus:before { /* 204 */ content: "\32"; /* 205 */ } /* 206 */ .icon-sign-in:before { /* 207 */ content: "\33"; /* 208 */ } /* 209 */ .icon-android-person-add:before { /* 210 */ content: "\34"; /* 211 */ } /* 212 */ .icon-user-add:before { /* 213 */ content: "\35"; /* 214 */ } /* 215 */ .icon-plus-round:before { /* 216 */ content: "\36"; /* 217 */ } /* 218 */ .icon-calendar-o:before { /* 219 */ content: "\37"; /* 220 */ } /* 221 */ .icon-cancel:before { /* 222 */ content: "\39"; /* 223 */ } /* 224 */ .icon-info-circled:before { /* 225 */ content: "\38"; /* 226 */ } /* 227 */ .icon-checkmark-circled:before { /* 228 */ content: "\21"; /* 229 */ } /* 230 */ .icon-users:before { /* 231 */ content: "\22"; /* 232 */ } /* 233 */ .icon-pijltje-right:before { /* 234 */ content: "\23"; /* 235 */ } /* 236 */ .icon-pijltje-left:before { /* 237 */ content: "\24"; /* 238 */ } /* 239 */ .icon-pijltje-down:before { /* 240 */ content: "\25"; /* 241 */ } /* 242 */ .icon-pijltje-up:before { /* 243 */ content: "\26"; /* 244 */ } /* 245 */ .icon-cart-shopping-1:before { /* 246 */ content: "\27"; /* 247 */ } /* 248 */ /* Minify_CSS_UriRewriter::$debugText docRoot : /var/www/vhosts/pauldegraaff.com/httpdocs currentDir : /var/www/vhosts/pauldegraaff.com/httpdocs/css */ /* menu.css */ /* 1 */ @charset "UTF-8"; /* 2 */ /* letter grootte */ /* 3 */ .container-menu-scroll nav .cd-navigation li a { /* 4 */ font-size: 15px; /* 5 */ text-transform: uppercase; /* 6 */ font-weight: 600; /* 7 */ font-variant: normal; /* 8 */ letter-spacing: 2px; /* 9 */ } /* 10 */ @media only screen and (min-width: 1024px) { /* 11 */ .container-menu-scroll nav .cd-navigation li a { /* 12 */ font-size: 11px; /* 13 */ } /* 14 */ } /* 15 */ /* container-nav */ /* 16 */ .container-nav { /* 17 */ background-color: #333232; /* 18 */ position: fixed; /* 19 */ height: 100%; /* 20 */ width: 320px; /* 21 */ right: -320px; /* 22 */ z-index: 999; /* 23 */ -webkit-transition: right 0.3s ease-out; /* 24 */ -moz-transition: right 0.3s ease-out; /* 25 */ transition: right 0.3s ease-out; /* 26 */ } /* 27 */ .container-menu-scroll { /* 28 */ position: relative; /* 29 */ height:100%; /* 30 */ z-index: 998; /* 31 */ margin-top:70px; /* 32 */ /* mooie scroll op IOS */ /* 33 */ overflow-y: scroll; /* has to be scroll, not auto */ /* 34 */ overflow-y: auto; /* 35 */ -webkit-overflow-scrolling: touch; /* 36 */ } /* 37 */ /* 38 */ /* styling menu */ /* 39 */ .container-menu-scroll nav { /* 40 */ position: fixed; /* 41 */ position:absolute; /* 42 */ height: 100%; /* 43 */ right: 0; /* 44 */ top: 0; /* 45 */ z-index: 10; /* 46 */ width: 320px; /* 47 */ font-size:16px; /* 48 */ } /* 49 */ @media only screen and (min-width: 768px) { /* 50 */ .container-nav { /* menu.css */ /* 51 */ width: 350px; /* 52 */ right: -350px; /* 53 */ } /* 54 */ .container-menu-scroll { /* 55 */ margin-top:170px; /* 56 */ } /* 57 */ .container-menu-scroll nav { /* 58 */ width: 320px; /* 59 */ } /* 60 */ } /* 61 */ .show-nav { /* 62 */ right: 0px; /* 63 */ } /* 64 */ .container-menu-scroll nav .cd-navigation { /* 65 */ margin-top: 0px; /* 66 */ margin-right: 0px; /* 67 */ margin-bottom: 160px; /* 68 */ margin-left: 0px; /* 69 */ } /* 70 */ .container-menu-scroll nav li a { /* 71 */ display: block; /* 72 */ line-height: 40px; /* 73 */ padding: 0 16px 0 32px; /* 74 */ color: #FFF; /* 75 */ text-decoration: none; /* 76 */ margin-bottom: 15px; /* 77 */ } /* 78 */ .container-menu-scroll nav li.action a { /* 79 */ background-color: var(--action); /* 80 */ color: #fff; /* 81 */ } /* 82 */ /* submenu */ /* 83 */ .container-menu-scroll nav .sub-menu { /* 84 */ display: none; /* 85 */ padding-bottom: 30px; /* 86 */ } /* 87 */ .container-menu-scroll nav .sub-menu li { /* 88 */ padding-left:10px; /* 89 */ } /* 90 */ .container-menu-scroll nav li a:hover { /* 91 */ color: #FFF; /* 92 */ background-color:rgba(255,255,255,0.2); /* 93 */ text-decoration: none; /* 94 */ } /* 95 */ /* 96 */ /* style menu items which have a submenu */ /* 97 */ .container-menu-scroll nav .item-has-children > a { /* 98 */ position: relative; /* 99 */ } /* 100 */ /* menu.css */ /* 101 */ /* 102 */ @media only screen and (min-width: 1024px) { /* 103 */ .container-nav { /* 104 */ background-color:transparent; /* 105 */ position:absolute; /* 106 */ height:auto; /* 107 */ height:50px; /* 108 */ width: auto; /* 109 */ right: 110px; /* 110 */ top: 67px; /* 111 */ } /* 112 */ .verschuif { /* 113 */ right: 70px; /* 114 */ } /* 115 */ .container-menu-scroll { /* 116 */ overflow-y: visible; /* 117 */ height: 70px; /* 118 */ width: 800px; /* 119 */ position: absolute; /* 120 */ padding: 0px; /* 121 */ margin-top: 0px; /* 122 */ right: 0px; /* 123 */ top:auto; /* 124 */ bottom:0px; /* 125 */ display: block; /* 126 */ } /* 127 */ .container-menu-scroll nav { /* 128 */ list-style: none; /* 129 */ height: 45px; /* 130 */ position: absolute; /* 131 */ margin-top: 0px; /* 132 */ top: 0px; /* 133 */ top:auto; /* 134 */ bottom:0px; /* 135 */ width: auto; /* 136 */ background-color:transparent; /* 137 */ } /* 138 */ .container-menu-scroll nav ul { /* 139 */ text-align: center; /* 140 */ text-align: right; /* 141 */ } /* 142 */ .container-menu-scroll nav li { /* 143 */ display: inline-block; /* 144 */ margin-bottom: 0px; /* 145 */ height: 52px; /* 146 */ margin-left: 0px; /* 147 */ } /* 148 */ .container-menu-scroll nav li a { /* 149 */ text-decoration: none; /* 150 */ line-height: 35px; /* menu.css */ /* 151 */ color:#333; /* 152 */ z-index: 200; /* 153 */ position: relative; /* 154 */ margin-left: 0px; /* 155 */ margin-right: 0px; /* 156 */ margin-bottom: 0px; /* 157 */ padding-left: 20px; /* 158 */ padding-right: 20px; /* 159 */ height: 35px; /* 160 */ } /* 161 */ .container-menu-scroll nav li.action a { /* 162 */ border-radius: 7px; /* 163 */ } /* 164 */ .container-menu-scroll nav li a, /* 165 */ .container-menu-scroll nav li.active a{ /* 166 */ display:block; /* 167 */ } /* 168 */ .container-menu-scroll nav li.item-has-children a { /* 169 */ padding-right: 30px; /* 170 */ } /* 171 */ .container-menu-scroll nav li a:hover { /* 172 */ background-color:transparent; /* 173 */ text-decoration: underline; /* 174 */ color:#111; /* 175 */ } /* 176 */ .container-menu-scroll nav li.action a:hover { /* 177 */ background-color: var(--action-hover); /* 178 */ text-decoration: none; /* 179 */ color: #fff; /* 180 */ } /* 181 */ .container-menu-scroll nav li.item-has-children a:hover { /* 182 */ text-decoration: underline; /* 183 */ text-decoration: none; /* 184 */ } /* 185 */ /* 186 */ /* submenu */ /* 187 */ .container-menu-scroll nav .sub-menu { /* 188 */ display: none; /* 189 */ position: absolute; /* 190 */ top: 100%; /* 191 */ background-color: #ffffff; /* 192 */ padding-top: 18px; /* 193 */ padding-bottom: 48px; /* 194 */ padding-left:0px; /* 195 */ padding-right:0px; /* 196 */ top: 45px; /* 197 */ -moz-box-shadow: 0px 3px 4px #555; /* 198 */ -webkit-box-shadow: 0px 3px 4px #555; /* 199 */ box-shadow: 0px 3px 4px #555; /* 200 */ margin-top: 0px; /* menu.css */ /* 201 */ z-index: 70; /* 202 */ margin-left: -30px; /* 203 */ } /* 204 */ /* submenu item */ /* 205 */ .container-menu-scroll nav .sub-menu li { /* 206 */ padding-left:0px; /* 207 */ display: block; /* 208 */ line-height: 18px; /* 209 */ margin-bottom: 0px; /* 210 */ width: 100%; /* 211 */ float: none; /* 212 */ position: relative; /* 213 */ text-align: left; /* 214 */ height: 30px; /* 215 */ margin-left:0px; /* 216 */ } /* 217 */ /* tekst in submenu */ /* 218 */ .container-menu-scroll nav .sub-menu li a { /* 219 */ //font-size: 24px; /* 220 */ margin-left: 0px; /* 221 */ padding-left: 50px; /* 222 */ padding-right: 50px; /* 223 */ color: #333; /* 224 */ height: 40px; /* 225 */ } /* 226 */ /* mouseover in submenu */ /* 227 */ .container-menu-scroll nav .sub-menu li a:hover { /* 228 */ color:#111; /* 229 */ text-decoration: underline; /* 230 */ } /* 231 */ /* 232 */ /* show submenu */ /* 233 */ .container-menu-scroll nav ul li:hover > ul.sub-menu { /* 234 */ display: block; /* 235 */ } /* 236 */ .container-menu-scroll nav ul ul.sub-menu:hover { /* 237 */ display: block; /* 238 */ } /* 239 */ } /* 240 */ @media only screen and (min-width: 1280px) { /* 241 */ .container-menu-scroll nav { /* 242 */ height: 45px; /* 243 */ } /* 244 */ .container-menu-scroll nav li { /* 245 */ margin-left: 5px; /* 246 */ } /* 247 */ } /* 248 */ /* 249 */ /* this is the right arrow to show that the item has a submenu */ /* 250 */ .container-menu-scroll nav .item-has-children > a::after { /* menu.css */ /* 251 */ font-family: icons; /* 252 */ content: "\47"; /* 253 */ font-size: 10px; /* 254 */ line-height: 23px; /* 255 */ text-align: center; /* 256 */ display: block; /* 257 */ height: 25px; /* 258 */ width: 25px; /* 259 */ position: absolute; /* 260 */ top: 50%; /* 261 */ bottom: auto; /* 262 */ -webkit-transform: translateY(-50%); /* 263 */ -moz-transform: translateY(-50%); /* 264 */ -ms-transform: translateY(-50%); /* 265 */ -o-transform: translateY(-50%); /* 266 */ transform: translateY(-50%); /* 267 */ right: 1em; /* 268 */ -webkit-transition-property: -webkit-transform; /* 269 */ -moz-transition-property: -moz-transform; /* 270 */ transition-property: transform; /* 271 */ -webkit-transition-duration: 0.2s; /* 272 */ -moz-transition-duration: 0.2s; /* 273 */ transition-duration: 0.2s; /* 274 */ } /* 275 */ .container-menu-scroll nav .item-has-children > a.submenu-open::after { /* 276 */ -webkit-transform: translateY(-50%) rotate(90deg); /* 277 */ -moz-transform: translateY(-50%) rotate(90deg); /* 278 */ -ms-transform: translateY(-50%) rotate(90deg); /* 279 */ -o-transform: translateY(-50%) rotate(90deg); /* 280 */ transform: translateY(-50%) rotate(90deg); /* 281 */ } /* 282 */ @media only screen and (min-width: 1024px) { /* 283 */ .container-menu-scroll nav .item-has-children > a::after { /* 284 */ height: 15px; /* 285 */ } /* 286 */ /* 287 */ /* pijltje draaien */ /* 288 */ .container-menu-scroll nav .item-has-children > a::after { /* 289 */ -webkit-transform: translateY(-50%) rotate(90deg); /* 290 */ -moz-transform: translateY(-50%) rotate(90deg); /* 291 */ -ms-transform: translateY(-50%) rotate(90deg); /* 292 */ -o-transform: translateY(-50%) rotate(90deg); /* 293 */ transform: translateY(-50%) rotate(90deg); /* 294 */ right: 0px; /* 295 */ top: 20px; /* 296 */ /* 297 */ } /* 298 */ } /* 299 */ /* 300 */ /* afdek */ /* menu.css */ /* 301 */ .afdek-nav, /* 302 */ .afdek-filter { /* 303 */ display:none; /* 304 */ position: fixed; /* 305 */ right: 0px; /* 306 */ z-index: 50; /* 307 */ top: 0px; /* 308 */ background-color: rgba(0, 0, 0, 0.0); /* 309 */ height: 100%; /* 310 */ width: 100%; /* 311 */ background-color: rgba(0, 0, 0, 0.5); /* 312 */ } /* 313 */ /* Minify_CSS_UriRewriter::$debugText docRoot : /var/www/vhosts/pauldegraaff.com/httpdocs currentDir : /var/www/vhosts/pauldegraaff.com/httpdocs/css */ /* menu-hamburger.css */ /* 1 */ @charset "UTF-8"; /* 2 */ .hamburger { /* 3 */ position: absolute; /* 4 */ height: 40px; /* 5 */ width: 40px; /* 6 */ right: 20px; /* 7 */ top: 19px; /* 8 */ cursor: pointer; /* 9 */ z-index:99999; /* 10 */ } /* 11 */ .hamburger-txt { /* 12 */ font-size: 14px; /* 13 */ color: #222; /* 14 */ position: absolute; /* 15 */ top: 6px; /* 16 */ left: -40px; /* 17 */ display: inherit; /* 18 */ line-height: 28px; /* 19 */ transition: 0.6s ease; /* 20 */ display:none; /* 21 */ } /* 22 */ .fixed .hamburger-txt { /* 23 */ color: #fff; /* 24 */ } /* 25 */ .visibality { /* 26 */ display:none; /* 27 */ } /* 28 */ .hamburger-streep { /* 29 */ transition: 0.6s ease; /* 30 */ transition-timing-function: cubic-bezier(.75, 0, .29, 1.01); /* 31 */ margin-top: 10px; /* 32 */ position: absolute; /* 33 */ } /* 34 */ .top-menu, /* 35 */ .mid-menu, /* 36 */ .bottom-menu { /* 37 */ top: 2px; /* 38 */ left:9px; /* 39 */ width: 23px; /* 40 */ height: 3px; /* 41 */ border-radius: 4px; /* 42 */ background-color: #222; /* 43 */ } /* 44 */ .mid-menu { /* 45 */ top: 9px; /* 46 */ } /* 47 */ .bottom-menu { /* 48 */ top: 16px; /* 49 */ } /* 50 */ .top-animate { /* menu-hamburger.css */ /* 51 */ top: 9px; /* 52 */ -webkit-transform: rotate(45deg); /* 53 */ -moz-transform: rotate(45deg); /* 54 */ transform: rotate(45deg); /* 55 */ background-color: #fff; /* 56 */ } /* 57 */ .mid-animate { /* 58 */ opacity: 0; /* 59 */ } /* 60 */ .bottom-animate { /* 61 */ top: 9px; /* 62 */ -webkit-transform: rotate(-225deg); /* 63 */ -moz-transform: rotate(-225deg); /* 64 */ transform: rotate(-225deg); /* 65 */ background-color: #fff; /* 66 */ } /* 67 */ .fixed { /* 68 */ position:fixed; /* 69 */ } /* 70 */ @media only screen and (min-width: 1024px) { /* 71 */ .hamburger { /* 72 */ display:none; /* 73 */ } /* 74 */ } /* 75 */ /* Minify_CSS_UriRewriter::$debugText docRoot : /var/www/vhosts/pauldegraaff.com/httpdocs currentDir : /var/www/vhosts/pauldegraaff.com/httpdocs/css */ /* knoppen.css */ /* 1 */ /* reset */ /* 2 */ button.button, input[type="button"], input[type="reset"], input[type="submit"] { /* 3 */ -webkit-appearance: button; /* 4 */ line-height: 0; /* 5 */ } /* 6 */ /* 7 */ /* knop basis */ /* 8 */ button.button { /* 9 */ position: relative; /* 10 */ margin-bottom: 20px; /* 11 */ margin-right: 0px; /* 12 */ margin-left: 0px; /* 13 */ overflow: hidden; /* 14 */ z-index: 1; /* 15 */ } /* 16 */ /* 17 */ button.button, /* 18 */ button.button a, /* 19 */ a.btn { /* 20 */ font-family: 'Montserrat', sans-serif; /* 21 */ display:inline-flex; /* 22 */ align-items:center; /* 23 */ justify-content:center; /* 24 */ font-size: 15px; /* 25 */ height: 45px; /* 26 */ text-decoration: none; /* 27 */ border-radius: 7px; /* 28 */ font-weight: 500; /* 29 */ } /* 30 */ /* 31 */ a.btn { /* 32 */ display:inline-flex; /* 33 */ align-items:center; /* 34 */ justify-content:center; /* 35 */ padding: 0 20px; /* 36 */ } /* 37 */ /* 38 */ /* 39 */ /* /* 40 *| button.button a { /* 41 *| display: block; /* 42 *| height: 45px; /* 43 *| line-height: 45px; /* 44 *| border-radius: 7px; /* 45 *| } /* 46 *| */ /* 47 */ button.button a, /* 48 */ button.button.border{ /* 49 */ border-width: 1px; /* 50 */ border-style: solid; /* knoppen.css */ /* 51 */ } /* 52 */ /* 53 */ a.btn.border { /* 54 */ border:1px solid var(--border); /* 55 */ } /* 56 */ /* 57 */ button.button:hover { /* 58 */ cursor: pointer; /* 59 */ } /* 60 */ /* 61 */ /* 62 */ /* 63 */ /* KLEUREN */ /* 64 */ /********************************************************? /* 65 *| /* BACKGROUND */ /* 66 */ /* 67 */ /* donkergrijs */ /* 68 */ button.button.bg-donkergrijs, /* 69 */ button.button.bg-donkergrijs a { /* 70 */ color: #fff; /* 71 */ background-color: #333; /* 72 */ } /* 73 */ button.button.bg-donkergrijs:hover, /* 74 */ button.button.bg-donkergrijs a:hover { /* 75 */ color: #fff; /* 76 */ background-color: #666; /* 77 */ } /* 78 */ /* 79 */ /* wit */ /* 80 */ button.button.bg-wit, /* 81 */ button.button.bg-wit a, /* 82 */ a.btn.bg-wit { /* 83 */ color: #222; /* 84 */ background-color: #fff; /* 85 */ } /* 86 */ button.button.bg-wit:hover, /* 87 */ button.button.bg-wit a:hover { /* 88 */ color: #fff; /* 89 */ background-color: #666; /* 90 */ } /* 91 */ /* lichtgrijs */ /* 92 */ button.button.bg-lichtgrijs, /* 93 */ button.button.bg-lichtgrijs a { /* 94 */ color: #fff; /* 95 */ background-color: #ccc; /* 96 */ } /* 97 */ /* 98 */ a.btn.bg-groen { /* 99 */ background-color: var(--groen); /* 100 */ color: #fff; /* knoppen.css */ /* 101 */ } /* 102 */ /* 103 */ a.btn.bg-groen:hover { /* 104 */ background-color: var(--groen-hover); /* 105 */ } /* 106 */ /* transparent */ /* 107 */ button.button.bg-transparent, /* 108 */ button.button.bg-transparent a { /* 109 */ color: #777; /* 110 */ background-color: transparent; /* 111 */ } /* 112 */ button.button.bg-transparent:hover, /* 113 */ button.button.bg-transparent a:hover { /* 114 */ color: #222; /* 115 */ background-color: transparent; /* 116 */ } /* 117 */ /* 118 */ /* 119 */ /* action */ /* 120 */ button.button.bg-action, /* 121 */ button.button.bg-action a, /* 122 */ a.btn.bg-action { /* 123 */ background-color: var(--action); /* 124 */ color: #fff; /* 125 */ } /* 126 */ /* 127 */ button.button.bg-action:hover, /* 128 */ button.button.bg-action a:hover, /* 129 */ a.btn.bg-action:hover { /* 130 */ background-color: var(--action-hover); /* 131 */ } /* 132 */ /* 133 */ /* BORDER */ /* 134 */ /* 135 */ /* donkergrijs */ /* 136 */ button.button.border-donkergrijs.border, /* 137 */ button.button.border-donkergrijs a { /* 138 */ border-color: #333; /* 139 */ } /* 140 */ /* 141 */ button.button.border-donkergrijs.border:hover, /* 142 */ button.button.border-donkergrijs a:hover { /* 143 */ border-color: #666; /* 144 */ } /* 145 */ /* wit */ /* 146 */ button.button.border-wit.border, /* 147 */ button.button.border-wit a{ /* 148 */ border-color: #fff; /* 149 */ } /* 150 */ button.button.border-wit.border:hover, /* knoppen.css */ /* 151 */ button.button.border-wit a:hover { /* 152 */ border-color: #666; /* 153 */ } /* 154 */ /* action */ /* 155 */ button.button.border-action a { /* 156 */ border-color: var(--action); /* 157 */ } /* 158 */ button.button.border-action a:hover { /* 159 */ border-color: var(--action-hover); /* 160 */ } /* 161 */ /* tekst */ /* 162 */ button.button span.txt { /* 163 */ position: relative; /* 164 */ display: block; /* 165 */ top: -2px; /* 166 */ top: 0; /* gelijk getrokken aan ander type opmaak a.btn */ /* 167 */ float: left; /* 168 */ } /* 169 */ /* padding */ /* 170 */ button.button.padding-left { /* 171 */ padding-left: 20px; /* 172 */ } /* 173 */ button.button.padding-right { /* 174 */ padding-right: 20px; /* 175 */ } /* 176 */ button.button a { /* 177 */ padding-left: 0px; /* 178 */ } /* 179 */ button.button.padding-left a { /* 180 */ padding-left: 20px; /* 181 */ margin-left: -20px; /* 182 */ } /* 183 */ button.button.padding-right a { /* 184 */ padding-right: 20px; /* 185 */ margin-right: -20px; /* 186 */ } /* 187 */ /* margin */ /* 188 */ button.button.margin-left { /* 189 */ margin-left: 5px; /* 190 */ } /* 191 */ button.button.margin-right { /* 192 */ margin-right: 5px; /* 193 */ } /* 194 */ /* ICONS */ /* 195 */ .icon-container { /* 196 */ position: relative; /* 197 */ display: block; /* 198 */ width: 33px; /* 199 */ float: left; /* 200 */ overflow: hidden; /* knoppen.css */ /* 201 */ } /* 202 */ /* breedte */ /* 203 */ button.button.width-100-procent, button.button.width-100-procent a { /* 204 */ width: 100%; /* 205 */ } /* 206 */ button.button.width-250, button.button.width-250 a { /* 207 */ width: 250px /* 208 */ } /* Minify_CSS_UriRewriter::$debugText docRoot : /var/www/vhosts/pauldegraaff.com/httpdocs currentDir : /var/www/vhosts/pauldegraaff.com/httpdocs/css */ /* footer.css */ /* 1 */ @charset "UTF-8"; /* 2 */ footer { /* 3 */ position: relative; /* 4 */ background-color: #333333; /* 5 */ color: #999; /* 6 */ z-index: 5; /* 7 */ } /* 8 */ @media only screen and (min-width: 1024px) { /* 9 */ .footer { /* 10 */ flex-shrink: 0; /* Prevent Chrome, Opera, and Safari from letting these items shrink to smaller than their content's default minimum size. */ /* 11 */ } /* 12 */ } /* 13 */ /* 14 */ .footer-content { /* 15 */ padding-top: 40px; /* 16 */ padding-right: 25px; /* 17 */ padding-bottom: 20px; /* 18 */ padding-left: 25px; /* 19 */ font-size:13px; /* 20 */ } /* 21 */ /* 22 */ .footer-content .kolom a { /* 23 */ color: #FFF; /* 24 */ text-decoration: none; /* 25 */ } /* 26 */ .footer-content .kolom a:hover { /* 27 */ color: #999; /* 28 */ text-decoration: underline; /* 29 */ } /* 30 */ footer .kolom, /* 31 */ footer .kolom-trusto { /* 32 */ width:100%; /* 33 */ float: none; /* 34 */ padding-right: 0px; /* 35 */ margin-bottom: 20px; /* 36 */ } /* 37 */ footer .kolom-trusto { /* 38 */ width: 300px; /* 39 */ } /* 40 */ @media only screen and (max-width: 1024px) { /* 41 */ footer .kolom-trusto { /* 42 */ position: relative; /* 43 */ margin: 0 auto; /* 44 */ clear: left; /* 45 */ width: 100%; /* 46 */ } /* 47 */ } /* 48 */ footer .kolom p { /* 49 */ padding-left: 45px; /* 50 */ position: relative; /* footer.css */ /* 51 */ padding-bottom: 0px; /* 52 */ } /* 53 */ .kolom span { /* 54 */ padding-right: 15px; /* 55 */ } /* 56 */ .telnr-mobiel { /* 57 */ display:none; /* 58 */ } /* 59 */ .container-icons { /* 60 */ clear: left; /* 61 */ text-align: center; /* 62 */ padding-top: 10px; /* 63 */ padding-bottom: 30px; /* 64 */ } /* 65 */ @media only screen and (min-width: 500px) { /* 66 */ footer .kolom { /* 67 */ width: 50%; /* 68 */ float: left; /* 69 */ } /* 70 */ footer .kolom-trusto { /* 71 */ float: left; /* 72 */ } /* 73 */ } /* 74 */ /* 75 */ @media only screen and (min-width: 1024px) { /* 76 */ .footer-content { /* 77 */ padding-top: 50px; /* 78 */ padding-right: 75px; /* 79 */ padding-bottom: 60px; /* 80 */ padding-left: 75px; /* 81 */ } /* 82 */ footer .kolom { /* 83 */ width: 250px; /* 84 */ } /* 85 */ .container-icons { /* 86 */ clear: none; /* 87 */ text-align: right; /* 88 */ padding-top: 0px; /* 89 */ padding-bottom: 0px; /* 90 */ float:right; /* 91 */ } /* 92 */ } /* 93 */ @media only screen and (min-width: 1024px) { /* 94 */ .footer-content { /* 95 */ padding-top: 70px; /* 96 */ padding-right: 95px; /* 97 */ padding-bottom: 70px; /* 98 */ padding-left: 95px; /* 99 */ } /* 100 */ } /* footer.css */ /* 101 */ /* 102 */ /* icons */ /* 103 */ .icon-footer { /* 104 */ font-size: 20px; /* 105 */ margin-right: 3px; /* 106 */ margin-left: 3px; /* 107 */ text-align: center; /* 108 */ line-height: 42px; /* 109 */ display: inline-block; /* 110 */ } /* 111 */ .icon-footer a { /* 112 */ color: #fff; /* 113 */ background-color: #555; /* 114 */ text-decoration: none; /* 115 */ display: inline-block; /* 116 */ height: 35px; /* 117 */ width: 35px; /* 118 */ border-radius: 50%; /* 119 */ } /* 120 */ .icon-footer a:hover { /* 121 */ background-color: #111; /* 122 */ } /* 123 */ /* footer elements */ /* 124 */ .kolom-content.contact .icooon, /* 125 */ footer .icooon { /* 126 */ width: 30px; /* 127 */ position: absolute; /* 128 */ left: 5px; /* 129 */ top: 2px; /* 130 */ font-size: 26px; /* 131 */ line-height: 45px; /* 132 */ } /* 133 */ footer .icooon { /* 134 */ line-height: 20px; /* 135 */ } /* 136 */ /* WEBDESIGN */ /* 137 */ #container-webdesign { /* 138 */ position: relative; /* 139 */ position:absolute; /* 140 */ bottom:0px; /* 141 */ width: 100%; /* 142 */ } /* 143 */ #webdesign { /* 144 */ font-size: 11px; /* 145 */ text-align: center; /* 146 */ text-align: right; /* 147 */ width: auto; /* 148 */ position: relative; /* 149 */ margin-right: auto; /* 150 */ margin-left: auto; /* footer.css */ /* 151 */ padding-right: 0px; /* 152 */ padding-right: 20px; /* 153 */ padding-bottom: 10px; /* 154 */ } /* 155 */ #webdesign a { /* 156 */ text-decoration : none; /* 157 */ color: #666666; /* 158 */ } /* 159 */ @media only screen and (min-width: 665px) { /* 160 */ #webdesign { /* 161 */ text-align: right; /* 162 */ padding-right: 20px; /* 163 */ } /* 164 */ } /* 165 */ /* /* 166 *| disclaimer /* 167 *| */ /* 168 */ #container-disclaimer { /* 169 */ position: absolute; /* 170 */ bottom: 10px; /* 171 */ width: 100%; /* 172 */ z-index: 90; /* 173 */ } /* 174 */ #disclaimer { /* 175 */ font-size: 12px; /* 176 */ text-align: left; /* 177 */ position: relative; /* 178 */ padding-left: 25px; /* 179 */ color: #777; /* 180 */ } /* 181 */ #disclaimer a { /* 182 */ text-decoration: none; /* 183 */ color: #999; /* 184 */ } /* 185 */ #webdesign a:hover, /* 186 */ #disclaimer a:hover { /* 187 */ color: #fff; /* 188 */ text-decoration: underline; /* 189 */ } /* 190 */ #disclaimer span { /* 191 */ padding-right: 15px; /* 192 */ display:inline-block; /* 193 */ } /* 194 */ @media only screen and (min-width: 700px) { /* 195 */ #container-disclaimer { /* 196 */ width: 70%; /* 197 */ } /* 198 */ } /* 199 */ /* 200 */ /* scroll up button */ /* footer.css */ /* 201 */ .knop-scroll-up { /* 202 */ height: 35px; /* 203 */ width: 35px; /* 204 */ position: absolute; /* 205 */ position: fixed; /* 206 */ bottom: -40px; /* 207 */ right: 25px; /* 208 */ float: right !important; /* 209 */ box-shadow: none; /* 210 */ overflow: hidden; /* 211 */ white-space: nowrap; /* 212 */ -webkit-transition: bottom 1s ease; /* 213 */ -moz-transition: bottom 1s ease; /* 214 */ -o-transition: bottom 1s ease; /* 215 */ z-index: 99; /* 216 */ color: #999; /* 217 */ background-color: #fff; /* 218 */ border-radius: 50%; /* 219 */ } /* 220 */ .show-button { /* 221 */ bottom: 20px; /* 222 */ } /* 223 */ .knop-scroll-up:after{ /* 224 */ font-family: icons; /* 225 */ content: "\26"; /* 226 */ font-size:18px; /* 227 */ line-height:37px; /* 228 */ text-align: center; /* 229 */ display: block; /* 230 */ height: 35px; /* 231 */ width: 35px; /* 232 */ position: absolute; /* 233 */ border-radius:50%; /* 234 */ } /* 235 */ .knop-scroll-up:hover{ /* 236 */ color: #000; /* 237 */ cursor: pointer; /* 238 */ } /* 239 */ @media only screen and (min-width: 768px) { /* 240 */ .knop-scroll-up { /* 241 */ right: 35px; /* 242 */ } /* 243 */ } /* Minify_CSS_UriRewriter::$debugText docRoot : /var/www/vhosts/pauldegraaff.com/httpdocs currentDir : /var/www/vhosts/pauldegraaff.com/httpdocs/css */ /* cookiebar.css */ /* 1 */ @charset "utf-8"; /* 2 */ .container-cookie-melding { /* 3 */ min-height: 10px; /* 4 */ background-color: #FFF; /* 5 */ position: fixed; /* 6 */ z-index: 999999; /* 7 */ bottom: -400px; /* 8 */ width: -moz-calc(100% - 40px); /* Firefox */ /* 9 */ width: -webkit-calc(100% - 40px); /* WebKit */ /* 10 */ width: -o-calc(100% - 40px); /* Opera */ /* 11 */ width: calc(100% - 40px); /* 12 */ -webkit-transition: bottom 0.3s ease-out; /* 13 */ -moz-transition: bottom 0.3s ease-out; /* 14 */ transition: bottom 0.3s ease-out; /* 15 */ -moz-box-shadow: 0px 0px 12px #666; /* 16 */ -webkit-box-shadow: 0px 0px 12px #666; /* 17 */ box-shadow: 0px 0px 12px #666; /* 18 */ -webkit-box-sizing: content-box; /* 19 */ -moz-box-sizing: content-box; /* 20 */ box-sizing: content-box; /* 21 */ padding-top: 30px; /* 22 */ padding-right: 20px; /* 23 */ padding-bottom: 30px; /* 24 */ padding-left: 20px; /* 25 */ } /* 26 */ .container-cookie-melding-tekst { /* 27 */ width: 95%; /* 28 */ max-width:520px; /* 29 */ margin-right: auto; /* 30 */ margin-left: auto; /* 31 */ position: relative; /* 32 */ color: #66667e; /* 33 */ text-align:center; /* 34 */ } /* 35 */ .container-cookie-melding-tekst p.txt, /* 36 */ .cookie-knop { /* 37 */ display:inline-block; /* 38 */ } /* 39 */ /* 40 */ .container-cookie-melding-tekst a { /* 41 */ color: #66667e; /* 42 */ text-decoration: underline; /* 43 */ font-size: 80%; /* 44 */ } /* 45 */ .cookie-melding-fond { /* 46 */ background-color: #000; /* 47 */ position: fixed; /* 48 */ z-index: 99999; /* 49 */ height: 100%; /* 50 */ width: 100%; /* cookiebar.css */ /* 51 */ left: 0px; /* 52 */ top: 0px; /* 53 */ right: 0px; /* 54 */ bottom: 0px; /* 55 */ opacity: 0.4; /* 56 */ display:none; /* 57 */ } /* 58 */ .toon-panel { /* 59 */ bottom: 0px; /* 60 */ } /* 61 */ .container-cookie-melding p { /* 62 */ //float: left; /* 63 */ //background-color: #0CF; /* 64 */ padding-bottom:20px; /* 65 */ padding-top:0px; /* 66 */ } /* 67 */ .cookie-knop { /* 68 */ background-color: #999; /* 69 */ color: #FFF; /* 70 */ margin-top: 0px; /* 71 */ font-weight: bold; /* 72 */ display: inline-block; /* 73 */ border-radius: 3px; /* 74 */ padding-top: 8px; /* 75 */ padding-right: 15px; /* 76 */ padding-bottom: 8px; /* 77 */ padding-left: 15px; /* 78 */ //float: right; /* 79 */ margin-left: 15px; /* 80 */ margin-right: 15px; /* 81 */ margin-bottom: 15px; /* 82 */ } /* 83 */ .cookie-knop:hover { /* 84 */ cursor: pointer; /* 85 */ background-color: #666; /* 86 */ } /* 87 */ .ok, /* 88 */ .cookie-knop.ok:hover { /* 89 */ background-color: #3C6; /* 90 */ } /* 91 */ .niet-ok, /* 92 */ .cookie-knop.niet-ok:hover { /* 93 */ background-color: #F03; /* 94 */ } /* 95 */ hr.style-six { /* 96 */ margin-bottom: 20px; /* 97 */ border-top-width: 1px; /* 98 */ border-top-style: solid; /* 99 */ border-right-style: none; /* 100 */ border-bottom-style: none; /* cookiebar.css */ /* 101 */ border-left-style: none; /* 102 */ border-top-color: #777; /* 103 */ border-right-width: 0px; /* 104 */ border-bottom-width: 0px; /* 105 */ border-left-width: 0px; /* 106 */ border-bottom-color: #777; /* 107 */ } /* 108 */ /* kruisje sluiten */ /* 109 */ .container-icon-sluit { /* 110 */ position: absolute; /* 111 */ height: 26px; /* 112 */ width: 26px; /* 113 */ right: 10px; /* 114 */ top: 10px; /* 115 */ background-color: #fff; /* 116 */ -moz-transition: opacity 0.3s; /* 117 */ -webkit-transition: opacity 0.3s; /* 118 */ -o-transition: opacity 0.3s; /* 119 */ opacity:0.4; /* 120 */ display:none; /* 121 */ } /* 122 */ .container-icon-sluit:hover { /* 123 */ opacity:1; /* 124 */ cursor:pointer; /* 125 */ } /* 126 */ .container-cookie-melding .streepje { /* 127 */ margin-top: 10px; /* 128 */ position: absolute; /* 129 */ background-color: #333; /* 130 */ width: 25px; /* 131 */ height: 2px; /* 132 */ top: 2px; /* 133 */ } /* 134 */ .container-cookie-melding .streepje.omlaag { /* 135 */ -webkit-transform: rotate(45deg); /* 136 */ /* Chrome, Safari, Opera */ /* 137 */ transform: rotate(45deg); /* 138 */ } /* 139 */ .container-cookie-melding .streepje.omhoog { /* 140 */ -webkit-transform: rotate(-225deg); /* 141 */ /* Chrome, Safari, Opera */ /* 142 */ transform: rotate(-225deg); /* 143 */ } /* 144 */ @media only screen and (min-width: 768px) { /* 145 */ .container-cookie-melding { /* 146 */ width: -moz-calc(100% - 60px); /* Firefox */ /* 147 */ width: -webkit-calc(100% - 60px); /* WebKit */ /* 148 */ width: -o-calc(100% - 60px); /* Opera */ /* 149 */ width: calc(100% - 60px); /* Standard */ /* 150 */ padding: 30px; /* cookiebar.css */ /* 151 */ } /* 152 */ .container-cookie-melding-tekst { /* 153 */ width: 90%; /* 154 */ } /* 155 */ .container-cookie-melding p { /* 156 */ float: left; /* 157 */ } /* 158 */ .cookie-knop { /* 159 */ float: right; /* 160 */ margin-right: 0px; /* 161 */ } /* 162 */ p.meer-informatie { /* 163 */ position: relative; /* 164 */ top: -25px; /* 165 */ } /* 166 */ } /* 167 */ /* Minify_CSS_UriRewriter::$debugText docRoot : /var/www/vhosts/pauldegraaff.com/httpdocs currentDir : /var/www/vhosts/pauldegraaff.com/httpdocs/css */ /* content.css */ /* 1 */ @charset "UTF-8"; /* 2 */ /* 3 */ .section-anker { /* 4 */ height: 20px; /* 5 */ width: 10px; /* 6 */ position: absolute; /* 7 */ top: -20px; /* 8 */ left: 0px; /* 9 */ z-index: 9; /* 10 */ //background-color: red; /* 11 */ } /* 12 */ /* PAGINA TOP TEKST */ /* 13 */ .wrapper-content.pagina-top-tekst { /* 14 */ max-width: 1400px; /* 15 */ margin-left: auto; /* 16 */ margin-right: 0; /* 17 */ } /* 18 */ .pagina-top-tekst .kolom-links { /* 19 */ width: 20%; /* 20 */ float: left; /* 21 */ margin-right: 20px; /* 22 */ padding-top: 8px; /* 23 */ margin-bottom: 10px; /* 24 */ text-align: right; /* 25 */ } /* 26 */ .pagina-top-tekst .kolom-links .image { /* 27 */ max-width: 185px; /* 28 */ display: inline-block; /* 29 */ } /* 30 */ @media only screen and (min-width: 760px) { /* 31 */ .pagina-top-tekst .kolom-links { /* 32 */ margin-right: 0px; /* 33 */ } /* 34 */ .pagina-top-tekst .kolom-rechts { /* 35 */ width: 75%; /* 36 */ float: right; /* 37 */ } /* 38 */ } /* 39 */ @media only screen and (min-width: 1600px) { /* 40 */ .wrapper-content.pagina-top-tekst { /* 41 */ width: 75%; /* 42 */ margin-left: 20%; /* 43 */ margin-right: 5%; /* 44 */ } /* 45 */ } /* 46 */ /* 47 */ /* Image contain */ /* 48 */ /* 49 */ .container-knoppen { /* 50 */ padding-left: 20px; /* content.css */ /* 51 */ padding-right: 20px; /* 52 */ padding-bottom: 20px; /* 53 */ } /* 54 */ @media only screen and (min-width: 768px) { /* 55 */ .container-knoppen { /* 56 */ padding-left: 40px; /* 57 */ padding-right: 40px; /* 58 */ padding-bottom: 40px; /* 59 */ } /* 60 */ } /* 61 */ @media only screen and (min-width: 1440px) { /* 62 */ .container-knoppen { /* 63 */ padding-left: 60px; /* 64 */ padding-right: 60px; /* 65 */ padding-bottom: 60px; /* 66 */ } /* 67 */ } /* 68 */ /* 69 */ /* HOOFDSTUK LINK */ /* 70 */ .hoofdstuklinks h3 { /* 71 */ margin-bottom: 30px; /* 72 */ } /* 73 */ .hoofdstuk-link { /* 74 */ position: relative; /* 75 */ display: inline-block; /* 76 */ text-align: center; /* 77 */ width: -moz-calc(50% - 30px); /* Firefox */ /* 78 */ width: -webkit-calc(50% - 30px); /* WebKit */ /* 79 */ width: -o-calc(50% - 30px); /* Opera */ /* 80 */ width: calc(50% - 30px); /* Standard */ /* 81 */ max-width: 160px; /* 82 */ margin-left: 10px; /* 83 */ margin-right: 10px; /* 84 */ margin-bottom: 30px; /* 85 */ vertical-align: top; /* 86 */ } /* 87 */ .hoofdstuk-link .image { /* 88 */ margin-bottom: 20px; /* 89 */ } /* 90 */ .hoofdstuk-link h4 { /* 91 */ line-height: 20px; /* 92 */ text-transform: uppercase; /* 93 */ font-size: 11px; /* 94 */ font-weight: 600; /* 95 */ font-variant: normal; /* 96 */ letter-spacing: 2px; /* 97 */ color:#333; /* 98 */ margin-bottom: 10px; /* 99 */ padding-left: 5px; /* 100 */ padding-right: 5px; /* content.css */ /* 101 */ } /* 102 */ @media only screen and (min-width: 768px) { /* 103 */ .hoofdstuk-link { /* 104 */ width: -moz-calc(33.3333% - 40px); /* Firefox */ /* 105 */ width: -webkit-calc(33.3333% - 40px); /* WebKit */ /* 106 */ width: -o-calc(33.3333% - 40px); /* Opera */ /* 107 */ width: calc(33.3333% - 40px); /* Standard */ /* 108 */ margin-left: 20px; /* 109 */ margin-right: 20px; /* 110 */ margin-bottom: 30px; /* 111 */ } /* 112 */ /* 113 */ } /* Minify_CSS_UriRewriter::$debugText docRoot : /var/www/vhosts/pauldegraaff.com/httpdocs currentDir : /var/www/vhosts/pauldegraaff.com/httpdocs/css */ /* foto.css */ /* 1 */ @charset "UTF-8"; /* 2 */ /* IMAGE COVER */ /* 3 */ .image { /* 4 */ display: block; /* 5 */ width: 100%; /* 6 */ position: relative; /* 7 */ } /* 8 */ .image:before{ /* 9 */ content: ""; /* 10 */ display: block; /* 11 */ padding-top: 100%; /* 12 */ } /* 13 */ /* 14 */ .img-container { /* 15 */ position: absolute; /* 16 */ top: 0; /* 17 */ left: 0; /* 18 */ bottom: 0; /* 19 */ right: 0; /* 20 */ background-color: #9c9b9a; /* 21 */ background: rgba(15,23,42,0.2); /* 22 */ } /* 23 */ .img-container a:hover { /* 24 */ cursor: zoom-in; /* 25 */ } /* 26 */ /* 27 */ .img-container .featured-image { /* 28 */ width: 100%; /* 29 */ height: 100%; /* 30 */ object-fit: cover; /* 31 */ overflow: hidden; /* 32 */ } /* 33 */ /* 34 */ .img-container.contain .featured-image { /* 35 */ object-fit: contain; /* 36 */ } /* 37 */ /* 38 */ .img-container img, /* 39 */ .img-container video { /* 40 */ width: 100%; /* 41 */ height: 100%; /* 42 */ object-fit: cover; /* 43 */ overflow: hidden; /* 44 */ } /* 45 */ /* 46 */ .custom-object-fit { /* 47 */ position: relative; /* 48 */ background-size: cover; /* 49 */ background-position: center center; /* 50 */ } /* foto.css */ /* 51 */ .custom-object-fit .featured-image { /* 52 */ opacity: 0; /* 53 */ } /* 54 */ .img-container.custom-object-fit { /* 55 */ position: absolute; /* 56 */ top: 0; /* 57 */ left: 0; /* 58 */ bottom: 0; /* 59 */ right: 0; /* 60 */ } /* Minify_CSS_UriRewriter::$debugText docRoot : /var/www/vhosts/pauldegraaff.com/httpdocs currentDir : /var/www/vhosts/pauldegraaff.com/httpdocs/css */ /* justifiedGallery.css */ /* 1 */ @charset "UTF-8"; /* 2 */ /*! /* 3 *| * justifiedGallery - v3.8.0 /* 4 *| * http://miromannino.github.io/Justified-Gallery/ /* 5 *| * Copyright (c) 2020 Miro Mannino /* 6 *| * Licensed under the MIT license. /* 7 *| */ /* 8 */ .justified-gallery { /* 9 */ width: 100%; /* 10 */ position: relative; /* 11 */ overflow: hidden; /* 12 */ } /* 13 */ .justified-gallery > a, /* 14 */ .justified-gallery > div, /* 15 */ .justified-gallery > figure { /* 16 */ position: absolute; /* 17 */ display: inline-block; /* 18 */ overflow: hidden; /* 19 */ /* background: #888888; To have gray placeholders while the gallery is loading with waitThumbnailsLoad = false */ /* 20 */ filter: "alpha(opacity=10)"; /* 21 */ opacity: 0.1; /* 22 */ margin: 0; /* 23 */ padding: 0; /* 24 */ } /* 25 */ .justified-gallery > a > img, /* 26 */ .justified-gallery > div > img, /* 27 */ .justified-gallery > figure > img, /* 28 */ .justified-gallery > a > a > img, /* 29 */ .justified-gallery > div > a > img, /* 30 */ .justified-gallery > figure > a > img, /* 31 */ .justified-gallery > a > svg, /* 32 */ .justified-gallery > div > svg, /* 33 */ .justified-gallery > figure > svg, /* 34 */ .justified-gallery > a > a > svg, /* 35 */ .justified-gallery > div > a > svg, /* 36 */ .justified-gallery > figure > a > svg { /* 37 */ position: absolute; /* 38 */ top: 50%; /* 39 */ left: 50%; /* 40 */ margin: 0; /* 41 */ padding: 0; /* 42 */ border: none; /* 43 */ filter: "alpha(opacity=0)"; /* 44 */ opacity: 0; /* 45 */ } /* 46 */ .justified-gallery > a > .jg-caption, /* 47 */ .justified-gallery > div > .jg-caption, /* 48 */ .justified-gallery > figure > .jg-caption { /* 49 */ display: none; /* 50 */ position: absolute; /* justifiedGallery.css */ /* 51 */ bottom: 0; /* 52 */ padding: 5px; /* 53 */ background-color: #000000; /* 54 */ left: 0; /* 55 */ right: 0; /* 56 */ margin: 0; /* 57 */ color: white; /* 58 */ font-size: 12px; /* 59 */ font-weight: 300; /* 60 */ font-family: sans-serif; /* 61 */ } /* 62 */ .justified-gallery > a > .jg-caption.jg-caption-visible, /* 63 */ .justified-gallery > div > .jg-caption.jg-caption-visible, /* 64 */ .justified-gallery > figure > .jg-caption.jg-caption-visible { /* 65 */ display: initial; /* 66 */ filter: "alpha(opacity=70)"; /* 67 */ opacity: 0.7; /* 68 */ -webkit-transition: opacity 500ms ease-in; /* 69 */ -moz-transition: opacity 500ms ease-in; /* 70 */ -o-transition: opacity 500ms ease-in; /* 71 */ transition: opacity 500ms ease-in; /* 72 */ } /* 73 */ .justified-gallery > .jg-entry-visible { /* 74 */ filter: "alpha(opacity=100)"; /* 75 */ opacity: 1; /* 76 */ background: none; /* 77 */ } /* 78 */ .justified-gallery > .jg-entry-visible > img, /* 79 */ .justified-gallery > .jg-entry-visible > a > img, /* 80 */ .justified-gallery > .jg-entry-visible > svg, /* 81 */ .justified-gallery > .jg-entry-visible > a > svg { /* 82 */ filter: "alpha(opacity=100)"; /* 83 */ opacity: 1; /* 84 */ -webkit-transition: opacity 500ms ease-in; /* 85 */ -moz-transition: opacity 500ms ease-in; /* 86 */ -o-transition: opacity 500ms ease-in; /* 87 */ transition: opacity 500ms ease-in; /* 88 */ } /* 89 */ .justified-gallery > .jg-filtered { /* 90 */ display: none; /* 91 */ } /* 92 */ .justified-gallery > .jg-spinner { /* 93 */ position: absolute; /* 94 */ bottom: 0; /* 95 */ margin-left: -24px; /* 96 */ padding: 10px 0 10px 0; /* 97 */ left: 50%; /* 98 */ filter: "alpha(opacity=100)"; /* 99 */ opacity: 1; /* 100 */ overflow: initial; /* justifiedGallery.css */ /* 101 */ } /* 102 */ .justified-gallery > .jg-spinner > span { /* 103 */ display: inline-block; /* 104 */ filter: "alpha(opacity=0)"; /* 105 */ opacity: 0; /* 106 */ width: 8px; /* 107 */ height: 8px; /* 108 */ margin: 0 4px 0 4px; /* 109 */ background-color: #000; /* 110 */ border-radius: 6px; /* 111 */ } /* 112 */ /* 113 */ /* EIGEN STYLING */ /* 114 */ /* 115 */ .container-justified-gallery { /* 116 */ background-color:#9c9b9a; /* 117 */ padding: 20px; /* 118 */ padding-bottom: 40px; /* 119 */ z-index: 5; /* 120 */ } /* 121 */ .container-justified-gallery h2 { /* 122 */ text-align: center; /* 123 */ color: #fff; /* 124 */ margin-top: 20px; /* 125 */ font-size: 15px; /* 126 */ text-transform: uppercase; /* 127 */ font-weight: 600; /* 128 */ font-variant: normal; /* 129 */ letter-spacing: 3px; /* 130 */ } /* 131 */ .gallery { /* 132 */ padding: 50px; /* 133 */ } /* 134 */ .gallery .negative-margin { /* 135 */ margin-left: -5px; /* 136 */ margin-right: -5px; /* 137 */ } /* 138 */ .gallery img { /* 139 */ float: left; /* 140 */ margin-bottom: 10px; /* 141 */ margin-left: 5px; /* 142 */ margin-right: 5px; /* 143 */ width: -moz-calc(50% - 10px); /* Firefox */ /* 144 */ width: -webkit-calc(50% - 10px); /* WebKit */ /* 145 */ width: -o-calc(50% - 10px); /* Opera */ /* 146 */ width: calc(50% - 10px); /* Standard */ /* 147 */ } /* 148 */ .gallery-item { /* 149 */ position: relative; /* 150 */ } /* justifiedGallery.css */ /* 151 */ .gallery-item picture img { /* 152 */ width: 100%; /* 153 */ } /* 154 */ @media only screen and (min-width: 768px) { /* 155 */ .gallery.negative-margin { /* 156 */ margin-left: -10px; /* 157 */ margin-right: -10px; /* 158 */ } /* 159 */ .gallery img { /* 160 */ margin-bottom: 20px; /* 161 */ margin-left: 10px; /* 162 */ margin-right: 10px; /* 163 */ width: -moz-calc(25% - 20px); /* Firefox */ /* 164 */ width: -webkit-calc(25% - 20px); /* WebKit */ /* 165 */ width: -o-calc(25% - 20px); /* Opera */ /* 166 */ width: calc(25% - 20px); /* Standard */ /* 167 */ } /* 168 */ .pic-klein-scherm { /* 169 */ display: none; /* 170 */ } /* 171 */ .pic-groot-scherm { /* 172 */ display: inherit; /* 173 */ } /* 174 */ } /* 175 */ /* Mouse-over */ /* 176 */ .mouse-over { /* 177 */ position: absolute; /* 178 */ background-color: rgba(0,0,0,0); /* 179 */ top: 0; /* 180 */ left: 0; /* 181 */ bottom: 0; /* 182 */ right: 0; /* 183 */ z-index: 10; /* 184 */ -webkit-transition: background-color 0.2s ease-in-out; /* 185 */ -moz-transition: background-color 0.2s ease-in-out; /* 186 */ transition: background-color 0.2s ease-in-out; /* 187 */ } /* 188 */ .jg-entry a:hover .mouse-over { /* 189 */ background-color: rgba(0,0,0,0.5); /* 190 */ } /* 191 */ .mouse-over.loep:after { /* 192 */ position: absolute; /* 193 */ font-family: "icons"; /* 194 */ content: "\5a"; /* 195 */ font-size: 36px; /* 196 */ line-height: 38px; /* 197 */ width: 100%; /* 198 */ height: 40px; /* 199 */ top: -moz-calc(50% - 20px); /* Firefox */ /* 200 */ top: -webkit-calc(50% - 20px); /* WebKit */ /* justifiedGallery.css */ /* 201 */ top: -o-calc(50% - 20px); /* Opera */ /* 202 */ top: calc(50% - 20px); /* Standard */ /* 203 */ left: 0; /* 204 */ right: 0; /* 205 */ text-align: center; /* 206 */ color: #fff; /* 207 */ opacity: 0; /* 208 */ } /* 209 */ .jg-entry a { /* 210 */ color: #fff; /* 211 */ -webkit-transition: background-color 0.2s ease-in-out; /* 212 */ -moz-transition: background-color 0.2s ease-in-out; /* 213 */ transition: background-color 0.2s ease-in-out; /* 214 */ } /* 215 */ .titel-project { /* 216 */ display: none; /* 217 */ } /* 218 */ @media only screen and (min-width: 768px) { /* 219 */ .titel-project { /* 220 */ display: inherit; /* 221 */ position: absolute; /* 222 */ left: 20px; /* 223 */ bottom: 13px; /* 224 */ font-size: 13px; /* 225 */ line-height: 15px; /* 226 */ font-weight: 500; /* 227 */ opacity: 0; /* 228 */ -webkit-transition: opacity 0.4s ease-in-out; /* 229 */ -moz-transition: opacity 0.4s ease-in-out; /* 230 */ transition: opacity 0.4s ease-in-out; /* 231 */ } /* 232 */ } /* 233 */ /* 234 */ .jg-entry a:hover .mouse-over:after { /* 235 */ opacity: 1; /* 236 */ } /* 237 */ .jg-entry a:hover .titel-project { /* 238 */ opacity: 1; /* 239 */ } /* Minify_CSS_UriRewriter::$debugText docRoot : /var/www/vhosts/pauldegraaff.com/httpdocs currentDir : /var/www/vhosts/pauldegraaff.com/httpdocs/css */ /* video.css */ /* 1 */ @charset "UTF-8"; /* 2 */ .wrapper-content.video { /* 3 */ padding-top: 40px; /* 4 */ } /* 5 */ .video h2 { /* 6 */ margin-top: 20px; /* 7 */ } /* 8 */ .video p { /* 9 */ padding-bottom: 0px; /* 10 */ } /* 11 */ .video-container { /* 12 */ position: relative; /* 13 */ width: 100%; /* 14 */ max-width: 900px; /* 15 */ margin-left: auto; /* 16 */ margin-right: auto; /* 17 */ text-align: center; /* 18 */ padding-bottom: 40px; /* 19 */ } /* 20 */ .video h1 { /* 21 */ color: #fff; /* 22 */ font-size: 12px; /* 23 */ text-transform: uppercase; /* 24 */ font-weight: 600; /* 25 */ font-variant: normal; /* 26 */ letter-spacing: 3px; /* 27 */ text-align: center; /* 28 */ margin-bottom: 50px; /* 29 */ } /* 30 */ .embed-container { /* 31 */ width: 100%; /* 32 */ } /* 33 */ .embed-container { /* 34 */ position: relative; /* 35 */ padding-bottom: 52%; /* 16/9 ratio */ /* 36 */ padding-top: 30px; /* IE6 workaround*/ /* 37 */ height: 0; /* 38 */ overflow: hidden; /* 39 */ } /* 40 */ .embed-container iframe, /* 41 */ .embed-container object, /* 42 */ .embed-container embed { /* 43 */ position: absolute; /* 44 */ top: 0; /* 45 */ left: 0; /* 46 */ width: 100%; /* 47 */ height: 100%; /* 48 */ } /* 49 */ video { /* 50 */ display: block; /* video.css */ /* 51 */ width:100%; /* 52 */ height:auto; /* 53 */ } /* 54 */ /* Nodig om Video.js weer te laten schalen naar 100% breedte: */ /* 55 */ .video-js { /* 56 */ width: auto !important; /* 57 */ height: auto !important; /* 58 */ } /* 59 */ .video-js video { /* 60 */ position: relative !important; /* 61 */ } /* 62 */ @media only screen and (min-width: 7680px) { /* 63 */ /* 64 */ } /* 65 */ /* 66 */ /* Minify_CSS_UriRewriter::$debugText docRoot : /var/www/vhosts/pauldegraaff.com/httpdocs currentDir : /var/www/vhosts/pauldegraaff.com/httpdocs/css */ /* webshop.css */ /* 1 */ @charset "UTF-8"; /* 2 */ /* 3 */ /* BASICS */ /* 4 */ :root{ /* 5 */ --bg:#f7f8fb; /* 6 */ --card:#ffffff; /* 7 */ --muted:#475569; /* 8 */ --text:#0f172a; /* 9 */ --border: rgba(15,23,42,0.15); /* 10 */ --border_light: rgba(15,23,42,0.15); /* 11 */ --bg-grey: rgba(15,23,42,0.04); /* 12 */ } /* 13 */ /* 14 */ /* wagentje met aantal */ /* 15 */ #knop-winkelwagentje { /* 16 */ position: absolute; /* 17 */ top: 16px; /* 18 */ right: 68px; /* 19 */ } /* 20 */ #knop-winkelwagentje a { /* 21 */ display: block; /* 22 */ width: 50px; /* 23 */ height: 50px; /* 24 */ text-align: center; /* 25 */ line-height: 48px; /* 26 */ font-size: 26px; /* 27 */ } /* 28 */ #aantal { /* 29 */ position: absolute; /* 30 */ font-size: 10px; /* 31 */ line-height: 18px; /* 32 */ font-weight: 600; /* 33 */ color: #fff; /* 34 */ width: 18px; /* 35 */ height: 18px; /* 36 */ border-radius: 50%; /* 37 */ background-color: lightskyblue; /* 38 */ top: 2px; /* 39 */ right: 2px; /* 40 */ } /* 41 */ @media only screen and (min-width: 1024px) { /* 42 */ #knop-winkelwagentje { /* 43 */ top: 68px; /* 44 */ right: 38px; /* 45 */ } /* 46 */ } /* 47 */ /* /* 48 *| .panel{ /* 49 *| border:1px solid var(--border_light); /* 50 *| background: rgba(15,23,42,0.02); /* webshop.css *| /* 51 *| background-color: var(--bg-grey); /* 52 *| padding:18px; /* 53 *| } /* 54 *| /* 55 *| .btn { /* 56 *| display:inline-flex; align-items:center; justify-content:center; /* 57 *| padding:8px 14px; /* 58 *| border-radius:7px; /* 59 *| border:1px solid var(--border); /* 60 *| background: rgba(15,23,42,0.03); /* 61 *| font-weight:600; /* 62 *| } /* 63 *| /* 64 *| .btn:hover{ /* 65 *| background: rgba(15,23,42,0.06); /* 66 *| } /* 67 *| /* 68 *| .btn.primary{ /* 69 *| border:0; /* 70 *| border:1px solid var(--border); /* 71 *| background: linear-gradient(135deg, var(--brand), var(--brand2)); /* 72 *| background: var(--action); /* 73 *| border-color: var(--action); /* 74 *| color:#ffffff; /* 75 *| padding:7px 14px; /* 76 *| } /* 77 *| /* 78 *| .form .btn.primary{ /* 79 *| padding:13px 14px; /* 80 *| } /* 81 *| /* 82 *| .btn.primary:hover { /* 83 *| background: var(--action-hover); /* 84 *| } /* 85 *| */ /* 86 */ .hr { /* 87 */ height:1px; background: var(--border); /* 88 */ margin: 12px 0; /* 89 */ } /* 90 */ /* 91 */ /* SHOP ITEMS GRID */ /* 92 */ .container-shop-items { /* 93 */ display: flex; /* 94 */ flex-wrap: wrap; /* 95 */ } /* 96 */ /* 97 */ .shop-item { /* 98 */ position: relative; /* 99 */ text-align: center; /* 100 */ width: 100%; /* webshop.css */ /* 101 */ margin-bottom: 30px; /* 102 */ display: flex; /* 103 */ flex-direction: column; /* 104 */ } /* 105 */ /* 106 */ .shop-item a img { /* 107 */ transition: all 0.3s ease-in-out; /* 108 */ -moz-transition: all 0.3s ease-in-out; /* 109 */ } /* 110 */ /* hover */ /* 111 */ .shop-item a:hover img{ /* 112 */ -moz-transform: scale(1.1); /* 113 */ transform: scale(1.1); /* 114 */ } /* 115 */ /* 116 */ .shop-item .image { /* 117 */ margin-bottom: 20px; /* 118 */ overflow: hidden; /* 119 */ } /* 120 */ /* 121 */ .shop-item h3 { /* 122 */ font-size: 12px; /* 123 */ line-height: 20px; /* 124 */ font-weight: 600; /* 125 */ font-style: normal; /* 126 */ color:#333; /* 127 */ margin-bottom: 10px; /* 128 */ padding-left: 5px; /* 129 */ padding-right: 5px; /* 130 */ } /* 131 */ /* 132 */ @media only screen and (min-width: 360px) { /* 133 */ .container-shop-items { /* 134 */ grid-column-gap: 4%; /* 135 */ } /* 136 */ .shop-item { /* 137 */ width: 48%; /* 138 */ } /* 139 */ } /* 140 */ @media only screen and (min-width: 768px) { /* 141 */ .container-shop-items { /* 142 */ grid-column-gap: 3%; /* 143 */ } /* 144 */ .shop-item { /* 145 */ width: 31.3333%; /* 146 */ } /* 147 */ .shop-item h3 { /* 148 */ font-size: 14px; /* 149 */ } /* 150 */ } /* webshop.css */ /* 151 */ @media only screen and (min-width: 1024px) { /* 152 */ .container-shop-items { /* 153 */ grid-column-gap: 3%; /* 154 */ } /* 155 */ .shop-item { /* 156 */ width: 22.75%; /* 157 */ } /* 158 */ } /* 159 */ @media only screen and (min-width: 1024px) { /* 160 */ .container-shop-items { /* 161 */ grid-column-gap: 3%; /* 162 */ } /* 163 */ .shop-item { /* 164 */ width: 22.75%; /* 165 */ } /* 166 */ .shop-item h3 { /* 167 */ padding-left: 15px; /* 168 */ padding-right: 15px; /* 169 */ margin-bottom: 20px; /* 170 */ } /* 171 */ } /* 172 */ @media only screen and (min-width: 1280px) { /* 173 */ .container-shop-items { /* 174 */ grid-column-gap: 3%; /* 175 */ } /* 176 */ .shop-item { /* 177 */ width: 17.6%; /* 178 */ } /* 179 */ } /* 180 */ @media only screen and (min-width: 1280px) { /* 181 */ .container-shop-items { /* 182 */ grid-column-gap: 2%; /* 183 */ } /* 184 */ .shop-item { /* 185 */ width: 18.4%; /* 186 */ } /* 187 */ } /* 188 */ @media only screen and (min-width: 1440px) { /* 189 */ .container-shop-items { /* 190 */ grid-column-gap: 2%; /* 191 */ } /* 192 */ .shop-item { /* 193 */ width: 15%; /* 194 */ } /* 195 */ } /* 196 */ /* 197 */ /* =============================== /* 198 *| WEBSHOP ITEMS /* 199 *| =============================== */ /* 200 */ /* webshop.css */ /* 201 */ .koloms-2 { /* 202 */ display:grid; /* 203 */ grid-template-columns: 1fr; /* 204 */ } /* 205 */ /* 206 */ @media only screen and (min-width: 768px) { /* 207 */ .koloms-2 { /* 208 */ grid-template-columns: 1fr 1fr; /* 209 */ column-gap: 10px; /* 210 */ } /* 211 */ } /* 212 */ /* 213 */ .koloms-2 .full-width { /* 214 */ grid-column: 1 / -1; /* 215 */ } /* 216 */ /* 217 */ .section-title { /* 218 */ display:flex; /* 219 */ align-items:end; /* 220 */ justify-content:space-between; /* 221 */ gap:12px; /* 222 */ /*margin: 18px 0 20px 0;*/ /* 223 */ margin-bottom: 20px; /* 224 */ } /* 225 */ /* 226 */ .section-title h2 { /* 227 */ margin:0; /* 228 */ font-size:18px; /* 229 */ } /* 230 */ /* 231 */ .section-title span { /* 232 */ color:var(--muted); /* 233 */ font-size:13px; /* 234 */ } /* 235 */ /* 236 */ .link { /* 237 */ color: var(--brand); /* 238 */ text-decoration: underline; /* 239 */ text-underline-offset: 3px; /* 240 */ } /* 241 */ /* 242 */ /* radio buttons */ /* 243 */ .radio-grid{ /* 244 */ display:grid; /* 245 */ grid-template-columns: repeat(3, minmax(0,1fr)); /* 246 */ gap:10px; /* 247 */ } /* 248 */ /* 249 */ .radio-card{ /* 250 */ position:relative; /* webshop.css */ /* 251 */ } /* 252 */ /* 253 */ .radio-card input{ /* 254 */ position:absolute; /* 255 */ inset:0; /* 256 */ opacity:0; /* 257 */ cursor:pointer; /* 258 */ } /* 259 */ /* 260 */ .radio-card label { /* 261 */ display:flex; /* 262 */ align-items:center; /* 263 */ justify-content:center; /* 264 */ text-align:center; /* 265 */ flex-direction: column; /* 266 */ line-height: 1.3; /* 267 */ padding: 10px 10px; /* 268 */ border-radius:7px; /* 269 */ border:1px solid var(--border); /* 270 */ background: rgba(15,23,42,0.02); /* 271 */ background-color: var(--bg-grey); /* 272 */ background: #fff; /* 273 */ color: var(--text); /* 274 */ min-height: 45px; /* 275 */ user-select:none; /* 276 */ font-size: 14px; /* 277 */ } /* 278 */ /* 279 */ .radio-card label span { /* 280 */ display: block; /* 281 */ font-weight: 600; /* 282 */ } /* 283 */ /* 284 */ .radio-card:hover label{ /* 285 */ background: rgba(15,23,42,0.06); /* 286 */ } /* 287 */ /* 288 */ .radio-card input:focus-visible + label{ /* 289 */ outline: 2px solid rgba(37,99,235,0.45); /* 290 */ outline-offset: 2px; /* 291 */ } /* 292 */ /* 293 */ .radio-card input:checked + label{ /* 294 */ border-color: rgba(37,99,235,0.55); /* 295 */ border-color: #9c9b9a; /* 296 */ background: #9c9b9a; /* 297 */ color: #fff; /* 298 */ font-size: 14px; /* 299 */ } /* 300 */ /* webshop.css */ /* 301 */ /* =============================== /* 302 *| BESTELFORMULIER /* 303 *| =============================== */ /* 304 */ .layout-2{ /* 305 */ display:grid; /* 306 */ grid-template-columns: 1.6fr 0.9fr; /* 307 */ gap: 40px; /* 308 */ align-items:start; /* 309 */ } /* 310 */ /* 311 */ .sticky{ /* 312 */ position: sticky; /* 313 */ top: 20px; /* 314 */ } /* 315 */ /* 316 */ /* 317 */ @media (max-width: 900px){ /* 318 */ .layout-2{ grid-template-columns: 1fr; } /* 319 */ .sticky{ position: static; } /* 320 */ } /* 321 */ /* 322 */ /* Product opties */ /* 323 */ .summary { /* 324 */ border:1px solid var(--border_light); /* 325 */ padding:16px; /* 326 */ } /* 327 */ /* 328 */ .summary.bg-grey { /* 329 */ background: rgba(15,23,42,0.02); /* 330 */ background-color: var(--bg-grey); /* 331 */ } /* 332 */ /* 333 */ .summary h3 { /* 334 */ margin:0 0 10px; /* 335 */ font-size:16px; /* 336 */ } /* 337 */ /* 338 */ .summary .section{ /* 339 */ margin-top: 12px; /* 340 */ } /* 341 */ /* 342 */ .summary .section:first-of-type{ /* 343 */ margin-top: 0; /* 344 */ } /* 345 */ /* 346 */ .sum-row{ /* 347 */ display:flex; justify-content:space-between; gap:12px; /* 348 */ color:var(--muted); /* 349 */ font-size:13px; /* 350 */ margin: 6px 0; /* webshop.css */ /* 351 */ } /* 352 */ /* 353 */ .sum-row strong { /* 354 */ color:var(--text); /* 355 */ } /* 356 */ /* 357 */ .sum-row .big{ /* 358 */ font-size: 22px; /* 359 */ font-weight: 800; /* 360 */ } /* 361 */ /* 362 */ .product h1{ margin:0 0 8px; font-size:28px; } /* 363 */ .meta{ color:var(--muted); font-size:13px; margin-bottom:12px; } /* 364 */ .desc{ color:var(--muted); line-height:1.55; margin: 0 0 14px; } /* 365 */ /* 366 */ .helper{ /* 367 */ font-size: 13px; /* 368 */ line-height: 1.45; /* 369 */ font-weight: 400; /* 370 */ } /* 371 */ /* 372 */ /* --- Product hero image left --- */ /* 373 */ .photo-hero{ /* 374 */ } /* 375 */ /* 376 */ .photo-hero img { /* 377 */ width: 100%; /* 378 */ } /* 379 */ /* 380 */ /* 381 */ /* =============================== /* 382 *| WINKELWAGENTJE /* 383 *| =============================== */ /* 384 */ .cart-list { /* 385 */ background:rgba(15,23,42,.02); /* 386 */ background-color: #fff; /* 387 */ margin-bottom: 20px; /* 388 */ padding:12px; /* 389 */ } /* 390 */ /* 391 */ .cart-list:has(> div:not(:empty)) { /* 392 */ border:1px solid var(--border_light); /* 393 */ } /* 394 */ /* 395 */ .cart-item { /* 396 */ display:grid; /* 397 */ grid-template-columns:76px 1fr; /* 398 */ gap:12px; /* 399 */ padding:12px 0; /* 400 */ border-top:1px solid var(--border); /* webshop.css */ /* 401 */ } /* 402 */ /* 403 */ .cart-item:first-child { /* 404 */ border-top:0px solid var(--border); /* 405 */ padding-top: 0; /* 406 */ } /* 407 */ /* 408 */ .cart-item:last-child { /* 409 */ padding-bottom: 0; /* 410 */ } /* 411 */ /* 412 */ @media (min-width:768px){ /* 413 */ .cart-item{ /* 414 */ gap: 22px; /* 415 */ padding:17px 0; /* 416 */ } /* 417 */ } /* 418 */ .cart-item__media{ /* 419 */ width: 80px; /* 420 */ height: 80px; /* 421 */ overflow:hidden; /* 422 */ background:rgba(15,23,42,.06); /* 423 */ } /* 424 */ /* 425 */ .cart-item__img{ /* 426 */ width:100%; /* 427 */ height:100%; /* 428 */ object-fit:cover; /* 429 */ display:block; /* 430 */ } /* 431 */ /* 432 */ .cart-item__text .title { /* 433 */ font-weight:600; /* 434 */ color:#111; /* 435 */ } /* 436 */ /* 437 */ /* Controls wrapper */ /* 438 */ .cart-item__controls{ /* 439 */ display:flex; /* 440 */ flex-wrap:wrap; /* 441 */ gap:12px 15px; /* 442 */ } /* 443 */ /* 444 */ /* Default blocks in controls */ /* 445 */ .cart-item__meta, /* 446 */ .cart-item__qty, /* 447 */ .cart-item__prices, /* 448 */ .cart-item__actions{ /* 449 */ display:flex; /* 450 */ justify-content:center; /* webshop.css */ /* 451 */ } /* 452 */ /* 453 */ /* Meta */ /* 454 */ .cart-item__meta{ /* 455 */ width:100%; /* 456 */ flex-direction:column; /* 457 */ align-items:flex-start; /* 458 */ } /* 459 */ /* 460 */ /* Qty: label links, input rechts */ /* 461 */ .cart-item__qty{ /* 462 */ flex:1; /* 463 */ flex-direction:row; /* 464 */ align-items:center; /* 465 */ justify-content: flex-start; /* 466 */ gap:10px; /* 467 */ } /* 468 */ /* 469 */ .cart-item__qty select{ /* 470 */ width: 90px; /* 471 */ padding: 10px; /* 472 */ border-radius: 7px; /* 473 */ border: 1px solid var(--border); /* 474 */ background: #fff; /* 475 */ background:rgba(15,23,42,.03); /* 476 */ color: var(--text); /* 477 */ font-size: 16px; /* 478 */ appearance: auto; /* 479 */ } /* 480 */ /* 481 */ /* Prices */ /* 482 */ .cart-item__prices{ /* 483 */ flex:1; /* 484 */ flex-direction:column; /* 485 */ align-items:flex-end; /* 486 */ text-align: right; /* 487 */ } /* 488 */ /* 489 */ .cart-item__prices strong{ /* 490 */ color:var(--text); /* 491 */ font-size:14px; /* 492 */ } /* 493 */ /* 494 */ /* Actions: mobiel rechts uitlijnen */ /* 495 */ .cart-item__actions{ /* 496 */ width:100%; /* 497 */ flex-direction:row; /* 498 */ justify-content:flex-end; /* 499 */ align-items:center; /* 500 */ gap:20px; /* webshop.css */ /* 501 */ } /* 502 */ /* 503 */ /* Desktop */ /* 504 */ @media (min-width:1024px){ /* 505 */ .cart-item__meta { /* 506 */ flex: 1; /* 507 */ } /* 508 */ .cart-item__qty { /* 509 */ flex: 0 0 130px; /* 510 */ } /* 511 */ .cart-item__prices { /* 512 */ flex: 0 0 160px; /* 513 */ } /* 514 */ /* 515 */ .cart-item__actions{ /* 516 */ flex:0 0 90px; /* 517 */ width:auto; /* 518 */ flex-direction:column; /* 519 */ justify-content:center; /* 520 */ align-items:flex-end; /* 521 */ gap:0; /* 522 */ } /* 523 */ /* 524 */ } /* 525 */ /* 526 */ /* =============================== /* 527 *| PRICEBOX /* 528 *| =============================== */ /* 529 */ .pricebox{ /* 530 */ text-align: right; /* 531 */ padding:14px; /* 532 */ border:1px solid var(--border_light); /* 533 */ background-color: var(--bg-grey); /* 534 */ } /* 535 */ /* 536 */ .pricebox.bg-wit{ /* 537 */ background-color: #fff /* 538 */ } /* 539 */ /* 540 */ .pricebox__bedrag { /* 541 */ font-weight: 600; /* 542 */ color:var(--text); /* 543 */ } /* 544 */ /* 545 */ .pricebox .big{ /* 546 */ font-size: 22px; /* 547 */ font-weight: 800; /* 548 */ } /* 549 */ /* 550 */ .element.total { /* webshop.css */ /* 551 */ padding-top: 10px; /* 552 */ margin-top: 10px; /* 553 */ margin-bottom: 20px; /* 554 */ border-top:1px solid var(--border); /* 555 */ color:var(--text); /* 556 */ } /* 557 */ /* 558 */ /* 559 */ @media only screen and (min-width: 768px) { /* 560 */ .element { /* 561 */ width: 380px; /* 562 */ float: right; /* 563 */ display: block; /* 564 */ } /* 565 */ /* 566 */ .pricebox__text { /* 567 */ width: 240px; /* 568 */ float: left; /* 569 */ } /* 570 */ } /* 571 */ /* 572 */ /* 573 */ /* =============================== /* 574 *| ADRESGEGEVENS /* 575 *| =============================== */ /* 576 */ /* 577 */ /* 578 */ .checkout-items{ /* 579 */ display:grid; /* 580 */ gap:10px; /* 581 */ } /* 582 */ /* 583 */ .checkout-item{ /* 584 */ display:grid; /* 585 */ grid-template-columns: 56px 1fr; /* 586 */ gap:10px; /* 587 */ padding-top:10px; /* 588 */ border-top:1px solid var(--border); /* 589 */ } /* 590 */ /* 591 */ .checkout-item:first-child{ /* 592 */ padding-top:0; /* 593 */ border-top:0px solid var(--border); /* 594 */ } /* 595 */ /* 596 */ .checkout-item__media{ /* 597 */ width:56px; /* 598 */ height:56px; /* 599 */ overflow:hidden; /* 600 */ background: rgba(15,23,42,0.06); /* webshop.css */ /* 601 */ } /* 602 */ /* 603 */ .checkout-item__img{ /* 604 */ width:100%; /* 605 */ height:100%; /* 606 */ object-fit:cover; /* 607 */ display:block; /* 608 */ } /* 609 */ /* 610 */ .checkout-item__title{ /* 611 */ font-size: 13px; /* 612 */ font-weight: 800; /* 613 */ margin-top: -5px; /* 614 */ } /* 615 */ /* 616 */ .checkout-item__meta{ /* 617 */ color: var(--muted); /* 618 */ font-size: 12px; /* 619 */ margin-top: 2px; /* 620 */ line-height: 1.35; /* 621 */ } /* 622 */ /* 623 */ /* 624 */ /* =============================== /* 625 *| BETALEN /* 626 *| =============================== */ /* 627 */ /* 628 */ .field select { /* 629 */ padding:12px 12px; /* 630 */ border-radius:7px; /* 631 */ border:1px solid var(--border); /* 632 */ background: #fff; /* 633 */ color: var(--text); /* 634 */ outline: none; /* 635 */ width: 50%; /* 636 */ min-width: 220px; /* 637 */ } /* 638 */ @media only screen and (min-width: 768px) { /* 639 */ .extra-padding { /* 640 */ padding: 18px 50px; /* 641 */ } /* 642 */ } /* Minify_CSS_UriRewriter::$debugText docRoot : /var/www/vhosts/pauldegraaff.com/httpdocs currentDir : /var/www/vhosts/pauldegraaff.com/httpdocs/css */ /* formulier.css */ /* 1 */ .formulier-container { /* 2 */ position: relative; /* 3 */ border:1px solid var(--border_light); /* 4 */ background: rgba(15,23,42,0.02); /* 5 */ background-color: var(--bg-grey); /* 6 */ padding:18px; /* 7 */ } /* 8 */ @media only screen and (min-width: 768px) { /* 9 */ .formulier-container { /* 10 */ padding:30px; /* 11 */ } /* 12 */ } /* 13 */ /* =================== */ /* 14 */ /* OPMAAK */ /* 15 */ /* 16 */ .formulier-container h2 { /* 17 */ margin-bottom: 10px; /* 18 */ } /* 19 */ /* 20 */ .form-element { /* 21 */ position: relative; /* 22 */ margin-bottom: 20px; /* 23 */ } /* 24 */ .formulier-container, /* 25 */ .formulier-container input, /* 26 */ .formulier-container textarea, /* 27 */ .formulier-container .submit, /* 28 */ .formulier-container .floating-label { /* 29 */ font-family: 'Montserrat', sans-serif; /* 30 */ font-size: 14px; /* 31 */ line-height: 30px; /* 32 */ font-weight: var(--regular); /* 33 */ } /* 34 */ /* 35 */ .form-element.placeholder { /* 36 */ padding-top: 20px; /* 37 */ } /* 38 */ /* =================== */ /* 39 */ /* INPUT */ /* 40 */ input[type='text'], input[type='tel'], input[type='email'], input[type='date'], textarea { /* 41 */ display: block; /* 42 */ width: 100%; /* 43 */ box-sizing: border-box; /* 44 */ transition: 0.2s ease all; /* 45 */ } /* 46 */ /* 47 */ input[type='text'], input[type='tel'], input[type='email'], input[type='date'] { /* 48 */ height: 45px; /* 49 */ padding: 0 20px 0 20px; /* 50 */ } /* formulier.css */ /* 51 */ /* 52 */ .form-element.placeholder input[type='text'] { /* 53 */ padding: 0 20px 0 20px; /* 54 */ } /* 55 */ /* 56 */ input, textarea { /* 57 */ border-radius: 6px; /* 58 */ } /* 59 */ input, input:focus, textarea { /* 60 */ background-color: #fff; /* 61 */ border: 1px solid rgba(15,23,42,0.15); /* 62 */ } /* 63 */ /* indien browser zelf velden invult */ /* 64 */ input:-webkit-autofill, /* 65 */ input:-webkit-autofill:focus, /* 66 */ input:-webkit-autofill:hover { /* 67 */ box-shadow: 0 0 0px 1000px #f2f2f2 inset !important; /* 68 */ -webkit-text-fill-color: var(--primary) !important; /* 69 */ transition: background-color 5000s ease-in-out 0s; /* 70 */ } /* 71 */ /* 72 */ input[type='checkbox'] { /* 73 */ display: block; /* 74 */ padding: 8px; /* 75 */ box-sizing: border-box; /* 76 */ } /* 77 */ /* placeholder */ /* 78 */ .formulier-container input::placeholder { /* 79 */ color: #aaa; /* 80 */ } /* 81 */ /* indien actief */ /* 82 */ .formulier-container input:focus, /* 83 */ .formulier-container textarea:focus { /* 84 */ border: 1px solid rgb(92, 158, 205); /* 85 */ box-shadow: rgb(206, 223, 235) 0px 0px 0px 4px; /* 86 */ } /* 87 */ /* 88 */ .formulier-container input:focus::placeholder { /* 89 */ color: transparent; /* 90 */ } /* 91 */ /* 92 */ /* =================== */ /* 93 */ /* TEXTAREA */ /* 94 */ .formulier-container textarea { /* 95 */ box-sizing: border-box; /* 96 */ height: 100px; /* 97 */ resize: none; /* 98 */ width: 100%; /* 99 */ padding: 18px 16px 12px 20px; /* 100 */ outline: 0 none; /* formulier.css */ /* 101 */ } /* 102 */ /* 103 */ /* =================== */ /* 104 */ /* LABEL */ /* 105 */ .form-element label { /* 106 */ position: absolute; /* 107 */ pointer-events: none; /* 108 */ left: 10px; /* 109 */ top: 15px; /* 110 */ height: 15px; /* 111 */ line-height: 15px; /* 112 */ transition: 0.2s ease top; /* 113 */ z-index: 2; /* 114 */ padding-left: 10px; /* 115 */ padding-right: 10px; /* 116 */ border-radius: 5px; /* 117 */ } /* 118 */ /* 119 */ .form-element.met-icon label { /* 120 */ left: 45px; /* 121 */ } /* 122 */ /* 123 */ input:focus ~ label, /* 124 */ textarea:focus ~ label, /* 125 */ .success input ~ label, /* 126 */ .success textarea ~ label { /* 127 */ top: -5px; /* 128 */ bottom: 10px; /* 129 */ font-size: 12px; /* 130 */ color: #aaa; /* 131 */ background-color: #fff; /* 132 */ } /* 133 */ /* 134 */ .form-element.placeholder label { /* 135 */ position: absolute; /* 136 */ left: 0px; /* 137 */ top: -4px; /* 138 */ height: 15px; /* 139 */ font-size: 12px; /* 140 */ font-weight: 600; /* 141 */ line-height: 15px; /* 142 */ z-index: 2; /* 143 */ padding-left: 0px; /* 144 */ padding-right: 0px; /* 145 */ border-radius: 0px; /* 146 */ } /* 147 */ /* 148 */ /* =================== */ /* 149 */ /* ICONS */ /* 150 */ .formulier-container .form-icon { /* formulier.css */ /* 151 */ position: absolute; /* 152 */ width: 20px; /* 153 */ height: 20px; /* 154 */ top: 13px; /* 155 */ left: 20px; /* 156 */ pointer-events: none; /* 157 */ z-index: 2; /* 158 */ display: flex; /* 159 */ flex-wrap: wrap; /* 160 */ align-items: center; /* 161 */ justify-content: center; /* 162 */ } /* 163 */ /* 164 */ /* =================== */ /* 165 */ /* SUBMIT */ /* 166 */ .form-check { /* 167 */ text-align: right; /* 168 */ } /* 169 */ /* 170 */ .form-check .container-submit { /* 171 */ display: inline-block; /* 172 */ } /* 173 */ /* 174 */ /* =================== */ /* 175 */ /* ERROR */ /* 176 */ /* 177 */ .form-element.error input, /* 178 */ .form-element.error textarea, /* 179 */ .form-element.file-upload.error { /* 180 */ border-color: #f07c93; /* 181 */ background-color: rgb(253, 242, 242); /* 182 */ } /* 183 */ /* 184 */ /* kruisje */ /* 185 */ .form-element.error .icon-status:before { /* 186 */ position: absolute; /* 187 */ content: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23f07c93;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='19.7,5.7 18.3,4.3 12,10.6 5.7,4.3 4.3,5.7 10.6,12 4.3,18.3 5.7,19.7 12,13.4 18.3,19.7 19.7,18.3 13.4,12 '/%3E%3C/svg%3E"); /* 188 */ text-align: center; /* 189 */ height: 20px; /* 190 */ width: 20px; /* 191 */ top: 12px; /* 192 */ right: 15px; /* 193 */ z-index: 3; /* 194 */ } /* 195 */ /* 196 */ .form-element.placeholder.error .icon-status:before { /* 197 */ top: 32px; /* 198 */ } /* 199 */ /* 200 */ /* =================== */ /* formulier.css */ /* 201 */ /* SUCCESS */ /* 202 */ /* 203 */ .form-element.success input, /* 204 */ .form-element.success textarea, /* 205 */ .form-element.file-upload.success { /* 206 */ border-color: var(--groen); /* 207 */ background-color: #f5f9ea !important; /* 208 */ } /* 209 */ /* 210 */ /* vinkje */ /* 211 */ .form-element.success .icon-status:before { /* 212 */ position: absolute; /* 213 */ content: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%2390bd28;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='6.4,12.5 5,13.9 9.7,18.6 20.4,7.9 19,6.5 9.7,15.8 '/%3E%3C/svg%3E"); /* 214 */ height: 24px; /* 215 */ width: 24px; /* 216 */ top: 10px; /* 217 */ right: 10px; /* 218 */ z-index: 4; /* 219 */ } /* 220 */ .form-element.placeholder.success .icon-status:before { /* 221 */ top: 30px; /* 222 */ } /* 223 */ /* 224 */ /* =================== */ /* 225 */ /* KLEUR */ /* 226 */ button.button.bg-lichtgrijs.bg-groen { /* 227 */ color: var(--wit); /* 228 */ background-color: var(--groen); /* 229 */ } /* 230 */ /* 231 */ button.button.bg-lichtgrijs.bg-groen:hover { /* 232 */ color: var(--wit); /* 233 */ background-color: var(--groen-hover); /* 234 */ } /* 235 */ /* Minify_CSS_UriRewriter::$debugText docRoot : /var/www/vhosts/pauldegraaff.com/httpdocs currentDir : /var/www/vhosts/pauldegraaff.com/httpdocs/css */ /* formulier-select.css */ /* 1 */ /* =================== */ /* 2 */ /* SELECT OPTION */ /* 3 */ .formulier-container .container-select { /* 4 */ position: relative; /* 5 */ padding-bottom: 20px; /* 6 */ } /* 7 */ .formulier-container .select-css { /* 8 */ position: relative; /* 9 */ display: block; /* 10 */ padding-left: 20px; /* 11 */ width: 100%; /* 12 */ max-width: 100%; /* 13 */ box-sizing: border-box; /* 14 */ margin: 0; /* 15 */ border: 1px solid rgba(15,23,42,0.15); /* 16 */ box-shadow: 0 0px 0 0px rgba(0,0,0,.04); /* 17 */ -moz-appearance: none; /* 18 */ -webkit-appearance: none; /* 19 */ appearance: none; /* 20 */ background-color: #fff; /* 21 */ height: 44px; /* 22 */ border-radius: 6px; /* 23 */ color: #aaa; /* 24 */ } /* 25 */ /* 26 */ .formulier-container .success .select-css { /* 27 */ color: #888; /* 28 */ } /* 29 */ /* 30 */ /* icon */ /* 31 */ .formulier-container .select-css ~ .icon-item::before { /* 32 */ position: absolute; /* 33 */ content: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' preserveAspectRatio='xMidYMid meet'%3E%3Cpath d='M16,9.015v-5.03h2v-2h-2H8H6v2h2v5.03C8,10.21,8.542,11.272,9.381,12C8.542,12.728,8,13.789,8,14.985v5.03H6v2h2h8h2v-2h-2 v-5.03c0-1.193-0.541-2.252-1.387-2.981C15.455,11.276,16,10.213,16,9.015z M14,3.985v5.03c0,1.086-0.884,1.97-1.97,1.97H11.97 c-1.086,0-1.97-0.884-1.97-1.97v-5.03H14z M10,20.015v-5.03c0-1.086,0.884-1.97,2.03-1.97c1.086,0,1.97,0.884,1.97,1.97v5.03H10z'/%3E%3C/svg%3E"); /* 34 */ height: 24px; /* 35 */ width: 24px; /* 36 */ top: 10px; /* 37 */ left: 20px; /* 38 */ z-index: 4; /* 39 */ cursor: pointer; /* 40 */ pointer-events: none; /* 41 */ } /* 42 */ /* 43 */ /* icon pijltje */ /* 44 */ .formulier-container .select-css ~ .icon-status::before { /* 45 */ position: absolute; /* 46 */ content: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23222222;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='13.4,15.2 13.4,15.1 19.7,8.9 18.3,7.4 12,13.7 5.7,7.4 4.3,8.8 12,16.6 '/%3E%3C/svg%3E"); /* 47 */ height: 15px; /* 48 */ width: 15px; /* 49 */ top: 36px; /* 50 */ right: 15px; /* formulier-select.css */ /* 51 */ z-index: 4; /* 52 */ cursor: pointer; /* 53 */ pointer-events: none; /* 54 */ } /* 55 */ /* 56 */ .formulier-container .select-css::-ms-expand { /* 57 */ display: none; /* 58 */ } /* 59 */ /* 60 */ .formulier-container .select-css:focus { /* 61 */ outline: none; /* 62 */ box-shadow: rgb(206, 223, 235) 0px 0px 0px 4px; /* 63 */ border-color: rgb(92, 158, 205); /* 64 */ } /* 65 */ /* 66 */ .formulier-container .select-css option { /* 67 */ font-weight: normal; /* 68 */ } /* 69 */ /* 70 */ /* =================== */ /* 71 */ /* ERROR */ /* 72 */ /* 73 */ .container-select.error .select-css { /* 74 */ border-color: #f07c93; /* 75 */ background-color: rgb(253, 242, 242); /* 76 */ } /* 77 */ /* 78 */ /* kruisje */ /* 79 */ .formulier-container .container-select.error .select-css ~ .icon-status::before { /* 80 */ position: absolute; /* 81 */ content: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23f07c93;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='19.7,5.7 18.3,4.3 12,10.6 5.7,4.3 4.3,5.7 10.6,12 4.3,18.3 5.7,19.7 12,13.4 18.3,19.7 19.7,18.3 13.4,12 '/%3E%3C/svg%3E"); /* 82 */ text-align: center; /* 83 */ height: 20px; /* 84 */ width: 20px; /* 85 */ top: 32px; /* 86 */ right: 15px; /* 87 */ z-index: 3; /* 88 */ } /* 89 */ /* 90 */ /* =================== */ /* 91 */ /* SUCCESS */ /* 92 */ /* 93 */ .container-select.success .select-css { /* 94 */ border-color: #90bd28; /* 95 */ background-color: #f5f9ea; /* 96 */ } /* 97 */ /* 98 */ /* vinkje */ /* 99 */ .formulier-container .container-select.success .select-css ~ .icon-status::before { /* 100 */ position: absolute; /* formulier-select.css */ /* 101 */ content: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%2390bd28;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='6.4,12.5 5,13.9 9.7,18.6 20.4,7.9 19,6.5 9.7,15.8 '/%3E%3C/svg%3E"); /* 102 */ height: 24px; /* 103 */ width: 24px; /* 104 */ top: 30px; /* 105 */ right: 10px; /* 106 */ z-index: 4; /* 107 */ } /* 108 */ /* 109 */ /* 110 */ /* 111 */ /* 112 */ /* Minify_CSS_UriRewriter::$debugText docRoot : /var/www/vhosts/pauldegraaff.com/httpdocs currentDir : /var/www/vhosts/pauldegraaff.com/httpdocs/css */ /* formulier-checkboxes-radio-buttons.css */ /* 1 */ /* 2 */ /* =================== */ /* 3 */ /* CHECKBOX en RADIO BUTTONS*/ /* 4 */ .formulier-container .container-radio-buttons-checkboxes { /* 5 */ position: relative; /* 6 */ padding-left: 0px; /* 7 */ padding-left: 15px; /* 8 */ margin-top: 0px; /* 9 */ margin-bottom: 20px; /* 10 */ border: solid 1px transparent; /* 11 */ box-sizing: border-box; /* 12 */ display: flex; /* 13 */ align-items: start; /* 14 */ flex-direction: column; /* 15 */ flex-wrap: wrap; /* 16 */ } /* 17 */ /* 18 */ .formulier-container label.radiobutton, /* 19 */ .formulier-container label.checkbox { /* 20 */ position: relative; /* 21 */ display: flex; /* 22 */ align-items:center; /* 23 */ flex: 1; /* 24 */ height: 35px; /* 25 */ cursor: pointer; /* 26 */ } /* 27 */ /* 28 */ .formulier-container label.radiobutton:first-child { /* 29 */ margin-top: 5px; /* 30 */ } /* 31 */ /* 32 */ .formulier-container label.radiobutton:last-child { /* 33 */ margin-bottom: 5px; /* 34 */ } /* 35 */ /* 36 */ .formulier-container label.radiobutton input, /* 37 */ .formulier-container label.checkbox input { /* 38 */ position: absolute; /* 39 */ left: 0px; /* 40 */ top: 2px; /* 41 */ z-index: 1; /* 42 */ /* reset basis css */ /* 43 */ border: 0; /* 44 */ padding: 0; /* 45 */ background-color: transparent; /* 46 */ outline: 0; /* 47 */ margin-bottom: 0; /* 48 */ border-radius: 0; /* 49 */ } /* 50 */ /* formulier-checkboxes-radio-buttons.css */ /* 51 */ .formulier-container label.radiobutton span, /* 52 */ .formulier-container label.checkbox span { /* 53 */ position: relative; /* 54 */ display: block; /* 55 */ z-index: 2; /* 56 */ padding-left: 25px; /* 57 */ } /* 58 */ /* 59 */ /* styling kadertje en backgroundcolor */ /* 60 */ .formulier-container label.radiobutton input:before, /* 61 */ .formulier-container label.checkbox input:before { /* 62 */ content: ''; /* 63 */ position: absolute; /* 64 */ display: block; /* 65 */ background-color: #fff; /* 66 */ width: 14px; /* 67 */ height: 14px; /* 68 */ z-index: 2; /* 69 */ left: 0; /* 70 */ top: 7px; /* 71 */ border: 1px solid #6b7280; /* 72 */ border-radius: 50%; /* 73 */ } /* 74 */ /* 75 */ .formulier-container label.checkbox input:before { /* 76 */ border-radius: 5px; /* 77 */ } /* 78 */ /* 79 */ .formulier-container label.radiobutton input:checked:before, /* 80 */ .formulier-container label.checkbox input:checked:before { /* 81 */ background-color: #4496d1; /* 82 */ border: 1px solid #4496d1; /* 83 */ } /* 84 */ /* 85 */ /* bolletje */ /* 86 */ .formulier-container label.radiobutton input:checked:after { /* 87 */ content: ""; /* 88 */ position: absolute; /* 89 */ left: 5px; /* 90 */ top: 12px; /* 91 */ width: 6px; /* 92 */ height: 6px; /* 93 */ background-color: #fff; /* 94 */ border-radius: 50%; /* 95 */ z-index: 3; /* 96 */ } /* 97 */ /* 98 */ /* vinkje */ /* 99 */ .formulier-container label.checkbox input:checked:after { /* 100 */ content: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='6.4,12.5 5,13.9 9.7,18.6 20.4,7.9 19,6.5 9.7,15.8 '/%3E%3C/svg%3E"); /* formulier-checkboxes-radio-buttons.css */ /* 101 */ position: absolute; /* 102 */ left: -1px; /* 103 */ top: 2px; /* 104 */ width: 20px; /* 105 */ height: 20px; /* 106 */ color: #fff; /* 107 */ text-align: center; /* 108 */ z-index: 3; /* 109 */ } /* 110 */ /* 111 */ /* indien actief */ /* 112 */ .formulier-container label.radiobutton input:focus, /* 113 */ .formulier-container label.checkbox input:focus { /* 114 */ border: 0; /* 115 */ box-shadow: rgb(206, 223, 235) 0px 0px 0px 0px; /* 116 */ } /* 117 */ /* 118 */ .formulier-container label.radiobutton input:focus:before, /* 119 */ .formulier-container label.checkbox input:focus:before { /* 120 */ border: 1px solid #4496d1; /* 121 */ box-shadow: rgb(206, 223, 235) 0px 0px 0px 4px; /* 122 */ } /* 123 */ /* 124 */ /* =================== */ /* 125 */ /* ERROR */ /* 126 */ /* 127 */ .formulier-container .container-radio-buttons-checkboxes.error { /* 128 */ border: 1px solid #f07c93; /* 129 */ background-color: rgb(253, 242, 242); /* 130 */ border-radius: 6px; /* 131 */ padding-left: 15px; /* 132 */ } /* 133 */ /* 134 */ /* kruisje */ /* 135 */ .formulier-container .container-radio-buttons-checkboxes.error::before { /* 136 */ position: absolute; /* 137 */ content: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23f07c93;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='19.7,5.7 18.3,4.3 12,10.6 5.7,4.3 4.3,5.7 10.6,12 4.3,18.3 5.7,19.7 12,13.4 18.3,19.7 19.7,18.3 13.4,12 '/%3E%3C/svg%3E"); /* 138 */ text-align: center; /* 139 */ height: 20px; /* 140 */ width: 20px; /* 141 */ top: 12px; /* 142 */ right: 15px; /* 143 */ z-index: 3; /* 144 */ } /* Minify_CSS_UriRewriter::$debugText docRoot : /var/www/vhosts/pauldegraaff.com/httpdocs currentDir : /var/www/vhosts/pauldegraaff.com/httpdocs/css */ /* boeken.css */ /* 1 */ @charset "UTF-8"; /* 2 */ .wrapper-content.boeken { /* 3 */ max-width: 900px; /* 4 */ } /* 5 */ .container-boek { /* 6 */ margin-bottom: 30px; /* 7 */ margin-left: -20px; /* 8 */ margin-right: -20px; /* 9 */ text-align: center; /* 10 */ } /* 11 */ .boeken .kolom-links { /* 12 */ position: relative; /* 13 */ width: 100%; /* 14 */ float:none; /* 15 */ } /* 16 */ .boeken .kolom-rechts { /* 17 */ position: relative; /* 18 */ width: 100%; /* 19 */ float:none; /* 20 */ } /* 21 */ @media only screen and (min-width: 7680px) { /* 22 */ .wrapper-content.boeken { /* 23 */ max-width: 1400px; /* 24 */ } /* 25 */ .boeken .kolom-links { /* 26 */ width: 65%; /* 27 */ float: left; /* 28 */ } /* 29 */ .boeken .kolom-rechts { /* 30 */ width: 30%; /* 31 */ float: right; /* 32 */ } /* 33 */ } /* 34 */ /* 35 */ /* Minify_CSS_UriRewriter::$debugText docRoot : /var/www/vhosts/pauldegraaff.com/httpdocs currentDir : /var/www/vhosts/pauldegraaff.com/httpdocs/css */ /* contact.css */ /* 1 */ @charset "UTF-8"; /* 2 */ /* SOCIAL LINKS */ /* 3 */ .social-links { /* 4 */ padding-top: 20px; /* 5 */ margin-left: -5px; /* 6 */ } /* 7 */ .social-links p { /* 8 */ padding-left: 35px; /* 9 */ position: relative; /* 10 */ padding-bottom: 10px; /* 11 */ } /* 12 */ p a:hover { /* 13 */ text-decoration: underline; /* 14 */ } /* 15 */ .social-links span { /* 16 */ padding-right: 15px; /* 17 */ } /* 18 */ .social-links .icooon { /* 19 */ width: 30px; /* 20 */ position: absolute; /* 21 */ left: 0px; /* 22 */ top: 2px; /* 23 */ font-size: 24px; /* 24 */ line-height: 20px; /* 25 */ } /* Minify_CSS_UriRewriter::$debugText docRoot : /var/www/vhosts/pauldegraaff.com/httpdocs currentDir : /var/www/vhosts/pauldegraaff.com/httpdocs/css */ /* swiper.css */ /* 1 */ @charset "UTF-8"; /* 2 */ /** /* 3 *| * Swiper 5.4.1 /* 4 *| * Most modern mobile touch slider and framework with hardware accelerated transitions /* 5 *| * http://swiperjs.com /* 6 *| * /* 7 *| * Copyright 2014-2020 Vladimir Kharlampidi /* 8 *| * /* 9 *| * Released under the MIT License /* 10 *| * /* 11 *| * Released on: May 20, 2020 /* 12 *| */ /* 13 */ /* 14 */ @font-face { /* 15 */ font-family: 'swiper-icons'; /* 16 */ src: url("data:application/font-woff;charset=utf-8;base64, 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") format("woff"); /* 17 */ font-weight: 400; /* 18 */ font-style: normal; /* 19 */ } /* 20 */ :root { /* 21 */ --swiper-theme-color: #007aff; /* 22 */ } /* 23 */ .swiper-container { /* 24 */ margin-left: auto; /* 25 */ margin-right: auto; /* 26 */ position: relative; /* 27 */ overflow: hidden; /* 28 */ list-style: none; /* 29 */ padding: 0; /* 30 */ /* Fix of Webkit flickering */ /* 31 */ z-index: 1; /* 32 */ } /* 33 */ .swiper-container-vertical > .swiper-wrapper { /* 34 */ flex-direction: column; /* 35 */ } /* 36 */ .swiper-wrapper { /* 37 */ position: relative; /* 38 */ width: 100%; /* 39 */ height: 100%; /* 40 */ z-index: 1; /* 41 */ display: flex; /* 42 */ transition-property: transform; /* 43 */ box-sizing: content-box; /* 44 */ } /* 45 */ .swiper-container-android .swiper-slide, /* 46 */ .swiper-wrapper { /* 47 */ transform: translate3d(0px, 0, 0); /* 48 */ } /* 49 */ .swiper-container-multirow > .swiper-wrapper { /* 50 */ flex-wrap: wrap; /* swiper.css */ /* 51 */ } /* 52 */ .swiper-container-multirow-column > .swiper-wrapper { /* 53 */ flex-wrap: wrap; /* 54 */ flex-direction: column; /* 55 */ } /* 56 */ .swiper-container-free-mode > .swiper-wrapper { /* 57 */ transition-timing-function: ease-out; /* 58 */ margin: 0 auto; /* 59 */ } /* 60 */ .swiper-slide { /* 61 */ flex-shrink: 0; /* 62 */ width: 100%; /* 63 */ height: 100%; /* 64 */ position: relative; /* 65 */ transition-property: transform; /* 66 */ } /* 67 */ .swiper-slide-invisible-blank { /* 68 */ visibility: hidden; /* 69 */ } /* 70 */ /* Auto Height */ /* 71 */ .swiper-container-autoheight, /* 72 */ .swiper-container-autoheight .swiper-slide { /* 73 */ height: auto; /* 74 */ } /* 75 */ .swiper-container-autoheight .swiper-wrapper { /* 76 */ align-items: flex-start; /* 77 */ transition-property: transform, height; /* 78 */ } /* 79 */ /* 3D Effects */ /* 80 */ .swiper-container-3d { /* 81 */ perspective: 1200px; /* 82 */ } /* 83 */ .swiper-container-3d .swiper-wrapper, /* 84 */ .swiper-container-3d .swiper-slide, /* 85 */ .swiper-container-3d .swiper-slide-shadow-left, /* 86 */ .swiper-container-3d .swiper-slide-shadow-right, /* 87 */ .swiper-container-3d .swiper-slide-shadow-top, /* 88 */ .swiper-container-3d .swiper-slide-shadow-bottom, /* 89 */ .swiper-container-3d .swiper-cube-shadow { /* 90 */ transform-style: preserve-3d; /* 91 */ } /* 92 */ .swiper-container-3d .swiper-slide-shadow-left, /* 93 */ .swiper-container-3d .swiper-slide-shadow-right, /* 94 */ .swiper-container-3d .swiper-slide-shadow-top, /* 95 */ .swiper-container-3d .swiper-slide-shadow-bottom { /* 96 */ position: absolute; /* 97 */ left: 0; /* 98 */ top: 0; /* 99 */ width: 100%; /* 100 */ height: 100%; /* swiper.css */ /* 101 */ pointer-events: none; /* 102 */ z-index: 10; /* 103 */ } /* 104 */ .swiper-container-3d .swiper-slide-shadow-left { /* 105 */ background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* 106 */ } /* 107 */ .swiper-container-3d .swiper-slide-shadow-right { /* 108 */ background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* 109 */ } /* 110 */ .swiper-container-3d .swiper-slide-shadow-top { /* 111 */ background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* 112 */ } /* 113 */ .swiper-container-3d .swiper-slide-shadow-bottom { /* 114 */ background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* 115 */ } /* 116 */ /* CSS Mode */ /* 117 */ .swiper-container-css-mode > .swiper-wrapper { /* 118 */ overflow: auto; /* 119 */ scrollbar-width: none; /* 120 */ /* For Firefox */ /* 121 */ -ms-overflow-style: none; /* 122 */ /* For Internet Explorer and Edge */ /* 123 */ } /* 124 */ .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar { /* 125 */ display: none; /* 126 */ } /* 127 */ .swiper-container-css-mode > .swiper-wrapper > .swiper-slide { /* 128 */ scroll-snap-align: start start; /* 129 */ } /* 130 */ .swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper { /* 131 */ scroll-snap-type: x mandatory; /* 132 */ } /* 133 */ .swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper { /* 134 */ scroll-snap-type: y mandatory; /* 135 */ } /* 136 */ :root { /* 137 */ --swiper-navigation-size: 44px; /* 138 */ /* /* 139 *| --swiper-navigation-color: var(--swiper-theme-color); /* 140 *| */ /* 141 */ } /* 142 */ .swiper-button-prev, /* 143 */ .swiper-button-next { /* 144 */ position: absolute; /* 145 */ top: 50%; /* 146 */ width: calc(var(--swiper-navigation-size) / 44 * 27); /* 147 */ height: var(--swiper-navigation-size); /* 148 */ margin-top: calc(-1 * var(--swiper-navigation-size) / 2); /* 149 */ z-index: 10; /* 150 */ cursor: pointer; /* swiper.css */ /* 151 */ display: flex; /* 152 */ align-items: center; /* 153 */ justify-content: center; /* 154 */ color: var(--swiper-navigation-color, var(--swiper-theme-color)); /* 155 */ } /* 156 */ .swiper-button-prev.swiper-button-disabled, /* 157 */ .swiper-button-next.swiper-button-disabled { /* 158 */ opacity: 0.35; /* 159 */ cursor: auto; /* 160 */ pointer-events: none; /* 161 */ } /* 162 */ .swiper-button-prev:after, /* 163 */ .swiper-button-next:after { /* 164 */ font-family: swiper-icons; /* 165 */ font-size: var(--swiper-navigation-size); /* 166 */ text-transform: none !important; /* 167 */ letter-spacing: 0; /* 168 */ text-transform: none; /* 169 */ font-variant: initial; /* 170 */ line-height: 1; /* 171 */ } /* 172 */ .swiper-button-prev, /* 173 */ .swiper-container-rtl .swiper-button-next { /* 174 */ left: 10px; /* 175 */ right: auto; /* 176 */ } /* 177 */ .swiper-button-prev:after, /* 178 */ .swiper-container-rtl .swiper-button-next:after { /* 179 */ content: 'prev'; /* 180 */ } /* 181 */ .swiper-button-next, /* 182 */ .swiper-container-rtl .swiper-button-prev { /* 183 */ right: 10px; /* 184 */ left: auto; /* 185 */ } /* 186 */ .swiper-button-next:after, /* 187 */ .swiper-container-rtl .swiper-button-prev:after { /* 188 */ content: 'next'; /* 189 */ } /* 190 */ .swiper-button-prev.swiper-button-white, /* 191 */ .swiper-button-next.swiper-button-white { /* 192 */ --swiper-navigation-color: #ffffff; /* 193 */ } /* 194 */ .swiper-button-prev.swiper-button-black, /* 195 */ .swiper-button-next.swiper-button-black { /* 196 */ --swiper-navigation-color: #000000; /* 197 */ } /* 198 */ .swiper-button-lock { /* 199 */ display: none; /* 200 */ } /* swiper.css */ /* 201 */ :root { /* 202 */ /* /* 203 *| --swiper-pagination-color: var(--swiper-theme-color); /* 204 *| */ /* 205 */ } /* 206 */ .swiper-pagination { /* 207 */ position: absolute; /* 208 */ text-align: center; /* 209 */ transition: 300ms opacity; /* 210 */ transform: translate3d(0, 0, 0); /* 211 */ z-index: 10; /* 212 */ } /* 213 */ .swiper-pagination.swiper-pagination-hidden { /* 214 */ opacity: 0; /* 215 */ } /* 216 */ /* Common Styles */ /* 217 */ .swiper-pagination-fraction, /* 218 */ .swiper-pagination-custom, /* 219 */ .swiper-container-horizontal > .swiper-pagination-bullets { /* 220 */ bottom: 10px; /* 221 */ left: 0; /* 222 */ width: 100%; /* 223 */ } /* 224 */ /* Bullets */ /* 225 */ .swiper-pagination-bullets-dynamic { /* 226 */ overflow: hidden; /* 227 */ font-size: 0; /* 228 */ } /* 229 */ .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { /* 230 */ transform: scale(0.33); /* 231 */ position: relative; /* 232 */ } /* 233 */ .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { /* 234 */ transform: scale(1); /* 235 */ } /* 236 */ .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { /* 237 */ transform: scale(1); /* 238 */ } /* 239 */ .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { /* 240 */ transform: scale(0.66); /* 241 */ } /* 242 */ .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { /* 243 */ transform: scale(0.33); /* 244 */ } /* 245 */ .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { /* 246 */ transform: scale(0.66); /* 247 */ } /* 248 */ .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { /* 249 */ transform: scale(0.33); /* 250 */ } /* swiper.css */ /* 251 */ .swiper-pagination-bullet { /* 252 */ width: 8px; /* 253 */ height: 8px; /* 254 */ display: inline-block; /* 255 */ border-radius: 100%; /* 256 */ background: #000; /* 257 */ opacity: 0.2; /* 258 */ } /* 259 */ button.swiper-pagination-bullet { /* 260 */ border: none; /* 261 */ margin: 0; /* 262 */ padding: 0; /* 263 */ box-shadow: none; /* 264 */ -webkit-appearance: none; /* 265 */ -moz-appearance: none; /* 266 */ appearance: none; /* 267 */ } /* 268 */ .swiper-pagination-clickable .swiper-pagination-bullet { /* 269 */ cursor: pointer; /* 270 */ } /* 271 */ .swiper-pagination-bullet-active { /* 272 */ opacity: 1; /* 273 */ background: var(--swiper-pagination-color, var(--swiper-theme-color)); /* 274 */ } /* 275 */ .swiper-container-vertical > .swiper-pagination-bullets { /* 276 */ right: 10px; /* 277 */ top: 50%; /* 278 */ transform: translate3d(0px, -50%, 0); /* 279 */ } /* 280 */ .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { /* 281 */ margin: 6px 0; /* 282 */ display: block; /* 283 */ } /* 284 */ .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { /* 285 */ top: 50%; /* 286 */ transform: translateY(-50%); /* 287 */ width: 8px; /* 288 */ } /* 289 */ .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { /* 290 */ display: inline-block; /* 291 */ transition: 200ms transform, 200ms top; /* 292 */ } /* 293 */ .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { /* 294 */ margin: 0 4px; /* 295 */ } /* 296 */ .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { /* 297 */ left: 50%; /* 298 */ transform: translateX(-50%); /* 299 */ white-space: nowrap; /* 300 */ } /* swiper.css */ /* 301 */ .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { /* 302 */ transition: 200ms transform, 200ms left; /* 303 */ } /* 304 */ .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { /* 305 */ transition: 200ms transform, 200ms right; /* 306 */ } /* 307 */ /* Progress */ /* 308 */ .swiper-pagination-progressbar { /* 309 */ background: rgba(0, 0, 0, 0.25); /* 310 */ position: absolute; /* 311 */ } /* 312 */ .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { /* 313 */ background: var(--swiper-pagination-color, var(--swiper-theme-color)); /* 314 */ position: absolute; /* 315 */ left: 0; /* 316 */ top: 0; /* 317 */ width: 100%; /* 318 */ height: 100%; /* 319 */ transform: scale(0); /* 320 */ transform-origin: left top; /* 321 */ } /* 322 */ .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { /* 323 */ transform-origin: right top; /* 324 */ } /* 325 */ .swiper-container-horizontal > .swiper-pagination-progressbar, /* 326 */ .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { /* 327 */ width: 100%; /* 328 */ height: 4px; /* 329 */ left: 0; /* 330 */ top: 0; /* 331 */ } /* 332 */ .swiper-container-vertical > .swiper-pagination-progressbar, /* 333 */ .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { /* 334 */ width: 4px; /* 335 */ height: 100%; /* 336 */ left: 0; /* 337 */ top: 0; /* 338 */ } /* 339 */ .swiper-pagination-white { /* 340 */ --swiper-pagination-color: #ffffff; /* 341 */ } /* 342 */ .swiper-pagination-black { /* 343 */ --swiper-pagination-color: #000000; /* 344 */ } /* 345 */ .swiper-pagination-lock { /* 346 */ display: none; /* 347 */ } /* 348 */ /* Scrollbar */ /* 349 */ .swiper-scrollbar { /* 350 */ border-radius: 10px; /* swiper.css */ /* 351 */ position: relative; /* 352 */ -ms-touch-action: none; /* 353 */ background: rgba(0, 0, 0, 0.1); /* 354 */ } /* 355 */ .swiper-container-horizontal > .swiper-scrollbar { /* 356 */ position: absolute; /* 357 */ left: 1%; /* 358 */ bottom: 3px; /* 359 */ z-index: 50; /* 360 */ height: 5px; /* 361 */ width: 98%; /* 362 */ } /* 363 */ .swiper-container-vertical > .swiper-scrollbar { /* 364 */ position: absolute; /* 365 */ right: 3px; /* 366 */ top: 1%; /* 367 */ z-index: 50; /* 368 */ width: 5px; /* 369 */ height: 98%; /* 370 */ } /* 371 */ .swiper-scrollbar-drag { /* 372 */ height: 100%; /* 373 */ width: 100%; /* 374 */ position: relative; /* 375 */ background: rgba(0, 0, 0, 0.5); /* 376 */ border-radius: 10px; /* 377 */ left: 0; /* 378 */ top: 0; /* 379 */ } /* 380 */ .swiper-scrollbar-cursor-drag { /* 381 */ cursor: move; /* 382 */ } /* 383 */ .swiper-scrollbar-lock { /* 384 */ display: none; /* 385 */ } /* 386 */ .swiper-zoom-container { /* 387 */ width: 100%; /* 388 */ height: 100%; /* 389 */ display: flex; /* 390 */ justify-content: center; /* 391 */ align-items: center; /* 392 */ text-align: center; /* 393 */ } /* 394 */ .swiper-zoom-container > img, /* 395 */ .swiper-zoom-container > svg, /* 396 */ .swiper-zoom-container > canvas { /* 397 */ max-width: 100%; /* 398 */ max-height: 100%; /* 399 */ object-fit: contain; /* 400 */ } /* swiper.css */ /* 401 */ .swiper-slide-zoomed { /* 402 */ cursor: move; /* 403 */ } /* 404 */ /* Preloader */ /* 405 */ :root { /* 406 */ /* /* 407 *| --swiper-preloader-color: var(--swiper-theme-color); /* 408 *| */ /* 409 */ } /* 410 */ .swiper-lazy-preloader { /* 411 */ width: 42px; /* 412 */ height: 42px; /* 413 */ position: absolute; /* 414 */ left: 50%; /* 415 */ top: 50%; /* 416 */ margin-left: -21px; /* 417 */ margin-top: -21px; /* 418 */ z-index: 10; /* 419 */ transform-origin: 50%; /* 420 */ animation: swiper-preloader-spin 1s infinite linear; /* 421 */ box-sizing: border-box; /* 422 */ border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); /* 423 */ border-radius: 50%; /* 424 */ border-top-color: transparent; /* 425 */ } /* 426 */ .swiper-lazy-preloader-white { /* 427 */ --swiper-preloader-color: #fff; /* 428 */ } /* 429 */ .swiper-lazy-preloader-black { /* 430 */ --swiper-preloader-color: #000; /* 431 */ } /* 432 */ @keyframes swiper-preloader-spin { /* 433 */ 100% { /* 434 */ transform: rotate(360deg); /* 435 */ } /* 436 */ } /* 437 */ /* a11y */ /* 438 */ .swiper-container .swiper-notification { /* 439 */ position: absolute; /* 440 */ left: 0; /* 441 */ top: 0; /* 442 */ pointer-events: none; /* 443 */ opacity: 0; /* 444 */ z-index: -1000; /* 445 */ } /* 446 */ .swiper-container-fade.swiper-container-free-mode .swiper-slide { /* 447 */ transition-timing-function: ease-out; /* 448 */ } /* 449 */ .swiper-container-fade .swiper-slide { /* 450 */ pointer-events: none; /* swiper.css */ /* 451 */ transition-property: opacity; /* 452 */ } /* 453 */ .swiper-container-fade .swiper-slide .swiper-slide { /* 454 */ pointer-events: none; /* 455 */ } /* 456 */ .swiper-container-fade .swiper-slide-active, /* 457 */ .swiper-container-fade .swiper-slide-active .swiper-slide-active { /* 458 */ pointer-events: auto; /* 459 */ } /* 460 */ .swiper-container-cube { /* 461 */ overflow: visible; /* 462 */ } /* 463 */ .swiper-container-cube .swiper-slide { /* 464 */ pointer-events: none; /* 465 */ -webkit-backface-visibility: hidden; /* 466 */ backface-visibility: hidden; /* 467 */ z-index: 1; /* 468 */ visibility: hidden; /* 469 */ transform-origin: 0 0; /* 470 */ width: 100%; /* 471 */ height: 100%; /* 472 */ } /* 473 */ .swiper-container-cube .swiper-slide .swiper-slide { /* 474 */ pointer-events: none; /* 475 */ } /* 476 */ .swiper-container-cube.swiper-container-rtl .swiper-slide { /* 477 */ transform-origin: 100% 0; /* 478 */ } /* 479 */ .swiper-container-cube .swiper-slide-active, /* 480 */ .swiper-container-cube .swiper-slide-active .swiper-slide-active { /* 481 */ pointer-events: auto; /* 482 */ } /* 483 */ .swiper-container-cube .swiper-slide-active, /* 484 */ .swiper-container-cube .swiper-slide-next, /* 485 */ .swiper-container-cube .swiper-slide-prev, /* 486 */ .swiper-container-cube .swiper-slide-next + .swiper-slide { /* 487 */ pointer-events: auto; /* 488 */ visibility: visible; /* 489 */ } /* 490 */ .swiper-container-cube .swiper-slide-shadow-top, /* 491 */ .swiper-container-cube .swiper-slide-shadow-bottom, /* 492 */ .swiper-container-cube .swiper-slide-shadow-left, /* 493 */ .swiper-container-cube .swiper-slide-shadow-right { /* 494 */ z-index: 0; /* 495 */ -webkit-backface-visibility: hidden; /* 496 */ backface-visibility: hidden; /* 497 */ } /* 498 */ .swiper-container-cube .swiper-cube-shadow { /* 499 */ position: absolute; /* 500 */ left: 0; /* swiper.css */ /* 501 */ bottom: 0px; /* 502 */ width: 100%; /* 503 */ height: 100%; /* 504 */ background: #000; /* 505 */ opacity: 0.6; /* 506 */ -webkit-filter: blur(50px); /* 507 */ filter: blur(50px); /* 508 */ z-index: 0; /* 509 */ } /* 510 */ .swiper-container-flip { /* 511 */ overflow: visible; /* 512 */ } /* 513 */ .swiper-container-flip .swiper-slide { /* 514 */ pointer-events: none; /* 515 */ -webkit-backface-visibility: hidden; /* 516 */ backface-visibility: hidden; /* 517 */ z-index: 1; /* 518 */ } /* 519 */ .swiper-container-flip .swiper-slide .swiper-slide { /* 520 */ pointer-events: none; /* 521 */ } /* 522 */ .swiper-container-flip .swiper-slide-active, /* 523 */ .swiper-container-flip .swiper-slide-active .swiper-slide-active { /* 524 */ pointer-events: auto; /* 525 */ } /* 526 */ .swiper-container-flip .swiper-slide-shadow-top, /* 527 */ .swiper-container-flip .swiper-slide-shadow-bottom, /* 528 */ .swiper-container-flip .swiper-slide-shadow-left, /* 529 */ .swiper-container-flip .swiper-slide-shadow-right { /* 530 */ z-index: 0; /* 531 */ -webkit-backface-visibility: hidden; /* 532 */ backface-visibility: hidden; /* 533 */ } /* 534 */ /* 535 */ /* SWIPER EIGEN STYLING */ /* 536 */ .swiper-wrapper { /* 537 */ margin-bottom: 30px; /* 538 */ } /* 539 */ .swiper-container { /* 540 */ position: relative; /* 541 */ width: 100%; /* 542 */ height: auto; /* 543 */ } /* 544 */ .swiper-slide { /* 545 */ padding-left: 20px; /* 546 */ padding-right: 20px; /* 547 */ } /* 548 */ .swiper-slide img { /* 549 */ width: 100%; /* 550 */ } /* swiper.css */ /* 551 */ /* knoppen */ /* 552 */ .swiper-knop-next, /* 553 */ .swiper-knop-prev { /* 554 */ position: absolute; /* 555 */ width: 35px; /* 556 */ height: 35px; /* 557 */ border-radius: 50%; /* 558 */ background-color: white; /* 559 */ color: #999; /* 560 */ top: 46%; /* 561 */ left: 0px; /* 562 */ z-index: 99; /* 563 */ text-align: center; /* 564 */ } /* 565 */ .swiper-knop-next:hover, /* 566 */ .swiper-knop-prev:hover { /* 567 */ color: #000; /* 568 */ cursor: pointer; /* 569 */ } /* 570 */ .swiper-knop-next:after, /* 571 */ .swiper-knop-prev:after { /* 572 */ font-family: "icons"; /* 573 */ content: "\23"; /* 574 */ font-size:18px; /* 575 */ line-height:37px; /* 576 */ } /* 577 */ .swiper-knop-prev:after { /* 578 */ font-family: "icons"; /* 579 */ content: "\24"; /* 580 */ } /* 581 */ .swiper-knop-next { /* 582 */ left: auto; /* 583 */ right: 0px; /* 584 */ } /* 585 */ /* bullets */ /* 586 */ .swiper-pagination-bullet { /* 587 */ width: 6px; /* 588 */ height: 6px; /* 589 */ } /* 590 */ .swiper-pagination-bullet-active { /* 591 */ background: #888; /* 592 */ } /* Minify_CSS_UriRewriter::$debugText docRoot : /var/www/vhosts/pauldegraaff.com/httpdocs currentDir : /var/www/vhosts/pauldegraaff.com/httpdocs/css */ /* jquery.fancybox.min.css */ /* 1 */ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0} /* 2 */ .fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px; margin: 0 5px 10px; min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* 3 */ /* 4 */ /* EIGEN STYLING */ /* 5 */ .fancybox-is-open .fancybox-bg { /* 6 */ background:#c8c0be; /* 7 */ background: #fff; /* 8 */ opacity: 1; /* 9 */ } /* 10 */ .fancybox-caption { /* 11 */ background: #fff; /* 12 */ color: #222; /* 13 */ } /* 14 */ .fancybox-progress { /* 15 */ background: #999; /* 16 */ } /* 17 */ .fancybox-button { /* 18 */ background: #fff; /* 19 */ border-radius: 50%; /* 20 */ } /* 21 */ /* originele pijl verbergen */ /* 22 */ .fancybox-button.fancybox-button--arrow_right div, /* 23 */ .fancybox-button.fancybox-button--arrow_left div { /* 24 */ display: none; /* 25 */ } /* 26 */ /* eigen pijl toevoegen */ /* 27 */ .fancybox-button.fancybox-button--arrow_right:after, /* 28 */ .fancybox-button.fancybox-button--arrow_left:after { /* 29 */ content: "\23"; /* 30 */ font-family: "icons"; /* 31 */ display: block; /* 32 */ width: 40px; /* 33 */ height: 40px; /* 34 */ background-color: white; /* 35 */ font-size: 17px; /* 36 */ line-height: 38px; /* 37 */ text-align: center; /* 38 */ } /* 39 */ .fancybox-button.fancybox-button--arrow_left:after { /* 40 */ content: "\24"; /* 41 */ } /* 42 */ .fancybox-button[disabled], .fancybox-button[disabled]:hover { /* 43 */ color: #ddd; /* 44 */ } /* 45 */ .fancybox-button, .fancybox-button:link, .fancybox-button:visited { /* 46 */ color: #222; /* 47 */ } /* 48 */ .fancybox-button:hover, .fancybox-button:link, .fancybox-button:visited { /* 49 */ color: #999; /* 50 */ } /* Minify_CSS_UriRewriter::$debugText docRoot : /var/www/vhosts/pauldegraaff.com/httpdocs currentDir : /var/www/vhosts/pauldegraaff.com/httpdocs/css/vendor file-relative URI : ../font/2.0.0/VideoJS.eot?#iefix path prepended : /var/www/vhosts/pauldegraaff.com/httpdocs/css/vendor/../font/2.0.0/VideoJS.eot?#iefix docroot stripped : /css/vendor/../font/2.0.0/VideoJS.eot?#iefix traversals removed : /css/font/2.0.0/VideoJS.eot?#iefix */ /* video-js.css */ /* 1 */ .video-js .vjs-big-play-button:before, .video-js .vjs-control:before, .video-js .vjs-modal-dialog, .vjs-modal-dialog .vjs-modal-dialog-content { /* 2 */ position: absolute; /* 3 */ top: 0; /* 4 */ left: 0; /* 5 */ width: 100%; /* 6 */ height: 100%; } /* 7 */ /* 8 */ .video-js .vjs-big-play-button:before, .video-js .vjs-control:before { /* 9 */ text-align: center; } /* 10 */ /* 11 */ @font-face { /* 12 */ font-family: VideoJS; /* 13 */ src: url("/css/font/2.0.0/VideoJS.eot?#iefix") format("eot"); } /* 14 */ /* 15 */ @font-face { /* 16 */ font-family: VideoJS; /* 17 */ src: url(data:application/font-woff;charset=utf-8;base64,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) format("woff"), url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAAKAIAAAwAgT1MvMlGRXgUAAAEoAAAAVmNtYXDiMBC2AAAB/AAAAUpnbHlmW/HoBwAAA4gAAA9QaGVhZAyD6V8AAADQAAAANmhoZWEOogcgAAAArAAAACRobXR42QAAAAAAAYAAAAB8bG9jYTDINOoAAANIAAAAQG1heHABMAB5AAABCAAAACBuYW1l1cf1oAAAEtgAAAIKcG9zdGZEjeMAABTkAAABgQABAAAHAAAAAKEHAAAAAAAHAAABAAAAAAAAAAAAAAAAAAAAHwABAAAAAQAAwdxheF8PPPUACwcAAAAAANMyzzEAAAAA0zLPMQAAAAAHAAcAAAAACAACAAAAAAAAAAEAAAAfAG0ABwAAAAAAAgAAAAoACgAAAP8AAAAAAAAAAQcAAZAABQAIBHEE5gAAAPoEcQTmAAADXABXAc4AAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA8QHxHgcAAAAAoQcAAAAAAAABAAAAAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAAAAAMAAAADAAAAHAABAAAAAABEAAMAAQAAABwABAAoAAAABgAEAAEAAgAA8R7//wAAAADxAf//AAAPAAABAAAAAAAAAAABBgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAFAAZgCyAMYA5gEeAUgBdAGcAfICLgKOAroDCgOOA7AD6gQ4BHwEuAToBQwFogXoBjYGbAbaB3IHqAABAAAAAAWLBYsAAgAAAREBAlUDNgWL++oCCwAAAwAAAAAGawZrAAIADgAaAAAJAhMEAAMSAAUkABMCAAEmACc2ADcWABcGAALrAcD+QJX+w/5aCAgBpgE9AT0BpggI/lr+w/3+rgYGAVL9/QFSBgb+rgIwAVABUAGbCP5a/sP+w/5aCAgBpgE9AT0BpvrIBgFS/f0BUgYG/q79/f6uAAAAAgAAAAAFQAWLAAMABwAAASERKQERIREBwAEr/tUCVQErAXUEFvvqBBYAAAAEAAAAAAYgBiAABgATACQAJwAAAS4BJxUXNjcGBxc+ATUmACcVFhIBBwEhESEBEQEGBxU+ATcXNwEHFwTQAWVVuAO7AidxJSgF/t/lpc77t18BYf6fASsBdQE+TF1OijuZX/1gnJwDgGSeK6W4GBhqW3FGnFT0AWM4mjT+9AHrX/6f/kD+iwH2/sI7HZoSRDGYXwSWnJwAAAEAAAAABKsF1gAFAAABESEBEQECCwEqAXb+igRg/kD+iwSq/osAAAACAAAAAAVmBdYABgAMAAABLgEnET4BAREhAREBBWUBZVRUZfwRASsBdf6LA4Bkniv9piueAUT+QP6LBKr+iwAAAwAAAAAGIAYPAAUADAAaAAATESEBEQEFLgEnET4BAxUWEhcGAgcVNgA3JgDgASsBdf6LAsUBZVVVZbqlzgMDzqXlASEFBf7fBGD+QP6LBKr+i+Bkniv9piueAvOaNP70tbX+9DSaOAFi9fUBYgAAAAQAAAAABYsFiwAFAAsAEQAXAAABIxEhNSMDMzUzNSEBIxUhESMDFTMVMxECC5YBduCWluD+igOA4AF2luDglgLr/oqWAgrglvyAlgF2AqCW4AF2AAQAAAAABYsFiwAFAAsAEQAXAAABMxUzESETIxUhESMBMzUzNSETNSMRITUBdeCW/org4AF2lgHAluD+ipaWAXYCVeABdgHAlgF2++rglgHA4P6KlgAAAAACAAAAAAXWBdYADwATAAABIQ4BBxEeARchPgE3ES4BAyERIQVA/IA/VQEBVT8DgD9VAQFVP/yAA4AF1QFVP/yAP1UBAVU/A4A/VfvsA4AAAAYAAAAABmsGawAHAAwAEwAbACAAKAAACQEmJw4BBwElLgEnAQUhATYSNyYFAQYCBxYXIQUeARcBMwEWFz4BNwECvgFkTlSH8GEBEgOONemh/u4C5f3QAXpcaAEB/BP+3VxoAQEOAjD95DXpoQESeP7dTlSH8GH+7gPwAmgSAQFYUP4nd6X2Pv4nS/1zZAEBk01NAfhk/v+TTUhLpfY+Adn+CBIBAVhQAdkAAAAFAAAAAAZrBdYADwATABcAGwAfAAABIQ4BBxEeARchPgE3ES4BASEVIQEhNSEFITUhNSE1IQXV+1ZAVAICVEAEqkBUAgJU+xYBKv7WAur9FgLqAcD+1gEq/RYC6gXVAVU//IA/VQEBVT8DgD9V/ayV/tWVlZWWlQADAAAAAAYgBdYADwAnAD8AAAEhDgEHER4BFyE+ATcRLgEBIzUjFTM1MxUUBgcjLgEnET4BNzMeARUFIzUjFTM1MxUOAQcjLgE1ETQ2NzMeARcFi/vqP1QCAlQ/BBY/VAICVP1rcJWVcCog4CAqAQEqIOAgKgILcJWVcAEqIOAgKiog4CAqAQXVAVU//IA/VQEBVT8DgD9V/fcl4CVKICoBASogASogKgEBKiBKJeAlSiAqAQEqIAEqICoBASogAAAGAAAAAAYgBPYAAwAHAAsADwATABcAABMzNSMRMzUjETM1IwEhNSERITUhERUhNeCVlZWVlZUBKwQV++sEFfvrBBUDNZb+QJUBwJX+QJb+QJUCVZWVAAAAAQAAAAAGIAZsAC4AAAEiBgcBNjQnAR4BMz4BNy4BJw4BBxQXAS4BIw4BBx4BFzI2NwEGBx4BFz4BNy4BBUArSh797AcHAg8eTixffwICf19ffwIH/fEeTixffwICf18sTh4CFAUBA3tcXHsDA3sCTx8bATcZNhkBNB0gAn9fX38CAn9fGxn+zRwgAn9fX38CIBz+yhcaXHsCAntcXXsAAAIAAAAABlkGawBDAE8AAAE2NCc3PgEnAy4BDwEmLwEuASchDgEPAQYHJyYGBwMGFh8BBhQXBw4BFxMeAT8BFh8BHgEXIT4BPwE2NxcWNjcTNiYnBS4BJz4BNx4BFw4BBasFBZ4KBgeWBxkNujpEHAMUD/7WDxQCHEU5ug0aB5UHBQudBQWdCwUHlQcaDbo5RRwCFA8BKg8UAhxFOboNGgeVBwUL/ThvlAIClG9vlAIClAM3JEokewkaDQEDDAkFSy0cxg4RAQERDsYcLUsFCQz+/QwbCXskSiR7CRoN/v0MCQVLLRzGDhEBAREOxhwtSwUJDAEDDBsJQQKUb2+UAgKUb2+UAAAAAAEAAAAABmsGawALAAATEgAFJAATAgAlBACVCAGmAT0BPQGmCAj+Wv7D/sP+WgOA/sP+WggIAaYBPQE9AaYICP5aAAAAAgAAAAAGawZrAAsAFwAAAQQAAxIABSQAEwIAASYAJzYANxYAFwYAA4D+w/5aCAgBpgE9AT0BpggI/lr+w/3+rgYGAVL9/QFSBgb+rgZrCP5a/sP+w/5aCAgBpgE9AT0BpvrIBgFS/f0BUgYG/q79/f6uAAADAAAAAAZrBmsACwAXACMAAAEEAAMSAAUkABMCAAEmACc2ADcWABcGAAMOAQcuASc+ATceAQOA/sP+WggIAaYBPQE9AaYICP5a/sP9/q4GBgFS/f0BUgYG/q4dAn9fX38CAn9fX38Gawj+Wv7D/sP+WggIAaYBPQE9Aab6yAYBUv39AVIGBv6u/f3+rgJPX38CAn9fX38CAn8AAAAEAAAAAAYgBiAADwAbACUAKQAAASEOAQcRHgEXIT4BNxEuAQEjNSMVIxEzFTM1OwEhHgEXEQ4BByE3MzUjBYv76j9UAgJUPwQWP1QCAlT9a3CVcHCVcJYBKiAqAQEqIP7WcJWVBiACVD/76j9UAgJUPwQWP1T8gpWVAcC7uwEqIP7WICoBcOAAAgAAAAAGawZrAAsAFwAAAQQAAxIABSQAEwIAEwcJAScJATcJARcBA4D+w/5aCAgBpgE9AT0BpggI/lo4af70/vRpAQv+9WkBDAEMaf71BmsI/lr+w/7D/loICAGmAT0BPQGm/BFpAQv+9WkBDAEMaf71AQtp/vQAAQAAAAAF1ga2ABYAAAERCQERHgEXDgEHLgEnIxYAFzYANyYAA4D+iwF1vv0FBf2+vv0FlQYBUf7+AVEGBv6vBYsBKv6L/osBKgT9v779BQX9vv7+rwYGAVH+/gFRAAAAAQAAAAAFPwcAABQAAAERIyIGHQEhAyMRIREjETM1NDYzMgU/nVY8ASUn/v7O///QrZMG9P74SEi9/tj9CQL3ASjaus0AAAAABAAAAAAGjgcAADAARQBgAGwAAAEUHgMVFAcGBCMiJicmNTQ2NzYlLgE1NDcGIyImNTQ2Nz4BMyEHIx4BFRQOAycyNjc2NTQuAiMiBgcGFRQeAxMyPgI1NC4BLwEmLwImIyIOAxUUHgIBMxUjFSM1IzUzNTMDH0BbWkAwSP7qn4TlOSVZSoMBESAfFS4WlMtIP03TcAGiioNKTDFFRjGSJlAaNSI/akAqURkvFCs9WTY6a1s3Dg8THgocJU4QIDVob1M2RnF9A2vV1WnU1GkD5CRFQ1CATlpTenNTYDxHUYouUhIqQCkkMQTBlFKaNkJAWD+MWkhzRztAPiEbOWY6hn1SJyE7ZS5nZ1I0/JcaNF4+GTAkGCMLFx04Ag4kOF07Rms7HQNsbNvbbNkAAwAAAAAGgAZsAAMADgAqAAABESERARYGKwEiJjQ2MhYBESERNCYjIgYHBhURIRIQLwEhFSM+AzMyFgHd/rYBXwFnVAJSZGemZASP/rdRVj9VFQv+twIBAQFJAhQqR2c/q9AEj/whA98BMkliYpNhYfzd/cgCEml3RTMeM/3XAY8B8DAwkCAwOB/jAAABAAAAAAaUBgAAMQAAAQYHFhUUAg4BBCMgJxYzMjcuAScWMzI3LgE9ARYXLgE1NDcWBBcmNTQ2MzIXNjcGBzYGlENfAUyb1v7SrP7x4SMr4bBpph8hHCsqcJNETkJOLHkBW8YIvYaMYG1gJWldBWhiRQ4cgv797rdtkQSKAn1hBQsXsXUEJgMsjlNYS5WzCiYkhr1mFTlzPwoAAAABAAAAAAWABwAAIgAAARcOAQcGLgM1ESM1PgQ3PgE7AREhFSERFB4CNzYFMFAXsFlorXBOIahIckQwFAUBBwT0AU3+sg0gQzBOAc/tIz4BAjhceHg6AiDXGlddb1ctBQf+WPz9+h40NR4BAgABAAAAAAaABoAASgAAARQCBCMiJzY/AR4BMzI+ATU0LgEjIg4DFRQWFxY/ATY3NicmNTQ2MzIWFRQGIyImNz4CNTQmIyIGFRQXAwYXJgI1NBIkIAQSBoDO/p/Rb2s7EzYUaj15vmh34o5ptn9bK1BNHggIBgIGETPRqZepiWs9Sg4IJRc2Mj5WGWMRBM7+zgFhAaIBYc4DgNH+n84gXUfTJzmJ8JZyyH46YH2GQ2ieIAwgHxgGFxQ9WpfZpIOq7lc9I3VZHzJCclVJMf5eRmtbAXzp0QFhzs7+nwAABwAAAAAHAATPAA4AFwAqAD0AUABaAF0AAAERNh4CBw4BBwYmIycmNxY2NzYmBxEUBRY2Nz4BNy4BJyMGHwEeARcOARcWNjc+ATcuAScjBh8BHgEXFAYXFjY3PgE3LgEnIwYfAR4BFw4BBTM/ARUzESMGAyUVJwMchM2UWwgNq4JHrQgBAapUaAoJcWMBfiIhDiMrAQJLMB0BBAokNAIBPmMiIQ4iLAECSzAeAQUKJDQBP2MiIQ4iLAECSzAeAQUKJDQBAT75g+5B4arNLNIBJ44ByQL9BQ9mvYCKwA8FBQMDwwJVTGdzBf6VB8IHNR08lld9uT4LCRA/qGNxvUwHNR08lld9uT4LCRA/qGNxvUwHNR08lld9uT4LCRA/qGNxvVJkAWUDDEf+tYP5AQAAAAEAAAAABiAGtgAbAAABBAADER4BFzMRITU2ADcWABcVIREzPgE3EQIAA4D+4v6FBwJ/X+D+1QYBJ97eAScG/tXgX38CB/6FBrUH/oX+4v32X38CAlWV3gEnBgb+2d6V/asCf18CCgEeAXsAAAAAEADGAAEAAAAAAAEABwAAAAEAAAAAAAIABwAHAAEAAAAAAAMABwAOAAEAAAAAAAQABwAVAAEAAAAAAAUACwAcAAEAAAAAAAYABwAnAAEAAAAAAAoAKwAuAAEAAAAAAAsAEwBZAAMAAQQJAAEADgBsAAMAAQQJAAIADgB6AAMAAQQJAAMADgCIAAMAAQQJAAQADgCWAAMAAQQJAAUAFgCkAAMAAQQJAAYADgC6AAMAAQQJAAoAVgDIAAMAAQQJAAsAJgEeVmlkZW9KU1JlZ3VsYXJWaWRlb0pTVmlkZW9KU1ZlcnNpb24gMS4wVmlkZW9KU0dlbmVyYXRlZCBieSBzdmcydHRmIGZyb20gRm9udGVsbG8gcHJvamVjdC5odHRwOi8vZm9udGVsbG8uY29tAFYAaQBkAGUAbwBKAFMAUgBlAGcAdQBsAGEAcgBWAGkAZABlAG8ASgBTAFYAaQBkAGUAbwBKAFMAVgBlAHIAcwBpAG8AbgAgADEALgAwAFYAaQBkAGUAbwBKAFMARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgBoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAAAAAgAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAfAAABAgEDAQQBBQEGAQcBCAEJAQoBCwEMAQ0BDgEPARABEQESARMBFAEVARYBFwEYARkBGgEbARwBHQEeAR8EcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZQJoZAZjYW5jZWwGcmVwbGF5CGZhY2Vib29rBWdwbHVzCGxpbmtlZGluB3R3aXR0ZXIGdHVtYmxyCXBpbnRlcmVzdBFhdWRpby1kZXNjcmlwdGlvbgVhdWRpbwAAAAAA) format("truetype"); /* 18 */ font-weight: normal; /* 19 */ font-style: normal; } /* 20 */ /* 21 */ .vjs-icon-play, .video-js .vjs-big-play-button, .video-js .vjs-play-control { /* 22 */ font-family: VideoJS; /* 23 */ font-weight: normal; /* 24 */ font-style: normal; } /* 25 */ .vjs-icon-play:before, .video-js .vjs-big-play-button:before, .video-js .vjs-play-control:before { /* 26 */ content: "\f101"; } /* 27 */ /* 28 */ .vjs-icon-play-circle { /* 29 */ font-family: VideoJS; /* 30 */ font-weight: normal; /* 31 */ font-style: normal; } /* 32 */ .vjs-icon-play-circle:before { /* 33 */ content: "\f102"; } /* 34 */ /* 35 */ .vjs-icon-pause, .video-js .vjs-play-control.vjs-playing { /* 36 */ font-family: VideoJS; /* 37 */ font-weight: normal; /* 38 */ font-style: normal; } /* 39 */ .vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing:before { /* 40 */ content: "\f103"; } /* 41 */ /* 42 */ .vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0, /* 43 */ .video-js .vjs-volume-menu-button.vjs-vol-0 { /* 44 */ font-family: VideoJS; /* 45 */ font-weight: normal; /* 46 */ font-style: normal; } /* 47 */ .vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0:before, /* 48 */ .video-js .vjs-volume-menu-button.vjs-vol-0:before { /* 49 */ content: "\f104"; } /* 50 */ /* video-js.css */ /* 51 */ .vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1, /* 52 */ .video-js .vjs-volume-menu-button.vjs-vol-1 { /* 53 */ font-family: VideoJS; /* 54 */ font-weight: normal; /* 55 */ font-style: normal; } /* 56 */ .vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1:before, /* 57 */ .video-js .vjs-volume-menu-button.vjs-vol-1:before { /* 58 */ content: "\f105"; } /* 59 */ /* 60 */ .vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2, /* 61 */ .video-js .vjs-volume-menu-button.vjs-vol-2 { /* 62 */ font-family: VideoJS; /* 63 */ font-weight: normal; /* 64 */ font-style: normal; } /* 65 */ .vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2:before, /* 66 */ .video-js .vjs-volume-menu-button.vjs-vol-2:before { /* 67 */ content: "\f106"; } /* 68 */ /* 69 */ .vjs-icon-volume-high, .video-js .vjs-mute-control, /* 70 */ .video-js .vjs-volume-menu-button { /* 71 */ font-family: VideoJS; /* 72 */ font-weight: normal; /* 73 */ font-style: normal; } /* 74 */ .vjs-icon-volume-high:before, .video-js .vjs-mute-control:before, /* 75 */ .video-js .vjs-volume-menu-button:before { /* 76 */ content: "\f107"; } /* 77 */ /* 78 */ .vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control { /* 79 */ font-family: VideoJS; /* 80 */ font-weight: normal; /* 81 */ font-style: normal; } /* 82 */ .vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control:before { /* 83 */ content: "\f108"; } /* 84 */ /* 85 */ .vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control { /* 86 */ font-family: VideoJS; /* 87 */ font-weight: normal; /* 88 */ font-style: normal; } /* 89 */ .vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control:before { /* 90 */ content: "\f109"; } /* 91 */ /* 92 */ .vjs-icon-square { /* 93 */ font-family: VideoJS; /* 94 */ font-weight: normal; /* 95 */ font-style: normal; } /* 96 */ .vjs-icon-square:before { /* 97 */ content: "\f10a"; } /* 98 */ /* 99 */ .vjs-icon-spinner { /* 100 */ font-family: VideoJS; /* video-js.css */ /* 101 */ font-weight: normal; /* 102 */ font-style: normal; } /* 103 */ .vjs-icon-spinner:before { /* 104 */ content: "\f10b"; } /* 105 */ /* 106 */ .vjs-icon-subtitles, .video-js .vjs-subtitles-button { /* 107 */ font-family: VideoJS; /* 108 */ font-weight: normal; /* 109 */ font-style: normal; } /* 110 */ .vjs-icon-subtitles:before, .video-js .vjs-subtitles-button:before { /* 111 */ content: "\f10c"; } /* 112 */ /* 113 */ .vjs-icon-captions, .video-js .vjs-captions-button { /* 114 */ font-family: VideoJS; /* 115 */ font-weight: normal; /* 116 */ font-style: normal; } /* 117 */ .vjs-icon-captions:before, .video-js .vjs-captions-button:before { /* 118 */ content: "\f10d"; } /* 119 */ /* 120 */ .vjs-icon-chapters, .video-js .vjs-chapters-button { /* 121 */ font-family: VideoJS; /* 122 */ font-weight: normal; /* 123 */ font-style: normal; } /* 124 */ .vjs-icon-chapters:before, .video-js .vjs-chapters-button:before { /* 125 */ content: "\f10e"; } /* 126 */ /* 127 */ .vjs-icon-share { /* 128 */ font-family: VideoJS; /* 129 */ font-weight: normal; /* 130 */ font-style: normal; } /* 131 */ .vjs-icon-share:before { /* 132 */ content: "\f10f"; } /* 133 */ /* 134 */ .vjs-icon-cog { /* 135 */ font-family: VideoJS; /* 136 */ font-weight: normal; /* 137 */ font-style: normal; } /* 138 */ .vjs-icon-cog:before { /* 139 */ content: "\f110"; } /* 140 */ /* 141 */ .vjs-icon-circle, .video-js .vjs-mouse-display, .video-js .vjs-play-progress, .video-js .vjs-volume-level { /* 142 */ font-family: VideoJS; /* 143 */ font-weight: normal; /* 144 */ font-style: normal; } /* 145 */ .vjs-icon-circle:before, .video-js .vjs-mouse-display:before, .video-js .vjs-play-progress:before, .video-js .vjs-volume-level:before { /* 146 */ content: "\f111"; } /* 147 */ /* 148 */ .vjs-icon-circle-outline { /* 149 */ font-family: VideoJS; /* 150 */ font-weight: normal; /* video-js.css */ /* 151 */ font-style: normal; } /* 152 */ .vjs-icon-circle-outline:before { /* 153 */ content: "\f112"; } /* 154 */ /* 155 */ .vjs-icon-circle-inner-circle { /* 156 */ font-family: VideoJS; /* 157 */ font-weight: normal; /* 158 */ font-style: normal; } /* 159 */ .vjs-icon-circle-inner-circle:before { /* 160 */ content: "\f113"; } /* 161 */ /* 162 */ .vjs-icon-hd { /* 163 */ font-family: VideoJS; /* 164 */ font-weight: normal; /* 165 */ font-style: normal; } /* 166 */ .vjs-icon-hd:before { /* 167 */ content: "\f114"; } /* 168 */ /* 169 */ .vjs-icon-cancel, .video-js .vjs-control.vjs-close-button { /* 170 */ font-family: VideoJS; /* 171 */ font-weight: normal; /* 172 */ font-style: normal; } /* 173 */ .vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button:before { /* 174 */ content: "\f115"; } /* 175 */ /* 176 */ .vjs-icon-replay { /* 177 */ font-family: VideoJS; /* 178 */ font-weight: normal; /* 179 */ font-style: normal; } /* 180 */ .vjs-icon-replay:before { /* 181 */ content: "\f116"; } /* 182 */ /* 183 */ .vjs-icon-facebook { /* 184 */ font-family: VideoJS; /* 185 */ font-weight: normal; /* 186 */ font-style: normal; } /* 187 */ .vjs-icon-facebook:before { /* 188 */ content: "\f117"; } /* 189 */ /* 190 */ .vjs-icon-gplus { /* 191 */ font-family: VideoJS; /* 192 */ font-weight: normal; /* 193 */ font-style: normal; } /* 194 */ .vjs-icon-gplus:before { /* 195 */ content: "\f118"; } /* 196 */ /* 197 */ .vjs-icon-linkedin { /* 198 */ font-family: VideoJS; /* 199 */ font-weight: normal; /* 200 */ font-style: normal; } /* video-js.css */ /* 201 */ .vjs-icon-linkedin:before { /* 202 */ content: "\f119"; } /* 203 */ /* 204 */ .vjs-icon-twitter { /* 205 */ font-family: VideoJS; /* 206 */ font-weight: normal; /* 207 */ font-style: normal; } /* 208 */ .vjs-icon-twitter:before { /* 209 */ content: "\f11a"; } /* 210 */ /* 211 */ .vjs-icon-tumblr { /* 212 */ font-family: VideoJS; /* 213 */ font-weight: normal; /* 214 */ font-style: normal; } /* 215 */ .vjs-icon-tumblr:before { /* 216 */ content: "\f11b"; } /* 217 */ /* 218 */ .vjs-icon-pinterest { /* 219 */ font-family: VideoJS; /* 220 */ font-weight: normal; /* 221 */ font-style: normal; } /* 222 */ .vjs-icon-pinterest:before { /* 223 */ content: "\f11c"; } /* 224 */ /* 225 */ .vjs-icon-audio-description, .video-js .vjs-descriptions-button { /* 226 */ font-family: VideoJS; /* 227 */ font-weight: normal; /* 228 */ font-style: normal; } /* 229 */ .vjs-icon-audio-description:before, .video-js .vjs-descriptions-button:before { /* 230 */ content: "\f11d"; } /* 231 */ /* 232 */ .vjs-icon-audio, .video-js .vjs-audio-button { /* 233 */ font-family: VideoJS; /* 234 */ font-weight: normal; /* 235 */ font-style: normal; } /* 236 */ .vjs-icon-audio:before, .video-js .vjs-audio-button:before { /* 237 */ content: "\f11e"; } /* 238 */ /* 239 */ .video-js { /* 240 */ display: block; /* 241 */ vertical-align: top; /* 242 */ box-sizing: border-box; /* 243 */ color: #fff; /* 244 */ background-color: #000; /* 245 */ position: relative; /* 246 */ padding: 0; /* 247 */ font-size: 10px; /* 248 */ line-height: 1; /* 249 */ font-weight: normal; /* 250 */ font-style: normal; /* video-js.css */ /* 251 */ font-family: Arial, Helvetica, sans-serif; /* 252 */ -webkit-user-select: none; /* 253 */ -moz-user-select: none; /* 254 */ -ms-user-select: none; /* 255 */ user-select: none; } /* 256 */ .video-js:-moz-full-screen { /* 257 */ position: absolute; } /* 258 */ .video-js:-webkit-full-screen { /* 259 */ width: 100% !important; /* 260 */ height: 100% !important; } /* 261 */ /* 262 */ .video-js *, /* 263 */ .video-js *:before, /* 264 */ .video-js *:after { /* 265 */ box-sizing: inherit; } /* 266 */ /* 267 */ .video-js ul { /* 268 */ font-family: inherit; /* 269 */ font-size: inherit; /* 270 */ line-height: inherit; /* 271 */ list-style-position: outside; /* 272 */ margin-left: 0; /* 273 */ margin-right: 0; /* 274 */ margin-top: 0; /* 275 */ margin-bottom: 0; } /* 276 */ /* 277 */ .video-js.vjs-fluid, /* 278 */ .video-js.vjs-16-9, /* 279 */ .video-js.vjs-4-3 { /* 280 */ width: 100%; /* 281 */ max-width: 100%; /* 282 */ height: 0; } /* 283 */ /* 284 */ .video-js.vjs-16-9 { /* 285 */ padding-top: 56.25%; } /* 286 */ /* 287 */ .video-js.vjs-4-3 { /* 288 */ padding-top: 75%; } /* 289 */ /* 290 */ .video-js.vjs-fill { /* 291 */ width: 100%; /* 292 */ height: 100%; } /* 293 */ /* 294 */ .video-js .vjs-tech { /* 295 */ position: absolute; /* 296 */ top: 0; /* 297 */ left: 0; /* 298 */ width: 100%; /* 299 */ height: 100%; } /* 300 */ /* video-js.css */ /* 301 */ body.vjs-full-window { /* 302 */ padding: 0; /* 303 */ margin: 0; /* 304 */ height: 100%; /* 305 */ overflow-y: auto; } /* 306 */ /* 307 */ .vjs-full-window .video-js.vjs-fullscreen { /* 308 */ position: fixed; /* 309 */ overflow: hidden; /* 310 */ z-index: 1000; /* 311 */ left: 0; /* 312 */ top: 0; /* 313 */ bottom: 0; /* 314 */ right: 0; } /* 315 */ /* 316 */ .video-js.vjs-fullscreen { /* 317 */ width: 100% !important; /* 318 */ height: 100% !important; /* 319 */ padding-top: 0 !important; } /* 320 */ /* 321 */ .video-js.vjs-fullscreen.vjs-user-inactive { /* 322 */ cursor: none; } /* 323 */ /* 324 */ .vjs-hidden { /* 325 */ display: none !important; } /* 326 */ /* 327 */ .vjs-disabled { /* 328 */ opacity: 0.5; /* 329 */ cursor: default; } /* 330 */ /* 331 */ .video-js .vjs-offscreen { /* 332 */ height: 1px; /* 333 */ left: -9999px; /* 334 */ position: absolute; /* 335 */ top: 0; /* 336 */ width: 1px; } /* 337 */ /* 338 */ .vjs-lock-showing { /* 339 */ display: block !important; /* 340 */ opacity: 1; /* 341 */ visibility: visible; } /* 342 */ /* 343 */ .vjs-no-js { /* 344 */ padding: 20px; /* 345 */ color: #fff; /* 346 */ background-color: #000; /* 347 */ font-size: 18px; /* 348 */ font-family: Arial, Helvetica, sans-serif; /* 349 */ text-align: center; /* 350 */ width: 300px; /* video-js.css */ /* 351 */ height: 150px; /* 352 */ margin: 0px auto; } /* 353 */ /* 354 */ .vjs-no-js a, /* 355 */ .vjs-no-js a:visited { /* 356 */ color: #66A8CC; } /* 357 */ /* 358 */ .video-js .vjs-big-play-button { /* 359 */ font-size: 3em; /* 360 */ line-height: 1.5em; /* 361 */ height: 1.5em; /* 362 */ width: 3em; /* 363 */ display: block; /* 364 */ position: absolute; /* 365 */ top: 10px; /* 366 */ left: 10px; /* 367 */ padding: 0; /* 368 */ cursor: pointer; /* 369 */ opacity: 1; /* 370 */ border: 0.06666em solid #fff; /* 371 */ background-color: #2B333F; /* 372 */ background-color: rgba(43, 51, 63, 0.7); /* 373 */ -webkit-border-radius: 0.3em; /* 374 */ -moz-border-radius: 0.3em; /* 375 */ border-radius: 0.3em; /* 376 */ -webkit-transition: all 0.4s; /* 377 */ -moz-transition: all 0.4s; /* 378 */ -o-transition: all 0.4s; /* 379 */ transition: all 0.4s; } /* 380 */ /* 381 */ .vjs-big-play-centered .vjs-big-play-button { /* 382 */ top: 50%; /* 383 */ left: 50%; /* 384 */ margin-top: -0.75em; /* 385 */ margin-left: -1.5em; } /* 386 */ /* 387 */ .video-js:hover .vjs-big-play-button, /* 388 */ .video-js .vjs-big-play-button:focus { /* 389 */ outline: 0; /* 390 */ border-color: #fff; /* 391 */ background-color: #73859f; /* 392 */ background-color: rgba(115, 133, 159, 0.5); /* 393 */ -webkit-transition: all 0s; /* 394 */ -moz-transition: all 0s; /* 395 */ -o-transition: all 0s; /* 396 */ transition: all 0s; } /* 397 */ /* 398 */ .vjs-controls-disabled .vjs-big-play-button, /* 399 */ .vjs-has-started .vjs-big-play-button, /* 400 */ .vjs-using-native-controls .vjs-big-play-button, /* video-js.css */ /* 401 */ .vjs-error .vjs-big-play-button { /* 402 */ display: none; /* 403 */ } /* 404 */ /* 405 */ .vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button { /* 406 */ display: block; } /* 407 */ /* 408 */ .video-js button { /* 409 */ background: none; /* 410 */ border: none; /* 411 */ color: inherit; /* 412 */ display: inline-block; /* 413 */ overflow: visible; /* 414 */ font-size: inherit; /* 415 */ line-height: inherit; /* 416 */ text-transform: none; /* 417 */ text-decoration: none; /* 418 */ transition: none; /* 419 */ -webkit-appearance: none; /* 420 */ -moz-appearance: none; /* 421 */ appearance: none; } /* 422 */ /* 423 */ .video-js .vjs-control.vjs-close-button { /* 424 */ cursor: pointer; /* 425 */ height: 3em; /* 426 */ position: absolute; /* 427 */ right: 0; /* 428 */ top: 0.5em; /* 429 */ z-index: 2; } /* 430 */ /* 431 */ .vjs-menu-button { /* 432 */ cursor: pointer; } /* 433 */ /* 434 */ .vjs-menu-button.vjs-disabled { /* 435 */ cursor: default; } /* 436 */ /* 437 */ .vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu { /* 438 */ display: none; } /* 439 */ /* 440 */ .vjs-menu .vjs-menu-content { /* 441 */ display: block; /* 442 */ padding: 0; /* 443 */ margin: 0; /* 444 */ overflow: auto; /* 445 */ font-family: Arial, Helvetica, sans-serif; } /* 446 */ /* 447 */ .vjs-scrubbing .vjs-menu-button:hover .vjs-menu { /* 448 */ display: none; } /* 449 */ /* 450 */ .vjs-menu li { /* video-js.css */ /* 451 */ list-style: none; /* 452 */ margin: 0; /* 453 */ padding: 0.2em 0; /* 454 */ line-height: 1.4em; /* 455 */ font-size: 1.2em; /* 456 */ text-align: center; /* 457 */ text-transform: lowercase; } /* 458 */ /* 459 */ .vjs-menu li.vjs-menu-item:focus, /* 460 */ .vjs-menu li.vjs-menu-item:hover { /* 461 */ outline: 0; /* 462 */ background-color: #73859f; /* 463 */ background-color: rgba(115, 133, 159, 0.5); } /* 464 */ /* 465 */ .vjs-menu li.vjs-selected, /* 466 */ .vjs-menu li.vjs-selected:focus, /* 467 */ .vjs-menu li.vjs-selected:hover { /* 468 */ background-color: #fff; /* 469 */ color: #2B333F; } /* 470 */ /* 471 */ .vjs-menu li.vjs-menu-title { /* 472 */ text-align: center; /* 473 */ text-transform: uppercase; /* 474 */ font-size: 1em; /* 475 */ line-height: 2em; /* 476 */ padding: 0; /* 477 */ margin: 0 0 0.3em 0; /* 478 */ font-weight: bold; /* 479 */ cursor: default; } /* 480 */ /* 481 */ .vjs-menu-button-popup .vjs-menu { /* 482 */ display: none; /* 483 */ position: absolute; /* 484 */ bottom: 0; /* 485 */ width: 10em; /* 486 */ left: -3em; /* 487 */ height: 0em; /* 488 */ margin-bottom: 1.5em; /* 489 */ border-top-color: rgba(43, 51, 63, 0.7); } /* 490 */ /* 491 */ .vjs-menu-button-popup .vjs-menu .vjs-menu-content { /* 492 */ background-color: #2B333F; /* 493 */ background-color: rgba(43, 51, 63, 0.7); /* 494 */ position: absolute; /* 495 */ width: 100%; /* 496 */ bottom: 1.5em; /* 497 */ max-height: 15em; } /* 498 */ /* 499 */ .vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu, /* 500 */ .vjs-menu-button-popup .vjs-menu.vjs-lock-showing { /* video-js.css */ /* 501 */ display: block; } /* 502 */ /* 503 */ .video-js .vjs-menu-button-inline { /* 504 */ -webkit-transition: all 0.4s; /* 505 */ -moz-transition: all 0.4s; /* 506 */ -o-transition: all 0.4s; /* 507 */ transition: all 0.4s; /* 508 */ overflow: hidden; } /* 509 */ /* 510 */ .video-js .vjs-menu-button-inline:before { /* 511 */ width: 2.222222222em; } /* 512 */ /* 513 */ .video-js .vjs-menu-button-inline:hover, /* 514 */ .video-js .vjs-menu-button-inline:focus, /* 515 */ .video-js .vjs-menu-button-inline.vjs-slider-active, /* 516 */ .video-js.vjs-no-flex .vjs-menu-button-inline { /* 517 */ width: 12em; } /* 518 */ /* 519 */ .video-js .vjs-menu-button-inline.vjs-slider-active { /* 520 */ -webkit-transition: none; /* 521 */ -moz-transition: none; /* 522 */ -o-transition: none; /* 523 */ transition: none; } /* 524 */ /* 525 */ .vjs-menu-button-inline .vjs-menu { /* 526 */ opacity: 0; /* 527 */ height: 100%; /* 528 */ width: auto; /* 529 */ position: absolute; /* 530 */ left: 4em; /* 531 */ top: 0; /* 532 */ padding: 0; /* 533 */ margin: 0; /* 534 */ -webkit-transition: all 0.4s; /* 535 */ -moz-transition: all 0.4s; /* 536 */ -o-transition: all 0.4s; /* 537 */ transition: all 0.4s; } /* 538 */ /* 539 */ .vjs-menu-button-inline:hover .vjs-menu, /* 540 */ .vjs-menu-button-inline:focus .vjs-menu, /* 541 */ .vjs-menu-button-inline.vjs-slider-active .vjs-menu { /* 542 */ display: block; /* 543 */ opacity: 1; } /* 544 */ /* 545 */ .vjs-no-flex .vjs-menu-button-inline .vjs-menu { /* 546 */ display: block; /* 547 */ opacity: 1; /* 548 */ position: relative; /* 549 */ width: auto; } /* 550 */ /* video-js.css */ /* 551 */ .vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu, /* 552 */ .vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu, /* 553 */ .vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu { /* 554 */ width: auto; } /* 555 */ /* 556 */ .vjs-menu-button-inline .vjs-menu-content { /* 557 */ width: auto; /* 558 */ height: 100%; /* 559 */ margin: 0; /* 560 */ overflow: hidden; } /* 561 */ /* 562 */ .video-js .vjs-control-bar { /* 563 */ display: none; /* 564 */ width: 100%; /* 565 */ position: absolute; /* 566 */ bottom: 0; /* 567 */ left: 0; /* 568 */ right: 0; /* 569 */ height: 3.0em; /* 570 */ background-color: #2B333F; /* 571 */ background-color: rgba(43, 51, 63, 0.7); /* 572 */ } /* 573 */ /* 574 */ /* 575 */ .vjs-has-started .vjs-control-bar { /* 576 */ display: -webkit-box; /* 577 */ display: -webkit-flex; /* 578 */ display: -ms-flexbox; /* 579 */ display: flex; /* 580 */ visibility: visible; /* 581 */ opacity: 1; /* 582 */ -webkit-transition: visibility 0.1s, opacity 0.1s; /* 583 */ -moz-transition: visibility 0.1s, opacity 0.1s; /* 584 */ -o-transition: visibility 0.1s, opacity 0.1s; /* 585 */ transition: visibility 0.1s, opacity 0.1s; } /* 586 */ /* 587 */ .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { /* 588 */ visibility: visible; /* 589 */ opacity: 0; /* 590 */ -webkit-transition: visibility 1s, opacity 1s; /* 591 */ -moz-transition: visibility 1s, opacity 1s; /* 592 */ -o-transition: visibility 1s, opacity 1s; /* 593 */ transition: visibility 1s, opacity 1s; } /* 594 */ /* 595 */ .vjs-controls-disabled .vjs-control-bar, /* 596 */ .vjs-using-native-controls .vjs-control-bar, /* 597 */ .vjs-error .vjs-control-bar { /* 598 */ display: none !important; } /* 599 */ /* 600 */ .vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { /* video-js.css */ /* 601 */ opacity: 1; /* 602 */ visibility: visible; } /* 603 */ /* 604 */ .vjs-has-started.vjs-no-flex .vjs-control-bar { /* 605 */ display: table; } /* 606 */ /* 607 */ .video-js .vjs-control { /* 608 */ outline: none; /* 609 */ position: relative; /* 610 */ text-align: center; /* 611 */ margin: 0; /* 612 */ padding: 0; /* 613 */ height: 100%; /* 614 */ width: 4em; /* 615 */ -webkit-box-flex: none; /* 616 */ -moz-box-flex: none; /* 617 */ -webkit-flex: none; /* 618 */ -ms-flex: none; /* 619 */ flex: none; } /* 620 */ .video-js .vjs-control:before { /* 621 */ font-size: 1.8em; /* 622 */ line-height: 1.67; /* 623 */ } /* 624 */ /* 625 */ .video-js .vjs-control:focus:before, /* 626 */ .video-js .vjs-control:hover:before, /* 627 */ .video-js .vjs-control:focus { /* 628 */ text-shadow: 0em 0em 1em white; } /* 629 */ /* 630 */ .video-js .vjs-control-text { /* 631 */ border: 0; /* 632 */ clip: rect(0 0 0 0); /* 633 */ height: 1px; /* 634 */ margin: -1px; /* 635 */ overflow: hidden; /* 636 */ padding: 0; /* 637 */ position: absolute; /* 638 */ width: 1px; } /* 639 */ /* 640 */ .vjs-no-flex .vjs-control { /* 641 */ display: table-cell; /* 642 */ vertical-align: middle; } /* 643 */ /* 644 */ .video-js .vjs-custom-control-spacer { /* 645 */ display: none; } /* 646 */ /* 647 */ .video-js .vjs-progress-control { /* 648 */ -webkit-box-flex: auto; /* 649 */ -moz-box-flex: auto; /* 650 */ -webkit-flex: auto; /* video-js.css */ /* 651 */ -ms-flex: auto; /* 652 */ flex: auto; /* 653 */ display: -webkit-box; /* 654 */ display: -webkit-flex; /* 655 */ display: -ms-flexbox; /* 656 */ display: flex; /* 657 */ -webkit-box-align: center; /* 658 */ -webkit-align-items: center; /* 659 */ -ms-flex-align: center; /* 660 */ align-items: center; /* 661 */ min-width: 4em; } /* 662 */ /* 663 */ .vjs-live .vjs-progress-control { /* 664 */ display: none; } /* 665 */ /* 666 */ .video-js .vjs-progress-holder { /* 667 */ -webkit-box-flex: auto; /* 668 */ -moz-box-flex: auto; /* 669 */ -webkit-flex: auto; /* 670 */ -ms-flex: auto; /* 671 */ flex: auto; /* 672 */ -webkit-transition: all 0.2s; /* 673 */ -moz-transition: all 0.2s; /* 674 */ -o-transition: all 0.2s; /* 675 */ transition: all 0.2s; /* 676 */ height: 0.3em; } /* 677 */ /* 678 */ .video-js .vjs-progress-control:hover .vjs-progress-holder { /* 679 */ font-size: 1.666666666666666666em; } /* 680 */ /* 681 */ /* If we let the font size grow as much as everything else, the current time tooltip ends up /* 682 *| ginormous. If you'd like to enable the current time tooltip all the time, this should be disabled /* 683 *| to avoid a weird hitch when you roll off the hover. */ /* 684 */ .video-js .vjs-progress-control:hover .vjs-time-tooltip, /* 685 */ .video-js .vjs-progress-control:hover .vjs-mouse-display:after, /* 686 */ .video-js .vjs-progress-control:hover .vjs-play-progress:after { /* 687 */ font-family: Arial, Helvetica, sans-serif; /* 688 */ visibility: visible; /* 689 */ font-size: 0.6em; } /* 690 */ /* 691 */ .video-js .vjs-progress-holder .vjs-play-progress, /* 692 */ .video-js .vjs-progress-holder .vjs-load-progress, /* 693 */ .video-js .vjs-progress-holder .vjs-tooltip-progress-bar, /* 694 */ .video-js .vjs-progress-holder .vjs-load-progress div { /* 695 */ position: absolute; /* 696 */ display: block; /* 697 */ height: 100%; /* 698 */ margin: 0; /* 699 */ padding: 0; /* 700 */ width: 0; /* video-js.css */ /* 701 */ left: 0; /* 702 */ top: 0; } /* 703 */ /* 704 */ .video-js .vjs-mouse-display:before { /* 705 */ display: none; } /* 706 */ /* 707 */ .video-js .vjs-play-progress { /* 708 */ background-color: #fff; } /* 709 */ .video-js .vjs-play-progress:before { /* 710 */ position: absolute; /* 711 */ top: -0.333333333333333em; /* 712 */ right: -0.5em; /* 713 */ font-size: 0.9em; } /* 714 */ /* 715 */ .video-js .vjs-time-tooltip, /* 716 */ .video-js .vjs-mouse-display:after, /* 717 */ .video-js .vjs-play-progress:after { /* 718 */ visibility: hidden; /* 719 */ pointer-events: none; /* 720 */ position: absolute; /* 721 */ top: -3.4em; /* 722 */ right: -1.9em; /* 723 */ font-size: 0.9em; /* 724 */ color: #000; /* 725 */ content: attr(data-current-time); /* 726 */ padding: 6px 8px 8px 8px; /* 727 */ background-color: #fff; /* 728 */ background-color: rgba(255, 255, 255, 0.8); /* 729 */ -webkit-border-radius: 0.3em; /* 730 */ -moz-border-radius: 0.3em; /* 731 */ border-radius: 0.3em; } /* 732 */ /* 733 */ .video-js .vjs-time-tooltip, /* 734 */ .video-js .vjs-play-progress:before, /* 735 */ .video-js .vjs-play-progress:after { /* 736 */ z-index: 1; } /* 737 */ /* 738 */ .video-js .vjs-progress-control .vjs-keep-tooltips-inside:after { /* 739 */ display: none; } /* 740 */ /* 741 */ .video-js .vjs-load-progress { /* 742 */ background: #bfc7d3; /* 743 */ background: rgba(115, 133, 159, 0.5); } /* 744 */ /* 745 */ .video-js .vjs-load-progress div { /* 746 */ background: white; /* 747 */ background: rgba(115, 133, 159, 0.75); } /* 748 */ /* 749 */ .video-js.vjs-no-flex .vjs-progress-control { /* 750 */ width: auto; } /* video-js.css */ /* 751 */ /* 752 */ .video-js .vjs-time-tooltip { /* 753 */ display: inline-block; /* 754 */ height: 2.4em; /* 755 */ position: relative; /* 756 */ float: right; /* 757 */ right: -1.9em; } /* 758 */ /* 759 */ .vjs-tooltip-progress-bar { /* 760 */ visibility: hidden; } /* 761 */ /* 762 */ .video-js .vjs-progress-control .vjs-mouse-display { /* 763 */ display: none; /* 764 */ position: absolute; /* 765 */ width: 1px; /* 766 */ height: 100%; /* 767 */ background-color: #000; /* 768 */ z-index: 1; } /* 769 */ /* 770 */ .vjs-no-flex .vjs-progress-control .vjs-mouse-display { /* 771 */ z-index: 0; } /* 772 */ /* 773 */ .video-js .vjs-progress-control:hover .vjs-mouse-display { /* 774 */ display: block; } /* 775 */ /* 776 */ .video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display, /* 777 */ .video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display:after { /* 778 */ visibility: hidden; /* 779 */ opacity: 0; /* 780 */ -webkit-transition: visibility 1s, opacity 1s; /* 781 */ -moz-transition: visibility 1s, opacity 1s; /* 782 */ -o-transition: visibility 1s, opacity 1s; /* 783 */ transition: visibility 1s, opacity 1s; } /* 784 */ /* 785 */ .video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display, /* 786 */ .video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display:after { /* 787 */ display: none; } /* 788 */ /* 789 */ .vjs-mouse-display .vjs-time-tooltip, /* 790 */ .video-js .vjs-progress-control .vjs-mouse-display:after { /* 791 */ color: #fff; /* 792 */ background-color: #000; /* 793 */ background-color: rgba(0, 0, 0, 0.8); } /* 794 */ /* 795 */ .video-js .vjs-slider { /* 796 */ outline: 0; /* 797 */ position: relative; /* 798 */ cursor: pointer; /* 799 */ padding: 0; /* 800 */ margin: 0 0.45em 0 0.45em; /* video-js.css */ /* 801 */ background-color: #73859f; /* 802 */ background-color: rgba(115, 133, 159, 0.5); } /* 803 */ /* 804 */ .video-js .vjs-slider:focus { /* 805 */ text-shadow: 0em 0em 1em white; /* 806 */ -webkit-box-shadow: 0 0 1em #fff; /* 807 */ -moz-box-shadow: 0 0 1em #fff; /* 808 */ box-shadow: 0 0 1em #fff; } /* 809 */ /* 810 */ .video-js .vjs-mute-control, /* 811 */ .video-js .vjs-volume-menu-button { /* 812 */ cursor: pointer; /* 813 */ -webkit-box-flex: none; /* 814 */ -moz-box-flex: none; /* 815 */ -webkit-flex: none; /* 816 */ -ms-flex: none; /* 817 */ flex: none; } /* 818 */ /* 819 */ .video-js .vjs-volume-control { /* 820 */ width: 5em; /* 821 */ -webkit-box-flex: none; /* 822 */ -moz-box-flex: none; /* 823 */ -webkit-flex: none; /* 824 */ -ms-flex: none; /* 825 */ flex: none; /* 826 */ display: -webkit-box; /* 827 */ display: -webkit-flex; /* 828 */ display: -ms-flexbox; /* 829 */ display: flex; /* 830 */ -webkit-box-align: center; /* 831 */ -webkit-align-items: center; /* 832 */ -ms-flex-align: center; /* 833 */ align-items: center; } /* 834 */ /* 835 */ .video-js .vjs-volume-bar { /* 836 */ margin: 1.35em 0.45em; } /* 837 */ /* 838 */ .vjs-volume-bar.vjs-slider-horizontal { /* 839 */ width: 5em; /* 840 */ height: 0.3em; } /* 841 */ /* 842 */ .vjs-volume-bar.vjs-slider-vertical { /* 843 */ width: 0.3em; /* 844 */ height: 5em; /* 845 */ margin: 1.35em auto; } /* 846 */ /* 847 */ .video-js .vjs-volume-level { /* 848 */ position: absolute; /* 849 */ bottom: 0; /* 850 */ left: 0; /* video-js.css */ /* 851 */ background-color: #fff; } /* 852 */ .video-js .vjs-volume-level:before { /* 853 */ position: absolute; /* 854 */ font-size: 0.9em; } /* 855 */ /* 856 */ .vjs-slider-vertical .vjs-volume-level { /* 857 */ width: 0.3em; } /* 858 */ .vjs-slider-vertical .vjs-volume-level:before { /* 859 */ top: -0.5em; /* 860 */ left: -0.3em; } /* 861 */ /* 862 */ .vjs-slider-horizontal .vjs-volume-level { /* 863 */ height: 0.3em; } /* 864 */ .vjs-slider-horizontal .vjs-volume-level:before { /* 865 */ top: -0.3em; /* 866 */ right: -0.5em; } /* 867 */ /* 868 */ .vjs-volume-bar.vjs-slider-vertical .vjs-volume-level { /* 869 */ height: 100%; } /* 870 */ /* 871 */ .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level { /* 872 */ width: 100%; } /* 873 */ /* 874 */ .vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu { /* 875 */ display: block; /* 876 */ width: 0; /* 877 */ height: 0; /* 878 */ border-top-color: transparent; } /* 879 */ /* 880 */ .vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu { /* 881 */ left: 0.5em; /* 882 */ height: 8em; } /* 883 */ /* 884 */ .vjs-menu-button-popup.vjs-volume-menu-button-horizontal .vjs-menu { /* 885 */ left: -2em; } /* 886 */ /* 887 */ .vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu-content { /* 888 */ height: 0; /* 889 */ width: 0; /* 890 */ overflow-x: hidden; /* 891 */ overflow-y: hidden; } /* 892 */ /* 893 */ .vjs-volume-menu-button-vertical:hover .vjs-menu-content, /* 894 */ .vjs-volume-menu-button-vertical:focus .vjs-menu-content, /* 895 */ .vjs-volume-menu-button-vertical.vjs-slider-active .vjs-menu-content, /* 896 */ .vjs-volume-menu-button-vertical .vjs-lock-showing .vjs-menu-content { /* 897 */ height: 8em; /* 898 */ width: 2.9em; } /* 899 */ /* 900 */ .vjs-volume-menu-button-horizontal:hover .vjs-menu-content, /* video-js.css */ /* 901 */ .vjs-volume-menu-button-horizontal:focus .vjs-menu-content, /* 902 */ .vjs-volume-menu-button-horizontal .vjs-slider-active .vjs-menu-content, /* 903 */ .vjs-volume-menu-button-horizontal .vjs-lock-showing .vjs-menu-content { /* 904 */ height: 2.9em; /* 905 */ width: 8em; } /* 906 */ /* 907 */ .vjs-volume-menu-button.vjs-menu-button-inline .vjs-menu-content { /* 908 */ background-color: transparent !important; } /* 909 */ /* 910 */ .vjs-poster { /* 911 */ display: inline-block; /* 912 */ vertical-align: middle; /* 913 */ background-repeat: no-repeat; /* 914 */ background-position: 50% 50%; /* 915 */ background-size: contain; /* 916 */ background-color: #000000; /* 917 */ cursor: pointer; /* 918 */ margin: 0; /* 919 */ padding: 0; /* 920 */ position: absolute; /* 921 */ top: 0; /* 922 */ right: 0; /* 923 */ bottom: 0; /* 924 */ left: 0; /* 925 */ height: 100%; } /* 926 */ /* 927 */ .vjs-poster img { /* 928 */ display: block; /* 929 */ vertical-align: middle; /* 930 */ margin: 0 auto; /* 931 */ max-height: 100%; /* 932 */ padding: 0; /* 933 */ width: 100%; } /* 934 */ /* 935 */ .vjs-has-started .vjs-poster { /* 936 */ display: none; } /* 937 */ /* 938 */ .vjs-audio.vjs-has-started .vjs-poster { /* 939 */ display: block; } /* 940 */ /* 941 */ .vjs-using-native-controls .vjs-poster { /* 942 */ display: none; } /* 943 */ /* 944 */ .video-js .vjs-live-control { /* 945 */ display: -webkit-box; /* 946 */ display: -webkit-flex; /* 947 */ display: -ms-flexbox; /* 948 */ display: flex; /* 949 */ -webkit-box-align: flex-start; /* 950 */ -webkit-align-items: flex-start; /* video-js.css */ /* 951 */ -ms-flex-align: flex-start; /* 952 */ align-items: flex-start; /* 953 */ -webkit-box-flex: auto; /* 954 */ -moz-box-flex: auto; /* 955 */ -webkit-flex: auto; /* 956 */ -ms-flex: auto; /* 957 */ flex: auto; /* 958 */ font-size: 1em; /* 959 */ line-height: 3em; } /* 960 */ /* 961 */ .vjs-no-flex .vjs-live-control { /* 962 */ display: table-cell; /* 963 */ width: auto; /* 964 */ text-align: left; } /* 965 */ /* 966 */ .video-js .vjs-time-control { /* 967 */ -webkit-box-flex: none; /* 968 */ -moz-box-flex: none; /* 969 */ -webkit-flex: none; /* 970 */ -ms-flex: none; /* 971 */ flex: none; /* 972 */ font-size: 1em; /* 973 */ line-height: 3em; /* 974 */ min-width: 2em; /* 975 */ width: auto; /* 976 */ padding-left: 1em; /* 977 */ padding-right: 1em; } /* 978 */ /* 979 */ .vjs-live .vjs-time-control { /* 980 */ display: none; } /* 981 */ /* 982 */ .video-js .vjs-current-time, /* 983 */ .vjs-no-flex .vjs-current-time { /* 984 */ display: none; } /* 985 */ /* 986 */ .video-js .vjs-duration, /* 987 */ .vjs-no-flex .vjs-duration { /* 988 */ display: none; } /* 989 */ /* 990 */ .vjs-time-divider { /* 991 */ display: none; /* 992 */ line-height: 3em; } /* 993 */ /* 994 */ .vjs-live .vjs-time-divider { /* 995 */ display: none; } /* 996 */ /* 997 */ .video-js .vjs-play-control { /* 998 */ cursor: pointer; /* 999 */ -webkit-box-flex: none; /* 1000 */ -moz-box-flex: none; /* video-js.css */ /* 1001 */ -webkit-flex: none; /* 1002 */ -ms-flex: none; /* 1003 */ flex: none; } /* 1004 */ /* 1005 */ .vjs-text-track-display { /* 1006 */ position: absolute; /* 1007 */ bottom: 3em; /* 1008 */ left: 0; /* 1009 */ right: 0; /* 1010 */ top: 0; /* 1011 */ pointer-events: none; } /* 1012 */ /* 1013 */ .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display { /* 1014 */ bottom: 1em; } /* 1015 */ /* 1016 */ .video-js .vjs-text-track { /* 1017 */ font-size: 1.4em; /* 1018 */ text-align: center; /* 1019 */ margin-bottom: 0.1em; /* 1020 */ background-color: #000; /* 1021 */ background-color: rgba(0, 0, 0, 0.5); } /* 1022 */ /* 1023 */ .vjs-subtitles { /* 1024 */ color: #fff; } /* 1025 */ /* 1026 */ .vjs-captions { /* 1027 */ color: #fc6; } /* 1028 */ /* 1029 */ .vjs-tt-cue { /* 1030 */ display: block; } /* 1031 */ /* 1032 */ video::-webkit-media-text-track-display { /* 1033 */ -moz-transform: translateY(-3em); /* 1034 */ -ms-transform: translateY(-3em); /* 1035 */ -o-transform: translateY(-3em); /* 1036 */ -webkit-transform: translateY(-3em); /* 1037 */ transform: translateY(-3em); } /* 1038 */ /* 1039 */ .video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display { /* 1040 */ -moz-transform: translateY(-1.5em); /* 1041 */ -ms-transform: translateY(-1.5em); /* 1042 */ -o-transform: translateY(-1.5em); /* 1043 */ -webkit-transform: translateY(-1.5em); /* 1044 */ transform: translateY(-1.5em); } /* 1045 */ /* 1046 */ .video-js .vjs-fullscreen-control { /* 1047 */ cursor: pointer; /* 1048 */ -webkit-box-flex: none; /* 1049 */ -moz-box-flex: none; /* 1050 */ -webkit-flex: none; /* video-js.css */ /* 1051 */ -ms-flex: none; /* 1052 */ flex: none; } /* 1053 */ /* 1054 */ .vjs-playback-rate .vjs-playback-rate-value { /* 1055 */ font-size: 1.5em; /* 1056 */ line-height: 2; /* 1057 */ position: absolute; /* 1058 */ top: 0; /* 1059 */ left: 0; /* 1060 */ width: 100%; /* 1061 */ height: 100%; /* 1062 */ text-align: center; } /* 1063 */ /* 1064 */ .vjs-playback-rate .vjs-menu { /* 1065 */ width: 4em; /* 1066 */ left: 0em; } /* 1067 */ /* 1068 */ .vjs-error .vjs-error-display .vjs-modal-dialog-content { /* 1069 */ font-size: 1.4em; /* 1070 */ text-align: center; } /* 1071 */ /* 1072 */ .vjs-error .vjs-error-display:before { /* 1073 */ color: #fff; /* 1074 */ content: 'X'; /* 1075 */ font-family: Arial, Helvetica, sans-serif; /* 1076 */ font-size: 4em; /* 1077 */ left: 0; /* 1078 */ line-height: 1; /* 1079 */ margin-top: -0.5em; /* 1080 */ position: absolute; /* 1081 */ text-shadow: 0.05em 0.05em 0.1em #000; /* 1082 */ text-align: center; /* 1083 */ top: 50%; /* 1084 */ vertical-align: middle; /* 1085 */ width: 100%; } /* 1086 */ /* 1087 */ .vjs-loading-spinner { /* 1088 */ display: none; /* 1089 */ position: absolute; /* 1090 */ top: 50%; /* 1091 */ left: 50%; /* 1092 */ margin: -25px 0 0 -25px; /* 1093 */ opacity: 0.85; /* 1094 */ text-align: left; /* 1095 */ border: 6px solid rgba(43, 51, 63, 0.7); /* 1096 */ box-sizing: border-box; /* 1097 */ background-clip: padding-box; /* 1098 */ width: 50px; /* 1099 */ height: 50px; /* 1100 */ border-radius: 25px; } /* video-js.css */ /* 1101 */ /* 1102 */ .vjs-seeking .vjs-loading-spinner, /* 1103 */ .vjs-waiting .vjs-loading-spinner { /* 1104 */ display: block; } /* 1105 */ /* 1106 */ .vjs-loading-spinner:before, /* 1107 */ .vjs-loading-spinner:after { /* 1108 */ content: ""; /* 1109 */ position: absolute; /* 1110 */ margin: -6px; /* 1111 */ box-sizing: inherit; /* 1112 */ width: inherit; /* 1113 */ height: inherit; /* 1114 */ border-radius: inherit; /* 1115 */ opacity: 1; /* 1116 */ border: inherit; /* 1117 */ border-color: transparent; /* 1118 */ border-top-color: white; } /* 1119 */ /* 1120 */ .vjs-seeking .vjs-loading-spinner:before, /* 1121 */ .vjs-seeking .vjs-loading-spinner:after, /* 1122 */ .vjs-waiting .vjs-loading-spinner:before, /* 1123 */ .vjs-waiting .vjs-loading-spinner:after { /* 1124 */ -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; /* 1125 */ animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; } /* 1126 */ /* 1127 */ .vjs-seeking .vjs-loading-spinner:before, /* 1128 */ .vjs-waiting .vjs-loading-spinner:before { /* 1129 */ border-top-color: white; } /* 1130 */ /* 1131 */ .vjs-seeking .vjs-loading-spinner:after, /* 1132 */ .vjs-waiting .vjs-loading-spinner:after { /* 1133 */ border-top-color: white; /* 1134 */ -webkit-animation-delay: 0.44s; /* 1135 */ animation-delay: 0.44s; } /* 1136 */ /* 1137 */ @keyframes vjs-spinner-spin { /* 1138 */ 100% { /* 1139 */ transform: rotate(360deg); } } /* 1140 */ /* 1141 */ @-webkit-keyframes vjs-spinner-spin { /* 1142 */ 100% { /* 1143 */ -webkit-transform: rotate(360deg); } } /* 1144 */ /* 1145 */ @keyframes vjs-spinner-fade { /* 1146 */ 0% { /* 1147 */ border-top-color: #73859f; } /* 1148 */ 20% { /* 1149 */ border-top-color: #73859f; } /* 1150 */ 35% { /* video-js.css */ /* 1151 */ border-top-color: white; } /* 1152 */ 60% { /* 1153 */ border-top-color: #73859f; } /* 1154 */ 100% { /* 1155 */ border-top-color: #73859f; } } /* 1156 */ /* 1157 */ @-webkit-keyframes vjs-spinner-fade { /* 1158 */ 0% { /* 1159 */ border-top-color: #73859f; } /* 1160 */ 20% { /* 1161 */ border-top-color: #73859f; } /* 1162 */ 35% { /* 1163 */ border-top-color: white; } /* 1164 */ 60% { /* 1165 */ border-top-color: #73859f; } /* 1166 */ 100% { /* 1167 */ border-top-color: #73859f; } } /* 1168 */ /* 1169 */ .vjs-chapters-button .vjs-menu ul { /* 1170 */ width: 24em; } /* 1171 */ /* 1172 */ .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer { /* 1173 */ -webkit-box-flex: auto; /* 1174 */ -moz-box-flex: auto; /* 1175 */ -webkit-flex: auto; /* 1176 */ -ms-flex: auto; /* 1177 */ flex: auto; } /* 1178 */ /* 1179 */ .video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer { /* 1180 */ width: auto; } /* 1181 */ /* 1182 */ .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time, /* 1183 */ .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control, /* 1184 */ .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-menu-button, /* 1185 */ .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button, /* 1186 */ .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button { /* 1187 */ display: none; } /* 1188 */ /* 1189 */ .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time, /* 1190 */ .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate, /* 1191 */ .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-menu-button, /* 1192 */ .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button, /* 1193 */ .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button { /* 1194 */ display: none; } /* 1195 */ /* 1196 */ .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time, /* 1197 */ .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate, /* 1198 */ .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control, /* 1199 */ .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button, /* 1200 */ .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button .vjs-audio-button { /* video-js.css */ /* 1201 */ display: none; } /* 1202 */ /* 1203 */ .vjs-caption-settings { /* 1204 */ position: relative; /* 1205 */ top: 1em; /* 1206 */ background-color: #2B333F; /* 1207 */ background-color: rgba(43, 51, 63, 0.75); /* 1208 */ color: #fff; /* 1209 */ margin: 0 auto; /* 1210 */ padding: 0.5em; /* 1211 */ height: 16em; /* 1212 */ font-size: 12px; /* 1213 */ width: 40em; } /* 1214 */ /* 1215 */ .vjs-caption-settings .vjs-tracksettings { /* 1216 */ top: 0; /* 1217 */ bottom: 1em; /* 1218 */ left: 0; /* 1219 */ right: 0; /* 1220 */ position: absolute; /* 1221 */ overflow: auto; } /* 1222 */ /* 1223 */ .vjs-caption-settings .vjs-tracksettings-colors, /* 1224 */ .vjs-caption-settings .vjs-tracksettings-font { /* 1225 */ float: left; } /* 1226 */ /* 1227 */ .vjs-caption-settings .vjs-tracksettings-colors:after, /* 1228 */ .vjs-caption-settings .vjs-tracksettings-font:after, /* 1229 */ .vjs-caption-settings .vjs-tracksettings-controls:after { /* 1230 */ clear: both; } /* 1231 */ /* 1232 */ .vjs-caption-settings .vjs-tracksettings-controls { /* 1233 */ position: absolute; /* 1234 */ bottom: 1em; /* 1235 */ right: 1em; } /* 1236 */ /* 1237 */ .vjs-caption-settings .vjs-tracksetting { /* 1238 */ margin: 5px; /* 1239 */ padding: 3px; /* 1240 */ min-height: 40px; /* 1241 */ border: none; } /* 1242 */ /* 1243 */ .vjs-caption-settings .vjs-tracksetting label, /* 1244 */ .vjs-caption-settings .vjs-tracksetting legend { /* 1245 */ display: block; /* 1246 */ width: 100px; /* 1247 */ margin-bottom: 5px; } /* 1248 */ /* 1249 */ .vjs-caption-settings .vjs-tracksetting span { /* 1250 */ display: inline; /* video-js.css */ /* 1251 */ margin-left: 5px; /* 1252 */ vertical-align: top; /* 1253 */ float: right; } /* 1254 */ /* 1255 */ .vjs-caption-settings .vjs-tracksetting > div { /* 1256 */ margin-bottom: 5px; /* 1257 */ min-height: 20px; } /* 1258 */ /* 1259 */ .vjs-caption-settings .vjs-tracksetting > div:last-child { /* 1260 */ margin-bottom: 0; /* 1261 */ padding-bottom: 0; /* 1262 */ min-height: 0; } /* 1263 */ /* 1264 */ .vjs-caption-settings label > input { /* 1265 */ margin-right: 10px; } /* 1266 */ /* 1267 */ .vjs-caption-settings fieldset { /* 1268 */ margin-top: 1em; /* 1269 */ margin-left: .5em; } /* 1270 */ /* 1271 */ .vjs-caption-settings fieldset .vjs-label { /* 1272 */ position: absolute; /* 1273 */ clip: rect(1px 1px 1px 1px); /* 1274 */ /* for Internet Explorer */ /* 1275 */ clip: rect(1px, 1px, 1px, 1px); /* 1276 */ padding: 0; /* 1277 */ border: 0; /* 1278 */ height: 1px; /* 1279 */ width: 1px; /* 1280 */ overflow: hidden; } /* 1281 */ /* 1282 */ .vjs-caption-settings input[type="button"] { /* 1283 */ width: 40px; /* 1284 */ height: 40px; } /* 1285 */ /* 1286 */ .video-js .vjs-modal-dialog { /* 1287 */ background: rgba(0, 0, 0, 0.8); /* 1288 */ background: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0)); /* 1289 */ background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0)); } /* 1290 */ /* 1291 */ .vjs-modal-dialog .vjs-modal-dialog-content { /* 1292 */ font-size: 1.2em; /* 1293 */ line-height: 1.5; /* 1294 */ padding: 20px 24px; /* 1295 */ z-index: 1; } /* 1296 */ /* 1297 */ @media print { /* 1298 */ .video-js > *:not(.vjs-tech):not(.vjs-poster) { /* 1299 */ visibility: hidden; } } /* 1300 */ /* video-js.css */ /* 1301 */ @media \0screen { /* 1302 */ .vjs-user-inactive.vjs-playing .vjs-control-bar :before { /* 1303 */ content: ""; /* 1304 */ } /* 1305 */ } /* 1306 */ /* 1307 */ @media \0screen { /* 1308 */ .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { /* 1309 */ visibility: hidden; /* 1310 */ } /* 1311 */ } /* 1312 */ /* 1313 */ /* /* 1314 *| eigen styling /* 1315 *| */ /* 1316 */ .video-js .vjs-control-bar { /* 1317 */ background-color: rgba(43, 51, 63, 0); /* 1318 */ } /* 1319 */ /* 1320 */ .video-js .vjs-big-play-button { /* 1321 */ background-color: rgba(43, 51, 63, 0.7); /* 1322 */ border: 0em solid #fff; /* 1323 */ border-radius: 50%; /* 1324 */ cursor: pointer; /* 1325 */ display: block; /* 1326 */ font-size: 3em; /* 1327 */ height: 2em; /* 1328 */ left: 50%; /* 1329 */ line-height: 1.9em; /* 1330 */ opacity: 1; /* 1331 */ padding: 0; /* 1332 */ position: absolute; /* 1333 */ top: 50%; /* 1334 */ transition: all 0.4s ease 0s; /* 1335 */ width: 2em; /* 1336 */ margin-top: -1em; /* 1337 */ margin-left: -1em; /* 1338 */ } /* 1339 */ .vjs-controls-disabled .vjs-big-play-button, /* 1340 */ .vjs-has-started .vjs-big-play-button, /* 1341 */ .vjs-using-native-controls .vjs-big-play-button, /* 1342 */ .vjs-error .vjs-big-play-button { /* 1343 */ display: none; /* 1344 */ } /* 1345 */ /* 1346 */ /* font tijdcode*/ /* 1347 */ .video-js .vjs-time-control { /* 1348 */ font-size: 1.3em; /* 1349 */ line-height: 0.6em; /* 1350 */ display:none; /* video-js.css */ /* 1351 */ } /* 1352 */ /* 1353 */ /* 1354 */ /* 1355 */ @media only screen and (min-width: 400px) { /* 1356 */ /* control bar*/ /* 1357 */ .video-js .vjs-control-bar { /* 1358 */ background-color: rgba(43, 51, 63, 0); /* 1359 */ bottom: 0; /* 1360 */ height: 7em; /* 1361 */ left: 0; /* 1362 */ padding: 20px; /* 1363 */ position: absolute; /* 1364 */ right: 0; /* 1365 */ width: 100%; /* 1366 */ } /* 1367 */ /* font knoppen*/ /* 1368 */ .video-js .vjs-control:before { /* 1369 */ font-size: 2.8em; /* 1370 */ line-height: 1.1; /* 1371 */ } /* 1372 */ /* breedte tijdlijn */ /* 1373 */ .video-js .vjs-control { /* 1374 */ width: 5em; /* 1375 */ padding: 10px; /* 1376 */ bottom: 10px; /* 1377 */ } /* 1378 */ /* 1379 */ .video-js .vjs-progress-control { /* 1380 */ min-width: 6em; /* 1381 */ } /* 1382 */ /* font tijdcode*/ /* 1383 */ .video-js .vjs-time-control { /* 1384 */ font-size: 1.7em; /* 1385 */ line-height: 0.6em; /* 1386 */ } /* 1387 */ } /* 1388 */ @media only screen and (min-width: 1800px) { /* 1389 */ /* font tijdcode*/ /* 1390 */ .video-js .vjs-time-control { /* 1391 */ display: inherit; /* 1392 */ } /* 1393 */ }