*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: } *,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.left-0{left:0}.left-4{left:1rem}.right-0{right:0}.right-2{right:.5rem}.right-6{right:1.5rem}.top-0{top:0}.top-1\/2{top:50%}.top-6{top:1.5rem}.z-10{z-index:10}.z-\[55\]{z-index:55}.z-\[60\]{z-index:60}.z-\[70\]{z-index:70}.z-\[80\]{z-index:80}.mx-auto{margin-left:auto;margin-right:auto}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-0\.5{margin-left:.125rem}.ml-1{margin-left:.25rem}.ml-auto{margin-left:auto}.mt-1{margin-top:.25rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-8{margin-top:2rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.aspect-video{aspect-ratio:16/9}.h-16{height:4rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-full{height:100%}.max-h-\[90vh\]{max-height:90vh}.min-h-screen{min-height:100vh}.w-12{width:3rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-auto{width:auto}.w-full{width:100%}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-none{max-width:none}.max-w-screen-2xl{max-width:1536px}.max-w-screen-lg{max-width:1024px}.max-w-screen-xl{max-width:1280px}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1.5rem*var(--tw-space-x-reverse));margin-left:calc(1.5rem*(1 - var(--tw-space-x-reverse)))}.space-y-12>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(3rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(3rem*var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem*var(--tw-space-y-reverse))}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-sm{border-radius:.125rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-t{border-top-width:1px}.border-cw-accent{--tw-border-opacity:1;border-color:rgb(139 0 0/var(--tw-border-opacity,1))}.border-white\/10{border-color:hsla(0,0%,100%,.1)}.border-white\/20{border-color:hsla(0,0%,100%,.2)}.border-white\/5{border-color:hsla(0,0%,100%,.05)}.border-zinc-700{--tw-border-opacity:1;border-color:rgb(63 63 70/var(--tw-border-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\/80{background-color:rgba(0,0,0,.8)}.bg-cw-black{--tw-bg-opacity:1;background-color:rgb(9 9 11/var(--tw-bg-opacity,1))}.bg-cw-black\/95{background-color:rgba(9,9,11,.95)}.bg-cw-dark{--tw-bg-opacity:1;background-color:rgb(24 24 27/var(--tw-bg-opacity,1))}.bg-cw-gold\/90{background-color:rgba(212,175,55,.9)}.bg-transparent{background-color:transparent}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-cw-accent\/10{--tw-gradient-from:rgba(139,0,0,.1) var(--tw-gradient-from-position);--tw-gradient-to:rgba(139,0,0,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-cw-black\/60{--tw-gradient-from:rgba(9,9,11,.6) var(--tw-gradient-from-position);--tw-gradient-to:rgba(9,9,11,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-cw-black\/5{--tw-gradient-to:rgba(9,9,11,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(9,9,11,.05) var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-cw-black\/40{--tw-gradient-to:rgba(9,9,11,.4) var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.fill-current{fill:currentColor}.object-contain{-o-object-fit:contain;object-fit:contain}.p-0{padding:0}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-12{padding-bottom:3rem}.pb-16{padding-bottom:4rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pb-8{padding-bottom:2rem}.pl-12{padding-left:3rem}.pr-4{padding-right:1rem}.pt-12{padding-top:3rem}.pt-16{padding-top:4rem}.pt-2{padding-top:.5rem}.pt-24{padding-top:6rem}.pt-6{padding-top:1.5rem}.text-center{text-align:center}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-sans{font-family:Inter,sans-serif}.font-serif{font-family:Playfair Display,serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-light{font-weight:300}.font-medium{font-weight:500}.uppercase{text-transform:uppercase}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-wide{letter-spacing:.025em}.tracking-widest{letter-spacing:.1em}.text-cw-black{--tw-text-opacity:1;color:rgb(9 9 11/var(--tw-text-opacity,1))}.text-cw-gold{--tw-text-opacity:1;color:rgb(212 175 55/var(--tw-text-opacity,1))}.text-cw-light{--tw-text-opacity:1;color:rgb(244 244 245/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-zinc-300{--tw-text-opacity:1;color:rgb(212 212 216/var(--tw-text-opacity,1))}.text-zinc-400{--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}.text-zinc-500{--tw-text-opacity:1;color:rgb(113 113 122/var(--tw-text-opacity,1))}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.placeholder-zinc-600::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(82 82 91/var(--tw-placeholder-opacity,1))}.placeholder-zinc-600::placeholder{--tw-placeholder-opacity:1;color:rgb(82 82 91/var(--tw-placeholder-opacity,1))}.opacity-0{opacity:0}.opacity-90{opacity:.9}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-2xl,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-cw-gold\/20{--tw-shadow-color:rgba(212,175,55,.2);--tw-shadow:var(--tw-shadow-colored)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px)}.backdrop-blur-md,.backdrop-blur-sm{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.hover\:border-zinc-500:hover{--tw-border-opacity:1;border-color:rgb(113 113 122/var(--tw-border-opacity,1))}.hover\:bg-cw-gold:hover{--tw-bg-opacity:1;background-color:rgb(212 175 55/var(--tw-bg-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.focus\:border-cw-gold:focus{--tw-border-opacity:1;border-color:rgb(212 175 55/var(--tw-border-opacity,1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}@media (min-width:400px){.min-\[400px\]\:inline-flex{display:inline-flex}}@media (min-width:640px){.sm\:right-8{right:2rem}.sm\:top-8{top:2rem}.sm\:mb-12{margin-bottom:3rem}.sm\:mt-20{margin-top:5rem}.sm\:block{display:block}.sm\:inline{display:inline}.sm\:hidden{display:none}.sm\:h-10{height:2.5rem}.sm\:h-20{height:5rem}.sm\:h-4{height:1rem}.sm\:w-10{width:2.5rem}.sm\:w-4{width:1rem}.sm\:w-auto{width:auto}.sm\:flex-none{flex:none}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:gap-10{gap:2.5rem}.sm\:gap-2{gap:.5rem}.sm\:gap-3{gap:.75rem}.sm\:gap-4{gap:1rem}.sm\:gap-6{gap:1.5rem}.sm\:space-y-16>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(4rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(4rem*var(--tw-space-y-reverse))}.sm\:space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.sm\:space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.sm\:p-8{padding:2rem}.sm\:px-5{padding-left:1.25rem;padding-right:1.25rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-12{padding-top:3rem;padding-bottom:3rem}.sm\:py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.sm\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}.sm\:pb-12{padding-bottom:3rem}.sm\:pb-14{padding-bottom:3.5rem}.sm\:pt-16{padding-top:4rem}.sm\:pt-20{padding-top:5rem}.sm\:pt-4{padding-top:1rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:leading-tight{line-height:1.25}}@media (min-width:768px){.md\:w-auto{width:auto}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-end{align-items:flex-end}.md\:py-12{padding-top:3rem;padding-bottom:3rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}}@media (min-width:1024px){.lg\:block{display:block}.lg\:hidden{display:none}.lg\:w-1\/2{width:50%}.lg\:w-80{width:20rem}.lg\:w-auto{width:auto}.lg\:max-w-2xl{max-width:42rem}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:gap-16{gap:4rem}.lg\:bg-gradient-to-l{background-image:linear-gradient(to left,var(--tw-gradient-stops))}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:text-left{text-align:left}.lg\:text-6xl{font-size:3.75rem;line-height:1}}@media (min-width:1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}:root {
color-scheme: dark;
}
html {
scroll-behavior: smooth;
}
body {
min-height: 100vh;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.skip-link {
position: fixed;
left: 1rem;
top: 1rem;
z-index: 100;
transform: translateY(-160%);
border-radius: 0.125rem;
background: #d4af37;
color: #09090b;
padding: 0.75rem 1rem;
font-weight: 700;
}
.skip-link:focus {
transform: translateY(0);
}
.hide-scrollbar::-webkit-scrollbar {
display: none;
}
.hide-scrollbar {
-ms-overflow-style: none;
scrollbar-width: none;
}
.hero-gradient {
background:
linear-gradient(to top, #09090b 0%, #09090b 24%, rgba(9, 9, 11, 0.86) 40%, rgba(9, 9, 11, 0.58) 58%, rgba(9, 9, 11, 0.24) 76%, rgba(9, 9, 11, 0.04) 92%, rgba(9, 9, 11, 0) 100%);
}
.hero-section {
min-height: 32rem;
height: 86vh;
max-height: 54rem;
}
.hero-media-frame {
display: flex;
justify-content: center;
overflow: hidden;
}
.hero-media-frame::after {
content: '';
position: absolute;
inset: 0;
pointer-events: none;
background: radial-gradient(
ellipse clamp(12rem, 19vw, 24rem) clamp(3rem, 5.4vw, 6.5rem) at 56% 23%,
rgba(9,9,11,0.72) 0%,
rgba(9,9,11,0.46) 42%,
rgba(9,9,11,0.14) 72%,
transparent 100%
);
}
.hero-image {
width: min(100%, 120rem);
object-fit: cover;
object-position: center -18%;
}
#hero-title {
color: #be7b34;
}
.fade-in {
animation: fadeIn 0.2s ease-out forwards;
}
.fade-out {
animation: fadeOut 0.2s ease-in forwards;
pointer-events: none;
}
.slide-down {
animation: slideDown 0.3s ease-out forwards;
}
.page-transition {
animation: fadeSlideUp 0.4s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
@keyframes fadeOut {
from { opacity: 1; }
to { opacity: 0; }
}
@keyframes slideDown {
from { transform: translateY(-10px); opacity: 0; }
to { transform: translateY(0); opacity: 1; }
}
@keyframes fadeSlideUp {
from { opacity: 0; transform: translateY(15px); }
to { opacity: 1; transform: translateY(0); }
}
:focus-visible {
outline: 2px solid #d4af37;
outline-offset: 3px;
}
.icon-button {
display: inline-flex;
align-items: center;
justify-content: center;
color: rgb(161 161 170);
transition: color 0.2s ease, background-color 0.2s ease;
padding: 0.5rem;
}
.icon-button:hover {
color: white;
}
.icon-outline-button {
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
padding: 0.875rem;
color: rgb(161 161 170);
border: 1px solid rgba(255,255,255,0.1);
border-radius: 0.125rem;
transition: color 0.2s ease, background-color 0.2s ease;
}
.icon-outline-button:hover {
color: white;
background: rgba(255,255,255,0.05);
}
.badge {
display: inline-flex;
align-items: center;
border-radius: 0.125rem;
padding: 0.25rem 0.75rem;
font-size: 0.75rem;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.badge-accent {
background: #8b0000;
color: white;
}
.primary-button,
.secondary-button,
.primary-gold-button,
.outline-button,
.outline-gold-button,
.text-button,
.tag-button,
.filter-button,
.amount-button,
.payment-button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
border-radius: 0.125rem;
transition: all 0.2s ease;
}
.primary-button {
background: white;
color: #09090b;
padding: 0.875rem 1.5rem;
font-weight: 600;
}
.primary-button:hover {
background: rgb(228 228 231);
}
.secondary-button {
background: rgba(39,39,42,0.8);
color: white;
border: 1px solid rgba(255,255,255,0.1);
padding: 0.875rem 1rem;
font-weight: 500;
}
.secondary-button:hover {
background: #27272a;
}
.primary-gold-button {
background: #d4af37;
color: #09090b;
padding: 0.875rem 1.5rem;
font-weight: 700;
box-shadow: 0 10px 25px rgba(212,175,55,0.12);
}
.primary-gold-button:hover {
background: #eab308;
}
.outline-button {
border: 1px solid rgba(255,255,255,0.2);
background: transparent;
color: white;
padding: 0.75rem 2rem;
font-weight: 500;
}
.outline-button:hover {
background: rgba(255,255,255,0.05);
}
.outline-gold-button {
border: 1px solid #d4af37;
color: #d4af37;
background: transparent;
padding: 0.75rem 1.5rem;
font-weight: 700;
}
.outline-gold-button:hover {
background: #d4af37;
color: #09090b;
}
.text-button {
color: rgb(161 161 170);
padding: 0.75rem;
}
.text-button:hover {
color: white;
}
.tag-button {
border: 1px solid rgba(255,255,255,0.05);
background: #123456;
color: rgb(212 212 216);
padding: 0.5rem 1rem;
font-size: 0.875rem;
border-radius: 9999px;
}
.tag-button:hover {
color: white;
background: #27272a;
}
.filter-button {
white-space: nowrap;
padding: 0.5rem 1rem;
background: #123456;
border: 1px solid rgba(255,255,255,0.1);
color: white;
font-size: 0.875rem;
}
.filter-button:hover {
border-color: #d4af37;
}
.filter-button.is-active {
background: #d4af37;
border-color: #d4af37;
color: #09090b;
font-weight: 700;
}
.amount-button {
border: 1px solid rgba(255,255,255,0.2);
padding: 1rem;
font-size: 1.125rem;
font-weight: 700;
}
.amount-button:hover,
.amount-button.is-selected {
border-color: #d4af37;
background: rgba(212,175,55,0.1);
color: #d4af37;
}
.payment-button {
width: 100%;
justify-content: space-between;
background: #09090b;
border: 1px solid rgba(255,255,255,0.2);
color: white;
padding: 1rem;
font-weight: 600;
}
.payment-button:hover {
background: #27272a;
}
.payment-light {
background: white;
color: black;
}
.payment-light:hover {
background: rgb(228 228 231);
}
.payment-bitcoin {
background: rgba(247,147,26,0.1);
border-color: rgba(247,147,26,0.3);
color: #f7931a;
}
.payment-bitcoin:hover {
background: rgba(247,147,26,0.2);
}
.eyebrow {
color: #d4af37;
text-transform: uppercase;
letter-spacing: 0.24em;
font-size: 0.72rem;
font-weight: 700;
margin-bottom: 0.65rem;
}
.section-heading-row {
display: flex;
align-items: end;
justify-content: space-between;
gap: 1rem;
margin-bottom: 1rem;
}
.section-title {
font-family: 'Playfair Display', serif;
font-size: clamp(1.35rem, 2vw, 1.75rem);
font-weight: 600;
}
.section-link {
display: inline-flex;
align-items: center;
gap: 0.25rem;
color: rgb(161 161 170);
font-size: 0.875rem;
white-space: nowrap;
}
.section-link:hover {
color: white;
}
.page-title {
font-family: 'Playfair Display', serif;
font-size: clamp(2rem, 4vw, 3rem);
font-weight: 700;
margin-bottom: 1rem;
}
.page-intro {
max-width: 42rem;
color: rgb(161 161 170);
font-size: 1.125rem;
}
.video-grid {
display: grid;
grid-auto-flow: column;
grid-auto-columns: minmax(17rem, 82%);
gap: 1rem;
overflow-x: auto;
scroll-snap-type: x mandatory;
padding-bottom: 1rem;
margin-inline: -1rem;
padding-inline: 1rem;
}
.video-card {
scroll-snap-align: start;
}
.video-card a {
display: block;
}
.video-media {
position: relative;
aspect-ratio: 16 / 9;
overflow: hidden;
border-radius: 0.125rem;
border: 1px solid rgba(255,255,255,0.05);
background: #123456;
}
.video-media img {
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0.82;
transform: var(--video-img-transform, none);
transition: transform 0.5s ease, opacity 0.3s ease;
}
.video-card:hover .video-media img,
.video-card:focus-within .video-media img {
transform: var(--video-img-hover-transform, scale(1.05));
opacity: 1;
}
.play-overlay {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
background: rgba(0,0,0,0.42);
opacity: 1;
transition: opacity 0.2s ease;
}
.play-overlay span {
display: inline-flex;
align-items: center;
justify-content: center;
width: 3rem;
height: 3rem;
border-radius: 9999px;
border: 2px solid rgba(255,255,255,0.75);
background: rgba(0,0,0,0.5);
backdrop-filter: blur(6px);
}
.video-duration {
position: absolute;
right: 0.5rem;
bottom: 0.5rem;
border-radius: 0.25rem;
background: rgba(0,0,0,0.8);
padding: 0.25rem 0.5rem;
color: white;
font-size: 0.75rem;
font-weight: 500;
}
.video-copy {
margin-top: 0.85rem;
}
.video-meta {
color: #d4af37;
text-transform: uppercase;
letter-spacing: 0.08em;
font-size: 0.67rem;
font-weight: 700;
}
.video-copy h3 {
margin-top: 0.25rem;
font-family: 'Playfair Display', serif;
font-size: 1.05rem;
line-height: 1.35;
transition: color 0.2s ease;
}
.video-card:hover h3,
.video-card:focus-within h3 {
color: #d4af37;
}
.video-copy p {
margin-top: 0.25rem;
color: rgb(161 161 170);
font-size: 0.8rem;
}
.program-card {
position: relative;
min-height: 21rem;
overflow: hidden;
border-radius: 0.125rem;
border: 1px solid rgba(255,255,255,0.08);
background: #123456;
}
.program-card img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0.55;
transition: transform 0.6s ease, opacity 0.3s ease;
}
.program-card:hover img,
.program-card:focus-visible img {
transform: scale(1.06);
opacity: 0.72;
}
.program-card--logo-artwork img {
opacity: 0.82;
object-position: center center;
}
.program-card--logo-artwork:hover img,
.program-card--logo-artwork:focus-visible img {
opacity: 0.92;
}
.program-scrim {
position: absolute;
inset: 0;
background: linear-gradient(to top, rgba(9,9,11,1), rgba(9,9,11,0.78) 38%, rgba(9,9,11,0.18));
}
.program-card--logo-artwork .program-scrim {
background: linear-gradient(to top, rgba(9,9,11,0.88), rgba(9,9,11,0.28) 34%, rgba(9,9,11,0.04) 68%);
}
.program-copy {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
padding: 1.25rem;
}
.program-topline {
display: flex;
align-items: flex-start;
justify-content: flex-end;
gap: 1rem;
}
.program-copy .program-type {
display: none;
color: #d4af37;
font-size: 0.68rem;
font-weight: 700;
letter-spacing: 0.2em;
text-transform: uppercase;
}
.program-copy h3 {
font-family: 'Playfair Display', serif;
font-size: 1.45rem;
line-height: 1.15;
font-weight: 700;
}
.program-copy p {
margin-top: 0.65rem;
color: rgb(212 212 216);
font-size: 0.9rem;
line-height: 1.5;
}
.program-footer {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
margin-top: 1rem;
color: rgb(212 212 216);
font-size: 0.8rem;
}
.program-footer span:last-child {
color: #d4af37;
font-weight: 700;
}
.dossier-card {
position: relative;
display: block;
min-height: 12rem;
aspect-ratio: 16 / 10;
overflow: hidden;
border-radius: 0.125rem;
border: 1px solid rgba(255,255,255,0.1);
}
.dossier-card img {
width: 100%;
height: 100%;
min-height: 12rem;
object-fit: cover;
opacity: 0.6;
transition: transform 0.7s ease, opacity 0.3s ease;
}
.dossier-card:hover img,
.dossier-card:focus-visible img {
transform: scale(1.08);
opacity: 0.72;
}
.dossier-overlay {
position: absolute;
inset: 0;
background: linear-gradient(to top, rgba(0,0,0,0.92), rgba(0,0,0,0.45), transparent);
}
.dossier-copy {
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: 1rem;
}
.dossier-copy div {
color: #d4af37;
font-size: 0.72rem;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.dossier-copy h3 {
margin-top: 0.35rem;
font-family: 'Playfair Display', serif;
font-size: clamp(1.2rem, 2vw, 1.5rem);
font-weight: 700;
}
.article-card {
display: flex;
min-height: 18rem;
flex-direction: column;
overflow: hidden;
border-radius: 0.125rem;
border: 1px solid rgba(255,255,255,0.05);
background: linear-gradient(180deg, rgba(24,24,27,0.96), rgba(24,24,27,1));
transition: border-color 0.2s ease, transform 0.2s ease;
}
.article-card:hover,
.article-card:focus-within {
border-color: rgba(255,255,255,0.2);
transform: translateY(-2px);
}
.article-media {
position: relative;
aspect-ratio: 4 / 3;
overflow: hidden;
border-bottom: 1px solid rgba(255,255,255,0.06);
}
.article-media::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(to top, rgba(9,9,11,0.48), transparent 58%);
}
.article-media img {
width: 100%;
height: 100%;
object-fit: cover;
filter: saturate(0.72) contrast(1.04);
transition: transform 0.5s ease, filter 0.3s ease;
}
.article-media span {
position: absolute;
left: 1rem;
bottom: 1rem;
z-index: 1;
border: 1px solid rgba(212,175,55,0.35);
background: rgba(9,9,11,0.72);
color: #d4af37;
padding: 0.3rem 0.55rem;
font-size: 0.65rem;
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
}
.article-card:hover .article-media img,
.article-card:focus-within .article-media img {
transform: scale(1.04);
filter: saturate(0.9) contrast(1.06);
}
.article-body {
display: flex;
flex: 1;
flex-direction: column;
padding: 1rem 1.25rem 1.25rem;
}
.article-card .article-date {
color: rgb(161 161 170);
font-size: 0.72rem;
}
.article-card h3 {
margin-top: 0.5rem;
font-family: 'Playfair Display', serif;
font-size: 1.08rem;
font-weight: 500;
line-height: 1.35;
}
.article-card p {
margin-top: 0.75rem;
color: rgb(161 161 170);
font-size: 0.875rem;
line-height: 1.55;
}
.donation-banner {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
gap: 1.5rem;
overflow: hidden;
border-radius: 0.125rem;
border: 1px solid rgba(255,255,255,0.05);
background: #123456;
padding: 1.5rem;
}
.event-card {
position: relative;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 2rem;
overflow: hidden;
border-radius: 0.125rem;
border: 1px solid rgba(255,255,255,0.1);
background: #123456;
padding: 1.5rem;
}
.event-card::after {
content: '';
position: absolute;
right: -2.5rem;
top: -2.5rem;
width: 8rem;
height: 8rem;
border-radius: 9999px;
background: rgba(139,0,0,0.12);
filter: blur(28px);
transition: transform 0.3s ease;
}
.event-card:hover::after {
transform: scale(1.5);
}
.event-date {
flex-shrink: 0;
text-align: center;
}
.event-date div {
color: #d4af37;
font-weight: 700;
text-transform: uppercase;
}
.event-date strong {
display: block;
font-family: 'Playfair Display', serif;
font-size: 3rem;
line-height: 1;
}
.event-date span {
display: block;
margin-top: 0.25rem;
color: rgb(113 113 122);
font-size: 0.875rem;
}
.event-card h2 {
font-family: 'Playfair Display', serif;
font-size: 1.5rem;
font-weight: 700;
}
.event-card p {
color: rgb(212 212 216);
}
.info-card {
display: flex;
gap: 1rem;
border-radius: 0.125rem;
border: 1px solid rgba(255,255,255,0.05);
background: #123456;
padding: 1.5rem;
}
.info-card h2 {
font-size: 1.125rem;
font-weight: 700;
margin-bottom: 0.25rem;
}
.info-card p {
color: rgb(161 161 170);
font-size: 0.875rem;
margin-bottom: 0.5rem;
}
.info-card a:hover {
color: #d4af37;
}
.form-label {
display: block;
color: rgb(161 161 170);
font-size: 0.875rem;
font-weight: 500;
margin-bottom: 0.25rem;
}
.form-field {
width: 100%;
border-radius: 0.125rem;
border: 1px solid rgba(255,255,255,0.1);
background: #09090b;
color: white;
padding: 0.75rem;
}
.form-field:focus {
outline: none;
border-color: #d4af37;
}
.related-item {
display: flex;
gap: 0.75rem;
}
.related-item img {
width: 7rem;
height: 4rem;
flex-shrink: 0;
border-radius: 0.125rem;
object-fit: cover;
opacity: 0.82;
transition: opacity 0.2s ease, transform 0.2s ease;
}
.related-item:hover img,
.related-item:focus-within img {
opacity: 1;
transform: scale(1.03);
}
.related-item h3 {
color: rgb(212 212 216);
font-size: 0.875rem;
font-weight: 500;
line-height: 1.4;
}
.related-item:hover h3,
.related-item:focus-within h3 {
color: #d4af37;
}
.related-item p {
margin-top: 0.25rem;
color: rgb(113 113 122);
font-size: 0.65rem;
text-transform: uppercase;
letter-spacing: 0.08em;
}
@media (min-width: 640px) {
.play-overlay {
opacity: 0;
}
.video-card:hover .play-overlay,
.video-card:focus-within .play-overlay {
opacity: 1;
}
.video-grid {
grid-auto-flow: row;
grid-template-columns: repeat(2, minmax(0, 1fr));
overflow: visible;
margin-inline: 0;
padding-inline: 0;
gap: 1.25rem;
}
.dossier-copy {
padding: 1.5rem;
}
.donation-banner {
padding: 2rem;
}
}
@media (max-width: 639px) {
.hero-section {
min-height: 29.5rem;
height: 29.5rem;
}
.hero-gradient {
background:
linear-gradient(to top, #09090b 0%, #09090b 30%, rgba(9, 9, 11, 0.82) 48%, rgba(9, 9, 11, 0.52) 64%, rgba(9, 9, 11, 0.18) 82%, rgba(9, 9, 11, 0) 100%);
}
.hero-image {
object-fit: cover;
object-position: 49% center;
}
#view-home {
background:
linear-gradient(180deg, #09090b 0%, #09090b 28.5rem, #0a1119 34rem, #0d2237 42rem, #123456 56rem, #1d405a 88rem, #29465B 132rem, #0d2a40 100%);
}
}
@media (min-width: 640px) and (max-width: 1100px) {
.hero-section {
min-height: 42rem;
height: 42rem;
max-height: none;
}
.hero-image {
object-position: center center;
}
}
@media (min-width: 768px) {
.event-card {
flex-direction: row;
align-items: flex-start;
padding: 2rem;
}
.event-date {
text-align: left;
}
}
@media (min-width: 1024px) {
.video-grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 1.5rem;
}
.donation-banner {
flex-direction: row;
padding: 3rem;
}
}
@media (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
}
.podcast-player {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
align-items: center;
gap: 1rem;
border: 1px solid rgba(212,175,55,0.18);
border-radius: 0.125rem;
background:
linear-gradient(135deg, rgba(212,175,55,0.14), transparent 38%),
#123456;
padding: 1rem;
}
.podcast-play {
display: inline-flex;
align-items: center;
justify-content: center;
width: 3.25rem;
height: 3.25rem;
border-radius: 9999px;
background: #d4af37;
color: #09090b;
flex-shrink: 0;
}
.podcast-copy p {
color: #d4af37;
font-size: 0.68rem;
font-weight: 700;
letter-spacing: 0.18em;
text-transform: uppercase;
}
.podcast-copy h2 {
margin-top: 0.2rem;
font-family: 'Playfair Display', serif;
font-size: 1.15rem;
font-weight: 600;
}
.podcast-copy span {
display: block;
margin-top: 0.2rem;
color: rgb(161 161 170);
font-size: 0.8rem;
}
.podcast-timeline {
grid-column: 1 / -1;
position: relative;
height: 0.35rem;
overflow: hidden;
border-radius: 9999px;
background: rgba(255,255,255,0.08);
}
.podcast-timeline span {
display: block;
width: 28%;
height: 100%;
border-radius: inherit;
background: linear-gradient(90deg, #d4af37, #f4d77a);
}
.podcast-time {
grid-column: 1 / -1;
color: rgb(113 113 122);
font-size: 0.75rem;
text-align: right;
}
.video-subheading {
margin-top: 2.5rem !important;
margin-bottom: 1.1rem !important;
font-family: 'Playfair Display', serif;
font-size: 1.55rem;
font-weight: 700;
color: white;
}
.comments-section {
margin-top: 2.5rem;
border-top: 1px solid rgba(255,255,255,0.1);
padding-top: 2rem;
}
.comments-heading-row {
display: flex;
align-items: end;
justify-content: space-between;
gap: 1rem;
margin-bottom: 1.25rem;
}
.comments-heading-row h2 {
font-family: 'Playfair Display', serif;
font-size: 1.55rem;
font-weight: 700;
}
.comments-heading-row span {
color: rgb(113 113 122);
font-size: 0.875rem;
}
.comment-composer {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
gap: 1rem;
border: 1px solid rgba(255,255,255,0.08);
border-radius: 0.125rem;
background: #123456;
padding: 1rem;
}
.comment-avatar {
display: inline-flex;
align-items: center;
justify-content: center;
width: 2.5rem;
height: 2.5rem;
border-radius: 9999px;
background: rgba(212,175,55,0.14);
color: #d4af37;
font-size: 0.72rem;
font-weight: 700;
letter-spacing: 0.08em;
}
.comment-composer textarea {
width: 100%;
resize: vertical;
border: 1px solid rgba(255,255,255,0.08);
border-radius: 0.125rem;
background: #09090b;
color: white;
padding: 0.9rem;
}
.comment-composer textarea:focus {
outline: none;
border-color: #d4af37;
}
.comment-actions {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
margin-top: 0.75rem;
}
.comment-actions span {
color: rgb(113 113 122);
font-size: 0.78rem;
}
.program-link {
flex-shrink: 0;
color: #d4af37;
font-size: 0.78rem;
font-weight: 700;
}
.program-footer {
margin-top: 1rem;
color: rgb(212 212 216);
font-size: 0.8rem;
white-space: nowrap;
}
.program-footer span:last-child {
color: inherit;
font-weight: inherit;
}
.about-hero {
max-width: 54rem;
margin-bottom: 2.5rem;
}
.about-hero h1 {
font-family: 'Playfair Display', serif;
font-size: clamp(2rem, 4vw, 3.25rem);
line-height: 1.08;
font-weight: 700;
}
.about-hero p:last-child {
margin-top: 1.25rem;
color: rgb(212 212 216);
font-size: 1.08rem;
line-height: 1.8;
}
.about-layout {
display: grid;
gap: 1.5rem;
}
.about-copy {
display: grid;
gap: 1rem;
color: rgb(212 212 216);
line-height: 1.8;
}
.principles-card,
.advertising-card {
border: 1px solid rgba(255,255,255,0.08);
border-radius: 0.125rem;
background: #123456;
padding: 1.5rem;
}
.principles-card ul {
display: grid;
gap: 0.85rem;
margin-top: 1rem;
color: rgb(228 228 231);
}
.principles-card li {
position: relative;
padding-left: 1.25rem;
}
.principles-card li::before {
content: '';
position: absolute;
left: 0;
top: 0.6rem;
width: 0.45rem;
height: 0.45rem;
border-radius: 9999px;
background: #d4af37;
}
.support-panel {
display: flex;
flex-direction: column;
gap: 1.5rem;
align-items: flex-start;
justify-content: space-between;
margin-top: 2.5rem;
border: 1px solid rgba(212,175,55,0.18);
border-radius: 0.125rem;
background:
linear-gradient(135deg, rgba(139,0,0,0.12), transparent 45%),
#123456;
padding: 1.5rem;
}
.support-panel h2,
.advertising-card h2 {
font-family: 'Playfair Display', serif;
font-size: 1.5rem;
font-weight: 700;
}
.support-panel p:last-child,
.advertising-card p:last-child {
margin-top: 0.85rem;
color: rgb(161 161 170);
line-height: 1.7;
}
.advertising-card {
margin-top: 1.5rem;
}
.advertising-card a {
color: #d4af37;
}
.faq-list {
display: grid;
gap: 0.75rem;
}
.faq-item {
overflow: hidden;
border: 1px solid rgba(255,255,255,0.08);
border-radius: 0.125rem;
background: #123456;
}
.faq-trigger {
display: flex;
width: 100%;
align-items: center;
justify-content: space-between;
gap: 1rem;
color: white;
padding: 1.15rem 1.25rem;
text-align: left;
}
.faq-trigger span {
font-weight: 600;
}
.faq-trigger svg {
color: #d4af37;
flex-shrink: 0;
transition: transform 0.28s ease;
}
.faq-panel {
display: grid;
grid-template-rows: 0fr;
transition: grid-template-rows 0.32s ease;
}
.faq-panel > div {
overflow: hidden;
}
.faq-panel p {
color: rgb(161 161 170);
line-height: 1.8;
padding: 0 1.25rem 1.2rem;
}
.faq-item.is-open .faq-panel {
grid-template-rows: 1fr;
}
.faq-item.is-open .faq-trigger svg {
transform: rotate(45deg);
}
.site-footer {
color: rgb(113 113 122);
}
.footer-top {
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
gap: 1rem;
text-align: center;
}
.footer-links {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 1rem;
}
.footer-links a,
.social-links a {
transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
}
.footer-links a:hover {
color: white;
}
.social-links {
display: flex;
align-items: center;
gap: 0.55rem;
}
.social-links a {
display: inline-flex;
align-items: center;
justify-content: center;
width: 2rem;
height: 2rem;
border: 1px solid rgba(255,255,255,0.08);
border-radius: 9999px;
color: rgb(161 161 170);
}
.social-links a:hover {
border-color: rgba(212,175,55,0.35);
background: rgba(212,175,55,0.08);
color: #d4af37;
}
.social-links svg {
width: 1rem;
height: 1rem;
fill: currentColor;
}
.footer-bottom {
text-align: center;
font-size: 0.875rem;
}
@media (min-width: 768px) {
.podcast-player {
grid-template-columns: auto minmax(14rem, 1fr) minmax(12rem, 20rem) auto;
}
.podcast-timeline,
.podcast-time {
grid-column: auto;
}
.about-layout {
grid-template-columns: minmax(0, 1.45fr) minmax(18rem, 0.75fr);
align-items: start;
}
.support-panel {
flex-direction: row;
align-items: center;
padding: 2rem;
}
.footer-top {
flex-direction: row;
text-align: left;
}
}
@media (max-width: 639px) {
.comment-composer {
grid-template-columns: 1fr;
}
.comment-actions {
flex-direction: column;
align-items: stretch;
}
}
.program-link {
border: 0;
background: #d4af37;
color: #09090b;
padding: 0.42rem 0.68rem;
border-radius: 9999px;
backdrop-filter: blur(8px);
box-shadow: 0 0.35rem 1rem rgba(0,0,0,0.28);
}
.inline-player {
margin-top: 0.25rem;
}
.inline-donation-panel {
display: grid;
gap: 1.15rem;
border: 1px solid rgba(212,175,55,0.24);
border-radius: 0.125rem;
background:
linear-gradient(135deg, rgba(212,175,55,0.09), transparent 38%),
#123456;
padding: 1.2rem;
}
.inline-donation-title {
display: flex;
align-items: center;
gap: 0.65rem;
}
.inline-donation-title svg {
color: #d4af37;
}
.inline-donation-title h2 {
font-family: 'Playfair Display', serif;
font-size: 1.35rem;
font-weight: 700;
}
.inline-donation-panel > p {
color: rgb(212 212 216);
font-size: 0.9rem;
line-height: 1.6;
}
.inline-donation-panel fieldset {
display: grid;
gap: 0.8rem;
}
.inline-donation-panel legend {
color: rgb(161 161 170);
font-size: 0.72rem;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.inline-donation-panel .amount-button {
min-height: 2.65rem;
padding-inline: 0.35rem;
}
.inline-donation-input {
width: 100%;
border: 1px solid rgba(255,255,255,0.16);
border-radius: 0.125rem;
background: #09090b;
color: white;
padding: 0.8rem 0.9rem;
}
.inline-donation-input:focus {
outline: none;
border-color: #d4af37;
}
.inline-donation-panel .payment-button {
min-height: 2.8rem;
padding: 0.75rem 0.9rem;
font-size: 0.88rem;
}
.comment-panel {
border: 1px solid rgba(255,255,255,0.08);
border-radius: 0.125rem;
background:
linear-gradient(135deg, rgba(212,175,55,0.08), transparent 34%),
rgba(24,24,27,0.9);
padding: 1.1rem;
}
.comment-lead {
display: flex;
align-items: flex-start;
gap: 0.9rem;
margin-bottom: 1rem;
}
.comment-lead h3 {
font-size: 0.98rem;
font-weight: 600;
}
.comment-lead p {
margin-top: 0.2rem;
max-width: 38rem;
color: rgb(113 113 122);
font-size: 0.84rem;
line-height: 1.55;
}
.comment-entry {
display: grid;
gap: 0.75rem;
}
.comment-entry textarea {
width: 100%;
min-height: 5.25rem;
resize: vertical;
border: 1px solid rgba(255,255,255,0.08);
border-radius: 0.125rem;
background: rgba(9,9,11,0.88);
color: white;
padding: 0.9rem;
}
.comment-entry textarea:focus {
outline: none;
border-color: #d4af37;
}
.terms-hero {
margin-bottom: 2rem;
}
.terms-grid {
display: grid;
gap: 1rem;
}
.terms-grid article {
border: 1px solid rgba(255,255,255,0.08);
border-radius: 0.125rem;
background: #123456;
padding: 1.35rem;
}
.terms-updated {
display: inline-flex;
margin-top: 1rem;
border: 1px solid rgba(212,175,55,0.22);
border-radius: 9999px;
background: rgba(212,175,55,0.09);
color: #f0c85a;
padding: 0.45rem 0.75rem;
font-size: 0.78rem;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.terms-number {
display: block;
margin-bottom: 0.8rem;
color: #f0c85a;
font-size: 0.72rem;
font-weight: 800;
letter-spacing: 0.16em;
}
.terms-grid h2 {
font-family: 'Playfair Display', serif;
font-size: 1.25rem;
font-weight: 700;
}
.terms-grid p {
margin-top: 0.6rem;
color: rgb(161 161 170);
line-height: 1.7;
}
.terms-grid a {
color: #f0c85a;
text-decoration: underline;
text-decoration-color: rgba(240,200,90,0.36);
text-underline-offset: 0.18em;
}
.terms-grid a:hover {
color: #ffffff;
}
.site-footer {
margin-top: 4rem;
padding-block: 1.8rem 1.2rem;
border-top-color: rgba(255,255,255,0.08);
background:
radial-gradient(circle at top left, rgba(212,175,55,0.07), transparent 24rem),
linear-gradient(180deg, #09090b, #0d0d10);
}
.site-footer > div {
gap: 1.35rem;
}
.footer-top {
display: grid;
grid-template-columns: 1fr;
align-items: center;
justify-items: start;
gap: 1rem;
text-align: left;
}
.footer-brand {
display: grid;
gap: 0.55rem;
}
.footer-brand p {
color: rgb(113 113 122);
font-size: 0.82rem;
}
.footer-links {
justify-content: flex-start;
gap: 1.15rem;
color: rgb(161 161 170);
font-size: 0.9rem;
}
.social-links {
gap: 0.7rem;
}
.social-links a {
width: 1.5rem;
height: 1.5rem;
border: 0;
border-radius: 0;
color: rgba(255,255,255,0.92);
background: transparent;
}
.social-links a:hover {
border-color: transparent;
background: transparent;
color: #d4af37;
}
.social-links svg {
width: 0.78rem;
height: 0.78rem;
}
.footer-bottom {
border-top: 1px solid rgba(255,255,255,0.06);
padding-top: 1rem;
color: rgb(82 82 91);
font-size: 0.78rem;
text-align: left;
}
@media (min-width: 768px) {
.terms-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.footer-top {
grid-template-columns: minmax(14rem, 1fr) auto auto;
justify-items: stretch;
}
.footer-links {
justify-content: center;
}
.social-links {
justify-content: flex-end;
}
}
@media (max-width: 639px) {
}
@media (min-width: 1024px) {
.mobile-nav-toggle {
display: none !important;
}
} :root {
--cw-dusk-bg: #123456;
--cw-dusk-bg-2: #29465B;
--cw-dusk-bg-3: #1b3f59;
--cw-dusk-panel: #29465B;
--cw-dusk-panel-2: #1d3b50;
--cw-dusk-panel-3: #34566d;
--cw-dusk-ink: #eef6fb;
--cw-dusk-ink-soft: #dbe9f1;
--cw-dusk-muted: #b7c8d4;
--cw-dusk-subtle: #8ea5b3;
--cw-dusk-border: rgba(238, 246, 251, 0.12);
--cw-dusk-border-strong: rgba(212, 175, 55, 0.30);
--cw-bronze: #d4af37;
--cw-bronze-soft: #f0c85a;
--cw-gold: #d4af37;
--cw-gold-bright: #f0c85a;
--cw-bronze-dark: #b88f24;
--cw-dusk-shadow: 0 18px 45px rgba(0, 0, 0, 0.26);
}
body {
background: var(--cw-dusk-bg);
}
#view-home,
#view-videos,
#view-artikelen,
#view-events,
#view-contact,
#view-over-ons,
#view-faq,
#view-algemene-voorwaarden {
background:
radial-gradient(circle at 14% 0%, rgba(41, 70, 91, 0.46), transparent 30rem),
radial-gradient(circle at 86% 18%, rgba(41, 70, 91, 0.28), transparent 30rem),
linear-gradient(180deg, var(--cw-dusk-bg) 0%, var(--cw-dusk-bg-2) 44%, #0d2a40 100%);
color: var(--cw-dusk-ink);
}
#view-home .hero-section,
#view-video {
background: #09090b;
color: #f4f4f5;
}
#view-video {
overflow: hidden;
}
#view-video > .max-w-screen-xl {
position: relative;
isolation: isolate;
}
#view-video > .max-w-screen-xl::before {
content: '';
position: absolute;
z-index: 0;
top: 0;
bottom: -10rem;
left: 50%;
width: 100vw;
transform: translateX(-50%);
pointer-events: none;
background:
linear-gradient(180deg,
#09090b 0%,
#09090b 4rem,
#0a1119 12rem,
#0d2237 24rem,
#123456 42rem,
#1d405a 88rem,
#29465B 148rem,
#0d2a40 100%
);
}
#view-video > .max-w-screen-xl > * {
position: relative;
z-index: 1;
}
#view-videos {
background:
radial-gradient(circle at 14% 0%, rgba(41, 70, 91, 0.34), transparent 30rem),
linear-gradient(180deg, var(--cw-dusk-bg) 0%, var(--cw-dusk-bg-2) 44%, #0d2a40 100%);
}
#view-home {
background:
linear-gradient(180deg, #09090b 0%, #09090b 84vh, #0a1119 96vh, #0d2237 112vh, #123456 136vh, #1d405a 210vh, #29465B 300vh, #0d2a40 100%);
}
#view-home > .max-w-screen-2xl {
background: transparent;
}
.site-footer {
margin-top: 0 !important;
}
#view-home > .max-w-screen-2xl,
#view-videos > .max-w-screen-2xl,
#view-artikelen > .max-w-screen-2xl,
#view-events > .max-w-screen-2xl,
#view-contact > .max-w-screen-2xl,
#view-over-ons > .max-w-screen-xl,
#view-faq > .max-w-screen-lg,
#view-algemene-voorwaarden > .max-w-screen-lg {
position: relative;
isolation: isolate;
}
#view-home .eyebrow,
#view-videos .eyebrow,
#view-artikelen .eyebrow,
#view-events .eyebrow,
#view-contact .eyebrow,
#view-over-ons .eyebrow,
#view-faq .eyebrow,
#view-algemene-voorwaarden .eyebrow {
color: var(--cw-bronze-soft);
}
#view-home .section-title,
#view-videos .page-title,
#view-artikelen .page-title,
#view-events .page-title,
#view-contact .page-title,
#view-over-ons .about-hero h1,
#view-faq .page-title,
#view-algemene-voorwaarden .page-title,
#view-home .article-card h3,
#view-artikelen .article-card h3,
#view-events .event-card h2,
#view-contact .info-card h2,
#view-contact .bg-cw-dark h2,
#view-over-ons .support-panel h2,
#view-over-ons .advertising-card h2,
#view-algemene-voorwaarden .terms-grid h2 {
color: var(--cw-dusk-ink);
}
#view-home .section-link,
#view-videos .page-intro,
#view-artikelen .page-intro,
#view-events .page-intro,
#view-contact .page-intro,
#view-over-ons .about-hero p:last-child,
#view-over-ons .about-copy,
#view-faq .page-intro,
#view-algemene-voorwaarden .page-intro,
#view-home .video-copy p,
#view-videos .video-copy p,
#view-home .article-card p,
#view-artikelen .article-card p,
#view-home .article-date,
#view-artikelen .article-date,
#view-events .event-card p,
#view-contact .info-card p,
#view-over-ons .support-panel p:last-child,
#view-over-ons .advertising-card p:last-child,
#view-algemene-voorwaarden .terms-grid p,
#view-faq .faq-panel p {
color: var(--cw-dusk-muted);
}
#view-home .section-link:hover,
#view-videos .section-link:hover,
#view-artikelen .section-link:hover,
#view-events .section-link:hover,
#view-contact .section-link:hover,
#view-over-ons .section-link:hover,
#view-faq .section-link:hover,
#view-algemene-voorwaarden .section-link:hover {
color: var(--cw-bronze-soft);
}
#view-home .video-card a,
#view-videos .video-card a {
display: block;
height: 100%;
border: 1px solid var(--cw-dusk-border);
border-radius: 0.2rem;
background:
linear-gradient(180deg, rgba(41, 70, 91, 0.90), rgba(18, 52, 86, 0.96));
padding: 0.55rem;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.22);
transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
}
#view-home .video-card a:hover,
#view-home .video-card a:focus-visible,
#view-videos .video-card a:hover,
#view-videos .video-card a:focus-visible {
border-color: var(--cw-dusk-border-strong);
background:
linear-gradient(180deg, rgba(50, 85, 109, 0.96), rgba(24, 60, 88, 0.98));
box-shadow: var(--cw-dusk-shadow);
transform: translateY(-2px);
}
#view-home .video-media,
#view-videos .video-media {
border-color: rgba(243, 234, 223, 0.10);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06);
}
#view-home .video-copy,
#view-videos .video-copy {
padding: 0.1rem 0.25rem 0.35rem;
}
#view-home .video-meta,
#view-videos .video-meta,
#view-home .video-card:hover h3,
#view-home .video-card:focus-within h3,
#view-videos .video-card:hover h3,
#view-videos .video-card:focus-within h3 {
color: var(--cw-bronze-soft);
}
#view-home .video-copy h3,
#view-videos .video-copy h3 {
color: var(--cw-dusk-ink);
}
#view-home .program-card,
#view-home .dossier-card {
border-color: rgba(243, 234, 223, 0.12);
box-shadow: 0 16px 38px rgba(0, 0, 0, 0.24);
}
#view-home .program-card img {
opacity: 0.64;
}
#view-home .program-card--logo-artwork img {
opacity: 0.82;
}
#view-home .program-card:hover img,
#view-home .program-card:focus-visible img {
opacity: 0.82;
}
#view-home .program-card--logo-artwork:hover img,
#view-home .program-card--logo-artwork:focus-visible img {
opacity: 0.92;
}
#view-home .program-scrim {
background: linear-gradient(to top, rgba(8, 28, 45, 0.94), rgba(18, 52, 86, 0.66) 44%, rgba(18, 52, 86, 0.08));
}
#view-home .program-type,
#view-home .program-footer,
#view-home .dossier-copy div {
color: var(--cw-bronze-soft);
}
#view-home .program-copy p {
color: rgba(243, 234, 223, 0.82);
}
#view-home .program-link {
align-self: flex-end;
background: transparent;
color: #d4af37;
box-shadow: none;
padding: 0;
border: 0;
border-radius: 0;
font-size: 0.78rem;
font-weight: 700;
line-height: 1.2;
text-shadow: 0 1px 12px rgba(0, 0, 0, 0.42);
}
#view-home .program-card:hover .program-link,
#view-home .program-card:focus-visible .program-link {
color: #f0cd5d;
}
#view-home .article-card,
#view-artikelen .article-card,
#view-events .event-card,
#view-contact .info-card,
#view-contact .bg-cw-dark,
#view-over-ons .principles-card,
#view-over-ons .advertising-card,
#view-faq .faq-item,
#view-algemene-voorwaarden .terms-grid article {
border-color: var(--cw-dusk-border);
background:
linear-gradient(180deg, rgba(41, 70, 91, 0.94), rgba(18, 52, 86, 0.97));
box-shadow: 0 12px 34px rgba(0, 0, 0, 0.20);
}
#view-home .article-card:hover,
#view-home .article-card:focus-within,
#view-artikelen .article-card:hover,
#view-artikelen .article-card:focus-within {
border-color: var(--cw-dusk-border-strong);
box-shadow: var(--cw-dusk-shadow);
}
#view-home .article-media,
#view-artikelen .article-media {
border-bottom-color: rgba(243, 234, 223, 0.08);
}
#view-home .article-media::after,
#view-artikelen .article-media::after {
background: linear-gradient(to top, rgba(18, 52, 86, 0.58), transparent 60%);
}
#view-home .article-media img,
#view-artikelen .article-media img {
filter: saturate(0.82) contrast(1.04);
}
#view-home .article-media span,
#view-artikelen .article-media span {
border-color: rgba(212, 175, 55, 0.38);
background: rgba(18, 52, 86, 0.78);
color: #f0b86d;
}
#view-home .donation-banner {
border-color: rgba(212, 175, 55, 0.30);
background:
radial-gradient(circle at right top, rgba(212, 175, 55, 0.18), transparent 28rem),
linear-gradient(135deg, #29465B, #123456 64%, #123456);
color: var(--cw-dusk-ink);
box-shadow: var(--cw-dusk-shadow);
}
#view-home .donation-banner .text-zinc-400,
#view-events .text-zinc-400,
#view-contact .text-zinc-400 {
color: var(--cw-dusk-muted) !important;
}
#view-videos .filter-button,
#view-videos .outline-button,
#view-events .outline-gold-button {
border-color: var(--cw-dusk-border);
background: rgba(41, 70, 91, 0.86);
color: var(--cw-dusk-ink-soft);
}
#view-videos .filter-button:hover,
#view-videos .outline-button:hover,
#view-events .outline-gold-button:hover {
border-color: rgba(212, 175, 55, 0.48);
background: rgba(212, 175, 55, 0.12);
color: var(--cw-bronze-soft);
}
#view-videos .filter-button.is-active,
#view-events .primary-gold-button,
#view-contact .primary-gold-button,
#view-over-ons .primary-gold-button,
#view-home .primary-gold-button {
border-color: var(--cw-bronze);
background: var(--cw-bronze);
color: #123456;
box-shadow: 0 12px 28px rgba(212, 175, 55, 0.20);
}
#view-videos .filter-button,
#view-videos .filter-button.is-active {
box-shadow: none;
}
#view-events .event-card::after {
content: none;
display: none;
}
#view-events .event-date div,
#view-events .outline-gold-button,
#view-contact .info-card a,
#view-over-ons .advertising-card a,
#view-faq .faq-trigger svg,
#view-over-ons .principles-card li::before {
color: var(--cw-bronze-soft);
}
#view-events .event-date span,
#view-contact .form-label,
#view-contact .info-card a:hover,
#view-faq .comments-heading-row span {
color: var(--cw-dusk-muted);
}
#view-contact .form-field {
border-color: var(--cw-dusk-border);
background: rgba(18, 52, 86, 0.92);
color: var(--cw-dusk-ink);
}
#view-contact .form-field:focus {
border-color: var(--cw-bronze);
box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.14);
}
#view-over-ons .principles-card ul,
#view-faq .faq-trigger {
color: var(--cw-dusk-ink);
}
#view-over-ons .support-panel {
border-color: rgba(212, 175, 55, 0.32);
background:
radial-gradient(circle at right top, rgba(212, 175, 55, 0.16), transparent 27rem),
linear-gradient(135deg, #34566d, #123456 62%, #123456);
color: var(--cw-dusk-ink);
box-shadow: var(--cw-dusk-shadow);
}
#view-faq .faq-trigger {
background: transparent;
}
#view-faq .faq-item.is-open {
border-color: rgba(212, 175, 55, 0.34);
}
#view-algemene-voorwaarden .terms-grid article,
#view-contact .bg-cw-dark {
color: var(--cw-dusk-ink);
}
#view-video .podcast-player,
#view-video .comment-panel,
#view-video .inline-donation-panel {
background:
linear-gradient(135deg, rgba(212, 175, 55, 0.10), transparent 40%),
#123456;
border-color: rgba(212, 175, 55, 0.24);
}
.site-footer {
background:
radial-gradient(circle at top left, rgba(212, 175, 55, 0.09), transparent 24rem),
linear-gradient(180deg, #0d2a40, #081b2b);
border-top-color: rgba(243, 234, 223, 0.08);
}
.footer-links {
color: var(--cw-dusk-muted);
}
.footer-brand p,
.footer-bottom {
color: var(--cw-dusk-subtle);
}
.social-links a {
color: rgba(243, 234, 223, 0.92);
}
.social-links a:hover {
color: var(--cw-bronze-soft);
}
@media (max-width: 639px) {
#view-home .video-card a,
#view-videos .video-card a {
padding: 0.45rem;
}
} .custom-logo {
max-height: 2.5rem;
width: auto;
}
.site-header .menu,
.site-header .menu ul,
.footer-links .menu {
display: flex;
align-items: center;
gap: 1.5rem;
}
.site-header .menu a {
color: rgb(161 161 170);
font-size: 0.875rem;
font-weight: 500;
transition: color 0.2s ease;
}
.site-header .menu a:hover,
.site-header .current-menu-item > a,
.site-header .current-menu-ancestor > a {
color: #fff;
}
#mobile-menu .menu {
display: flex;
flex-direction: column;
gap: 1.5rem;
}
#mobile-menu .menu a {
display: block;
border-bottom: 1px solid rgba(255,255,255,0.10);
padding-bottom: 1rem;
color: rgb(161 161 170);
font-family: 'Playfair Display', serif;
font-size: 1.5rem;
}
.term-chip,
.archive-filter-links a {
display: inline-flex;
align-items: center;
border: 1px solid rgba(212,175,55,0.28);
border-radius: 9999px;
background: rgba(212,175,55,0.08);
color: #f0c85a;
padding: 0.38rem 0.7rem;
font-size: 0.78rem;
font-weight: 700;
letter-spacing: 0.04em;
}
.term-chip:hover,
.archive-filter-links a:hover {
background: rgba(212,175,55,0.16);
color: #fff;
}
.archive-filter-group {
border: 1px solid rgba(238,246,251,0.12);
background: linear-gradient(180deg, rgba(41, 70, 91, 0.72), rgba(18, 52, 86, 0.84));
padding: 1rem;
}
.archive-filter-group h2 {
margin-bottom: 0.8rem;
color: #eef6fb;
font-family: 'Playfair Display', serif;
font-size: 1.05rem;
font-weight: 700;
}
.archive-filter-links {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
}
.pagination-wrap .nav-links {
display: flex;
justify-content: center;
gap: 0.5rem;
flex-wrap: wrap;
}
.pagination-wrap .page-numbers {
border: 1px solid rgba(238,246,251,0.14);
color: #dbe9f1;
padding: 0.65rem 0.85rem;
}
.pagination-wrap .page-numbers.current,
.pagination-wrap .page-numbers:hover {
border-color: rgba(212,175,55,0.46);
background: #d4af37;
color: #123456;
}
.single-video-content iframe,
.single-video-content video,
.single-video-content .wp-block-embed {
width: 100%;
max-width: 100%;
}
.single-video-content .wp-block-embed__wrapper {
aspect-ratio: 16 / 9;
}
.single-video-content .wp-block-embed__wrapper iframe {
height: 100%;
}
.single-video-player,
.single-video-player p,
.single-video-player .wp-block-embed,
.single-video-player .wp-block-embed__wrapper {
width: 100%;
height: 100%;
margin: 0;
}
.single-video-player iframe,
.single-video-player video,
.single-video-player embed,
.single-video-player object {
display: block;
width: 100%;
height: 100%;
}
.single-video-intro p {
margin: 0;
}
.video-taxonomy-row {
border-bottom: 1px solid rgba(255,255,255,0.10);
padding-bottom: 1rem;
}
.search-form {
display: flex;
gap: 0.75rem;
}
.search-form label {
flex: 1;
}
.search-field {
width: 100%;
border-bottom: 2px solid rgb(63 63 70);
background: transparent;
color: #fff;
padding: 1rem 0;
font-size: clamp(1.5rem, 4vw, 3rem);
}
.search-submit {
border: 1px solid rgba(212,175,55,0.4);
background: #d4af37;
color: #09090b;
padding: 0.75rem 1rem;
font-weight: 700;
}
@media (max-width: 1023px) {
.site-header .menu {
display: none;
}
}
.front-page .newsletter-section,
#view-home .newsletter-section {
border-color: rgba(238, 246, 251, 0.12);
background:
radial-gradient(circle at right top, rgba(212,175,55,0.10), transparent 24rem),
linear-gradient(180deg, rgba(41, 70, 91, 0.92), rgba(18, 52, 86, 0.96));
box-shadow: 0 12px 34px rgba(0, 0, 0, 0.20);
}
.secondary-menu a {
color: rgb(161 161 170);
font-size: 0.78rem;
}
.mobile-secondary-menu a {
color: rgb(161 161 170);
font-size: 1rem;
}
.single-video-media figure {
margin: 0;
} #view-home .hero-media-frame {
align-items: stretch;
}
#view-home .hero-image {
display: block;
width: min(100%, 120rem) !important;
max-width: none;
height: 100% !important;
object-fit: cover;
object-position: center -18%;
}
#view-home .hero-media-frame::after {
background: radial-gradient(
ellipse clamp(12rem, 19vw, 24rem) clamp(3rem, 5.4vw, 6.5rem) at 56% 23%,
rgba(9,9,11,0.72) 0%,
rgba(9,9,11,0.46) 42%,
rgba(9,9,11,0.14) 72%,
transparent 100%
);
}
#view-home .hero-gradient {
background: linear-gradient(to top, #09090b 0%, #09090b 24%, rgba(9, 9, 11, 0.86) 40%, rgba(9, 9, 11, 0.58) 58%, rgba(9, 9, 11, 0.24) 76%, rgba(9, 9, 11, 0.04) 92%, rgba(9, 9, 11, 0) 100%);
}
@media (min-width: 640px) and (max-width: 1100px) {
#view-home .hero-section {
min-height: 42rem;
height: 42rem;
max-height: none;
}
#view-home .hero-image {
object-position: center center;
}
}
@media (max-width: 639px) {
#view-home .hero-section {
min-height: 29.5rem;
height: 29.5rem;
}
#view-home .hero-image {
object-position: 49% center;
}
#view-home .hero-gradient {
background: linear-gradient(to top, #09090b 0%, #09090b 30%, rgba(9, 9, 11, 0.82) 48%, rgba(9, 9, 11, 0.52) 64%, rgba(9, 9, 11, 0.18) 82%, rgba(9, 9, 11, 0) 100%);
}
}
.site-header .primary-menu,
.site-header .secondary-menu,
.footer-links .menu {
display: flex;
align-items: center;
gap: 1.5rem;
}
.site-header .primary-menu ul,
.site-header .secondary-menu ul {
display: block;
}
.site-header .primary-menu > .menu-item,
.site-header .secondary-menu > .menu-item {
position: relative;
}
.site-header .primary-menu .sub-menu,
.site-header .secondary-menu .sub-menu {
position: absolute;
top: calc(100% + 0.7rem);
left: 0;
z-index: 80;
display: none;
min-width: 14rem;
border: 1px solid rgba(238,246,251,0.12);
background: rgba(9, 9, 11, 0.96);
padding: 0.55rem;
box-shadow: 0 18px 45px rgba(0,0,0,0.35);
}
.site-header .primary-menu .menu-item:hover > .sub-menu,
.site-header .primary-menu .menu-item:focus-within > .sub-menu,
.site-header .secondary-menu .menu-item:hover > .sub-menu,
.site-header .secondary-menu .menu-item:focus-within > .sub-menu {
display: grid;
gap: 0.25rem;
}
.site-header .primary-menu .sub-menu a,
.site-header .secondary-menu .sub-menu a {
display: block;
padding: 0.65rem 0.75rem;
white-space: nowrap;
}
@media (max-width: 1023px) {
.site-header .primary-menu,
.site-header .secondary-menu {
display: none;
}
}
#view-home .video-excerpt {
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.donation-module-modal {
background: #18181b;
}
.donation-frequency-toggle {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
border: 1px solid rgba(255,255,255,0.16);
background: #09090b;
padding: 0.25rem;
gap: 0.25rem;
}
.donation-frequency-toggle button {
border: 1px solid transparent;
border-radius: 0.125rem;
color: rgb(161 161 170);
padding: 0.75rem 0.85rem;
font-weight: 800;
transition: all 0.2s ease;
}
.donation-frequency-toggle button:hover {
border-color: rgba(238, 246, 251, 0.18);
background: rgba(238, 246, 251, 0.06);
color: #eef6fb;
}
.donation-frequency-toggle button.is-selected {
border-color: #d4af37;
background: rgba(212,175,55,0.13);
color: #d4af37;
}
.donation-frequency-toggle button.is-selected:hover {
border-color: #e3bd49;
background: rgba(212,175,55,0.18);
color: #f0cd5d;
}
.donation-frequency-toggle-compact button {
padding: 0.55rem 0.55rem;
font-size: 0.78rem;
}
.donation-module .amount-button {
min-height: 3.75rem;
}
.inline-donation-panel.donation-module .amount-button {
min-height: 2.65rem;
}
.donation-module .payment-bitcoin {
color: #F7931A;
}
.donation-module .payment-button {
text-decoration: none;
} #view-home .article-card > a > div:last-child {
padding-left: 1.65rem;
padding-right: 1.65rem;
padding-bottom: 1.85rem;
}
#view-home .article-card p.line-clamp-4 {
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}
@media (min-width: 640px) {
#view-home .article-card > a > div:last-child {
padding-left: 1.85rem;
padding-right: 1.85rem;
padding-bottom: 2rem;
}
} #view-home .hero-media-frame {
display: flex;
position: absolute;
inset: 0;
justify-content: center;
align-items: stretch;
width: 100%;
height: 100%;
overflow: hidden;
background: #09090b;
}
#view-home .hero-media-frame .hero-image,
#view-home .hero-media-frame picture.hero-image,
#view-home .hero-media-frame img.hero-image {
position: relative;
display: block;
flex: 0 0 auto;
width: min(100%, 120rem) !important;
height: 100% !important;
max-width: none !important;
transform: none !important;
opacity: 0.9;
overflow: hidden;
}
#view-home .hero-media-frame img.hero-image {
object-fit: cover;
object-position: center -18%;
}
#view-home .hero-media-frame picture.hero-image > img,
#view-home .hero-media-frame .hero-image > img {
position: absolute;
inset: 0;
display: block;
width: 100% !important;
height: 100% !important;
max-width: none !important;
object-fit: cover;
object-position: center -18%;
}
@media (min-width: 640px) and (max-width: 1100px) {
#view-home .hero-media-frame img.hero-image,
#view-home .hero-media-frame picture.hero-image > img,
#view-home .hero-media-frame .hero-image > img {
object-position: center center;
}
}
@media (max-width: 639px) {
#view-home .hero-media-frame .hero-image,
#view-home .hero-media-frame picture.hero-image,
#view-home .hero-media-frame img.hero-image {
width: 100% !important;
}
#view-home .hero-media-frame img.hero-image,
#view-home .hero-media-frame picture.hero-image > img,
#view-home .hero-media-frame .hero-image > img {
object-position: 49% center;
}
} .comments-section {
margin-top: 3rem;
border-top: 0;
padding-top: 0;
}
.cws-comments-card {
position: relative;
overflow: hidden;
border: 1px solid rgba(238, 246, 251, 0.12);
border-radius: 0.125rem;
background:
radial-gradient(circle at top right, rgba(212, 175, 55, 0.12), transparent 18rem),
linear-gradient(180deg, rgba(41, 70, 91, 0.88), rgba(18, 52, 86, 0.96));
box-shadow: 0 18px 45px rgba(0, 0, 0, 0.24);
padding: clamp(1.15rem, 2vw, 1.75rem);
color: #eef6fb;
}
.cws-comments-card::before {
content: '';
position: absolute;
inset: 0 0 auto;
height: 1px;
background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.46), transparent);
pointer-events: none;
}
.cws-comments-header {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 1rem;
border-bottom: 1px solid rgba(238, 246, 251, 0.10);
padding-bottom: 1.15rem;
margin-bottom: 1.15rem;
}
.cws-comments-title-group {
display: flex;
align-items: flex-start;
gap: 0.9rem;
}
.cws-comments-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 2.55rem;
height: 2.55rem;
flex: 0 0 auto;
border: 1px solid rgba(212, 175, 55, 0.28);
border-radius: 9999px;
background: rgba(9, 9, 11, 0.22);
color: #e3bd49;
}
.cws-comments-header h2 {
margin: 0.15rem 0 0;
font-family: 'Playfair Display', serif;
font-size: clamp(1.55rem, 2.4vw, 2rem);
font-weight: 700;
line-height: 1.08;
color: #fff;
}
.cws-comments-header p:not(.eyebrow) {
margin-top: 0.35rem;
max-width: 34rem;
color: #b7c8d4;
font-size: 0.92rem;
line-height: 1.55;
}
.cws-comments-count {
flex: 0 0 auto;
border: 1px solid rgba(212, 175, 55, 0.26);
border-radius: 9999px;
background: rgba(9, 9, 11, 0.22);
color: #e3bd49;
padding: 0.42rem 0.72rem;
font-size: 0.76rem;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.cws-comment-list {
display: grid;
gap: 0.85rem;
margin: 0 0 1.25rem;
padding: 0;
list-style: none;
}
.cws-comment-list .comment,
.cws-comment-list .pingback,
.cws-comment-list .trackback {
list-style: none;
}
.cws-comment-list .comment-body {
position: relative;
border: 1px solid rgba(238, 246, 251, 0.10);
border-radius: 0.125rem;
background: rgba(9, 9, 11, 0.24);
padding: 1rem 1rem 0.95rem;
}
.cws-comment-list .children {
display: grid;
gap: 0.75rem;
margin: 0.85rem 0 0 clamp(1rem, 4vw, 2.5rem);
padding: 0;
list-style: none;
}
.cws-comment-list .comment-author {
display: flex;
align-items: center;
gap: 0.7rem;
margin-bottom: 0.35rem;
color: #fff;
font-weight: 700;
}
.cws-comment-list .comment-author .avatar {
width: 2.4rem;
height: 2.4rem;
border: 1px solid rgba(212, 175, 55, 0.26);
border-radius: 9999px;
object-fit: cover;
}
.cws-comment-list .comment-author .says {
display: none;
}
.cws-comment-list .comment-metadata,
.cws-comment-list .comment-meta {
margin-bottom: 0.75rem;
color: #8ea5b3;
font-size: 0.76rem;
}
.cws-comment-list .comment-metadata a,
.cws-comment-list .comment-meta a {
color: inherit;
text-decoration: none;
}
.cws-comment-list .comment-content {
color: #dbe9f1;
font-size: 0.93rem;
line-height: 1.65;
}
.cws-comment-list .comment-content p {
margin-bottom: 0.75rem;
}
.cws-comment-list .reply a,
.cws-comment-list .comment-reply-link {
display: inline-flex;
align-items: center;
margin-top: 0.35rem;
color: #e3bd49;
font-size: 0.78rem;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.cws-comments-empty,
.cws-comments-closed {
display: grid;
gap: 0.15rem;
border: 1px dashed rgba(238, 246, 251, 0.16);
background: rgba(9, 9, 11, 0.18);
color: #b7c8d4;
padding: 1rem;
margin-bottom: 1.1rem;
}
.cws-comments-empty strong {
color: #fff;
}
.cws-comment-form-card {
border-top: 1px solid rgba(238, 246, 251, 0.10);
padding-top: 1.15rem;
}
.cws-comment-form .comment-reply-title {
margin-bottom: 0.3rem;
font-family: 'Playfair Display', serif;
font-size: 1.35rem;
font-weight: 700;
color: #fff;
}
.cws-comment-form .comment-notes,
.cws-comment-form .logged-in-as {
margin-bottom: 0.9rem;
color: #8ea5b3;
font-size: 0.84rem;
}
.cws-comment-form .logged-in-as a {
color: #e3bd49;
}
.cws-comment-form {
display: grid;
gap: 0.75rem;
}
.cws-comment-form .comment-form-comment {
grid-column: 1 / -1;
}
.cws-comment-form .comment-form-author,
.cws-comment-form .comment-form-email,
.cws-comment-form .comment-form-url {
margin: 0;
}
.cws-comment-form textarea,
.cws-comment-form input[type='text'],
.cws-comment-form input[type='email'],
.cws-comment-form input[type='url'] {
width: 100%;
border: 1px solid rgba(238, 246, 251, 0.12);
border-radius: 0.125rem;
background: rgba(9, 9, 11, 0.46);
color: #fff;
padding: 0.92rem 1rem;
transition: border-color 0.18s ease, background 0.18s ease;
}
.cws-comment-form textarea {
min-height: 8rem;
resize: vertical;
}
.cws-comment-form textarea:focus,
.cws-comment-form input:focus {
outline: none;
border-color: rgba(212, 175, 55, 0.68);
background: rgba(9, 9, 11, 0.62);
}
.cws-comment-form ::placeholder {
color: #8ea5b3;
}
.cws-comment-form .form-submit {
margin: 0.25rem 0 0;
}
.cws-comment-submit {
display: inline-flex;
align-items: center;
justify-content: center;
border: 0;
border-radius: 0.125rem;
background: #e3bd49;
color: #081b2b;
padding: 0.82rem 1.15rem;
font-size: 0.9rem;
font-weight: 800;
box-shadow: 0 12px 26px rgba(212, 175, 55, 0.20);
transition: transform 0.18s ease, background 0.18s ease;
}
.cws-comment-submit:hover,
.cws-comment-submit:focus-visible {
background: #f0cd5d;
transform: translateY(-1px);
}
.cws-comments-card .comment-navigation,
.cws-comments-card .comments-navigation {
margin: 1rem 0;
}
.cws-comments-card .nav-links {
display: flex;
justify-content: space-between;
gap: 1rem;
color: #e3bd49;
font-size: 0.86rem;
font-weight: 700;
} .comments-section #wpdcom {
margin: 0;
color: #eef6fb;
}
.comments-section #wpdcom textarea,
.comments-section #wpdcom input[type='text'],
.comments-section #wpdcom input[type='email'],
.comments-section #wpdcom input[type='url'] {
border-color: rgba(238, 246, 251, 0.12) !important;
background: rgba(9, 9, 11, 0.46) !important;
color: #fff !important;
}
@media (min-width: 700px) {
.cws-comment-form {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.cws-comment-form .comment-notes,
.cws-comment-form .logged-in-as,
.cws-comment-form .comment-reply-title,
.cws-comment-form .form-submit {
grid-column: 1 / -1;
}
}
@media (max-width: 640px) {
.cws-comments-header {
flex-direction: column;
}
.cws-comments-count {
align-self: flex-start;
}
.cws-comment-list .children {
margin-left: 0.8rem;
}
} .single-video-media {
position: relative;
width: 100%;
aspect-ratio: 16 / 9;
min-height: clamp(12rem, 56.25vw, 54rem);
overflow: hidden;
}
.single-video-player {
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
overflow: hidden;
background: #000;
}
.single-video-player > *,
.single-video-player p,
.single-video-player div,
.single-video-player figure,
.single-video-player .video-container,
.single-video-player .embed-youtube,
.single-video-player .wp-block-embed,
.single-video-player .wp-block-embed__wrapper,
.single-video-player .fluid-width-video-wrapper {
width: 100% !important;
height: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
}
.single-video-player iframe,
.single-video-player video,
.single-video-player embed,
.single-video-player object {
position: absolute;
inset: 0;
display: block;
width: 100% !important;
height: 100% !important;
max-width: none !important;
border: 0;
}
@supports not (aspect-ratio: 16 / 9) {
.single-video-media {
height: 0;
min-height: 0;
padding-top: 56.25%;
}
} .single-video-content {
line-height: 1.75;
}
.single-video-content p,
.single-video-content ul,
.single-video-content ol,
.single-video-content blockquote,
.single-video-content figure,
.single-video-content .wp-block-embed {
margin-top: 1.15rem;
margin-bottom: 1.15rem;
}
.single-video-content > :first-child {
margin-top: 0;
}
.single-video-content > :last-child {
margin-bottom: 0;
}
.single-video-content br {
display: block;
content: '';
margin-top: 0.55rem;
} #view-video .prototype-comments-module .comment-panel {
border: 1px solid rgba(255,255,255,0.08);
border-radius: 0.125rem;
background:
linear-gradient(135deg, rgba(212,175,55,0.08), transparent 34%),
rgba(24,24,27,0.9);
padding: 1.1rem;
box-shadow: none;
}
.prototype-comment-form {
display: grid;
gap: 0.75rem;
margin: 0;
}
.prototype-comment-form p {
margin: 0;
}
.prototype-comment-login-note {
color: rgb(113 113 122);
font-size: 0.78rem;
}
.prototype-comment-login-note a {
color: #d4af37;
font-weight: 700;
}
.prototype-comment-fields {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 0.75rem;
}
.comment-entry input[type='text'],
.comment-entry input[type='email'],
.comment-entry input[type='url'] {
width: 100%;
border: 1px solid rgba(255,255,255,0.08);
border-radius: 0.125rem;
background: rgba(9,9,11,0.88);
color: white;
padding: 0.8rem 0.9rem;
}
.comment-entry input:focus {
outline: none;
border-color: #d4af37;
}
.prototype-comment-list {
display: grid;
gap: 0.75rem;
margin: 0 0 1rem;
padding: 0;
list-style: none;
}
.prototype-comment-list .comment,
.prototype-comment-list .pingback,
.prototype-comment-list .trackback {
list-style: none;
}
.prototype-comment-list .comment-body {
border: 1px solid rgba(255,255,255,0.07);
border-radius: 0.125rem;
background: rgba(9,9,11,0.38);
padding: 0.9rem;
}
.prototype-comment-list .children {
display: grid;
gap: 0.75rem;
margin: 0.75rem 0 0 1.25rem;
padding: 0;
list-style: none;
}
.prototype-comment-list .comment-author {
display: flex;
align-items: center;
gap: 0.55rem;
color: #fff;
font-size: 0.88rem;
font-weight: 700;
}
.prototype-comment-list .comment-author .avatar {
width: 2rem;
height: 2rem;
border-radius: 9999px;
}
.prototype-comment-list .comment-author .says {
display: none;
}
.prototype-comment-list .comment-metadata,
.prototype-comment-list .comment-meta {
margin-top: 0.25rem;
color: rgb(113 113 122);
font-size: 0.72rem;
}
.prototype-comment-list .comment-content {
margin-top: 0.65rem;
color: rgb(212 212 216);
font-size: 0.86rem;
line-height: 1.6;
}
.prototype-comment-list .reply a {
display: inline-flex;
margin-top: 0.45rem;
color: #d4af37;
font-size: 0.74rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.04em;
}
.prototype-comment-submit {
white-space: nowrap;
}
@media (max-width: 700px) {
.prototype-comment-fields {
grid-template-columns: 1fr;
}
.prototype-comments-module .comments-heading-row,
.prototype-comments-module .comment-actions {
align-items: flex-start;
flex-direction: column;
}
} #view-vacatures {
background:
radial-gradient(circle at 14% 0%, rgba(41, 70, 91, 0.46), transparent 30rem),
radial-gradient(circle at 86% 18%, rgba(41, 70, 91, 0.28), transparent 30rem),
linear-gradient(180deg, var(--cw-dusk-bg) 0%, var(--cw-dusk-bg-2) 44%, #0d2a40 100%);
color: var(--cw-dusk-ink);
}
#view-vacatures .eyebrow {
color: var(--cw-bronze-soft);
}
#view-vacatures .page-title,
#view-vacatures .support-panel h2 {
color: var(--cw-dusk-ink);
}
#view-vacatures .page-intro,
#view-vacatures .support-panel p:last-child {
color: var(--cw-dusk-muted);
}
#view-vacatures .support-panel {
border-color: rgba(212, 175, 55, 0.32);
background:
radial-gradient(circle at right top, rgba(212, 175, 55, 0.16), transparent 27rem),
linear-gradient(135deg, #34566d, #123456 62%, #123456);
color: var(--cw-dusk-ink);
box-shadow: var(--cw-dusk-shadow);
} #view-home .hero-content-layer {
transform: translateY(6cm);
}
#view-home .home-content-sections {
padding-top: calc(3rem + 6cm);
}
@media (min-width: 640px) {
#view-home .home-content-sections {
padding-top: calc(4rem + 6cm);
}
}
@media (max-width: 639px) {
#view-home .hero-content-layer {
transform: translateY(1.1cm);
}
#view-home .home-content-sections {
padding-top: calc(3rem + 1.1cm);
}
} .single-video-content,
.single-video-intro {
white-space: pre-line;
}
.single-video-content > *,
.single-video-intro > * {
white-space: normal;
} #view-video .comments-section {
margin-top: 2.5rem;
border-top: 1px solid rgba(255,255,255,0.10);
padding-top: 2rem;
}
#view-video .prototype-comments-module {
display: block;
}
#view-video .prototype-comments-module .comments-heading-row {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 1rem;
margin-bottom: 1.25rem;
}
#view-video .prototype-comments-module .comments-heading-row .eyebrow {
margin: 0 0 0.35rem;
color: #f0c85a;
font-size: 0.72rem;
font-weight: 800;
letter-spacing: 0.18em;
text-transform: uppercase;
}
#view-video .prototype-comments-module .comments-heading-row h2 {
margin: 0;
color: #fff;
font-family: 'Playfair Display', serif;
font-size: 1.55rem;
font-weight: 700;
line-height: 1.15;
}
#view-video .prototype-comments-module .comments-heading-row > span {
color: rgb(113 113 122);
font-size: 0.875rem;
white-space: nowrap;
}
#view-video .prototype-comments-module .comment-panel {
overflow: hidden;
border: 1px solid rgba(255,255,255,0.08) !important;
border-radius: 0.125rem;
background:
linear-gradient(135deg, rgba(212,175,55,0.08), transparent 34%),
rgba(24,24,27,0.92) !important;
padding: 1.1rem !important;
box-shadow: none !important;
}
#view-video .prototype-comments-module .comment-lead {
display: flex;
align-items: flex-start;
gap: 0.9rem;
margin-bottom: 1rem;
}
#view-video .prototype-comments-module .comment-avatar {
display: inline-flex;
align-items: center;
justify-content: center;
width: 2.5rem;
height: 2.5rem;
flex: 0 0 2.5rem;
border-radius: 9999px;
background: rgba(212,175,55,0.14);
color: #d4af37;
font-size: 0.72rem;
font-weight: 800;
letter-spacing: 0.08em;
}
#view-video .prototype-comments-module .comment-lead h3 {
margin: 0;
color: #fff;
font-size: 0.98rem;
font-weight: 650;
line-height: 1.3;
}
#view-video .prototype-comments-module .comment-lead p {
max-width: 38rem;
margin: 0.22rem 0 0;
color: rgb(113 113 122);
font-size: 0.84rem;
line-height: 1.55;
}
#view-video .prototype-comments-module .comment-entry,
#view-video .prototype-comments-module .prototype-comment-form {
display: grid;
gap: 0.75rem;
}
#view-video .prototype-comments-module .prototype-comment-form,
#view-video .prototype-comments-module .prototype-comment-form p,
#view-video .prototype-comments-module .comment-form-comment,
#view-video .prototype-comments-module .comment-form-author,
#view-video .prototype-comments-module .comment-form-email,
#view-video .prototype-comments-module .comment-form-url,
#view-video .prototype-comments-module .form-submit {
margin: 0 !important;
}
#view-video .prototype-comments-module textarea,
#view-video .prototype-comments-module input[type='text'],
#view-video .prototype-comments-module input[type='email'],
#view-video .prototype-comments-module input[type='url'] {
width: 100% !important;
border: 1px solid rgba(255,255,255,0.08) !important;
border-radius: 0.125rem !important;
background: rgba(9,9,11,0.88) !important;
color: #fff !important;
box-shadow: none !important;
outline: 0 !important;
}
#view-video .prototype-comments-module textarea {
min-height: 5.25rem;
resize: vertical;
padding: 0.9rem !important;
}
#view-video .prototype-comments-module input[type='text'],
#view-video .prototype-comments-module input[type='email'],
#view-video .prototype-comments-module input[type='url'] {
min-height: 2.9rem;
padding: 0.78rem 0.9rem !important;
}
#view-video .prototype-comments-module textarea:focus,
#view-video .prototype-comments-module input:focus {
border-color: #d4af37 !important;
}
#view-video .prototype-comments-module ::placeholder {
color: rgb(113 113 122) !important;
opacity: 1;
}
#view-video .prototype-comment-fields {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 0.75rem;
}
#view-video .prototype-comment-login-note {
color: rgb(113 113 122);
font-size: 0.78rem;
}
#view-video .prototype-comment-login-note a {
color: #d4af37;
font-weight: 700;
}
#view-video .prototype-comments-module .comment-actions {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
margin-top: 0 !important;
}
#view-video .prototype-comments-module .comment-actions span {
color: rgb(113 113 122);
font-size: 0.78rem;
}
#view-video .prototype-comments-module .prototype-comment-submit,
#view-video .prototype-comments-module .comment-actions .submit,
#view-video .prototype-comments-module .form-submit input[type='submit'] {
display: inline-flex !important;
align-items: center;
justify-content: center;
min-height: 2.75rem;
border: 1px solid rgba(212,175,55,0.38) !important;
border-radius: 0.125rem !important;
background: transparent !important;
color: #d4af37 !important;
padding: 0.72rem 1.15rem !important;
font-size: 0.875rem !important;
font-weight: 700 !important;
line-height: 1 !important;
white-space: nowrap;
box-shadow: none !important;
}
#view-video .prototype-comments-module .prototype-comment-submit:hover,
#view-video .prototype-comments-module .prototype-comment-submit:focus-visible,
#view-video .prototype-comments-module .comment-actions .submit:hover,
#view-video .prototype-comments-module .form-submit input[type='submit']:hover {
border-color: #d4af37 !important;
background: rgba(212,175,55,0.10) !important;
color: #f0c85a !important;
}
#view-video .prototype-comment-list {
display: grid;
gap: 0.75rem;
margin: 0 0 1rem;
padding: 0;
list-style: none;
}
#view-video .prototype-comment-list .comment,
#view-video .prototype-comment-list .pingback,
#view-video .prototype-comment-list .trackback {
list-style: none;
}
#view-video .prototype-comment-list .comment-body {
border: 1px solid rgba(255,255,255,0.07);
border-radius: 0.125rem;
background: rgba(9,9,11,0.38);
padding: 0.9rem;
} #view-video .comments-section #wpdcom {
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
color: #eef6fb !important;
}
#view-video .comments-section #wpdcom .wpd-form-wrap,
#view-video .comments-section #wpdcom .wpd-thread-wrapper,
#view-video .comments-section #wpdcom .wpd-comment-wrap,
#view-video .comments-section #wpdcom .wpd-comment {
border-color: rgba(255,255,255,0.08) !important;
border-radius: 0.125rem !important;
background: rgba(9,9,11,0.38) !important;
box-shadow: none !important;
}
#view-video .comments-section #wpdcom .wpd-form-wrap {
padding: 0 !important;
background: transparent !important;
}
#view-video .comments-section #wpdcom .wpd-form-head,
#view-video .comments-section #wpdcom .wpd-auth,
#view-video .comments-section #wpdcom .wpd_label,
#view-video .comments-section #wpdcom label {
color: rgb(113 113 122) !important;
}
#view-video .comments-section #wpdcom textarea,
#view-video .comments-section #wpdcom input[type='text'],
#view-video .comments-section #wpdcom input[type='email'],
#view-video .comments-section #wpdcom input[type='url'] {
border: 1px solid rgba(255,255,255,0.08) !important;
border-radius: 0.125rem !important;
background: rgba(9,9,11,0.88) !important;
color: #fff !important;
box-shadow: none !important;
}
#view-video .comments-section #wpdcom .wpd_button,
#view-video .comments-section #wpdcom input[type='submit'],
#view-video .comments-section #wpdcom button[type='submit'] {
border: 1px solid rgba(212,175,55,0.38) !important;
border-radius: 0.125rem !important;
background: transparent !important;
color: #d4af37 !important;
box-shadow: none !important;
}
@media (max-width: 700px) {
#view-video .prototype-comment-fields {
grid-template-columns: 1fr;
}
#view-video .prototype-comments-module .comments-heading-row,
#view-video .prototype-comments-module .comment-actions {
align-items: flex-start;
flex-direction: column;
}
} #view-home .program-topline {
display: flex;
align-items: flex-start;
justify-content: flex-end;
gap: 1rem;
width: 100%;
}
#view-home .program-link {
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
align-self: flex-end;
min-height: 1.95rem;
border: 0;
border-radius: 9999px;
background: rgba(212, 175, 55, 0.96);
color: #123456;
padding: 0.42rem 0.68rem;
font-size: 0.78rem;
font-weight: 700;
line-height: 1;
box-shadow: 0 0.35rem 1rem rgba(0, 0, 0, 0.28);
text-shadow: none;
backdrop-filter: blur(8px);
}
#view-home .program-card:hover .program-link,
#view-home .program-card:focus-visible .program-link {
background: #f0c85a;
color: #123456;
} #view-faq .faq-panel {
display: grid !important;
grid-template-rows: 0fr;
overflow: hidden;
transition: grid-template-rows 0.32s ease;
}
#view-faq .faq-panel[hidden] {
display: grid !important;
}
#view-faq .faq-panel > div {
min-height: 0;
overflow: hidden;
}
#view-faq .faq-item.is-open .faq-panel {
grid-template-rows: 1fr;
}
#view-faq .faq-trigger svg {
transition: transform 0.28s ease;
}
#view-faq .faq-item.is-open .faq-trigger svg {
transform: rotate(180deg);
} #view-video .video-comments-prototype {
display: block;
}
#view-video .video-comments-prototype .comments-heading-row {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 1rem;
margin-bottom: 1.25rem;
}
#view-video .video-comments-prototype .comments-heading-row .eyebrow {
margin: 0 0 0.35rem;
color: #f0c85a;
font-size: 0.72rem;
font-weight: 800;
letter-spacing: 0.18em;
text-transform: uppercase;
}
#view-video .video-comments-prototype .comments-heading-row h2 {
margin: 0;
color: #fff;
font-family: 'Playfair Display', serif;
font-size: 1.55rem;
font-weight: 700;
line-height: 1.15;
}
#view-video .video-comments-prototype .comments-heading-row > span {
color: rgb(113 113 122);
font-size: 0.875rem;
white-space: nowrap;
}
#view-video .video-comments-prototype .comment-panel {
overflow: hidden;
border: 1px solid rgba(255,255,255,0.08) !important;
border-radius: 0.125rem;
background:
linear-gradient(135deg, rgba(212,175,55,0.08), transparent 34%),
rgba(24,24,27,0.92) !important;
padding: 1.1rem !important;
box-shadow: none !important;
}
#view-video .video-comments-prototype .comment-lead {
display: flex;
align-items: flex-start;
gap: 0.9rem;
margin-bottom: 1rem;
}
#view-video .video-comments-prototype .comment-avatar {
display: inline-flex;
align-items: center;
justify-content: center;
width: 2.5rem;
height: 2.5rem;
flex: 0 0 2.5rem;
border-radius: 9999px;
background: rgba(212,175,55,0.14);
color: #d4af37;
font-size: 0.72rem;
font-weight: 800;
letter-spacing: 0.08em;
}
#view-video .video-comments-prototype .comment-lead h3 {
margin: 0;
color: #fff;
font-size: 0.98rem;
font-weight: 650;
line-height: 1.3;
}
#view-video .video-comments-prototype .comment-lead p {
max-width: 38rem;
margin: 0.22rem 0 0;
color: rgb(113 113 122);
font-size: 0.84rem;
line-height: 1.55;
}
#view-video .video-comments-prototype .comment-entry,
#view-video .video-comments-prototype .prototype-comment-form {
display: grid;
gap: 0.75rem;
margin: 0;
}
#view-video .video-comments-prototype .prototype-comment-form p,
#view-video .video-comments-prototype .comment-form-author,
#view-video .video-comments-prototype .comment-form-email,
#view-video .video-comments-prototype .comment-form-url {
margin: 0 !important;
}
#view-video .video-comments-prototype textarea,
#view-video .video-comments-prototype input[type='text'],
#view-video .video-comments-prototype input[type='email'],
#view-video .video-comments-prototype input[type='url'] {
width: 100% !important;
border: 1px solid rgba(255,255,255,0.08) !important;
border-radius: 0.125rem !important;
background: rgba(9,9,11,0.88) !important;
color: #fff !important;
box-shadow: none !important;
outline: 0 !important;
}
#view-video .video-comments-prototype textarea {
min-height: 5.25rem;
resize: vertical;
padding: 0.9rem !important;
}
#view-video .video-comments-prototype input[type='text'],
#view-video .video-comments-prototype input[type='email'],
#view-video .video-comments-prototype input[type='url'] {
min-height: 2.9rem;
padding: 0.78rem 0.9rem !important;
}
#view-video .video-comments-prototype textarea:focus,
#view-video .video-comments-prototype input:focus {
border-color: #d4af37 !important;
}
#view-video .video-comments-prototype ::placeholder {
color: rgb(113 113 122) !important;
opacity: 1;
}
#view-video .video-comments-prototype .prototype-comment-fields {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 0.75rem;
}
#view-video .video-comments-prototype .prototype-comment-login-note {
color: rgb(113 113 122);
font-size: 0.78rem;
}
#view-video .video-comments-prototype .prototype-comment-login-note a {
color: #d4af37;
font-weight: 700;
}
#view-video .video-comments-prototype .comment-actions {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
margin-top: 0 !important;
}
#view-video .video-comments-prototype .comment-actions span {
color: rgb(113 113 122);
font-size: 0.78rem;
}
#view-video .video-comments-prototype .prototype-comment-submit {
display: inline-flex !important;
align-items: center;
justify-content: center;
min-height: 2.75rem;
border: 1px solid rgba(212,175,55,0.38) !important;
border-radius: 0.125rem !important;
background: transparent !important;
color: #d4af37 !important;
padding: 0.72rem 1.15rem !important;
font-size: 0.875rem !important;
font-weight: 700 !important;
line-height: 1 !important;
white-space: nowrap;
box-shadow: none !important;
}
#view-video .video-comments-prototype .prototype-comment-submit:hover,
#view-video .video-comments-prototype .prototype-comment-submit:focus-visible {
border-color: #d4af37 !important;
background: rgba(212,175,55,0.10) !important;
color: #f0c85a !important;
}
#view-video .video-comments-prototype .prototype-comment-list {
display: grid;
gap: 0.75rem;
margin: 0 0 1rem;
padding: 0;
list-style: none;
}
#view-video .video-comments-prototype .prototype-comment-list .comment,
#view-video .video-comments-prototype .prototype-comment-list .pingback,
#view-video .video-comments-prototype .prototype-comment-list .trackback {
list-style: none;
}
#view-video .video-comments-prototype .prototype-comment-list .comment-body {
border: 1px solid rgba(255,255,255,0.07);
border-radius: 0.125rem;
background: rgba(9,9,11,0.38);
padding: 0.9rem;
}
@media (max-width: 700px) {
#view-video .video-comments-prototype .prototype-comment-fields {
grid-template-columns: 1fr;
}
#view-video .video-comments-prototype .comments-heading-row,
#view-video .video-comments-prototype .comment-actions {
align-items: flex-start;
flex-direction: column;
}
} .header-login-button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.45rem;
min-height: 2.25rem;
border: 1px solid rgba(238, 246, 251, 0.14);
border-radius: 0.125rem;
background: rgba(41, 70, 91, 0.42);
color: #dbe9f1;
padding: 0.5rem 0.72rem;
font-size: 0.78rem;
font-weight: 700;
line-height: 1;
white-space: nowrap;
transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}
.header-login-button:hover,
.header-login-button:focus-visible {
border-color: rgba(212, 175, 55, 0.48);
background: rgba(212, 175, 55, 0.12);
color: #f0c85a;
transform: translateY(-1px);
}
@media (max-width: 520px) {
.header-login-button {
width: 2.25rem;
padding-inline: 0;
}
.header-login-label {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
} #view-registreren {
position: relative;
overflow: hidden;
background:
radial-gradient(circle at 18% 6%, rgba(41, 70, 91, 0.44), transparent 30rem),
radial-gradient(circle at 86% 18%, rgba(212, 175, 55, 0.11), transparent 26rem),
linear-gradient(180deg, #09090b 0%, #0a1119 18%, #123456 58%, #081b2b 100%);
color: #eef6fb;
}
#view-registreren::before {
content: '';
position: absolute;
inset: 0;
pointer-events: none;
opacity: 0.18;
background-image: radial-gradient(rgba(238,246,251,0.58) 1px, transparent 1.2px);
background-size: 13px 13px;
mask-image: linear-gradient(180deg, rgba(0,0,0,0.9), rgba(0,0,0,0.45));
}
#view-registreren .registration-shell {
position: relative;
z-index: 1;
}
.registration-hero {
max-width: 56rem;
margin: 0 auto 4rem;
text-align: center;
}
.registration-logo-wrap {
display: inline-flex;
align-items: center;
justify-content: center;
width: clamp(6rem, 13vw, 11rem);
height: clamp(6rem, 13vw, 11rem);
margin-bottom: 1.5rem;
border-radius: 9999px;
background: radial-gradient(circle at 32% 22%, #fff1a2, #d4af37 42%, #8f6716 100%);
box-shadow: 0 18px 46px rgba(0,0,0,0.38), 0 0 0 1px rgba(212,175,55,0.28);
overflow: hidden;
}
.registration-logo-wrap .custom-logo-link,
.registration-logo-wrap .custom-logo {
display: block;
width: 100%;
height: 100%;
}
.registration-logo-wrap .custom-logo {
object-fit: contain;
padding: 0.6rem;
}
.registration-logo-wrap span {
color: #09090b;
font-family: 'Playfair Display', serif;
font-size: 2.4rem;
font-weight: 800;
}
.registration-hero h1 {
color: #fff;
font-family: 'Playfair Display', serif;
font-size: clamp(2.25rem, 4.7vw, 4rem);
font-weight: 800;
line-height: 1.05;
text-shadow: 0 10px 30px rgba(0,0,0,0.42);
}
.registration-intro {
display: grid;
gap: 1rem;
max-width: 56rem;
margin: 1.7rem auto 0;
color: #dbe9f1;
font-family: 'Playfair Display', serif;
font-size: clamp(1.05rem, 1.6vw, 1.35rem);
font-weight: 600;
line-height: 1.45;
}
.registration-quote {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
align-items: center;
gap: clamp(1.4rem, 4vw, 3rem);
max-width: 72rem;
margin: 0 auto 4rem;
}
.registration-quote-avatar {
display: inline-flex;
align-items: center;
justify-content: center;
width: clamp(7rem, 16vw, 13.75rem);
height: clamp(7rem, 16vw, 13.75rem);
border-radius: 9999px;
border: 1px solid rgba(212,175,55,0.30);
background:
radial-gradient(circle at 42% 20%, rgba(255,255,255,0.20), transparent 22%),
linear-gradient(145deg, #29465B, #123456 54%, #09090b);
color: #f0c85a;
font-family: 'Playfair Display', serif;
font-size: clamp(2rem, 5vw, 4.2rem);
font-weight: 800;
box-shadow: 0 18px 44px rgba(0,0,0,0.34);
}
.registration-quote blockquote {
margin: 0;
}
.registration-quote blockquote p {
color: #fff;
font-family: 'Playfair Display', serif;
font-size: clamp(1.35rem, 2.3vw, 2.05rem);
font-style: italic;
font-weight: 800;
line-height: 1.38;
text-shadow: 0 10px 28px rgba(0,0,0,0.4);
}
.registration-quote cite {
display: block;
margin-top: 1.2rem;
color: #fff;
font-size: 1.05rem;
font-style: normal;
font-weight: 800;
}
.registration-content-grid {
display: grid;
grid-template-columns: minmax(0, 1.15fr) minmax(18rem, 0.85fr);
gap: clamp(1.5rem, 4vw, 3rem);
align-items: start;
max-width: 72rem;
margin: 0 auto;
}
.registration-form-card,
.registration-benefits {
border: 1px solid rgba(238,246,251,0.12);
border-radius: 0.125rem;
background:
linear-gradient(135deg, rgba(212,175,55,0.09), transparent 34%),
linear-gradient(180deg, rgba(41,70,91,0.90), rgba(18,52,86,0.96));
padding: clamp(1.35rem, 3vw, 2rem);
box-shadow: 0 22px 58px rgba(0,0,0,0.28);
}
.registration-form-heading .eyebrow,
.registration-benefits .eyebrow {
color: #f0c85a;
}
.registration-form-heading h2,
.registration-benefits h2 {
color: #fff;
font-family: 'Playfair Display', serif;
font-size: clamp(1.45rem, 2.5vw, 2.15rem);
font-weight: 800;
line-height: 1.15;
}
.registration-form-heading p {
margin-top: 0.65rem;
color: #dbe9f1;
font-size: 1rem;
line-height: 1.6;
}
.registration-gravity-form {
margin-top: 1.6rem;
}
.gravity-form-missing {
border: 1px dashed rgba(212,175,55,0.38);
border-radius: 0.125rem;
background: rgba(9,9,11,0.38);
padding: 1rem;
color: #dbe9f1;
}
.gravity-form-missing strong {
color: #fff;
}
.gravity-form-missing code {
display: inline-flex;
margin-top: 0.75rem;
color: #f0c85a;
}
#view-registreren .gform_wrapper,
#view-registreren .gform_wrapper.gravity-theme {
color: #eef6fb;
}
#view-registreren .gform_wrapper.gravity-theme .gform_title,
#view-registreren .gform_heading .gform_title {
color: #fff;
font-family: 'Playfair Display', serif;
font-size: 1.45rem;
font-weight: 800;
}
#view-registreren .gform_wrapper.gravity-theme .gfield_label,
#view-registreren .gform_wrapper .gfield_label {
color: #eef6fb;
font-weight: 800;
}
#view-registreren .gform_wrapper.gravity-theme .gfield_required,
#view-registreren .gform_wrapper .gfield_required {
color: #f0c85a;
}
#view-registreren .gform_wrapper.gravity-theme input[type='text'],
#view-registreren .gform_wrapper.gravity-theme input[type='email'],
#view-registreren .gform_wrapper.gravity-theme input[type='tel'],
#view-registreren .gform_wrapper.gravity-theme input[type='number'],
#view-registreren .gform_wrapper.gravity-theme input[type='password'],
#view-registreren .gform_wrapper.gravity-theme textarea,
#view-registreren .gform_wrapper.gravity-theme select,
#view-registreren .gform_wrapper input[type='text'],
#view-registreren .gform_wrapper input[type='email'],
#view-registreren .gform_wrapper input[type='tel'],
#view-registreren .gform_wrapper input[type='number'],
#view-registreren .gform_wrapper input[type='password'],
#view-registreren .gform_wrapper textarea,
#view-registreren .gform_wrapper select {
border: 1px solid rgba(238,246,251,0.14) !important;
border-radius: 0.125rem !important;
background: rgba(9,9,11,0.70) !important;
color: #fff !important;
box-shadow: none !important;
}
#view-registreren .gform_wrapper.gravity-theme input:focus,
#view-registreren .gform_wrapper.gravity-theme textarea:focus,
#view-registreren .gform_wrapper.gravity-theme select:focus,
#view-registreren .gform_wrapper input:focus,
#view-registreren .gform_wrapper textarea:focus,
#view-registreren .gform_wrapper select:focus {
border-color: rgba(212,175,55,0.72) !important;
box-shadow: 0 0 0 3px rgba(212,175,55,0.14) !important;
outline: 0 !important;
}
#view-registreren .gform_wrapper.gravity-theme .gchoice,
#view-registreren .gform_wrapper .gchoice {
color: #dbe9f1;
}
#view-registreren .gform_wrapper.gravity-theme .gfield_radio .gchoice,
#view-registreren .gform_wrapper.gravity-theme .gfield_checkbox .gchoice,
#view-registreren .gform_wrapper .gfield_radio .gchoice,
#view-registreren .gform_wrapper .gfield_checkbox .gchoice {
display: inline-flex;
align-items: center;
gap: 0.45rem;
margin-right: 0.65rem;
margin-bottom: 0.65rem;
border-radius: 9999px;
background: rgba(255,255,255,0.10);
padding: 0.55rem 0.78rem;
font-weight: 700;
}
#view-registreren .gform_wrapper.gravity-theme .gform_button,
#view-registreren .gform_wrapper .gform_button,
#view-registreren .gform_wrapper input[type='submit'] {
border: 0 !important;
border-radius: 9999px !important;
background: #5bb6bd !important;
color: #fff !important;
padding: 0.82rem 1.45rem !important;
font-weight: 900 !important;
letter-spacing: 0.03em;
text-transform: uppercase;
box-shadow: 0 14px 34px rgba(0,0,0,0.28) !important;
}
#view-registreren .gform_wrapper.gravity-theme .gform_button:hover,
#view-registreren .gform_wrapper .gform_button:hover,
#view-registreren .gform_wrapper input[type='submit']:hover {
background: #71cad1 !important;
}
.registration-benefits ul {
display: grid;
gap: 0.9rem;
margin-top: 1.4rem;
}
.registration-benefits li {
position: relative;
padding-left: 1.8rem;
color: #fff;
font-family: 'Playfair Display', serif;
font-size: 1.08rem;
font-weight: 700;
}
.registration-benefits li::before {
content: '✓';
position: absolute;
left: 0;
top: 0;
color: #5bb6bd;
font-family: Inter, sans-serif;
font-weight: 900;
}
.registration-login-link {
display: inline-flex;
margin-top: 1.8rem;
color: #f0c85a;
font-weight: 800;
}
.registration-login-link:hover {
color: #fff;
}
@media (max-width: 860px) {
.registration-quote,
.registration-content-grid {
grid-template-columns: 1fr;
}
.registration-quote {
text-align: center;
}
.registration-quote-avatar {
margin: 0 auto;
}
} #view-account-aanmaken {
position: relative;
overflow: hidden;
background:
radial-gradient(circle at 18% 6%, rgba(41, 70, 91, 0.28), transparent 30rem),
linear-gradient(180deg, #09090b 0%, #0a1119 42%, #081b2b 100%);
color: #eef6fb;
}
#view-account-aanmaken::before {
content: '';
position: absolute;
inset: 0;
pointer-events: none;
opacity: 0.20;
background-image: radial-gradient(rgba(238,246,251,0.64) 1px, transparent 1.2px);
background-size: 13px 13px;
mask-image: linear-gradient(180deg, rgba(0,0,0,0.95), rgba(0,0,0,0.55));
}
#view-account-aanmaken .registration-shell {
position: relative;
z-index: 1;
}
.registration-account-hero {
max-width: 48rem;
margin-bottom: 2.4rem;
}
.registration-account-hero h1 {
max-width: 45rem;
margin-inline: auto;
font-size: clamp(2.35rem, 5vw, 4rem);
}
.registration-account-form-card {
max-width: 45rem;
margin: 0 auto;
border-color: transparent;
background: transparent;
box-shadow: none;
padding: 0;
}
#view-account-aanmaken .registration-gravity-form {
margin-top: 0;
}
#view-account-aanmaken .gform_wrapper,
#view-account-aanmaken .gform_wrapper.gravity-theme {
color: #eef6fb;
}
#view-account-aanmaken .gform_wrapper.gravity-theme .gform_title,
#view-account-aanmaken .gform_heading .gform_title {
color: #fff;
font-family: 'Playfair Display', serif;
font-size: 1.45rem;
font-weight: 800;
text-align: center;
}
#view-account-aanmaken .gform_wrapper.gravity-theme .gfield_label,
#view-account-aanmaken .gform_wrapper .gfield_label {
color: #fff;
font-family: 'Playfair Display', serif;
font-size: 1.05rem;
font-weight: 800;
}
#view-account-aanmaken .gform_wrapper.gravity-theme .gfield_required,
#view-account-aanmaken .gform_wrapper .gfield_required,
#view-account-aanmaken .gform_wrapper .gfield_required_text {
color: #b53b25 !important;
font-family: 'Playfair Display', serif;
font-style: italic;
font-weight: 800;
}
#view-account-aanmaken .gform_wrapper.gravity-theme input[type='text'],
#view-account-aanmaken .gform_wrapper.gravity-theme input[type='email'],
#view-account-aanmaken .gform_wrapper.gravity-theme input[type='tel'],
#view-account-aanmaken .gform_wrapper.gravity-theme input[type='number'],
#view-account-aanmaken .gform_wrapper.gravity-theme input[type='password'],
#view-account-aanmaken .gform_wrapper.gravity-theme textarea,
#view-account-aanmaken .gform_wrapper.gravity-theme select,
#view-account-aanmaken .gform_wrapper input[type='text'],
#view-account-aanmaken .gform_wrapper input[type='email'],
#view-account-aanmaken .gform_wrapper input[type='tel'],
#view-account-aanmaken .gform_wrapper input[type='number'],
#view-account-aanmaken .gform_wrapper input[type='password'],
#view-account-aanmaken .gform_wrapper textarea,
#view-account-aanmaken .gform_wrapper select {
min-height: 3.25rem;
border-width: 0 0 2px !important;
border-style: solid !important;
border-color: rgba(238,246,251,0.38) !important;
border-radius: 0 !important;
background: transparent !important;
color: #fff !important;
padding: 0.55rem 0.15rem !important;
box-shadow: none !important;
}
#view-account-aanmaken .gform_wrapper.gravity-theme input:focus,
#view-account-aanmaken .gform_wrapper.gravity-theme textarea:focus,
#view-account-aanmaken .gform_wrapper.gravity-theme select:focus,
#view-account-aanmaken .gform_wrapper input:focus,
#view-account-aanmaken .gform_wrapper textarea:focus,
#view-account-aanmaken .gform_wrapper select:focus {
border-color: #5bb6bd !important;
box-shadow: none !important;
outline: 0 !important;
}
#view-account-aanmaken .gform_wrapper.gravity-theme ::placeholder,
#view-account-aanmaken .gform_wrapper ::placeholder {
color: rgba(255,255,255,0.82) !important;
opacity: 1;
}
#view-account-aanmaken .ginput_container_password,
#view-account-aanmaken .ginput_container_name,
#view-account-aanmaken .ginput_complex {
gap: clamp(1.25rem, 4vw, 3rem) !important;
}
#view-account-aanmaken .ginput_container_password > span,
#view-account-aanmaken .ginput_container_name > span,
#view-account-aanmaken .ginput_complex > span {
margin-bottom: 0 !important;
}
#view-account-aanmaken .ginput_complex label,
#view-account-aanmaken .ginput_container_password label {
color: rgba(255,255,255,0.82) !important;
font-size: 0.95rem !important;
font-weight: 700 !important;
}
#view-account-aanmaken .gform_wrapper.gravity-theme .gform_footer,
#view-account-aanmaken .gform_wrapper .gform_footer {
margin-top: 1.8rem !important;
padding-top: 0 !important;
}
#view-account-aanmaken .gform_wrapper.gravity-theme .gform_button,
#view-account-aanmaken .gform_wrapper .gform_button,
#view-account-aanmaken .gform_wrapper input[type='submit'] {
border: 0 !important;
border-radius: 9999px !important;
background: #5bb6bd !important;
color: #fff !important;
padding: 0.82rem 1.45rem !important;
font-weight: 900 !important;
letter-spacing: 0.03em;
text-transform: uppercase;
box-shadow: 0 14px 34px rgba(0,0,0,0.28) !important;
}
#view-account-aanmaken .gform_wrapper.gravity-theme .gform_button:hover,
#view-account-aanmaken .gform_wrapper .gform_button:hover,
#view-account-aanmaken .gform_wrapper input[type='submit']:hover {
background: #71cad1 !important;
}
#view-account-aanmaken .gravity-form-missing {
border: 1px dashed rgba(212,175,55,0.38);
border-radius: 0.125rem;
background: rgba(9,9,11,0.38);
padding: 1rem;
color: #dbe9f1;
}
@media (max-width: 640px) {
.registration-account-hero h1 {
font-size: 2.4rem;
}
} .vacancies-hero {
max-width: 48rem;
margin-inline: auto;
}
.vacancy-cards {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: clamp(1rem, 2.4vw, 1.8rem);
align-items: start;
margin-top: clamp(2rem, 4vw, 3.25rem);
}
.vacancy-card {
position: relative;
overflow: hidden;
border: 1px solid rgba(255,255,255,0.10);
border-radius: 0.18rem;
background:
linear-gradient(180deg, rgba(255,255,255,0.045), transparent 18rem),
radial-gradient(circle at 100% 0%, rgba(240,200,90,0.12), transparent 18rem),
rgba(18,52,86,0.88);
color: var(--cw-dusk-ink);
box-shadow: var(--cw-dusk-shadow);
}
.vacancy-card::before {
content: '';
position: absolute;
inset: 0 0 auto 0;
height: 3px;
background: linear-gradient(90deg, var(--cw-bronze), var(--cw-gold), transparent);
pointer-events: none;
}
.vacancy-card-header {
padding: clamp(1.15rem, 2.3vw, 1.75rem) clamp(1.15rem, 2.6vw, 2rem) 0.75rem;
}
.vacancy-label {
display: inline-flex;
margin-bottom: 0.55rem;
color: var(--cw-bronze-soft);
font-size: 0.72rem;
font-weight: 900;
letter-spacing: 0.15em;
text-transform: uppercase;
}
.vacancy-card h2 {
color: #fff;
font-family: 'Playfair Display', serif;
font-size: clamp(1.45rem, 2vw, 2rem);
font-weight: 800;
line-height: 1.12;
}
.vacancy-body {
padding: 0 clamp(1.15rem, 2.6vw, 2rem) clamp(1.35rem, 2.8vw, 2.1rem);
}
.vacancy-body p,
.vacancy-body li {
color: rgba(238,246,251,0.78);
font-size: 0.98rem;
line-height: 1.72;
}
.vacancy-body p + p {
margin-top: 0.8rem;
}
.vacancy-detail-block,
.vacancy-cta-block {
margin-top: 1.25rem;
}
.vacancy-detail-block h3,
.vacancy-cta-block h3 {
color: #fff;
font-family: 'Playfair Display', serif;
font-size: 1.05rem;
font-weight: 800;
margin-bottom: 0.55rem;
}
.vacancy-detail-block ul {
display: grid;
gap: 0.3rem;
margin: 0;
padding: 0;
list-style: none;
}
.vacancy-detail-block li {
position: relative;
padding-left: 1.15rem;
}
.vacancy-detail-block li::before {
content: '';
position: absolute;
left: 0;
top: 0.72em;
width: 0.36rem;
height: 0.36rem;
border-radius: 9999px;
background: var(--cw-gold);
box-shadow: 0 0 0 3px rgba(240,200,90,0.10);
}
.vacancy-cta-block {
border-top: 1px solid rgba(255,255,255,0.10);
padding-top: 1.15rem;
}
.vacancy-cta-block a {
color: var(--cw-gold);
font-weight: 800;
text-decoration: underline;
text-underline-offset: 0.16em;
}
.vacancy-cta-block a:hover {
color: #fff;
}
@media (max-width: 920px) {
.vacancy-cards {
grid-template-columns: 1fr;
}
} @media (min-width: 921px) {
.vacancy-cards {
align-items: stretch;
}
.vacancy-card {
display: flex;
flex-direction: column;
height: 100%;
}
.vacancy-body {
display: flex;
flex: 1;
flex-direction: column;
}
.vacancy-cta-block {
margin-top: auto;
}
} .newsletter-modal-card {
background:
radial-gradient(circle at 100% 0%, rgba(240,200,90,0.14), transparent 18rem),
linear-gradient(180deg, #18181b, #111827 72%, #0b1722);
}
.newsletter-modal-body .eyebrow,
.video-newsletter-cta .eyebrow {
color: var(--cw-gold);
}
.newsletter-brevo-form form,
.newsletter-brevo-form .sib_signup_form,
.newsletter-brevo-form .sib_signup_box_inside {
display: grid;
gap: 1rem;
}
.newsletter-brevo-form label {
color: rgba(244,244,245,0.78) !important;
font-size: 0.88rem;
font-weight: 700;
}
.newsletter-brevo-form input[type='text'],
.newsletter-brevo-form input[type='email'],
.newsletter-brevo-form input[type='tel'],
.newsletter-brevo-form input[type='number'],
.newsletter-brevo-form select,
.newsletter-brevo-form textarea {
width: 100% !important;
min-height: 3.25rem;
border: 1px solid rgba(255,255,255,0.16) !important;
border-radius: 0.125rem !important;
background: rgba(9,9,11,0.82) !important;
color: #fff !important;
padding: 0.9rem 1rem !important;
box-shadow: none !important;
}
.newsletter-brevo-form input:focus,
.newsletter-brevo-form select:focus,
.newsletter-brevo-form textarea:focus {
border-color: var(--cw-gold) !important;
box-shadow: 0 0 0 3px rgba(240,200,90,0.13) !important;
outline: 0 !important;
}
.newsletter-brevo-form input[type='submit'],
.newsletter-brevo-form button[type='submit'],
.newsletter-brevo-form .sib-default-btn {
display: inline-flex !important;
align-items: center;
justify-content: center;
min-height: 3rem;
border: 0 !important;
border-radius: 0.125rem !important;
background: var(--cw-gold) !important;
color: #092132 !important;
padding: 0.85rem 1.25rem !important;
font-weight: 900 !important;
letter-spacing: 0.01em;
box-shadow: 0 14px 32px rgba(240,200,90,0.18) !important;
cursor: pointer;
}
.newsletter-brevo-form input[type='submit']:hover,
.newsletter-brevo-form button[type='submit']:hover,
.newsletter-brevo-form .sib-default-btn:hover {
background: var(--cw-gold-bright, #f0c85a) !important;
}
.newsletter-form-missing {
border: 1px dashed rgba(240,200,90,0.38);
border-radius: 0.125rem;
background: rgba(9,9,11,0.42);
color: #dbe9f1;
padding: 1rem;
}
.video-newsletter-cta {
border: 1px solid rgba(255,255,255,0.10);
border-radius: 0.125rem;
background:
radial-gradient(circle at right top, rgba(240,200,90,0.10), transparent 13rem),
rgba(18,52,86,0.72);
padding: 1.35rem;
box-shadow: 0 16px 38px rgba(0,0,0,0.20);
}
.video-newsletter-cta h2 {
margin-top: 0.35rem;
color: #fff;
font-family: 'Playfair Display', serif;
font-size: 1.35rem;
font-weight: 800;
}
.video-newsletter-cta p:not(.eyebrow) {
margin-top: 0.55rem;
color: rgba(244,244,245,0.68);
font-size: 0.92rem;
line-height: 1.6;
}
.newsletter-outline-button {
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
margin-top: 1rem;
border: 1px solid rgba(240,200,90,0.72);
border-radius: 0.125rem;
background: rgba(240,200,90,0.08);
color: var(--cw-gold);
padding: 0.85rem 1rem;
font-weight: 900;
text-align: center;
transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.newsletter-outline-button:hover,
.newsletter-outline-button:focus-visible {
border-color: var(--cw-gold-bright, #f0c85a);
background: var(--cw-gold);
color: #092132;
} .related-thumb-media {
width: 7.5rem;
aspect-ratio: 16 / 9;
background: #09090b;
}
.related-thumb-media .related-thumb-img,
.related-item img.related-thumb-img {
display: block;
width: 100% !important;
height: 100% !important;
max-width: none;
object-fit: cover;
object-position: center center;
}
@media (max-width: 420px) {
.related-thumb-media {
width: 6.75rem;
}
} .related-thumb-media {
width: 8.25rem;
aspect-ratio: 16 / 9;
border: 1px solid rgba(255,255,255,0.08);
}
.related-thumb-media .related-thumb-img,
.related-item img.related-thumb-img {
object-fit: contain !important;
object-position: center center !important;
background: #000;
transform: none !important;
}
.related-item:hover .related-thumb-img,
.related-item:focus-within .related-thumb-img {
opacity: 1;
transform: none !important;
}
@media (max-width: 420px) {
.related-thumb-media {
width: 7.35rem;
}
} .related-thumb-media {
width: 8.25rem !important;
aspect-ratio: 16 / 9 !important;
height: auto !important;
}
.related-thumb-media .related-thumb-img,
.related-item img.related-thumb-img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center center !important;
background: #000;
} #view-home .newsletter-section > .grid,
.front-page .newsletter-section > .grid {
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
}
#view-home .newsletter-widget,
.front-page .newsletter-widget {
display: flex;
justify-content: flex-end;
align-items: center;
min-width: 0;
}
#view-home .newsletter-widget .btn-newsletter,
.front-page .newsletter-widget .btn-newsletter {
white-space: nowrap;
}
@media (max-width: 760px) {
#view-home .newsletter-section > .grid,
.front-page .newsletter-section > .grid {
grid-template-columns: 1fr;
}
#view-home .newsletter-widget,
.front-page .newsletter-widget {
justify-content: flex-start;
}
#view-home .newsletter-widget .btn-newsletter,
.front-page .newsletter-widget .btn-newsletter {
width: 100%;
white-space: normal;
}
} #view-home .primary-gold-button,
.front-page .primary-gold-button,
#view-home .newsletter-widget .btn-newsletter,
.front-page .newsletter-widget .btn-newsletter {
border: 1px solid var(--cw-gold) !important;
background: var(--cw-gold) !important;
color: #092132 !important;
box-shadow: 0 12px 28px rgba(240,200,90,0.18) !important;
transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease !important;
}
#view-home .primary-gold-button:hover,
#view-home .primary-gold-button:focus-visible,
.front-page .primary-gold-button:hover,
.front-page .primary-gold-button:focus-visible,
#view-home .newsletter-widget .btn-newsletter:hover,
#view-home .newsletter-widget .btn-newsletter:focus-visible,
.front-page .newsletter-widget .btn-newsletter:hover,
.front-page .newsletter-widget .btn-newsletter:focus-visible {
border-color: var(--cw-gold-bright, #f0c85a) !important;
background: var(--cw-gold-bright, #f0c85a) !important;
color: #092132 !important;
box-shadow: 0 16px 34px rgba(240,200,90,0.26) !important;
transform: translateY(-1px);
}
.newsletter-brevo-form p,
.newsletter-brevo-form .sib-email-area,
.newsletter-brevo-form .sib-NAME-area,
.newsletter-brevo-form .sib-FIRSTNAME-area,
.newsletter-brevo-form .sib-LNAME-area,
.newsletter-brevo-form .sib-form-block,
.newsletter-brevo-form .sib_signup_box_inside > div {
margin-bottom: 0.75rem !important;
}
.newsletter-brevo-form input[type='text'] {
margin-bottom: 0.75rem !important;
}
.newsletter-brevo-form input[type='submit'],
.newsletter-brevo-form button[type='submit'],
.newsletter-brevo-form .sib-default-btn {
min-height: 3.1rem !important;
border: 1px solid var(--cw-gold) !important;
border-radius: 0.125rem !important;
background: var(--cw-gold) !important;
color: #092132 !important;
padding: 0.85rem 1.35rem !important;
font-weight: 900 !important;
box-shadow: 0 12px 28px rgba(240,200,90,0.18) !important;
transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease !important;
}
.newsletter-brevo-form input[type='submit']:hover,
.newsletter-brevo-form input[type='submit']:focus-visible,
.newsletter-brevo-form button[type='submit']:hover,
.newsletter-brevo-form button[type='submit']:focus-visible,
.newsletter-brevo-form .sib-default-btn:hover,
.newsletter-brevo-form .sib-default-btn:focus-visible {
border-color: var(--cw-gold-bright, #f0c85a) !important;
background: var(--cw-gold-bright, #f0c85a) !important;
color: #092132 !important;
box-shadow: 0 16px 34px rgba(240,200,90,0.26) !important;
transform: translateY(-1px);
} .donation-module .donation-amount-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.donation-module .donation-custom-amount {
display: none;
margin-top: 0.75rem;
}
.donation-module.is-custom-amount .donation-custom-amount {
display: block;
}
.donation-module .amount-button[data-custom-amount-trigger] {
letter-spacing: 0.12em;
} #view-event-single {
background:
radial-gradient(circle at 14% 0%, rgba(41, 70, 91, 0.46), transparent 30rem),
radial-gradient(circle at 86% 18%, rgba(41, 70, 91, 0.28), transparent 30rem),
linear-gradient(180deg, var(--cw-dusk-bg) 0%, var(--cw-dusk-bg-2) 44%, #0d2a40 100%);
color: var(--cw-dusk-ink);
}
.events-card-grid {
display: grid;
gap: 1.1rem;
}
#view-events .event-card-link {
display: grid;
grid-template-columns: auto minmax(11rem, 18rem) minmax(0, 1fr);
align-items: stretch;
gap: clamp(1rem, 2.4vw, 1.75rem);
color: inherit;
text-decoration: none;
transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease, background 0.2s ease;
}
#view-events .event-card-link:hover,
#view-events .event-card-link:focus-visible {
border-color: var(--cw-dusk-border-strong);
background:
linear-gradient(180deg, rgba(50, 85, 109, 0.96), rgba(24, 60, 88, 0.98));
box-shadow: var(--cw-dusk-shadow);
transform: translateY(-2px);
outline: none;
}
.event-card-media {
position: relative;
overflow: hidden;
align-self: stretch;
min-height: 9rem;
border: 1px solid rgba(255,255,255,0.08);
border-radius: 0.125rem;
background: #09090b;
}
.event-card-media img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.45s ease, opacity 0.2s ease;
opacity: 0.86;
}
.event-card-link:hover .event-card-media img,
.event-card-link:focus-visible .event-card-media img {
transform: scale(1.035);
opacity: 1;
}
.event-card-copy {
display: flex;
flex-direction: column;
justify-content: center;
min-width: 0;
}
.event-card-kicker {
margin-bottom: 0.45rem;
color: var(--cw-bronze-soft);
font-size: 0.72rem;
font-weight: 900;
letter-spacing: 0.13em;
text-transform: uppercase;
}
#view-events .event-card-copy h2 {
color: var(--cw-dusk-ink);
font-size: clamp(1.35rem, 2.2vw, 2rem);
line-height: 1.12;
}
.event-card-copy p {
margin-top: 0.75rem;
max-width: 48rem;
}
#view-events .event-meta,
.single-event-meta {
display: flex;
flex-wrap: wrap;
gap: 0.75rem 1rem;
margin-top: 1rem;
color: var(--cw-dusk-muted);
font-size: 0.9rem;
}
#view-events .event-meta span,
.single-event-meta span {
display: inline-flex;
align-items: center;
gap: 0.35rem;
}
.event-card-cta {
display: inline-flex;
align-items: center;
gap: 0.25rem;
margin-top: 1rem;
color: var(--cw-gold);
font-weight: 900;
font-size: 0.9rem;
}
.events-empty-state {
border: 1px solid var(--cw-dusk-border);
border-radius: 0.125rem;
background: linear-gradient(180deg, rgba(41, 70, 91, 0.94), rgba(18, 52, 86, 0.97));
padding: clamp(1.4rem, 3vw, 2rem);
box-shadow: 0 12px 34px rgba(0,0,0,0.20);
}
.events-empty-state h2 {
color: #fff;
font-family: 'Playfair Display', serif;
font-size: 1.6rem;
font-weight: 800;
}
.events-empty-state p {
margin-top: 0.65rem;
color: var(--cw-dusk-muted);
}
.event-back-link {
display: inline-flex;
align-items: center;
gap: 0.25rem;
margin-bottom: 1.5rem;
color: var(--cw-gold);
font-weight: 800;
}
.event-back-link:hover,
.event-back-link:focus-visible {
color: #fff;
}
.single-event-layout {
border: 1px solid var(--cw-dusk-border);
border-radius: 0.125rem;
background:
radial-gradient(circle at right top, rgba(240,200,90,0.10), transparent 26rem),
linear-gradient(180deg, rgba(41, 70, 91, 0.94), rgba(18, 52, 86, 0.97));
box-shadow: var(--cw-dusk-shadow);
overflow: hidden;
}
.single-event-hero {
display: grid;
grid-template-columns: minmax(0, 1.05fr) minmax(18rem, 0.95fr);
gap: clamp(1.5rem, 4vw, 3rem);
align-items: stretch;
padding: clamp(1.4rem, 4vw, 3rem);
}
.single-event-copy {
display: flex;
flex-direction: column;
justify-content: center;
}
.single-event-copy h1 {
color: #fff;
font-family: 'Playfair Display', serif;
font-size: clamp(2.25rem, 5vw, 4.5rem);
font-weight: 800;
line-height: 1.05;
}
.single-event-intro {
margin-top: 1.25rem;
color: var(--cw-dusk-muted);
font-size: 1.08rem;
line-height: 1.7;
}
.single-event-ticket {
margin-top: 1.5rem;
width: fit-content;
}
.single-event-media {
overflow: hidden;
min-height: 22rem;
border: 1px solid rgba(255,255,255,0.10);
border-radius: 0.125rem;
background: #09090b;
}
.single-event-media img {
width: 100%;
height: 100%;
object-fit: cover;
}
.single-event-content {
border-top: 1px solid rgba(255,255,255,0.10);
padding: clamp(1.4rem, 4vw, 3rem);
color: rgba(238,246,251,0.82);
}
.single-event-content a {
color: var(--cw-gold);
font-weight: 800;
}
@media (max-width: 980px) {
#view-events .event-card-link {
grid-template-columns: auto minmax(0, 1fr);
}
.event-card-media {
grid-column: 1 / -1;
aspect-ratio: 16 / 9;
min-height: 0;
}
.single-event-hero {
grid-template-columns: 1fr;
}
.single-event-media {
min-height: 0;
aspect-ratio: 16 / 9;
}
}
@media (max-width: 640px) {
#view-events .event-card-link {
grid-template-columns: 1fr;
}
#view-events .event-date {
display: grid;
grid-template-columns: auto auto 1fr;
align-items: baseline;
gap: 0.5rem;
text-align: left;
}
#view-events .event-date strong {
font-size: 2.2rem;
}
} .single-event-actions {
display: flex;
flex-wrap: wrap;
gap: 0.75rem;
margin-top: 1.5rem;
}
.single-event-actions .single-event-ticket {
margin-top: 0;
} .single-event-meta a.single-event-meta-link {
display: inline-flex;
align-items: center;
gap: 0.35rem;
color: var(--cw-gold);
font-weight: 800;
text-decoration: none;
}
.single-event-meta a.single-event-meta-link:hover,
.single-event-meta a.single-event-meta-link:focus-visible {
color: #fff;
} #search-overlay .search-overlay-input {
padding-right: 5.75rem !important;
}
#search-overlay .search-overlay-submit {
right: 4.15rem;
}
#search-overlay #btn-close-search {
z-index: 2;
}
@media (max-width: 640px) {
#search-overlay .search-overlay-input {
padding-right: 4.75rem !important;
}
#search-overlay .search-overlay-submit {
right: 3.45rem;
}
} .articles-overview-hero {
max-width: 54rem;
}
.article-category-strip {
display: flex;
gap: 0.65rem;
overflow-x: auto;
margin-bottom: 2rem;
padding-bottom: 0.25rem;
scrollbar-width: none;
}
.article-category-strip::-webkit-scrollbar {
display: none;
}
.article-category-strip a {
display: inline-flex;
flex-shrink: 0;
align-items: center;
justify-content: center;
border: 1px solid var(--cw-dusk-border);
border-radius: 9999px;
background: rgba(41, 70, 91, 0.72);
color: var(--cw-dusk-ink-soft);
padding: 0.55rem 0.9rem;
font-size: 0.85rem;
font-weight: 800;
text-decoration: none;
transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.article-category-strip a:hover,
.article-category-strip a:focus-visible,
.article-category-strip a.is-active {
border-color: rgba(240,200,90,0.54);
background: rgba(240,200,90,0.12);
color: var(--cw-gold);
}
.articles-overview-grid .article-card {
height: 100%;
}
.articles-empty-state {
border: 1px solid var(--cw-dusk-border);
border-radius: 0.125rem;
background: linear-gradient(180deg, rgba(41, 70, 91, 0.94), rgba(18, 52, 86, 0.97));
padding: clamp(1.4rem, 3vw, 2rem);
box-shadow: 0 12px 34px rgba(0,0,0,0.20);
}
.articles-empty-state h2 {
color: #fff;
font-family: 'Playfair Display', serif;
font-size: 1.6rem;
font-weight: 800;
}
.articles-empty-state p {
margin-top: 0.65rem;
color: var(--cw-dusk-muted);
} .footer-white-logo {
display: inline-flex;
width: 2.1rem;
height: 2.1rem;
align-items: center;
justify-content: center;
opacity: 0.92;
transition: opacity 0.2s ease, transform 0.2s ease;
}
.footer-white-logo:hover,
.footer-white-logo:focus-visible {
opacity: 1;
transform: translateY(-1px);
}
.footer-white-logo img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
} #view-home .donation-banner .primary-gold-button,
#view-home .newsletter-widget .btn-newsletter,
.front-page .donation-banner .primary-gold-button,
.front-page .newsletter-widget .btn-newsletter {
border: 1px solid rgba(212, 175, 55, 0.9) !important;
border-radius: 0.125rem !important;
background: rgba(212, 175, 55, 0.9) !important;
color: #09090b !important;
opacity: 1 !important;
padding: 0.875rem 1.5rem !important;
font-weight: 800 !important;
box-shadow: 0 10px 15px -3px rgba(212, 175, 55, 0.20), 0 4px 6px -4px rgba(212, 175, 55, 0.20) !important;
transform: translateY(0);
transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease !important;
}
#view-home .donation-banner .primary-gold-button:hover,
#view-home .donation-banner .primary-gold-button:focus-visible,
#view-home .newsletter-widget .btn-newsletter:hover,
#view-home .newsletter-widget .btn-newsletter:focus-visible,
.front-page .donation-banner .primary-gold-button:hover,
.front-page .donation-banner .primary-gold-button:focus-visible,
.front-page .newsletter-widget .btn-newsletter:hover,
.front-page .newsletter-widget .btn-newsletter:focus-visible {
border-color: #d4af37 !important;
background: #d4af37 !important;
color: #09090b !important;
box-shadow: 0 14px 28px rgba(212, 175, 55, 0.26) !important;
transform: translateY(-1px);
} .header-login-button {
min-height: 2.25rem !important;
padding: 0.5rem 0.75rem !important;
font-size: 0.75rem !important;
}
@media (min-width: 640px) {
.header-login-button {
min-height: 2.5rem !important;
padding: 0.625rem 1.25rem !important;
gap: 0.5rem !important;
font-size: 0.875rem !important;
}
}
@media (max-width: 520px) {
.header-login-button {
width: 2.25rem !important;
min-width: 2.25rem !important;
height: 2.25rem !important;
min-height: 2.25rem !important;
padding: 0 !important;
}
} .newsletter-brevo-form input[type='submit'],
.newsletter-brevo-form button[type='submit'],
.newsletter-brevo-form .sib-default-btn,
.newsletter-brevo-form .sib-form-block__button,
.newsletter-brevo-form .sib-form-block__button-with-loader,
.newsletter-brevo-form .sib-form button[type='submit'] {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: auto !important;
min-width: 0 !important;
min-height: 3rem !important;
border: 1px solid rgba(212, 175, 55, 0.9) !important;
border-radius: 0.125rem !important;
background-color: rgba(212, 175, 55, 0.9) !important;
background-image: none !important;
color: #09090b !important;
opacity: 1 !important;
padding: 0.875rem 1.5rem !important;
font-family: Inter, sans-serif !important;
font-size: 0.95rem !important;
font-weight: 800 !important;
line-height: 1.25 !important;
text-align: center !important;
text-decoration: none !important;
text-shadow: none !important;
box-shadow: 0 10px 15px -3px rgba(212, 175, 55, 0.20), 0 4px 6px -4px rgba(212, 175, 55, 0.20) !important;
cursor: pointer !important;
transform: translateY(0);
transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease !important;
}
.newsletter-brevo-form input[type='submit']:hover,
.newsletter-brevo-form input[type='submit']:focus-visible,
.newsletter-brevo-form button[type='submit']:hover,
.newsletter-brevo-form button[type='submit']:focus-visible,
.newsletter-brevo-form .sib-default-btn:hover,
.newsletter-brevo-form .sib-default-btn:focus-visible,
.newsletter-brevo-form .sib-form-block__button:hover,
.newsletter-brevo-form .sib-form-block__button:focus-visible,
.newsletter-brevo-form .sib-form-block__button-with-loader:hover,
.newsletter-brevo-form .sib-form-block__button-with-loader:focus-visible,
.newsletter-brevo-form .sib-form button[type='submit']:hover,
.newsletter-brevo-form .sib-form button[type='submit']:focus-visible {
border-color: #d4af37 !important;
background-color: #d4af37 !important;
background-image: none !important;
color: #09090b !important;
box-shadow: 0 14px 28px rgba(212, 175, 55, 0.26) !important;
transform: translateY(-1px);
}
.newsletter-brevo-form input[type='submit']:disabled,
.newsletter-brevo-form button[type='submit']:disabled,
.newsletter-brevo-form .sib-form-block__button:disabled,
.newsletter-brevo-form .sib-form-block__button-with-loader:disabled {
opacity: 1 !important;
cursor: not-allowed !important;
transform: none !important;
} .overlay-shell.modal-animated {
opacity: 0;
pointer-events: none;
transition: opacity 0.24s ease, backdrop-filter 0.24s ease;
}
.overlay-shell.modal-animated.is-visible {
opacity: 1;
pointer-events: auto;
}
.overlay-shell.modal-animated.is-closing {
opacity: 0;
pointer-events: none;
}
.overlay-shell.modal-animated > .donation-module-modal,
.overlay-shell.modal-animated > .newsletter-modal-card {
animation: none !important;
opacity: 0;
transform: translateY(18px) scale(0.985);
transition: opacity 0.28s cubic-bezier(0.22, 1, 0.36, 1), transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
will-change: opacity, transform;
}
.overlay-shell.modal-animated.is-visible > .donation-module-modal,
.overlay-shell.modal-animated.is-visible > .newsletter-modal-card {
opacity: 1;
transform: translateY(0) scale(1);
}
.overlay-shell.modal-animated.is-closing > .donation-module-modal,
.overlay-shell.modal-animated.is-closing > .newsletter-modal-card {
opacity: 0;
transform: translateY(10px) scale(0.99);
}
@media (prefers-reduced-motion: reduce) {
.overlay-shell.modal-animated,
.overlay-shell.modal-animated > .donation-module-modal,
.overlay-shell.modal-animated > .newsletter-modal-card {
transition: none !important;
animation: none !important;
}
} #view-privacy {
background:
radial-gradient(circle at 14% 0%, rgba(41, 70, 91, 0.46), transparent 30rem),
radial-gradient(circle at 86% 18%, rgba(41, 70, 91, 0.28), transparent 30rem),
linear-gradient(180deg, var(--cw-dusk-bg) 0%, var(--cw-dusk-bg-2) 44%, #0d2a40 100%);
color: var(--cw-dusk-ink);
}
#view-privacy > .max-w-screen-lg {
position: relative;
isolation: isolate;
}
#view-privacy .eyebrow,
#view-privacy .terms-number {
color: var(--cw-bronze-soft);
}
#view-privacy .page-title,
#view-privacy .terms-grid h2 {
color: var(--cw-dusk-ink);
}
#view-privacy .page-intro,
#view-privacy .terms-grid p {
color: var(--cw-dusk-muted);
}
#view-privacy .terms-grid article {
border-color: var(--cw-dusk-border);
background:
linear-gradient(180deg, rgba(41, 70, 91, 0.94), rgba(18, 52, 86, 0.97));
color: var(--cw-dusk-ink);
box-shadow: 0 12px 34px rgba(0, 0, 0, 0.20);
} #view-article {
background:
linear-gradient(180deg, #123456 0%, #29465B 26rem, #f7f9fb 26rem, #f7f9fb 100%);
color: #0d2237;
}
.article-single-hero {
padding: clamp(2.25rem, 5vw, 4.5rem) 0 clamp(4.5rem, 7vw, 7rem);
background:
radial-gradient(circle at 88% 12%, rgba(240, 200, 90, 0.10), transparent 24rem),
linear-gradient(135deg, #123456 0%, #29465B 100%);
}
.article-single-hero-grid {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.82fr);
align-items: center;
gap: clamp(2rem, 5vw, 4.5rem);
}
.article-single-heading .eyebrow {
margin-bottom: 0.75rem;
color: rgba(240, 200, 90, 0.82);
}
.article-single-heading h1 {
max-width: 46rem;
color: #fff;
font-family: Inter, sans-serif;
font-size: clamp(2.5rem, 5.2vw, 4.85rem);
font-weight: 900;
letter-spacing: -0.055em;
line-height: 0.98;
}
.article-single-meta {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
margin-top: 1.4rem;
color: rgba(219, 233, 241, 0.66);
font-size: 0.95rem;
font-weight: 650;
}
.article-single-media {
margin: 0;
}
.article-single-image {
display: block;
width: 100%;
aspect-ratio: 16 / 10;
border-radius: 0.75rem;
object-fit: cover;
object-position: center center;
box-shadow: 0 24px 60px rgba(0, 0, 0, 0.24);
}
.article-single-main {
margin-top: clamp(-3.2rem, -4vw, -2.25rem);
padding-bottom: clamp(4rem, 7vw, 7rem);
}
.article-body-card {
overflow: hidden;
border: 1px solid rgba(18, 52, 86, 0.12);
border-radius: 0.75rem;
background: rgba(255, 255, 255, 0.96);
box-shadow: 0 24px 70px rgba(18, 52, 86, 0.13);
}
.article-body-content {
max-width: 48rem;
margin: 0 auto;
padding: clamp(2rem, 5vw, 4rem) clamp(1.35rem, 5vw, 4rem);
color: #29465B;
font-size: clamp(1rem, 1.05vw, 1.08rem);
font-weight: 500;
line-height: 1.82;
white-space: pre-line;
}
.article-body-content > * {
white-space: normal;
}
.article-body-content p,
.article-body-content ul,
.article-body-content ol,
.article-body-content blockquote,
.article-body-content figure {
margin-top: 1.15rem;
}
.article-body-content > :first-child {
margin-top: 0;
}
.article-body-content h2,
.article-body-content h3,
.article-body-content h4 {
margin-top: 2.2rem;
color: #0d2237;
font-family: Inter, sans-serif;
font-weight: 900;
letter-spacing: -0.035em;
line-height: 1.12;
}
.article-body-content h2 {
font-size: clamp(1.8rem, 3vw, 2.65rem);
}
.article-body-content h3 {
font-size: clamp(1.35rem, 2vw, 1.8rem);
}
.article-body-content a {
color: #123456;
font-weight: 800;
text-decoration: underline;
text-decoration-color: rgba(186, 150, 56, 0.45);
text-underline-offset: 0.18em;
}
.article-body-content img {
border-radius: 0.55rem;
}
.article-comments-section {
margin-top: 2.5rem;
}
#view-article .video-comments-prototype {
display: block;
color: #f4f4f5;
}
#view-article .video-comments-prototype .comments-heading-row {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 1rem;
margin-bottom: 1.25rem;
}
#view-article .video-comments-prototype .comments-heading-row .eyebrow {
margin: 0 0 0.35rem;
color: #ba9638;
font-size: 0.72rem;
font-weight: 800;
letter-spacing: 0.18em;
text-transform: uppercase;
}
#view-article .video-comments-prototype .comments-heading-row h2 {
margin: 0;
color: #0d2237;
font-family: 'Playfair Display', serif;
font-size: 1.55rem;
font-weight: 700;
line-height: 1.15;
}
#view-article .video-comments-prototype .comments-heading-row > span {
color: rgba(41,70,91,0.72);
font-size: 0.875rem;
white-space: nowrap;
}
#view-article .video-comments-prototype .comment-panel {
overflow: hidden;
border: 1px solid rgba(18,52,86,0.12) !important;
border-radius: 0.75rem;
background:
linear-gradient(135deg, rgba(212,175,55,0.09), transparent 34%),
#123456 !important;
padding: 1.1rem !important;
box-shadow: 0 18px 48px rgba(18,52,86,0.16) !important;
}
#view-article .video-comments-prototype .comment-lead {
display: flex;
align-items: flex-start;
gap: 0.9rem;
margin-bottom: 1rem;
}
#view-article .video-comments-prototype .comment-avatar {
display: inline-flex;
align-items: center;
justify-content: center;
width: 2.5rem;
height: 2.5rem;
flex: 0 0 2.5rem;
border-radius: 9999px;
background: rgba(212,175,55,0.14);
color: #d4af37;
font-size: 0.72rem;
font-weight: 800;
letter-spacing: 0.08em;
}
#view-article .video-comments-prototype .comment-lead h3 {
margin: 0;
color: #fff;
font-size: 0.98rem;
font-weight: 650;
line-height: 1.3;
}
#view-article .video-comments-prototype .comment-lead p {
max-width: 38rem;
margin: 0.22rem 0 0;
color: rgba(219,233,241,0.66);
font-size: 0.84rem;
line-height: 1.55;
}
#view-article .video-comments-prototype .comment-entry,
#view-article .video-comments-prototype .prototype-comment-form {
display: grid;
gap: 0.75rem;
margin: 0;
}
#view-article .video-comments-prototype .prototype-comment-form p,
#view-article .video-comments-prototype .comment-form-author,
#view-article .video-comments-prototype .comment-form-email,
#view-article .video-comments-prototype .comment-form-url {
margin: 0 !important;
}
#view-article .video-comments-prototype textarea,
#view-article .video-comments-prototype input[type='text'],
#view-article .video-comments-prototype input[type='email'],
#view-article .video-comments-prototype input[type='url'] {
width: 100% !important;
border: 1px solid rgba(255,255,255,0.10) !important;
border-radius: 0.125rem !important;
background: rgba(9,9,11,0.62) !important;
color: #fff !important;
box-shadow: none !important;
outline: 0 !important;
}
#view-article .video-comments-prototype textarea {
min-height: 5.25rem;
resize: vertical;
padding: 0.9rem !important;
}
#view-article .video-comments-prototype input[type='text'],
#view-article .video-comments-prototype input[type='email'],
#view-article .video-comments-prototype input[type='url'] {
min-height: 2.9rem;
padding: 0.78rem 0.9rem !important;
}
#view-article .video-comments-prototype textarea:focus,
#view-article .video-comments-prototype input:focus {
border-color: #d4af37 !important;
}
#view-article .video-comments-prototype ::placeholder {
color: rgba(219,233,241,0.56) !important;
opacity: 1;
}
#view-article .video-comments-prototype .prototype-comment-fields {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 0.75rem;
}
#view-article .video-comments-prototype .prototype-comment-login-note {
color: rgba(219,233,241,0.66);
font-size: 0.78rem;
}
#view-article .video-comments-prototype .prototype-comment-login-note a {
color: #d4af37;
font-weight: 700;
}
#view-article .video-comments-prototype .comment-actions {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
margin-top: 0 !important;
}
#view-article .video-comments-prototype .comment-actions span {
color: rgba(219,233,241,0.66);
font-size: 0.78rem;
}
#view-article .video-comments-prototype .prototype-comment-submit {
display: inline-flex !important;
align-items: center;
justify-content: center;
min-height: 2.75rem;
border: 1px solid rgba(212,175,55,0.38) !important;
border-radius: 0.125rem !important;
background: transparent !important;
color: #d4af37 !important;
padding: 0.72rem 1.15rem !important;
font-size: 0.875rem !important;
font-weight: 700 !important;
line-height: 1 !important;
white-space: nowrap;
box-shadow: none !important;
}
#view-article .video-comments-prototype .prototype-comment-submit:hover,
#view-article .video-comments-prototype .prototype-comment-submit:focus-visible {
border-color: #d4af37 !important;
background: rgba(212,175,55,0.10) !important;
color: #f0c85a !important;
}
#view-article .video-comments-prototype .prototype-comment-list {
display: grid;
gap: 0.75rem;
margin: 0 0 1rem;
padding: 0;
list-style: none;
}
#view-article .video-comments-prototype .prototype-comment-list .comment,
#view-article .video-comments-prototype .prototype-comment-list .pingback,
#view-article .video-comments-prototype .prototype-comment-list .trackback {
list-style: none;
}
#view-article .video-comments-prototype .prototype-comment-list .comment-body {
border: 1px solid rgba(255,255,255,0.08);
border-radius: 0.125rem;
background: rgba(9,9,11,0.24);
padding: 0.9rem;
}
@media (max-width: 860px) {
.article-single-hero-grid {
grid-template-columns: 1fr;
}
.article-single-heading h1 {
max-width: 100%;
}
.article-single-media {
max-width: 42rem;
}
}
@media (max-width: 700px) {
#view-article .video-comments-prototype .prototype-comment-fields {
grid-template-columns: 1fr;
}
#view-article .video-comments-prototype .comments-heading-row,
#view-article .video-comments-prototype .comment-actions {
align-items: flex-start;
flex-direction: column;
}
} #newsletter-modal .newsletter-brevo-form input[type='submit'],
#newsletter-modal .newsletter-brevo-form input[type='button'],
#newsletter-modal .newsletter-brevo-form button,
#newsletter-modal .newsletter-brevo-form .sib-default-btn,
#newsletter-modal .newsletter-brevo-form .sib-form-block__button,
#newsletter-modal .newsletter-brevo-form .sib-form-block__button-with-loader,
#newsletter-modal .newsletter-brevo-form [class*='button'],
#newsletter-modal .newsletter-brevo-form [class*='submit'] {
-webkit-appearance: none !important;
appearance: none !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: auto !important;
max-width: 100% !important;
min-width: 0 !important;
min-height: 3.25rem !important;
border: 1px solid rgba(212, 175, 55, 0.9) !important;
border-radius: 0.125rem !important;
background: rgba(212, 175, 55, 0.9) !important;
background-color: rgba(212, 175, 55, 0.9) !important;
background-image: none !important;
color: #09090b !important;
opacity: 1 !important;
padding: 0.875rem 1.5rem !important;
font-family: Inter, sans-serif !important;
font-size: 1rem !important;
font-weight: 800 !important;
line-height: 1.25 !important;
letter-spacing: 0 !important;
text-align: center !important;
text-decoration: none !important;
text-shadow: none !important;
box-shadow: 0 10px 15px -3px rgba(212, 175, 55, 0.20), 0 4px 6px -4px rgba(212, 175, 55, 0.20) !important;
filter: none !important;
cursor: pointer !important;
transform: translateY(0) !important;
transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease !important;
}
#newsletter-modal .newsletter-brevo-form input[type='submit']:hover,
#newsletter-modal .newsletter-brevo-form input[type='submit']:focus-visible,
#newsletter-modal .newsletter-brevo-form input[type='button']:hover,
#newsletter-modal .newsletter-brevo-form input[type='button']:focus-visible,
#newsletter-modal .newsletter-brevo-form button:hover,
#newsletter-modal .newsletter-brevo-form button:focus-visible,
#newsletter-modal .newsletter-brevo-form .sib-default-btn:hover,
#newsletter-modal .newsletter-brevo-form .sib-default-btn:focus-visible,
#newsletter-modal .newsletter-brevo-form .sib-form-block__button:hover,
#newsletter-modal .newsletter-brevo-form .sib-form-block__button:focus-visible,
#newsletter-modal .newsletter-brevo-form .sib-form-block__button-with-loader:hover,
#newsletter-modal .newsletter-brevo-form .sib-form-block__button-with-loader:focus-visible,
#newsletter-modal .newsletter-brevo-form [class*='button']:hover,
#newsletter-modal .newsletter-brevo-form [class*='button']:focus-visible,
#newsletter-modal .newsletter-brevo-form [class*='submit']:hover,
#newsletter-modal .newsletter-brevo-form [class*='submit']:focus-visible {
border-color: #d4af37 !important;
background: #d4af37 !important;
background-color: #d4af37 !important;
background-image: none !important;
color: #09090b !important;
box-shadow: 0 14px 28px rgba(212, 175, 55, 0.26) !important;
transform: translateY(-1px) !important;
}
#newsletter-modal .newsletter-brevo-form input[type='submit']:disabled,
#newsletter-modal .newsletter-brevo-form input[type='button']:disabled,
#newsletter-modal .newsletter-brevo-form button:disabled,
#newsletter-modal .newsletter-brevo-form .sib-default-btn:disabled,
#newsletter-modal .newsletter-brevo-form .sib-form-block__button:disabled,
#newsletter-modal .newsletter-brevo-form .sib-form-block__button-with-loader:disabled {
border-color: rgba(212, 175, 55, 0.9) !important;
background: rgba(212, 175, 55, 0.9) !important;
color: #09090b !important;
opacity: 1 !important;
filter: none !important;
transform: none !important;
} #search-overlay .search-overlay-input {
-webkit-appearance: none !important;
appearance: none !important;
padding-right: 4.25rem !important;
}
#search-overlay .search-overlay-input::-webkit-search-cancel-button,
#search-overlay .search-overlay-input::-webkit-search-decoration,
#search-overlay .search-overlay-input::-webkit-search-results-button,
#search-overlay .search-overlay-input::-webkit-search-results-decoration {
-webkit-appearance: none !important;
appearance: none !important;
display: none !important;
}
#search-overlay .search-overlay-submit {
right: 0.25rem !important;
width: 3.25rem;
height: 3.25rem;
display: inline-flex;
align-items: center;
justify-content: center;
}
@media (max-width: 640px) {
#search-overlay .search-overlay-input {
padding-right: 3.75rem !important;
}
#search-overlay .search-overlay-submit {
right: 0 !important;
width: 3rem;
height: 3rem;
}
} #view-article {
background:
radial-gradient(circle at 14% 0%, rgba(41, 70, 91, 0.46), transparent 30rem),
radial-gradient(circle at 86% 18%, rgba(41, 70, 91, 0.28), transparent 30rem),
linear-gradient(180deg, #123456 0%, #29465B 46%, #0d2a40 100%) !important;
color: var(--cw-dusk-ink) !important;
}
#view-article .article-single-hero {
background:
radial-gradient(circle at 88% 12%, rgba(240, 200, 90, 0.10), transparent 24rem),
linear-gradient(135deg, rgba(18, 52, 86, 0.98) 0%, rgba(41, 70, 91, 0.96) 100%) !important;
}
#view-article .article-single-media {
overflow: hidden;
border: 1px solid rgba(238, 246, 251, 0.16);
border-radius: 0.9rem;
background:
linear-gradient(135deg, rgba(255,255,255,0.08), rgba(255,255,255,0.025)),
rgba(9, 9, 11, 0.22);
padding: 0.45rem;
box-shadow: 0 24px 60px rgba(0, 0, 0, 0.24);
}
#view-article .article-single-image {
width: 100%;
height: auto !important;
max-height: min(34rem, 58vh);
aspect-ratio: auto !important;
border-radius: 0.55rem;
object-fit: contain !important;
object-position: center center;
background: rgba(9, 9, 11, 0.20);
box-shadow: none !important;
}
#view-article .article-single-main {
margin-top: clamp(-2rem, -2.7vw, -1.25rem);
}
#view-article .article-body-card {
border: 1px solid rgba(238, 246, 251, 0.13) !important;
border-radius: 0.9rem !important;
background:
linear-gradient(180deg, rgba(41, 70, 91, 0.94), rgba(18, 52, 86, 0.97)) !important;
box-shadow: 0 24px 70px rgba(0, 0, 0, 0.22) !important;
}
#view-article .article-body-content {
color: var(--cw-dusk-muted) !important;
}
#view-article .article-body-content h2,
#view-article .article-body-content h3,
#view-article .article-body-content h4 {
color: var(--cw-dusk-ink) !important;
}
#view-article .article-body-content strong,
#view-article .article-body-content b {
color: var(--cw-dusk-ink);
}
#view-article .article-body-content a {
color: var(--cw-bronze-soft) !important;
text-decoration-color: rgba(240, 200, 90, 0.42) !important;
}
#view-article .article-body-content blockquote {
border-left: 3px solid rgba(212, 175, 55, 0.55);
color: var(--cw-dusk-ink-soft);
padding-left: 1rem;
}
@media (max-width: 860px) {
#view-article .article-single-media {
width: min(100%, 42rem);
}
} .single-event-content {
white-space: pre-line;
}
.single-event-content > * {
white-space: normal;
}
.single-event-content p,
.single-event-content ul,
.single-event-content ol,
.single-event-content blockquote,
.single-event-content figure,
.single-event-content .wp-block-spacer {
margin-top: 1.1rem;
}
.single-event-content > :first-child {
margin-top: 0;
}
.single-event-content h2,
.single-event-content h3,
.single-event-content h4 {
margin-top: 2rem;
margin-bottom: 0.7rem;
}
.single-event-content br {
display: block;
content: '';
margin-top: 0.55rem;
} #view-doneren {
background:
radial-gradient(circle at 18% 0%, rgba(41, 70, 91, 0.48), transparent 30rem),
radial-gradient(circle at 86% 20%, rgba(240, 200, 90, 0.10), transparent 28rem),
linear-gradient(180deg, #123456 0%, #29465B 48%, #0d2a40 100%);
color: var(--cw-dusk-ink);
}
.donate-page-hero {
max-width: 58rem;
margin: 0 auto clamp(2.5rem, 5vw, 4.25rem);
text-align: center;
}
.donate-page-hero .eyebrow {
color: var(--cw-dusk-ink);
font-family: 'Playfair Display', serif;
font-size: clamp(1.35rem, 2.2vw, 2rem);
font-weight: 700;
letter-spacing: 0;
text-transform: none;
}
.donate-page-hero h1 {
margin-top: 0.9rem;
color: var(--cw-bronze-soft);
font-family: 'Playfair Display', serif;
font-size: clamp(2.75rem, 6vw, 5.25rem);
font-weight: 800;
line-height: 0.98;
letter-spacing: -0.035em;
}
.donate-page-intro {
display: grid;
gap: 1.1rem;
max-width: 42rem;
margin: clamp(1.6rem, 3vw, 2.4rem) auto 0;
color: var(--cw-dusk-ink-soft);
font-family: 'Playfair Display', serif;
font-size: clamp(1.05rem, 1.35vw, 1.25rem);
line-height: 1.55;
}
.donate-page-intro strong {
color: #fff;
font-weight: 800;
text-decoration: underline;
text-decoration-color: rgba(240, 200, 90, 0.48);
text-underline-offset: 0.18em;
}
.donate-page-grid {
display: grid;
grid-template-columns: minmax(0, 0.92fr) minmax(22rem, 0.72fr);
align-items: start;
gap: clamp(1.5rem, 4vw, 3rem);
}
.donate-page-story-card,
.donation-page-card {
border: 1px solid rgba(238, 246, 251, 0.13);
border-radius: 0.9rem;
background:
linear-gradient(180deg, rgba(41, 70, 91, 0.94), rgba(18, 52, 86, 0.97));
box-shadow: 0 24px 70px rgba(0, 0, 0, 0.22);
}
.donate-page-story-card {
padding: clamp(1.8rem, 4vw, 3rem);
}
.donate-page-story-card .eyebrow,
.donation-page-card .eyebrow {
color: var(--cw-bronze-soft);
}
.donate-page-story-card h2 {
max-width: 42rem;
margin-top: 0.8rem;
color: #fff;
font-family: 'Playfair Display', serif;
font-size: clamp(1.85rem, 3.2vw, 3.1rem);
font-weight: 800;
line-height: 1.08;
}
.donate-page-story-card p:not(.eyebrow) {
max-width: 46rem;
margin-top: 1.2rem;
color: var(--cw-dusk-muted);
font-size: clamp(1rem, 1.15vw, 1.12rem);
line-height: 1.78;
}
.donation-page-card {
padding: clamp(1.35rem, 3vw, 2rem);
}
.donation-page-card-header {
display: flex;
align-items: flex-start;
gap: 0.9rem;
margin-bottom: 1rem;
}
.donation-page-card-header svg {
color: var(--cw-bronze-soft);
flex: 0 0 auto;
margin-top: 0.15rem;
}
.donation-page-card h2 {
margin-top: 0.2rem;
color: #fff;
font-family: 'Playfair Display', serif;
font-size: clamp(1.7rem, 2.6vw, 2.4rem);
font-weight: 800;
line-height: 1.08;
}
.donation-page-card-copy {
color: var(--cw-dusk-muted);
line-height: 1.65;
}
.donation-page-card .donation-frequency-toggle,
.donation-page-fieldset {
margin-top: 1.3rem;
}
.donation-page-fieldset legend {
margin-bottom: 0.7rem;
color: rgba(219, 233, 241, 0.72);
font-size: 0.78rem;
font-weight: 800;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.donation-page-custom-input {
width: 100%;
margin-top: 0.85rem;
border: 1px solid rgba(255,255,255,0.16);
border-radius: 0.125rem;
background: rgba(9, 9, 11, 0.72);
color: #fff;
padding: 0.95rem 1rem;
}
.donation-page-custom-input:focus {
border-color: var(--cw-bronze-soft);
outline: 0;
}
.donation-page-note {
margin-top: 0.8rem;
color: rgba(219, 233, 241, 0.55);
font-size: 0.78rem;
}
@media (max-width: 920px) {
.donate-page-grid {
grid-template-columns: 1fr;
}
} #view-search {
background:
radial-gradient(circle at 14% 0%, rgba(41, 70, 91, 0.46), transparent 30rem),
radial-gradient(circle at 86% 18%, rgba(41, 70, 91, 0.28), transparent 30rem),
linear-gradient(180deg, var(--cw-dusk-bg) 0%, var(--cw-dusk-bg-2) 44%, #0d2a40 100%);
color: var(--cw-dusk-ink);
}
#view-search .eyebrow {
color: var(--cw-bronze-soft);
}
#view-search .page-title {
color: var(--cw-dusk-ink);
}
#view-search .page-intro {
color: var(--cw-dusk-muted);
}
.search-results-grid {
align-items: stretch;
}
.search-results-grid .video-card,
.search-results-grid .article-card {
height: 100%;
}
.search-results-grid .video-card > a,
.search-results-grid .article-card > a {
display: flex;
min-height: 100%;
flex-direction: column;
}
.search-results-grid .video-media,
.search-results-grid .search-article-card .article-media {
aspect-ratio: 16 / 9 !important;
flex: 0 0 auto;
}
.search-results-grid .article-card {
border-color: var(--cw-dusk-border);
background:
linear-gradient(180deg, rgba(41, 70, 91, 0.94), rgba(18, 52, 86, 0.97));
box-shadow: 0 12px 34px rgba(0, 0, 0, 0.20);
}
.search-results-grid .search-article-card .article-media {
border-bottom: 1px solid rgba(238, 246, 251, 0.10);
background: rgba(9, 9, 11, 0.24);
}
.search-results-grid .search-article-card .article-media img {
width: 100%;
height: 100%;
object-fit: cover;
}
.search-results-grid .search-article-card .article-media span {
bottom: 0.75rem;
left: 0.75rem;
}
.search-results-grid .search-article-card > a > div:last-child,
.search-results-grid .video-copy {
flex: 1 1 auto;
}
.search-results-grid .search-article-card h2,
.search-results-grid .video-card h2 {
color: var(--cw-dusk-ink);
}
.search-results-grid .search-article-card p,
.search-results-grid .video-card p {
color: var(--cw-dusk-muted);
}
.search-results-grid .search-article-card .article-date {
color: var(--cw-dusk-subtle);
}
.search-results-grid .search-article-card:hover,
.search-results-grid .search-article-card:focus-within,
.search-results-grid .video-card:hover,
.search-results-grid .video-card:focus-within {
transform: translateY(-2px);
} .pagination-wrap {
display: flex;
justify-content: center;
}
.pagination-wrap ul.page-numbers,
.pagination-wrap .nav-links {
display: flex !important;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 0.55rem;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
list-style: none !important;
}
.pagination-wrap ul.page-numbers > li {
display: inline-flex;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
.pagination-wrap a.page-numbers,
.pagination-wrap span.page-numbers {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 2.65rem;
min-height: 2.65rem;
border: 1px solid rgba(238,246,251,0.16) !important;
border-radius: 0.125rem;
background: rgba(18,52,86,0.48);
color: #dbe9f1 !important;
padding: 0.65rem 0.9rem !important;
font-size: 0.9rem;
font-weight: 800;
line-height: 1;
text-decoration: none !important;
transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
}
.pagination-wrap a.page-numbers:hover,
.pagination-wrap a.page-numbers:focus-visible,
.pagination-wrap span.page-numbers.current {
border-color: rgba(212,175,55,0.72) !important;
background: #d4af37 !important;
color: #123456 !important;
transform: translateY(-1px);
}
.pagination-wrap .page-numbers.dots {
min-width: auto;
border-color: transparent !important;
background: transparent !important;
color: rgba(219,233,241,0.55) !important;
transform: none !important;
}
.pagination-wrap .page-numbers.prev,
.pagination-wrap .page-numbers.next {
min-width: 5.5rem;
} .article-card {
padding: 0.65rem;
}
.article-card .article-media {
border-radius: 0.35rem;
border-bottom: 0;
}
.article-card > a > div:last-child {
padding: 1rem 0.75rem 1.25rem !important;
}
#view-home .article-card > a > div:last-child,
.articles-overview-grid .article-card > a > div:last-child,
.search-results-grid .search-article-card > a > div:last-child {
padding: 1.05rem 0.85rem 1.35rem !important;
} #view-article .article-comments-section .video-comments-prototype .comments-heading-row h2 {
color: #fff !important;
}
#view-article .article-comments-section .video-comments-prototype .comments-heading-row > span {
color: rgba(219, 233, 241, 0.74) !important;
} .registration-logo-wrap img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
padding: 0.35rem;
}
.registration-quote-avatar {
overflow: hidden;
padding: 0;
background: rgba(9,9,11,0.44) !important;
}
.registration-quote-avatar img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
} #view-registreren .gform_wrapper.gravity-theme .gfield_radio,
#view-registreren .gform_wrapper .gfield_radio,
#view-registreren .gform_wrapper.gravity-theme .gfield_checkbox,
#view-registreren .gform_wrapper .gfield_checkbox {
display: flex;
flex-wrap: wrap;
gap: 0.75rem;
}
#view-registreren .gform_wrapper.gravity-theme .gfield_radio .gchoice,
#view-registreren .gform_wrapper.gravity-theme .gfield_checkbox .gchoice,
#view-registreren .gform_wrapper .gfield_radio .gchoice,
#view-registreren .gform_wrapper .gfield_checkbox .gchoice {
position: relative;
display: inline-flex !important;
align-items: center;
margin: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
padding: 0 !important;
}
#view-registreren .gform_wrapper .gfield-choice-input,
#view-registreren .gform_wrapper.gravity-theme .gfield-choice-input {
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
margin: 0 !important;
opacity: 0 !important;
cursor: pointer !important;
}
#view-registreren .gform_wrapper .gfield_radio .gchoice label,
#view-registreren .gform_wrapper.gravity-theme .gfield_radio .gchoice label,
#view-registreren .gform_wrapper .gfield_checkbox .gchoice label,
#view-registreren .gform_wrapper.gravity-theme .gfield_checkbox .gchoice label {
display: inline-flex !important;
align-items: center;
justify-content: center;
min-width: 4.65rem;
min-height: 3rem;
border: 1px solid rgba(255,255,255,0.20) !important;
border-radius: 0.125rem !important;
background: rgba(9,9,11,0.32) !important;
color: #fff !important;
padding: 0.75rem 1.05rem !important;
font-family: Inter, sans-serif !important;
font-size: 0.98rem !important;
font-weight: 800 !important;
line-height: 1 !important;
cursor: pointer;
transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}
#view-registreren .gform_wrapper .gfield_radio .gchoice:hover label,
#view-registreren .gform_wrapper.gravity-theme .gfield_radio .gchoice:hover label,
#view-registreren .gform_wrapper .gfield_checkbox .gchoice:hover label,
#view-registreren .gform_wrapper.gravity-theme .gfield_checkbox .gchoice:hover label {
border-color: rgba(212,175,55,0.72) !important;
background: rgba(212,175,55,0.10) !important;
}
#view-registreren .gform_wrapper .gfield-choice-input:checked + label,
#view-registreren .gform_wrapper.gravity-theme .gfield-choice-input:checked + label {
border-color: #d4af37 !important;
background: rgba(212,175,55,0.92) !important;
color: #09090b !important;
box-shadow: 0 12px 28px rgba(212,175,55,0.16) !important;
}
#view-registreren .gform_wrapper .gfield-choice-input:focus-visible + label,
#view-registreren .gform_wrapper.gravity-theme .gfield-choice-input:focus-visible + label {
outline: 2px solid #f0c85a;
outline-offset: 3px;
} #view-registreren .gform_wrapper.gravity-theme .gform_footer,
#view-registreren .gform_wrapper .gform_footer {
display: flex !important;
align-items: center;
flex-wrap: wrap;
gap: 1rem 1.35rem !important;
}
#view-registreren .gform_wrapper.gravity-theme .gform_footer a,
#view-registreren .gform_wrapper .gform_footer a {
display: inline-flex;
color: #fff !important;
font-weight: 800;
text-decoration: underline;
text-decoration-color: rgba(255,255,255,0.55);
text-underline-offset: 0.18em;
}
#view-registreren .gform_wrapper.gravity-theme .gform_footer a:hover,
#view-registreren .gform_wrapper .gform_footer a:hover {
color: #f0c85a !important;
text-decoration-color: rgba(240,200,90,0.7);
} #view-registreren .registration-shell,
#view-account-aanmaken .registration-shell {
padding-bottom: clamp(5rem, 8vw, 8rem) !important;
} .registration-logo-wrap img {
object-fit: cover !important;
object-position: left center !important;
padding: 0 !important;
} .registration-logo-wrap {
background: transparent !important;
box-shadow: none !important;
}
.registration-logo-wrap img {
filter: drop-shadow(0 18px 38px rgba(0,0,0,0.34));
} #view-registreren .cws-registration-frequency-field,
#view-registreren .cws-registration-frequency-choice {
display: none !important;
}
#view-registreren .gform_wrapper .cws-registration-amounts,
#view-registreren .gform_wrapper.gravity-theme .cws-registration-amounts {
display: flex !important;
flex-wrap: wrap !important;
gap: 0.85rem !important;
align-items: center !important;
}
#view-registreren .gform_wrapper .cws-registration-amount-choice label,
#view-registreren .gform_wrapper.gravity-theme .cws-registration-amount-choice label {
min-width: 5.25rem !important;
white-space: nowrap !important;
gap: 0.25rem !important;
line-height: 1 !important;
} #view-registreren .gform_wrapper.gravity-theme .gform_button,
#view-registreren .gform_wrapper .gform_button,
#view-registreren .gform_wrapper input[type='submit'] {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 3.25rem !important;
border: 1px solid rgba(212, 175, 55, 0.9) !important;
border-radius: 0.125rem !important;
background: rgba(212, 175, 55, 0.9) !important;
color: #09090b !important;
padding: 0.9rem 1.65rem !important;
font-family: Inter, sans-serif !important;
font-size: 0.98rem !important;
font-weight: 900 !important;
letter-spacing: 0 !important;
text-transform: none !important;
box-shadow: 0 10px 15px -3px rgba(212, 175, 55, 0.20), 0 4px 6px -4px rgba(212, 175, 55, 0.20) !important;
transform: translateY(0);
transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease !important;
}
#view-registreren .gform_wrapper.gravity-theme .gform_button:hover,
#view-registreren .gform_wrapper .gform_button:hover,
#view-registreren .gform_wrapper input[type='submit']:hover,
#view-registreren .gform_wrapper.gravity-theme .gform_button:focus-visible,
#view-registreren .gform_wrapper .gform_button:focus-visible,
#view-registreren .gform_wrapper input[type='submit']:focus-visible {
border-color: #d4af37 !important;
background: #d4af37 !important;
color: #09090b !important;
box-shadow: 0 14px 28px rgba(212, 175, 55, 0.26) !important;
transform: translateY(-1px);
}
#view-registreren .gform_wrapper.gravity-theme .gform_footer,
#view-registreren .gform_wrapper .gform_footer {
align-items: center !important;
gap: 1rem 1.75rem !important;
}
#view-registreren .gform_wrapper.gravity-theme .gform_footer a,
#view-registreren .gform_wrapper .gform_footer a {
align-self: center !important;
line-height: 1.2 !important;
} #newsletter-modal .newsletter-brevo-form {
position: relative;
}
#newsletter-modal .newsletter-brevo-form.is-loading .spinner,
#newsletter-modal .newsletter-brevo-form.is-loading .wp-spinner,
#newsletter-modal .newsletter-brevo-form.is-loading .ajax-loader,
#newsletter-modal .newsletter-brevo-form.is-loading img.ajax-loader,
#newsletter-modal .newsletter-brevo-form.is-loading .sib_loader,
#newsletter-modal .newsletter-brevo-form.is-loading .sib-loader,
#newsletter-modal .newsletter-brevo-form.is-loading .sib_spinner,
#newsletter-modal .newsletter-brevo-form.is-loading .sib-spinner,
#newsletter-modal .newsletter-brevo-form.is-loading .sib-form-block__button-with-loader svg,
#newsletter-modal .newsletter-brevo-form.is-loading .sib-form-block__button-with-loader [class*='loader'],
#newsletter-modal .newsletter-brevo-form.is-loading .sib-form-block__button-with-loader [class*='spinner'] {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
}
#newsletter-modal .cws-newsletter-loader {
display: none;
align-items: center;
gap: 0.7rem;
width: fit-content;
margin-top: 0.9rem;
border: 1px solid rgba(240, 200, 90, 0.24);
border-radius: 9999px;
background: rgba(9, 17, 27, 0.72);
color: #f4f4f5;
padding: 0.62rem 0.9rem;
font-size: 0.82rem;
font-weight: 800;
letter-spacing: 0.02em;
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.22);
}
#newsletter-modal .newsletter-brevo-form.is-loading .cws-newsletter-loader {
display: inline-flex;
animation: cwsNewsletterLoaderIn 0.18s ease-out both;
}
#newsletter-modal .cws-newsletter-loader-mark {
width: 1.12rem;
height: 1.12rem;
border-radius: 9999px;
border: 2px solid rgba(240, 200, 90, 0.22);
border-top-color: #f0c85a;
border-right-color: #d4af37;
box-shadow: 0 0 18px rgba(212, 175, 55, 0.18);
animation: cwsNewsletterSpin 0.72s linear infinite;
}
#newsletter-modal .newsletter-brevo-form.is-loading input[type='submit'],
#newsletter-modal .newsletter-brevo-form.is-loading button[type='submit'],
#newsletter-modal .newsletter-brevo-form.is-loading .sib-default-btn,
#newsletter-modal .newsletter-brevo-form.is-loading .sib-form-block__button,
#newsletter-modal .newsletter-brevo-form.is-loading .sib-form-block__button-with-loader {
cursor: wait !important;
filter: saturate(0.94);
}
@keyframes cwsNewsletterSpin {
to { transform: rotate(360deg); }
}
@keyframes cwsNewsletterLoaderIn {
from { opacity: 0; transform: translateY(-3px); }
to { opacity: 1; transform: translateY(0); }
} .single-video-content a {
color: #f0c85a;
text-decoration: underline;
text-decoration-color: rgba(240, 200, 90, 0.55);
text-underline-offset: 0.18em;
}
.single-video-content a:hover,
.single-video-content a:focus-visible {
color: #fff;
text-decoration-color: rgba(255, 255, 255, 0.78);
} a.related-item {
align-items: flex-start;
}
a.related-item .related-thumb-media {
position: relative !important;
display: block !important;
flex: 0 0 8.75rem !important;
width: 8.75rem !important;
height: auto !important;
aspect-ratio: 16 / 9 !important;
border-radius: 0.125rem !important;
overflow: hidden !important;
background: #09090b !important;
}
a.related-item .related-thumb-media img,
a.related-item img.related-thumb-img {
position: absolute !important;
inset: 0 !important;
display: block !important;
width: 100% !important;
height: 100% !important;
max-width: none !important;
min-width: 100% !important;
min-height: 100% !important;
border-radius: 0 !important;
object-fit: cover !important;
object-position: center center !important;
opacity: 0.82 !important;
transform: none;
}
a.related-item:hover .related-thumb-media img,
a.related-item:focus-visible .related-thumb-media img,
a.related-item:hover img.related-thumb-img,
a.related-item:focus-visible img.related-thumb-img {
opacity: 1 !important;
transform: scale(1.05) !important;
}
@media (max-width: 420px) {
a.related-item .related-thumb-media {
flex-basis: 7.5rem !important;
width: 7.5rem !important;
}
} .article-card {
padding: 0 !important;
}
.article-card .article-media {
border-radius: 0 !important;
margin: 0 !important;
}
.article-card > a > div:last-child,
#view-home .article-card > a > div:last-child,
.articles-overview-grid .article-card > a > div:last-child,
.search-results-grid .search-article-card > a > div:last-child {
padding: 0.55rem 0.45rem 0.7rem !important;
}
@media (min-width: 640px) {
.article-card > a > div:last-child,
#view-home .article-card > a > div:last-child,
.articles-overview-grid .article-card > a > div:last-child,
.search-results-grid .search-article-card > a > div:last-child {
padding: 0.6rem 0.5rem 0.75rem !important;
}
} @media (max-width: 980px) {
#view-events .event-card-media,
#view-event-single .single-event-media {
aspect-ratio: auto !important;
min-height: 0 !important;
height: auto !important;
align-self: auto !important;
background: rgba(9, 9, 11, 0.34) !important;
}
#view-events .event-card-media img,
#view-event-single .single-event-media img {
display: block !important;
width: 100% !important;
height: auto !important;
object-fit: contain !important;
object-position: center center !important;
}
#view-events .event-card-link:hover .event-card-media img,
#view-events .event-card-link:focus-visible .event-card-media img {
transform: none !important;
}
} #mobile-menu .mobile-search-field [data-lucide='search'],
#mobile-menu .mobile-search-field svg {
top: 50% !important;
transform: translateY(-50%) !important;
}
#mobile-menu input[type='search']::-webkit-search-cancel-button,
#mobile-menu input[type='search']::-webkit-search-decoration,
#mobile-menu input[type='search']::-webkit-search-results-button,
#mobile-menu input[type='search']::-webkit-search-results-decoration {
-webkit-appearance: none;
appearance: none;
} .newsletter-slideout {
position: fixed;
left: clamp(1rem, 2vw, 1.75rem);
bottom: clamp(1rem, 2vw, 1.75rem);
z-index: 65;
width: min(22rem, calc(100vw - 2rem));
opacity: 0;
pointer-events: none;
transform: translate3d(-115%, 0, 0);
transition: opacity 0.28s ease, transform 0.42s cubic-bezier(0.22, 1, 0.36, 1);
}
.newsletter-slideout.is-visible {
opacity: 1;
pointer-events: auto;
transform: translate3d(0, 0, 0);
}
.newsletter-slideout-card {
position: relative;
overflow: hidden;
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 0.2rem;
background:
radial-gradient(circle at 100% 0%, rgba(240, 200, 90, 0.14), transparent 14rem),
linear-gradient(180deg, rgba(24, 24, 27, 0.98), rgba(13, 31, 45, 0.98));
padding: 1.05rem;
color: #eef6fb;
box-shadow: 0 22px 60px rgba(0, 0, 0, 0.36), 0 0 0 1px rgba(212, 175, 55, 0.08);
}
.newsletter-slideout-card::before {
content: '';
position: absolute;
inset: 0;
pointer-events: none;
opacity: 0.14;
background-image: radial-gradient(rgba(238, 246, 251, 0.5) 1px, transparent 1.2px);
background-size: 13px 13px;
}
.newsletter-slideout-card > * {
position: relative;
z-index: 1;
}
.btn-close-newsletter-slideout {
position: absolute;
top: 0.75rem;
right: 0.75rem;
z-index: 2;
display: inline-flex;
align-items: center;
justify-content: center;
width: 1.85rem;
height: 1.85rem;
border-radius: 9999px;
color: rgba(244, 244, 245, 0.62);
transition: color 0.18s ease, background 0.18s ease;
}
.btn-close-newsletter-slideout:hover,
.btn-close-newsletter-slideout:focus-visible {
background: rgba(255, 255, 255, 0.08);
color: #fff;
outline: none;
}
.newsletter-slideout-heading {
display: flex;
align-items: center;
gap: 0.5rem;
padding-right: 2.25rem;
}
.newsletter-slideout-heading h2 {
color: #fff;
font-family: 'Playfair Display', serif;
font-size: 1.35rem;
font-weight: 800;
line-height: 1.1;
}
.newsletter-slideout .eyebrow {
margin-top: 0.95rem;
color: var(--cw-gold);
font-size: 0.68rem;
}
.newsletter-slideout-intro {
margin-top: 0.45rem;
color: rgba(219, 233, 241, 0.84);
font-size: 0.9rem;
line-height: 1.55;
}
.newsletter-slideout-form {
margin-top: 0.85rem;
}
.newsletter-slideout-form form,
.newsletter-slideout-form .sib_signup_form,
.newsletter-slideout-form .sib_signup_box_inside {
gap: 0.65rem !important;
}
.newsletter-slideout-form p,
.newsletter-slideout-form .sib-email-area,
.newsletter-slideout-form .sib-NAME-area,
.newsletter-slideout-form .sib-FIRSTNAME-area,
.newsletter-slideout-form .sib-LNAME-area,
.newsletter-slideout-form .sib-form-block,
.newsletter-slideout-form .sib_signup_box_inside > div {
margin-bottom: 0.55rem !important;
}
.newsletter-slideout-form input[type='text'],
.newsletter-slideout-form input[type='email'],
.newsletter-slideout-form input[type='tel'],
.newsletter-slideout-form input[type='number'],
.newsletter-slideout-form select,
.newsletter-slideout-form textarea {
min-height: 2.75rem !important;
padding: 0.72rem 0.82rem !important;
font-size: 0.9rem !important;
}
.newsletter-slideout-form input[type='submit'],
.newsletter-slideout-form input[type='button'],
.newsletter-slideout-form button,
.newsletter-slideout-form .sib-default-btn,
.newsletter-slideout-form .sib-form-block__button,
.newsletter-slideout-form .sib-form-block__button-with-loader,
.newsletter-slideout-form [class*='button'],
.newsletter-slideout-form [class*='submit'] {
min-height: 2.85rem !important;
padding: 0.75rem 1.05rem !important;
font-size: 0.9rem !important;
}
@media (max-width: 1023px) {
.newsletter-slideout {
display: none !important;
}
}
@media (prefers-reduced-motion: reduce) {
.newsletter-slideout {
transition: opacity 0.18s ease;
transform: none;
}
} .newsletter-slideout:not(.is-visible) {
opacity: 0;
pointer-events: none;
transform: translate3d(-115%, 0, 0);
} #view-doneren .donate-page-hero {
max-width: none !important;
width: 100%;
margin: 0 0 clamp(2.5rem, 5vw, 4.25rem) !important;
border: 1px solid rgba(238, 246, 251, 0.13);
border-radius: 0.9rem;
background:
radial-gradient(circle at 88% 12%, rgba(240, 200, 90, 0.10), transparent 24rem),
linear-gradient(180deg, rgba(41, 70, 91, 0.94), rgba(18, 52, 86, 0.97));
padding: clamp(2rem, 5vw, 4.2rem) clamp(1.2rem, 5vw, 4rem);
box-shadow: 0 24px 70px rgba(0, 0, 0, 0.22);
}
#view-doneren .donate-page-hero .eyebrow,
#view-doneren .donate-page-hero h1,
#view-doneren .donate-page-intro {
max-width: 58rem;
margin-left: auto;
margin-right: auto;
}
#view-doneren .donate-page-intro {
max-width: 46rem;
} .donation-module .donation-bank-note {
margin-top: 0.85rem;
color: rgba(244, 244, 245, 0.72);
font-size: 0.9rem;
line-height: 1.55;
}
.donation-module .donation-bank-note strong {
color: #f4f4f5;
font-weight: 700;
letter-spacing: 0.01em;
}
.inline-donation-panel .donation-bank-note {
font-size: 0.82rem;
} #view-dankjewel-donatie {
position: relative;
overflow: hidden;
background:
radial-gradient(circle at 18% 4%, rgba(41, 70, 91, 0.46), transparent 29rem),
radial-gradient(circle at 84% 18%, rgba(226, 190, 61, 0.1), transparent 27rem),
linear-gradient(180deg, #09090b 0%, #0a1119 18%, #123456 58%, #081b2b 100%);
color: #eef6fb;
}
#view-dankjewel-donatie::before {
content: '';
position: absolute;
inset: 0;
pointer-events: none;
opacity: 0.18;
background-image: radial-gradient(rgba(238,246,251,0.58) 1px, transparent 1.2px);
background-size: 13px 13px;
mask-image: linear-gradient(180deg, rgba(0,0,0,0.92), rgba(0,0,0,0.42));
}
.thank-you-donation-shell {
position: relative;
z-index: 1;
}
.thank-you-donation-card {
width: 100%;
max-width: 52rem;
margin: 0 auto;
padding: clamp(2rem, 5vw, 4.25rem);
text-align: center;
border: 1px solid rgba(226, 190, 61, 0.18);
border-radius: 0.35rem;
background:
radial-gradient(circle at 50% 0%, rgba(226, 190, 61, 0.08), transparent 22rem),
linear-gradient(135deg, rgba(41, 70, 91, 0.72), rgba(12, 28, 42, 0.82));
box-shadow: 0 32px 80px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255,255,255,0.05);
}
.thank-you-donation-logo {
width: clamp(5.5rem, 12vw, 9rem);
height: clamp(5.5rem, 12vw, 9rem);
margin: 0 auto clamp(1.25rem, 3vw, 2rem);
}
.thank-you-donation-logo img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: left center;
border-radius: 9999px;
filter: drop-shadow(0 18px 38px rgba(0,0,0,0.34));
}
.thank-you-donation-card h1 {
max-width: 44rem;
margin: 0 auto clamp(1.75rem, 3vw, 2.5rem);
color: #fff;
font-family: 'Playfair Display', serif;
font-size: clamp(2.35rem, 5.2vw, 4.6rem);
font-weight: 800;
line-height: 0.98;
letter-spacing: -0.035em;
text-wrap: balance;
}
.thank-you-donation-copy {
display: grid;
gap: 1.35rem;
max-width: 47rem;
margin: 0 auto;
color: rgba(244, 244, 245, 0.92);
font-family: 'Playfair Display', serif;
font-size: clamp(1.05rem, 1.75vw, 1.28rem);
font-weight: 600;
line-height: 1.48;
}
.thank-you-donation-copy strong {
color: #fff;
font-weight: 800;
}
.thank-you-donation-home-link {
display: inline-flex;
margin-top: clamp(1.6rem, 3vw, 2.35rem);
color: #fff;
font-family: 'Playfair Display', serif;
font-size: clamp(1rem, 1.5vw, 1.12rem);
font-weight: 700;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 0.22em;
transition: color 180ms ease, transform 180ms ease;
}
.thank-you-donation-home-link:hover,
.thank-you-donation-home-link:focus-visible {
color: #e2be3d;
transform: translateY(-1px);
}
@media (max-width: 640px) {
.thank-you-donation-card {
padding: 2rem 1.25rem;
}
.thank-you-donation-copy {
font-size: 1rem;
line-height: 1.55;
}
} #view-article .article-body-content,
#view-event-single .single-event-content {
white-space: normal !important;
line-height: 1.74 !important;
}
#view-article .article-body-content > *,
#view-event-single .single-event-content > * {
white-space: normal !important;
}
#view-article .article-body-content p,
#view-article .article-body-content ul,
#view-article .article-body-content ol,
#view-article .article-body-content blockquote,
#view-article .article-body-content figure,
#view-event-single .single-event-content p,
#view-event-single .single-event-content ul,
#view-event-single .single-event-content ol,
#view-event-single .single-event-content blockquote,
#view-event-single .single-event-content figure,
#view-event-single .single-event-content .wp-block-spacer {
margin-top: 0 !important;
margin-bottom: 1rem !important;
}
#view-article .article-body-content > :last-child,
#view-event-single .single-event-content > :last-child {
margin-bottom: 0 !important;
}
#view-article .article-body-content br,
#view-event-single .single-event-content br {
display: inline !important;
margin: 0 !important;
}.woocommerce-checkout #payment .payment_methods li img {
max-width: 40px;
}#comments{max-width: 1100px; margin: 50px auto; color: #333333; font-style: normal; }
#comments p, #respond p{ float: none!important;}
#wpdcom{max-width:750px; padding:0; margin:7px auto 15px auto;}
#wpdcom *{box-sizing:border-box; line-height: initial;}
#wpdcom i{margin:0;}
#comments #wpdcom span, #respond #wpdcom span, #wpdcom span{display: inline;letter-spacing: inherit;text-transform: none;font-size: 1em;}
#comments #wpdcom .wpdiscuz-embed-wrapper .fb_iframe_widget > span{display: inline-block;}
#wpdcom form{margin: 0px; padding: 0px; border: none; background: none;}
#wpdcom input:required {box-shadow: 0px 0px 1px #555;}
#wpdcom button{min-height: auto; min-width: auto; max-width: auto; min-height: auto; display: inline-block; font-weight:normal;text-transform: none;}
#wpdcom svg{display:inline;}
#wpdcom .wpd-cursor-pointer{cursor: pointer;}
#wpdcom .avatar{padding:0px; margin:0 auto; float:none; display:inline; height:auto; border:none; border-radius:0%; box-shadow: none; }
#wpdcom .page-numbers{padding:2px 7px; font-size:14px; margin:20px 1px; line-height:33px; background:#fff}
#wpdcom span.current{color:#fff}
#wpdcom .wc-label a:focus{outline:0}
#wpdcom .wpdiscuz-hidden{display:none}
#wpdcom .wpd-clear, #wpdcom .clearfix, .wpdiscuz_top_clearing, .wpdiscuz_clear{clear:both}  .wpdiscuz_clear_right{clear:right}  .wpdiscuz_clear_left{clear:left}
#wpdcom .wpd-space{flex-grow: 1;}
#wpdcom .wpd-hidden{visibility: hidden; opacity:0; transition: visibility 0s, opacity 0.5s linear;}
#wpdcom .wpd-up{color: #009149 !important;}
#wpdcom .wpd-up svg{fill: #009149!important;}
#wpdcom .wpd-down{color: #fc5844!important;}
#wpdcom .wpd-down svg{fill: #fc5844!important;}
#wpdcom .wpd-reply{margin-left:25px}
#wpdcom .wpd-reply.wpd_comment_level-2{margin-left:70px}
#wpdcom.wpd-layout-2 .wpd-reply{margin-left:40px}
#wpdcom.wpd-layout-2 .wpd-reply.wpd_comment_level-2{margin-left:28px}
#wpdcom.wpd-layout-3 .wpd-reply{margin-left:45px}
#wpdcom.wpd-layout-3 .wpd-reply.wpd_comment_level-2{margin-left:62px}
#wpdcom .wpdlb{clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; width: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute;} .wpd-tooltip { position: relative; overflow: hidden;}
.wpd-tooltip:hover { overflow: visible;}
.wpd-tooltip:hover .wpd-tooltip-content {opacity: 1;}
.wpd-tooltip .wpd-tooltip-content {background: #555555; border-radius: 5px;  box-sizing: border-box; color: #ffffff; font-size: 14px; max-width: 200px; min-width: 145px; padding: 10px; position: absolute; opacity:0;}
.wpd-tooltip .wpd-tooltip-content a{color: #ffffff; text-decoration: none;}
.wpd-tooltip .wpd-tooltip-content::after {background: #555555; content: ""; height: 10px; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 10px;}
.wpd-tooltip.wpd-top .wpd-tooltip-content {bottom: calc(100% + 0.3em); left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
.wpd-tooltip.wpd-top .wpd-tooltip-content::after {bottom: -5px; left: 50%;  margin-left: -5px;}
.wpd-tooltip.wpd-bottom .wpd-tooltip-content {bottom: calc(-100% - 1.8em); left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
.wpd-tooltip.wpd-bottom .wpd-tooltip-content::after {top: -5px;}
.wpd-tooltip.wpd-right .wpd-tooltip-content {left: calc(100% + 1.5em); top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.wpd-tooltip.wpd-right .wpd-tooltip-content::after {left: -5px; margin-top: -5px; top: 50%;}
.wpd-tooltip.wpd-left .wpd-tooltip-content {right: calc(100% + 1.5em); top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.wpd-tooltip.wpd-left .wpd-tooltip-content::after {right: -5px; margin-top: -5px; top: 50%;}
[wpd-tooltip]{position:relative;}
[wpd-tooltip]::before {content: "";position: absolute;top:-8px;left:50%;transform: translateX(-50%);border-width: 7px 7px 0 7px;border-style: solid;border-color: #555555 transparent transparent transparent;z-index: 100;opacity:0;}
[wpd-tooltip]::after {content: attr(wpd-tooltip); position: absolute;left:50%;top:-8px;transform: translateX(-50%)   translateY(-100%);background: #555555;text-align: center;color: #fff;padding:8px 10px;font-size: 11px; line-height:1.5; min-width: 6vw; border-width:0; border-radius: 4px;pointer-events: none;z-index: 99;opacity:0;text-transform: none;}
[wpd-tooltip]:hover::after,[wpd-tooltip]:hover::before {opacity: 1;transition: all .4s ease-in-out;}
[wpd-tooltip-size='small']::after{min-width: 5vw;}
[wpd-tooltip-size='medium']::after{min-width: 10vw;}
[wpd-tooltip-size='long']::after{min-width: 14vw;}
[wpd-tooltip-position='left']::before{left:0%;top:50%;margin-left:-11px; transform:translatey(-50%) rotate(-90deg)}
[wpd-tooltip-position='top']::before{left:50%;}
[wpd-tooltip-position='bottom']::before{top:100%;margin-top:8px;transform: translateX(-50%) translatey(-100%) rotate(-180deg)}
[wpd-tooltip-position='right']::before{left:100%;top:50%;margin-left:0px;transform:translatey(-50%) rotate(90deg)}
[wpd-tooltip-position='left']::after{left:0%;top:50%;margin-left:-8px;transform: translateX(-100%)   translateY(-50%);}
[wpd-tooltip-position='top']::after{left:50%;}
[wpd-tooltip-position='bottom']::after{top:100%;margin-top:8px;transform: translateX(-50%) translateY(0%);}
[wpd-tooltip-position='right']::after{left:100%;top:50%;margin-left:9px;transform: translateX(0%)   translateY(-50%);}
_:-ms-lang(x), .wpd-social-login [wpd-tooltip]::after{top: -24px;}
_:-ms-lang(x), .wpd-social-login [wpd-tooltip]::before{top: -24px;}
#wpdcom div.wpd-field-desc {position: relative; display: inline; }
#wpdcom div.wpd-field-desc span {position: absolute; width:200px; color: #FFFFFF; background: #555555; height:auto; line-height: 17px; padding:8px 10px; font-size:12px!important; text-align: center; visibility: hidden; border-radius: 6px; left: -150px; }
#wpdcom div.wpd-field-desc span:after { content: ''; position: absolute; top: 100%; left: 50%; margin-left: -4px; width: 0; height: 0; border-top: 8px solid #555555; border-right: 8px solid transparent; border-left: 8px solid transparent; }
#wpdcom div:hover.wpd-field-desc span {visibility: visible; opacity: 1; bottom: 34px; left: 50%; margin-left: -100px; z-index: 999999; }
#wpdcom div:hover.wpd-tooltip {position: relative; }
#wpdcom span.wpd-field-desc {position: relative; display: inline; }
#wpdcom span.wpd-field-desc span {position: absolute; width:200px; color: #FFFFFF; background: #555555; height:auto; line-height: 17px; padding:8px 10px; font-size:12px; text-align: center; visibility: hidden; border-radius: 6px; left: -150px; }
#wpdcom span.wpd-field-desc span:after { content: ''; position: absolute; top: 100%; left: 50%; width: 0; height: 0; border-top: 8px solid #555555; border-right: 8px solid transparent; border-left: 8px solid transparent; }
#wpdcom span:hover.wpd-field-desc span {visibility: visible; opacity: 1; bottom: 38px; left: 50%; margin-left: -105px; z-index: 999999; } @font-face { font-family: 'square721_cn_btroman'; src: url(//cafeweltschmerz.nl/wp-content/plugins/wpdiscuz/themes/default/css/fonts/sqr721c-webfont.eot); src: url(//cafeweltschmerz.nl/wp-content/plugins/wpdiscuz/themes/default/css/fonts/sqr721c-webfont.eot?#iefix) format('embedded-opentype'), url(//cafeweltschmerz.nl/wp-content/plugins/wpdiscuz/themes/default/css/fonts/sqr721c-webfont.woff2) format('woff2'), url(//cafeweltschmerz.nl/wp-content/plugins/wpdiscuz/themes/default/css/fonts/sqr721c-webfont.woff) format('woff'), url(//cafeweltschmerz.nl/wp-content/plugins/wpdiscuz/themes/default/css/fonts/sqr721c-webfont.ttf)  format('truetype'), url(//cafeweltschmerz.nl/wp-content/plugins/wpdiscuz/themes/default/css/fonts/sqr721c-webfont.svg#svgFontName) format('svg'); font-display: swap; }
#wpd-post-rating{display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; align-items: center; width: 100%; margin-top: 20px; margin-bottom: 30px;}
#wpd-post-rating .wpd-rating-wrap{width: 30%;display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: center; align-items: center; align-content: center; text-align: center; }
#wpd-post-rating .wpd-rating-wrap .wpd-rating-left{flex-grow: 1; height: 1px; border-bottom: 1px dashed #999999; margin-right: -10px;}
#wpd-post-rating .wpd-rating-wrap .wpd-rating-right{flex-grow: 1; height: 1px; border-bottom: 1px dashed #999999; margin-left: -10px;}
#wpd-post-rating .wpd-rating-wrap .wpd-rating-data{width: 125px; white-space: nowrap; text-align: center; display: flex; flex-direction: column; justify-content: center; flex-wrap: wrap; align-items: center;}
#wpd-post-rating .wpd-rating-wrap .wpd-rating-title{width: 125px; white-space: break-spaces; word-break: break-all; font-size: 12px; letter-spacing: 0.5px; color: #888; line-height: 16px; display: block; margin-top: 7px; margin-bottom: -3px;}
#wpd-post-rating .wpd-rating-wrap .wpd-rating-value{ transition:0.2s; background-color:#ffffff; border: 1px dashed #777777; height: 60px; width: 60px; text-align: center; border-radius: 50%;font-family: square721_cn_btroman, "Open Sans", san-serif;  }
#wpd-post-rating .wpd-rating-wrap .wpd-rating-value span{ color: #666666; display: block!important; cursor: default; }
#wpd-post-rating .wpd-rating-wrap .wpd-rating-value .wpdrv{font-size: 24px!important; line-height: 60px!important; padding-top: 0px!important;}
#wpd-post-rating .wpd-rating-wrap .wpd-rating-value .wpdrc{font-size: 18px!important; line-height: 16px!important; display: none!important; padding-top: 17px!important;}
#wpd-post-rating .wpd-rating-wrap .wpd-rating-value .wpdrt{font-size: 10px!important; line-height: 16px!important;  display: none!important; padding-top: 0px!important; font-style: normal; font-family: Arial, sans-serif;}
#wpd-post-rating .wpd-rating-wrap .wpd-rating-value:hover .wpdrv{display: none!important;}
#wpd-post-rating .wpd-rating-wrap .wpd-rating-value:hover .wpdrc,
#wpd-post-rating .wpd-rating-wrap .wpd-rating-value:hover .wpdrt{display: block!important; color: #ffffff; transition:0.8s;}
#wpd-post-rating .wpd-rating-wrap .wpd-rating-value:hover{background-color: #555555; transition:0.5s;}
#wpd-post-rating .wpd-rating-wrap .wpd-rating-stars{margin-top:7px; display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: center;}
#wpd-post-rating .wpd-rating-wrap .wpd-rating-stars svg{ width: 26px; height: 26px; display: block; margin-right: -3px;}
#wpd-post-rating.wpd-not-rated .wpd-rating-wrap .wpd-rating-data:hover .wpd-rating-stars{display:none;}
#wpd-post-rating.wpd-not-rated .wpd-rating-wrap .wpd-rating-data:hover .wpd-rate-starts{display:flex;}
#wpd-post-rating .wpd-rating-wrap .wpd-rate-starts{display:none;margin-top:7px; flex-wrap: nowrap; flex-direction: row; justify-content: center;}
#wpd-post-rating .wpd-rating-wrap .wpd-rate-starts svg{ width: 26px; height: 26px; display: block; margin-right: -3px;}
.wpd-rating{display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; align-items: center; width: 100%; margin-top: 20px; margin-bottom: 30px;}
.wpd-rating .wpd-rating-wrap{width: 30%;display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: center; align-items: center; align-content: center; text-align: center; }
.wpd-rating .wpd-rating-wrap .wpd-rating-left{flex-grow: 1; height: 1px; border-bottom: 1px dashed #999999; margin-right: -10px;}
.wpd-rating .wpd-rating-wrap .wpd-rating-right{flex-grow: 1; height: 1px; border-bottom: 1px dashed #999999; margin-left: -10px;}
.wpd-rating .wpd-rating-wrap .wpd-rating-data{width: 125px; white-space: nowrap; text-align: center; display: flex; flex-direction: column; justify-content: center; flex-wrap: wrap; align-items: center;}
.wpd-rating .wpd-rating-wrap .wpd-rating-title{width: 125px; white-space: break-spaces; word-break: break-all; font-size: 12px; letter-spacing: 0.5px; color: #888; line-height: 16px; display: block; margin-top: 7px; margin-bottom: -3px;}
.wpd-rating .wpd-rating-wrap .wpd-rating-value{ transition:0.2s; background-color:#ffffff; border: 1px dashed #777777; height: 60px; width: 60px; text-align: center; border-radius: 50%;font-family: square721_cn_btroman, "Open Sans", san-serif;  }
.wpd-rating .wpd-rating-wrap .wpd-rating-value span{ color: #666666; display: block!important; cursor: default; }
.wpd-rating .wpd-rating-wrap .wpd-rating-value .wpdrv{font-size: 24px!important; line-height: 60px!important; padding-top: 0px!important;}
.wpd-rating .wpd-rating-wrap .wpd-rating-value .wpdrc{font-size: 18px!important; line-height: 16px!important; display: none!important; padding-top: 17px!important;}
.wpd-rating .wpd-rating-wrap .wpd-rating-value .wpdrt{font-size: 10px!important; line-height: 16px!important; display: none!important; padding-top: 0px!important;font-style: normal; font-family: Arial, sans-serif;}
.wpd-rating .wpd-rating-wrap .wpd-rating-value:hover .wpdrv{display: none!important;}
.wpd-rating .wpd-rating-wrap .wpd-rating-value:hover .wpdrc,
.wpd-rating .wpd-rating-wrap .wpd-rating-value:hover .wpdrt{display: block!important; color: #ffffff!important; transition:0.8s;}
.wpd-rating .wpd-rating-wrap .wpd-rating-value:hover{background-color: #555555; transition:0.5s;}
.wpd-rating .wpd-rating-wrap .wpd-rating-stars{margin-top:7px; display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: center;}
.wpd-rating .wpd-rating-wrap .wpd-rating-stars svg{ width: 26px; height: 26px; display: block; margin-right: -3px;}
.wpd-rating .wpd-rating-wrap .wpd-rating-stars svg .wpd-star{fill: #cccccc;}
.wpd-rating .wpd-rating-wrap .wpd-rating-stars svg .wpd-active{fill: #ffc600;}
.wpd-rating .wpd-rating-wrap .wpd-rating-name{font-size: 12px; padding-top: 5px; color: #999999; display: none;} #wpdcom .wpd-form-head{border-bottom: 1px solid #cccccc; padding: 7px 2px 9px 2px; margin-top: 20px; margin-bottom: 5px; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between;}
#wpdcom .wpd-sbs-toggle{color: #666666; font-size: 14px; line-height: 20px; cursor: pointer;}
#wpdcom .wpd-sbs-toggle i.fa-envelope{ font-size: 15px; margin-right: 4px; }
#wpdcom .wpd-sbs-toggle i.fa-caret-down{ font-size: 16px; margin-left: 4px; color: #666666;}
#wpdcom .wpd-sbs-toggle .wpd-sbs-title{ font-size: 15px;}
#wpdcom .wpd-auth{display: flex; flex-direction: row; justify-content: flex-end;}
#wpdcom .wpd-social-login{text-align: right;}
#wpdcom .wpd-social-login .wpd-connect-with{line-height: 20px; font-size: 14px!important; margin: 0px 9px; vertical-align: baseline; color: #666;}
#wpdcom .wpd-social-login i{opacity:0.8; cursor: pointer; width: 22px; height: 22px; border-radius: 50%; display: inline-flex; justify-content:center; align-items: center; margin: 0 2px;}
#wpdcom .wpd-social-login i svg{fill: #ffffff; width: 15px; height: 15px;}
#wpdcom .wpd-social-login i:hover{opacity: 1;}
#wpdcom .wpd-social-login .wpdsn-fb i{background-color: #4267B2;}
#wpdcom .wpd-social-login .wpdsn-tw i{background-color:#000000;}
#wpdcom .wpd-social-login .wpdsn-gg i{background-color:#D54C3F;}
#wpdcom .wpd-social-login .wpdsn-telegram i{background-color:#239cd7;}
#wpdcom .wpd-social-login .wpdsn-ds i{background-color:#2196F3;}
#wpdcom .wpd-social-login .wpdsn-wp i{background-color:#999999;}
#wpdcom .wpd-social-login .wpdsn-vk i{background-color:#4C75A3;}
#wpdcom .wpd-social-login .wpdsn-ok i{background-color:#EF7800;}
#wpdcom .wpd-social-login .wpdsn-insta i{background-color:#F97149;}
#wpdcom .wpd-social-login .wpdsn-linked i{background-color:#007BB6;}
#wpdcom .wpd-social-login .wpdsn-yandex i{background-color:#FF0000;}
#wpdcom .wpd-social-login .wpdsn-mailru i{background-color:#168DE2;fill: #ff9e00}
#wpdcom .wpd-social-login .wpdsn-mailru i svg{fill: #ff9e00}
#wpdcom .wpd-social-login .wpdsn-weibo i{background-color:#d52a2c;}
#wpdcom .wpd-social-login .wpdsn-weixin i{background-color:#20c300;}
#wpdcom .wpd-social-login .wpdsn-qq i{background-color:#1479d7;}
#wpdcom .wpd-social-login .wpdsn-baidu i{background-color:#F23F40;}
#wpdcom .wpd-social-login .wpdsn-baidu i svg{fill: #2319dc}
#wpdcom .wpd-auth .wpd-sep{border-right: 1px #cccccc solid; margin:0 12px; display: inline;}
#wpdcom .wpd-auth .wpd-login{font-size: 14px; line-height: 20px;}
#wpdcom .wpd-auth .wpd-login i{margin-right: 2px;}
#wpdcom .wpd-auth .wpd-login a{color: #3272bf; text-decoration: none;}
#wpdcom .wpd-auth .wpd-login a:hover{color: #0d3e81;}
#wpdcom .wpdiscuz-social-login-spinner{display: none;}
#wpdcom .wpd-social-login-agreement{width: 100%;margin-top: 15px;margin-bottom:0;font-size: 12px;padding: 20px 30px 10px 30px;background-color: #F8F8F8;border: 1px dotted #dddddd;clear: both;line-height: normal;}
#wpdcom .wpd-social-login-agreement .wpd-agreement-title{font-weight: bold;margin-bottom: 5px;font-size: 15px;}
#wpdcom .wpd-social-login-agreement .wpd-agreement-button{text-transform: uppercase;padding: 3px 20px;margin: 5px 0 0 15px;cursor: pointer;font-size: 12px;line-height: 20px;color:#00B38F;display: inline-block;}
#wpdcom .wpd-social-login-agreement .wpd-agreement-button.wpd-agreement-button-agree{border: 1px dotted #00B38F;color: #00B38F;}
#wpdcom .wpd-social-login-agreement .wpd-agreement-button.wpd-agreement-button-agree:hover{color: #FFFFFF;background:#00B38F;}
#wpdcom .wpd-social-login-agreement .wpd-agreement-button.wpd-agreement-button-disagree{border: 1px dotted #ff312f;color: #ff312f;}
#wpdcom .wpd-social-login-agreement .wpd-agreement-button.wpd-agreement-button-disagree:hover{color: #FFFFFF;background:#ff312f;}
#wpdcom .wpd-social-login-agreement .wpd-agreement-buttons{margin-top: 4px;}
#wpdcom .wpd-social-login-agreement .wpd-agreement-buttons-left{float: left;}
#wpdcom .wpd-social-login-agreement .wpd-agreement-buttons-right{float: right;}
#wpdcom .wpd-secondary-forms-social-content .wpd-social-login-agreement{padding: 20px;} #wpdcom .wpdiscuz-subscribe-bar{width:100%; box-sizing:border-box; padding: 15px 0px 5px 0px; margin-bottom:0px; }
#wpdcom .wpdiscuz-subscribe-bar form {display: flex; flex-wrap: wrap; justify-content: flex-start; flex-direction: row; align-items: center; margin-bottom: 10px;}
#wpdcom .wpdiscuz-subscribe-bar .wpdiscuz_subscribe_status{font-size: 14px;}
#wpdcom .wpdiscuz-subscribe-form-intro{font-size:14px; display:block; padding:3px 10px 3px 1px; line-height:20px; box-sizing:border-box; white-space:nowrap}
#wpdcom .wpdiscuz-subscribe-form-option{flex-grow:1; font-size:13px; display:block; padding-right:5px; box-sizing:border-box}
#wpdcom .wpdiscuz-subscribe-form-email{font-size:14px; display:block; padding:0 5px 0 0; box-sizing:border-box; width:30%}
#wpdcom .wpdiscuz-subscribe-form-button{font-size:14px; display:block; box-sizing:border-box}
#wpdcom .wpdiscuz-subscribe-form-email select{width:100%!important}
#wpdcom .wpdiscuz-subscribe-form-email input[type="email"]{font-size:13px!important; padding:3px!important; width:100%!important; height:auto!important; line-height:20px!important; box-sizing:border-box!important; clear:both; float:none; margin:0}
#wpdcom .wpdiscuz-subscribe-form-button input[type="submit"]{font-size:16px!important; min-height:29px!important; height:29px!important; padding:1px 3px 5px 3px!important; min-width:40px; line-height:14px!important; box-sizing:border-box!important; border:1px solid #ddd; clear:both; float:none; margin:0}
#wpdcom .wpdiscuz-subscribe-agreement{font-size: 12px; display: block; clear: left; padding-top: 10px; width: 92%;}
#wpdcom .wpdiscuz-subscribe-agreement label{ cursor: pointer; display: inline; font-size: 13px; margin: 0 4px;}
#wpdcom .wpdiscuz-subscribe-bar #wpdiscuz_subscription_button{box-shadow: none; font-weight: bold; letter-spacing: 0;} #wpdcom .wpd-form-wrap{padding-bottom: 10px;}
#wpdcom .wpd-form .wpdiscuz-textarea-wrap{display: flex; flex-wrap: nowrap; flex-direction: row; justify-content:space-between; padding: 20px 0; align-items: center;}
#wpdcom .wpd-form .wpdiscuz-textarea-wrap [id^=wpd-editor-wraper]{flex-grow:1; position: relative; width: 100%;}
#wpdcom .wpd-form .wpd-textarea-wrap{position: relative;}
#wpdcom .wpd-form .wpdiscuz-textarea-wrap [id^=wpd-editor-wraper] textarea{width: 100%;}
#wpdcom .wpd-form .wpd-avatar{margin-right: 15px; border-radius: 100%; text-align: left;flex-shrink: 0; align-self: flex-start;}
#wpdcom .wpd-form .wpd-avatar img,
#wpdcom .wpd-form .wpd-avatar img.avatar{width:56px; height:56px; max-width: 56px; border-radius: 100%; border: 1px solid #cccccc; padding: 2px; background-color: #ffffff; vertical-align: middle; text-align: center;}
#wpdcom .wpd-form .wpdiscuz-textarea-wrap textarea{ height: 54px ; border-radius: 5px; border: 1px solid #cccccc; width: 100%; padding: 10px 15px; font-size: 14px; box-shadow: inset 1px 1px 8px rgba(0, 0, 0, 0.1); font-family: inherit; outline: none; -webkit-transition: .18s ease-out; -moz-transition: .18s ease-out; -o-transition: .18s ease-out; transition: .18s ease-out;resize: none;}
#wpdcom .wpd-form .wpdiscuz-textarea-wrap textarea:hover {box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.02);}
#wpdcom .wpd-form .wpdiscuz-textarea-wrap textarea::-moz-placeholder { line-height:28px; color: #666666; font-size: 16px;}
#wpdcom .wpd-form .wpdiscuz-textarea-wrap textarea::-webkit-input-placeholder {line-height:28px; color: #666666; font-size: 16px;}
#wpdcom .wpd-form .wpdiscuz-textarea-wrap textarea:-ms-input-placeholder {line-height:28px; color: #666666; font-size: 16px;}
#wpdcom .wpdiscuz-edit-form-wrap {margin-bottom: 15px; margin-top: 10px; position: relative;}
#wpdcom .wpdiscuz-edit-form-wrap table{  border: none; margin: 15px 0px;}
#wpdcom .wpdiscuz-edit-form-wrap table td{ border: none; padding: 1px 0px; border-bottom: 1px dashed #cccccc;}
#wpdcom .wpdiscuz-edit-form-wrap table td label{font-size: 13px; color: #666666;display: inline; line-height: 22px; margin-right: 20px; vertical-align: text-bottom;}
#wpdcom .wpdiscuz-edit-form-wrap .wc_save_wrap{text-align: right; margin-top: 10px;}
#wpdcom .wpdiscuz-edit-form-wrap .wc_save_wrap .wc_cancel_edit{margin: 0px 10px;}
#wpdcom .wpd-form.wpd-secondary-form-wrapper{margin-bottom: 25px;}
#wpdcom .wpd-form.wpd-secondary-form-wrapper .wpdiscuz-textarea-wrap{padding-top: 10px;}
#wpdcom .wpd-form-wrap .wpd-login-to-comment{text-align: center;font-size: 16px;padding: 15px 0 0 0;}
#wpdcom .wpd-form .wpdiscuz-textarea-wrap{padding-bottom: 10px;}
#wpdcom .wpd-form .wpdiscuz-textarea-wrap.wpd-txt{flex-wrap: wrap;}
#wpdcom .wpd-form .wpdiscuz-textarea-wrap.wpd-txt .wpd-avatar{flex-basis: 69px; margin-right: 0;}
#wpdcom .wpd-form .wpdiscuz-textarea-wrap.wpd-txt .wpd-textarea-wrap{flex-basis: calc( 100% - 70px );}
#wpdcom .wpd-form .wpdiscuz-textarea-wrap.wpd-txt .wpd-textarea-wrap .quicktags-toolbar{ width: 100%; margin-bottom: 1px;}
#wpdcom .wpd-form .wpdiscuz-textarea-wrap.wpd-txt .wpd-textarea-wrap textarea{width: 100%;}
#wpdcom .wpd-form .wpdiscuz-textarea-wrap.wpd-txt .wmu-upload-wrap {flex-basis: 100%;text-align: right; margin-top: 3px;}
#wpdcom .wpd-form .wpdiscuz-textarea-wrap.wpd-txt .wmu-upload-wrap i{color: #888; font-size: 18px;}
#wpdcom .wpd-form .wpdiscuz-textarea-wrap .wpd-editor-buttons-right{float:right;}
#wpdcom .wpd-form .wpdiscuz-textarea-wrap.wpd-txt .wpd-editor-buttons-right{display:flex;align-items:center;margin-left: auto;}
#comments #wpdcom .wpd-form .wpd_comm_form .wpdiscuz-textarea-wrap.wpd-txt .wpd-editor-buttons-right span{display: inline-block;margin:3px;}
#wpdcom .wpd-form .wpdiscuz-textarea-wrap.wpd-txt [wpd-tooltip]::after{left:auto; margin-left: -35px;}
#wpdcom .wpd-form .wpdiscuz-textarea-wrap.wpd-txt [wpd-tooltip]::before{right: 25px; left:auto;}
#wpdcom .wpd-form .wpdiscuz-textarea-wrap.wpd-txt .quicktags-toolbar .ed_button {opacity: 0.8; box-shadow:none; background: #eeeeee; color: #666; font-size: 13px; padding: 1px 12px; margin: 2px 1px; display: inline-block; border-radius: 0; line-height: 20px;}
#wpdcom .wpd-form .wpdiscuz-textarea-wrap.wpd-txt .quicktags-toolbar .ed_button:hover{opacity: 1;} #wpdcom input[type="button"],
#wpdcom input[type="reset"],
#wpdcom input[type="submit"],
#wpdcom button{margin:inherit;}
#wpdcom .wpd-second-button,
#wpdcom .wpd-prim-button{border:none; cursor: pointer; font-family: "Arial Hebrew", Arial, sans-serif; font-size: 14px; line-height: 24px; padding: 4px 20px; letter-spacing:1px; box-shadow: 1px 1px 3px -1px #bbb; border-radius: 3px; max-width: none; max-width: none;}
#wpdcom .wpd-second-button:hover,
#wpdcom .wpd-prim-button:hover{opacity: 0.9; box-shadow: none; text-decoration: none;}
#wpdcom .wpd-second-button{background-color: #f5f5f5; color: #999999; box-shadow: 1px 1px 2px -1px #ccc;}
#wpdcom .wc-field-submit input[type="submit"]{margin-left: 2%;}
#wpdcom .wpd_label, #wpdcom .wpd_label{margin:1px 0px 5px 0px; padding: 0px;display:inline-block;}
#wpdcom .wpd_label, #wpdcom .wpd_label span{display: inline-block}
#wpdcom .wpd_label input[type="checkbox"].wpd_label__checkbox{display:none; }
#wpdcom .wpd_label__checkbox { display: none; }
#wpdcom .wpd_label__check { display: inline-block; border: 0px; border-radius: 0; vertical-align: middle; cursor: pointer; text-align: center; margin:0px 3px 0px 0px; }
#wpdcom .wpd_label__check i.wpdicon{font-size: 15px; line-height: 20px; padding: 4px 5px; width: 32px; margin: 0px; }
#wpdcom .wpd_label__check i.wpdicon-on{display: none;}
#wpdcom .wpd_label__check i.wpdicon-off{display: inline-block; color: #aaaaaa; border: 1px solid #dddddd; }
#wpdcom .wpd_label__checkbox:checked + .wpd_label__text .wpd_label__check .wpdicon-on{display: inline-block; }
#wpdcom .wpd_label__checkbox:checked + .wpd_label__text .wpd_label__check .wpdicon-off{display:none; }
#wpdcom .wpd_label__check i.wpdicon-off.fa-unlock-alt, #wpdcom .wpd_label__check i.wpdicon-on.fa-lock{ font-size: 15px; }
#wpdcom .wpd-form .ql-texteditor textarea{width: 100%;margin: 0px;box-sizing: border-box;outline: none;padding: 10px;line-height: 24px;position: absolute;top: 0;bottom: 0; border: none;}
#wpdcom .ql-editor{min-height: 65px; border-bottom-color: #fff; word-break: break-word;}
#wpdcom .ql-editor::before{ font-size: 16px; color: #aaa; letter-spacing: 1px;}
#wpdcom .ql-editor > * { cursor: text; font-size: 15px; letter-spacing: 0.5px; font-family: Arial; font-weight: normal; color: #666666;}
#wpdcom .ql-editor blockquote {margin-top: 0 !important; margin-bottom: 0 !important;}
#wpdcom .ql-container{border-radius: 3px 3px 0 0; background: #fff; border-bottom: none; border-color: #dddddd;}
#wpdcom .ql-toolbar {padding: 8px 8px 3px 5px; background-color: #fafafa; border-top: none; border-radius: 0 0 3px 3px; border-color: #dddddd;}
#wpdcom .ql-toolbar.wpd-toolbar-hidden{display:none;}
#wpdcom .ql-toolbar .ql-stroke{stroke: #999999;}
#wpdcom .ql-toolbar .ql-fill{fill: #999999;}
#wpdcom .ql-toolbar button:hover .ql-stroke{color: #0274be; stroke:  #0274be;}
#wpdcom .ql-toolbar button:hover .ql-fill{color: #0274be; fill:  #0274be;}
#wpdcom .ql-toolbar button.ql-active .ql-stroke{color: #0274be; stroke:  #0274be;}
#wpdcom .ql-toolbar button.ql-active .ql-fill{color: #0274be; fill:  #0274be;}
#wpdcom .ql-toolbar button.ql-spoiler,
#wpdcom .ql-toolbar button.ql-sourcecode{color: #999999; width: auto; font-size: 13px; letter-spacing: 2px; line-height: 15px; font-weight: bold; font-family: arial; display: flex; align-items: flex-start; justify-content: center;}
#wpdcom .ql-toolbar button:hover{text-decoration: none;}
#wpdcom .ql-toolbar .wmu-upload-wrap .wmu-add i{font-size: 18px; color: #999999;}
#wpdcom .ql-toolbar button.ql-spoiler:hover,
#wpdcom .ql-toolbar button.ql-sourcecode:hover,
#wpdcom .ql-toolbar .wmu-upload-wrap .wmu-add i:hover{color: #0274be;}
#wpdcom .wpd-editor-char-counter{font-size: 9px;padding: 3px 5px 2px;position: absolute;right: 0; z-index: 10; color: #888;}
#wpdcom .wpd-editor-char-counter.error{color: red;}
#wpdcom.wpdiscuz_unauth .wc-field-submit{padding-top: 15px;} #wpdcom .wpd-form-foot{margin-left: 70px;}
#wpdcom .wpd-form-row .wpdiscuz-item{clear: both;}
#wpdcom .wpd-form-row .wpd-form-col-full{width:100%; float:none; margin:0; text-align:left; padding:0; }
#wpdcom .wpd-form-row .wpd-form-col-left{width:49%; float:left; margin:0; text-align:left; padding:0; }
#wpdcom .wpd-form-row .wpd-form-col-right{width:49%; float:right; margin:0; text-align:right; padding:0; }
#wpdcom .wpd-form-row .wpd-form-col-full .wpdiscuz-item{text-align:left; }
#wpdcom .wpd-form-row .wpd-form-col-left .wpdiscuz-item{text-align:left; }
#wpdcom .wpd-form-row .wpd-form-col-right .wpdiscuz-item{text-align:right; } #wpdcom .wpdiscuz-item label.wpd-field-label{ float:none; }
#wpdcom .wpd-form-row .wpdiscuz-item{width:100%; vertical-align:baseline; padding:1px 0 7px 0; position:relative; }
#wpdcom .wpd-form-row .wpd-field{width:100%; line-height:20px; color:#777777; display:inline-block; float:none; clear:both; margin:0; box-sizing:border-box; padding-top:2%; padding-bottom: 2%; font-size:14px; border-radius:3px; vertical-align:baseline;}
#wpdcom .wpd-form-row .wpd-has-icon .wpd-field{padding-left:30px;}
#wpdcom .wpd-form-row .wpd-has-desc .wpd-field{padding-right:30px;}
#wpdcom .wpd-form-row .wpdiscuz-item .wpd-field-icon {display:inline-block; font-size:16px; line-height:16px; opacity:0.3; padding:0; margin:0px; position:absolute; top:9px; left:8px; width:20px; text-align:left; }
#wpdcom .wpd-form-row .wpdiscuz-item .wpd-field-desc{display:inline-block; font-size:16px; line-height:16px; opacity:1; margin:0px; position:absolute; top:8px; right:8px; width:20px; text-align:right; border-left:1px solid #ccc; color:#aaa; padding:0px 5px; cursor:pointer; }
#wpdcom .wpd-form-row .wpdiscuz-item.wpd-field-select .wpd-field-desc{border-left: none;}
#wpdcom .wpd-form-row .wpdiscuz-item input[type="text"],
#wpdcom .wpd-form-row .wpdiscuz-item input[type="email"],
#wpdcom .wpd-form-row .wpdiscuz-item input[type="url"],
#wpdcom .wpd-form-row .wpdiscuz-item input[type="color"],
#wpdcom .wpd-form-row .wpdiscuz-item input[type="date"],
#wpdcom .wpd-form-row .wpdiscuz-item input[type="datetime"],
#wpdcom .wpd-form-row .wpdiscuz-item input[type="datetime-local"],
#wpdcom .wpd-form-row .wpdiscuz-item input[type="month"],
#wpdcom .wpd-form-row .wpdiscuz-item input[type="number"],
#wpdcom .wpd-form-row .wpdiscuz-item input[type="time"]{height:32px;}
#wpdcom .wpd-form-row .wpdiscuz-item textarea{height:72px; padding-left: 10px;}
.wpdiscuz_select{background:url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAANCAYAAAC+ct6XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjBBRUQ1QTQ1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjBBRUQ1QTU1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMEFFRDVBMjVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMEFFRDVBMzVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk5mU4QAAACUSURBVHjaYmRgYJD6////MwY6AyaGAQIspCieM2cOjKkIxCFA3A0TSElJoZ3FUCANxAeAWA6IOYG4iR5BjWwpCDQCcSnNgxoIVJCDFwnwA/FHWlp8EIpHSKoGgiggLkITewrEcbQO6mVAbAbE+VD+a3IsJTc7FQAxDxD7AbEzEF+jR1DDywtoCr9DbhwzDlRZDRBgACYqHJO9bkklAAAAAElFTkSuQmCC) #fefefe no-repeat scroll right center!important; border-radius:0; border:1px solid lightgray!important; box-shadow:none!important; height:28px!important; padding:3px 22px 3px 8px!important; font-size:13px!important; -moz-appearance:none!important; -webkit-appearance:none!important; outline:0 none!important; text-indent:.01px; text-overflow:""!important; width:100%!important; box-sizing:border-box!important; line-height:20px!important; clear:both; float:none!important; margin:0!important}
#wpdcom .wc-field-submit{text-align:right; padding: 1px 2px 0 0; display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: flex-start;}
#wpdcom .wc-field-submit input[type="button"]{margin:1px; border:#ddd 1px solid; font-size:13px; line-height:16px; padding:6px 15px; clear:both; float:none}
#wpdcom .wpd-item-wrap{ text-align:left; }
#wpdcom .wpd-item{ text-align:left; }
#wpdcom .wpd-form-col-left .wpd-field-group .wpd-field-group-title, #wpdcom .wpd-form-col-right .wpd-field-group .wpd-field-group-title, #wpdcom .wpd-form-col-full .wpd-field-group .wpd-field-group-title{ font-size:13px; text-align:left; line-height:20px; padding: 5px 0; }
#wpdcom .wpd-form-col-left .wpd-has-desc .wpd-field-group-title, #wpdcom .wpd-form-col-right .wpd-has-desc .wpd-field-group-title, #wpdcom .wpd-form-col-full .wpd-has-desc .wpd-field-group-title{ padding-right:35px; }
#wpdcom .wpd-comment-right .wpd-top-custom-fields{ padding:5px 10px 10px 0px; }
#wpdcom .wpd-comment-right .wpd-bottom-custom-fields{ padding:5px 0px; margin-bottom:5px; margin-top: 10px;} #wpdcom .wpd-form-row .wpdiscuz-item .wc-captcha-label{float:right; display:block; width:111px; text-align:right; padding:0; line-height:30px; }
#wpdcom .wpd-form-row .wpdiscuz-item .wc-captcha-label .wc_captcha_img{display:inline!important; border:0; padding:0; margin:0; vertical-align:middle; box-sizing:content-box; width:80px; height:26px; border-bottom:2px solid #e6e6e6}
#wpdcom .wpd-form-row .wpdiscuz-item .wc-captcha-label a{margin:0; display:inline; padding:0; text-decoration:none; height:auto; width:auto}
#wpdcom .wpd-form-row .wpdiscuz-item .wc-captcha-input{float:left; display:block; min-width:30px; width:calc(100% - 112px); line-height:30px; }
#wpdcom .wpd-form-row .wpdiscuz-item .wc-captcha-input input[type="text"]{width:100%; padding:3px 5px; height:28px; }
#wpdcom .wpd-form-row .wpdiscuz-item .wc-captcha-label .wc_captcha_refresh_img{cursor:pointer}
#wpdcom .wpd-form-row .wpdiscuz-item .wc-captcha-label .wc_captcha_refresh_img img{max-width:16px!important; max-height:16px!important; box-sizing:content-box; margin:0; display:inline!important; background-color:#e6e6e6; padding:5px; border:1px solid #e4e4e4; border-left:1px solid #d9d9d9; vertical-align:middle; }
#wpdcom .wpd-form-row .wpdiscuz-item .wc-bin-captcha{background: #f5f5f5; padding: 2px 15px; font-size: 11px; color: #aaa; line-height: 28px; text-align: center;}
#wpdcom .wpd-form-row .wpdiscuz-item .wc-bin-captcha i{margin-right: 5px}
#wpdcom .wpd-form-row .wpdiscuz-item.wpd-field-captcha{margin-bottom: -5px; padding-bottom:2px; } #wpdcom .wpdiscuz-item.wpd-field-checkbox.wpd-field-single{ border-bottom:none; text-align:right; }
#wpdcom .wpdiscuz-item.wpd-field-checkbox.wpd-field-single .wpd-item{ margin:0px; padding:0px; }
#wpdcom .wpdiscuz-item.wpd-field-checkbox.wpd-field-single .wpd-field{ height:20px; vertical-align:top; outline: none; }
#wpdcom .wpdiscuz-item.wpd-field-checkbox.wpd-field-single .wpd-field-label{ height:20px; vertical-align:top; }
#wpdcom .wpdiscuz-item .wpd-field-label a{display: inline; vertical-align: baseline; line-height: inherit;}
#wpdcom .wpdiscuz-item.wpd-field-checkbox.wpd-field-single{ border-bottom:none; }
#wpdcom .wpd-form-col-left .wpd-field-group.wpd-field-single .wpd-field-group-title, #wpdcom .wpd-form-col-right .wpd-field-group.wpd-field-single .wpd-field-group-title{ font-size:inherit; text-align:right; line-height:inherit; height:25px; }
#wpdcom .wpdiscuz-item.wpd-field-radio, #wpdcom .wpdiscuz-item.wpd-field-checkbox{ padding-bottom:12px;}
#wpdcom .wpdiscuz-item.wpd-field-radio input, #wpdcom .wpdiscuz-item.wpd-field-checkbox input{box-shadow: none; border: 1px solid; display: inline-block; padding: initial!important;}
#wpdcom .wpd-form-col-left div:last-of-type, #wpdcom .wpd-form-col-right div:last-of-type{ border-bottom:none; }
#wpdcom .wpd-field-radio .wpd-item, #wpdcom .wpd-field-checkbox .wpd-item{ display:inline-block; padding:1px; margin:1px 0; min-width:60px; }
#wpdcom .wpd-field-radio .wpd-field, #wpdcom .wpd-field-checkbox .wpd-field { width:18px; height:18px; display:inline-block; float:left; padding:0px; line-height:20px; vertical-align:baseline; margin:0px 6px 0 0; box-sizing: border-box;}
#wpdcom .wpd-field-radio .wpd-field-label, #wpdcom .wpd-field-checkbox .wpd-field-label{ width:auto; height:22px; display:inline; float:none; padding:0px; line-height:20px; font-size:12px; margin:0px;}
#wpdcom .wpdiscuz-item.wpd-field-checkbox.wpd-field-agreement,
#wpdcom .wpdiscuz-item.wpd-field-checkbox.wpd-field-cookies-consent{padding-top:0px;}
#wpdcom .wpd-form-col-full .wpdiscuz-item.wpd-field-group.wpd-field-radio .wpd-item-wrap,
#wpdcom .wpd-form-col-full .wpdiscuz-item.wpd-field-group.wpd-field-checkbox .wpd-item-wrap{float: none;}
#wpdcom .wpdiscuz-item.wpd-field-single .wpd-field,
#wpdcom .wpdiscuz-item.wpd-field-single .wpd-field-label{line-height: 20px;}
#wpdcom .wpdiscuz-item.wpd-field-group.wpd-field-single{padding-bottom:0px}
#wpdcom .wpdiscuz-item.wpd-field-single .wpd-field-desc{top: 5px;} #wpdcom .wpd-form-row .wpd-form-col-right .wpdiscuz-item.wpd-field-select{ text-align:left; }
#wpdcom .wpdiscuz-item.wpd-field-select select.wpdiscuz_select{ height: 32px !important; max-width:400px!important; }
#wpdcom .wpdiscuz-item.wpd-field-select.wpd-has-desc select.wpdiscuz_select{ width:calc(100% - 40px)!important; }
#wpdcom .wpdiscuz-item.wpd-field-select .wpd-field-group-title { padding-top: 12px; }
#wpdcom .wpdiscuz-item.wpd-field-select.wpd-has-desc .wpd-field-desc{ top:9px; }
.wpd-custom-field{ display:table; width:100%; padding:1px 0; line-height:20px; }
.wpd-custom-field .fa-star{ font-size:1.2em; }
.wpd-cf-label{ background: #f9f9f9; box-sizing: border-box!important; display:table-cell; font-size: 13px; opacity: 1; padding: 5px 10px; vertical-align: top; width: 29%; border-bottom:1px #f0f0f0 solid; }
.wpd-cf-value{ display:table-cell; border-bottom:1px #f0f0f0 solid; width:69%; box-sizing:border-box!important; font-size:13px; vertical-align:top; opacity:0.7; padding: 5px 10px; }
#wpdcom .wpd-top-custom-fields .wpd-custom-field.wpd-cf-rating .wpd-cf-label{ background:transparent; border:none; padding: 2px 10px 2px 2px; }
#wpdcom .wpd-top-custom-fields .wpd-custom-field.wpd-cf-rating .wpd-cf-value{font-size: 14px; border-bottom:none; padding: 1px 10px; }
#wpdcom .wpd-top-custom-fields .wpd-custom-field.wpd-cf-rating .wpd-cf-value i{min-width: 20px; align-self: center; text-align: center;} #wpdcom .wpdiscuz-item .wpdiscuz-rating,
#wpdcom .wpd-item-wrap fieldset{display:inline-block;}
#wpdcom .wpdiscuz-item.wpd-field-group.wpd-field-rating{ border-bottom:1px dotted #ddd; height:77px; margin-bottom:0px; }
#wpdcom .wpdiscuz-item .wpdiscuz-rating {border: none; float: left; margin:0px; padding:5px 0 5px 1px; margin-left:-5px; }
#wpdcom .wpdiscuz-item .wpdiscuz-rating > input { visibility:visible;opacity:0; position:absolute; z-index: -1;}
#wpdcom .wpdiscuz-item .wpdiscuz-rating > label::before { margin: 1px 3px; line-height: 18px; font-size: 1.1em; cursor:pointer; }
#wpdcom .wpdiscuz-item .wpdiscuz-rating > .half::before {position: absolute; cursor:pointer; }
#wpdcom .wpdiscuz-item .wpdiscuz-rating > label { float: right; font-size: 1.1em;}
#wpdcom .wpd-form-col-full .wpdiscuz-item.wpd-field-rating.wpd-has-desc .wpd-field-desc{ right:0px; top:0px; position:relative; font-size:14px; margin-left:5px; padding:0 7px; }
#wpdcom .wpd-form-col-full .wpdiscuz-item.wpd-field-rating.wpd-has-desc .wpd-field-desc i.fa{ font-size:17px; }
#wpdcom .wpd-form-col-full .wpd-field-group .wpd-field-group-title{ display:inline-block; vertical-align:baseline; padding:0px 0 2px 0; margin-top:-2px; padding-right: 35px; }
#wpdcom .wpd-form-col-full .wpdiscuz-item .wpdiscuz-rating{ padding:0px 6px 0 0; vertical-align:middle; line-height: 14px; }
#wpdcom .wpd-form-col-full .wpd-item-wrap{ display:inline-block; float:left; padding-right:7px; vertical-align:baseline; padding:0px 1px 1px 1px; }
#wpdcom .wpdiscuz-edit-form-wrap .wpdiscuz-item.wpd-field-group.wpd-field-rating{height: auto; border-bottom:none;}
#wpdcom .wpdiscuz-edit-form-wrap .editcomment td{vertical-align: middle; padding-right: 10px;}
#wpdcom .wpdiscuz-edit-form-wrap .editcomment .wpd-edit-radio td,
#wpdcom .wpdiscuz-edit-form-wrap .editcomment .wpd-edit-checkbox td{vertical-align: top;}
#wpdcom .wpdiscuz-edit-form-wrap .editcomment .wpd-edit-radio td input,
#wpdcom .wpdiscuz-edit-form-wrap .editcomment .wpd-edit-checkbox td input{width: auto;  vertical-align: baseline; margin-right: 1px; display: inline; line-height: 22px;}
#wpdcom .wpdiscuz-edit-form-wrap .editcomment .wpd-edit-rating td label{margin-right: 1px;}
#wpdcom .wpdiscuz-edit-form-wrap .editcomment .wpdiscuz-item{padding: 7px 0;}
.wpdiscuz-stars-label{ line-height:20px; padding:10px 0 2px 3px; font-size:14px; }
.wpdiscuz-stars-wrapper{ display:block; }
.wpdiscuz-stars-wrapper-inner{ position: absolute; }
.wpdiscuz-activ-stars{ position: absolute; display: flex; font-size: 22px; top:0; left:0; }
.wpdiscuz-pasiv-stars{ font-size: 22px; display: flex; }
.wpdiscuz-activ-stars{ overflow:hidden; }
.wpdiscuz-pasiv-stars i.wpdiscuz-pasiv-star, .wpdiscuz-activ-stars i.wpdiscuz-activ-star{ padding:0px 2px; font-size:20px; }
#wpdcom .wpd-form-col-full .wpdiscuz-item.wpd-field-group.wpd-field-rating{height: auto; border-bottom: none;padding-bottom: 10px;} #wpdcom .wpd-form-row .wpd-field-date { height:77px; }
#wpdcom .wpd-form-row .wpd-field-date .wpd-field-title{font-size: 13px; line-height: 20px; padding: 5px 0 8px 0; text-align: left; padding-bottom: 8px; }
#wpdcom .wpd-form-row .wpd-field-date.wpd-has-icon .wpd-field{padding-left:5px; }
#wpdcom .wpd-form-row .wpd-field-date.wpd-has-desc .wpd-field{padding-right:5px; }
#wpdcom .wpd-form-row .wpd-field-date.wpd-has-icon .wpd-field-icon{left:2px; top: 10px; }
#wpdcom .wpd-form-row .wpd-field-date.wpd-has-icon .wpd-field-desc{top: 10px; }
#wpdcom .wpd-form-row .wpd-field-date.wpd-has-icon .wpd-field-title{padding-left:26px; }
#wpdcom .wpd-form-row .wpd-field-date.wpd-has-desc .wpd-field-title{padding-left:26px; } #wpdcom .wpd-form-row .wpd-field-color { height:77px; }
#wpdcom .wpd-form-row .wpd-field-color .wpd-field-title{font-size: 13px; line-height: 20px; padding: 5px 0 8px 0; text-align: left; padding-bottom: 8px; }
#wpdcom .wpd-form-row .wpd-field-color.wpd-has-icon .wpd-field{padding-left:5px; }
#wpdcom .wpd-form-row .wpd-field-color.wpd-has-desc .wpd-field{padding-right:5px; }
#wpdcom .wpd-form-row .wpd-field-color.wpd-has-icon .wpd-field-icon{left:2px; top: 10px; }
#wpdcom .wpd-form-row .wpd-field-color.wpd-has-icon .wpd-field-desc{top: 10px; }
#wpdcom .wpd-form-row .wpd-field-color.wpd-has-icon .wpd-field-title{padding-left:26px; }
#wpdcom .wpd-form-row .wpd-field-color.wpd-has-desc .wpd-field-title{padding-left:26px; } #wpdcom .wpdiscuz-spoiler-wrap{background-color: #eee; border: 1px solid #555; border-style: dashed; margin:  5px 0; }
#wpdcom .wpdiscuz-spoiler-wrap .wpdiscuz-spoiler{padding: 5px; cursor: pointer; }
#wpdcom .wpdiscuz-spoiler-wrap .wpdiscuz-spoiler .fas{margin:0 5px; }
#wpdcom .wpdiscuz-spoiler-wrap .wpdiscuz-spoiler-content{display: none; font-style: italic; padding: 5px; } @media screen and (min-width:655px) {
#wpdcom .wpd-field-captcha{ text-align:right!important; display:block; border-bottom: none; margin-top:3px!important;}
#wpdcom .wpd-field-captcha .wpdiscuz-recaptcha{ display: inline-block; margin:0px 0px 0px auto; }
#wpdcom .wpd-field-captcha .wpdiscuz-recaptcha iframe{ margin-bottom:0; }
#wpdcom .wpd_main_comm_form .wpd-field-captcha  .wpdiscuz-recaptcha{ transform:scale(0.8);-webkit-transform:scale(0.8); transform-origin:right 0;-webkit-transform-origin:right 0; margin:0px 0px 0px auto; }
#wpdcom .wpd-secondary-form-wrapper .wpd-field-captcha .wpdiscuz-recaptcha{ transform:scale(0.8);-webkit-transform:scale(0.8); transform-origin:right 0;-webkit-transform-origin:right 0;  margin:0px 0px 0px auto; }
#wpdcom .wpd_comment_level-5 .wpd-secondary-form-wrapper .wpdiscuz-recaptcha{ transform-origin:center 0;-webkit-transform-origin:center 0; }
}
@media screen and (max-width:730px){
#wpdcom .wpd_main_comm_form .wpd-field-captcha .wpdiscuz-recaptcha{ transform-origin:right 0;-webkit-transform-origin:right 0; }
}
@media screen and (max-width:655px){
#wpdcom .wpd-field-captcha { float: none; width: 100%; display:block; border-bottom: none; padding-bottom:0px; margin-bottom:0px; }
#wpdcom .wpd-field-captcha input{ height:1px; padding:0px; margin:0px; clear:both;}
}
#wpdcom .wpdiscuz-subscribe-bar .wpd-field-captcha {text-align: left!important;display: inline-block!important;border-bottom: none;clear: both;float: none;position: relative;transform-origin: left 0px 0px!important;transform: scale(0.8);padding: 20px 0px 20px 0px;margin-bottom: -40px;} #wpdcom #wpd-threads{margin-top: 20px;}
#wpdcom .wpd-thread-head{width: 100%; border-bottom: 2px solid #cccccc; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-end;}
#wpdcom .wpd-thread-head .wpd-thread-info{ color:#555555; padding:5px 15px 3px 5px; font-weight: 600; margin-bottom: -2px; font-size: 14px; letter-spacing:1px; text-transform: uppercase; text-align: left; line-height: 24px;}
#wpdcom .wpd-thread-head .wpd-thread-info.wpd-reviews-tab{padding:5px 15px 0px 14px;}
#wpdcom .wpd-thread-head .wpd-thread-info .wpdtc{font-size: 15px;}
#wpdcom .wpd-thread-head .wpdiscuz-user-settings{font-size:15px; color:#777777; cursor: pointer; text-align: center; padding: 5px 10px 6px 12px; margin:0 2px -2px 2px; width: 40px; text-align: center;}
#wpdcom .wpd-thread-head .wpd-thread-filter{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-end;}
#wpdcom .wpd-thread-filter .wpd-filter{font-size:16px; color:#999999; border-bottom: 2px solid #999999; cursor: pointer;text-align: center; padding: 5px 10px; margin:0 1px -2px 1px; line-height: 18px;}
#wpdcom .wpd-thread-filter .wpdf-reacted{color:#ffa600; border-bottom-color: #ffa600; width: 34px;}
#wpdcom .wpd-thread-filter .wpdf-hottest{color:#fc5844; border-bottom-color: #fc5844; width: 34px;}
#wpdcom .wpd-thread-filter .wpdf-sorting{font-size:14px; color:#777777; line-height: 18px; text-transform: capitalize; min-width: 100px; font-family: "Arial Hebrew", Arial, sans-serif;}
#wpdcom .wpd-thread-filter .wpdf-sorting i{font-size: 15px; margin-left: 6px; vertical-align: top; line-height: 14px;}
#wpdcom .wpd-thread-list .wpd-load-more-submit-wrap{display: flex; flex-direction: row; justify-content: center; padding: 10px;}
#wpdcom .wpd-comment .wpd-comment-wrap .wpd-comment-author span.wpd-user-nicename{color:#aaaaaa;font-size:13px;font-family: "Courier New", Courier, monospace;} #wpdcom .wpd-thread-list{ padding: 30px 0;}
#wpdcom .wpd-comment .wpd-comment-wrap{display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;align-items: stretch;align-content: flex-start; padding-bottom: 5px;}
#wpdcom .wpd-comment .wpd-comment-left{width: 60px; text-align: center; margin-right: 20px;}  _:-ms-lang(x), #wpdcom .wpd-comment .wpd-comment-left{width: auto;}
#wpdcom .wpd-comment .wpd-comment-right{padding-bottom: 15px; flex-grow: 1; width: calc(100% - 80px);}
#wpdcom .wpd-comment .wpd-avatar {position: relative;}
#wpdcom .wpd-comment .wpd-avatar img,
#wpdcom .wpd-comment .wpd-avatar img.avatar{width:56px; height:56px; max-width: 56px; border-radius: 100%; border: 1px solid #cccccc; padding: 2px; background-color: #ffffff; vertical-align: middle; text-align: center; float: none;}
#wpdcom .wpd-comment .wpd-avatar i{position: absolute;bottom: 1px;right: 5px;border-radius: 50%;padding: 3px;border: 2px solid #fff;width: 20px;height: 20px;display: flex;justify-content: center;align-items: center;}
#wpdcom .wpd-comment .wpd-avatar i svg{width: 12px;height: 12px; fill: #ffffff;}
#wpdcom .wpd-comment .wpd-comment-label{ margin: 9px auto 2px auto; border-radius: 3px; font-size: 11px; line-height: 14px; text-align: center; width: 100%; padding: 1px 5px; cursor: default; display: flex; align-items: center; justify-content: center; flex-flow: row;}
#wpdcom .wpd-comment .wpd-comment-label span{text-overflow: ellipsis; white-space: nowrap;overflow: hidden; display: inline-block; width: 100%; padding: 0;}
#wpdcom .wpd-comment .wpd-follow-link{color:#999999; font-size: 13px; cursor: pointer; padding-left: 5px;}
#wpdcom .wpd-comment-header{ font-size: 13px; color: #999999;}
#wpdcom .wpd-comment .wpd-comment-header{padding:5px 0 5px 0; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center;}
#wpdcom .wpd-comment-header .wpd-comment-author{ font-size: 15px; font-weight: 600; text-decoration: none; letter-spacing:0.7px; margin-right: 5px;}
#wpdcom .wpd-comment .wpd-comment-header i{line-height: 1.75;}
#wpdcom .wpd-comment-date{padding:0 5px; font-size: 11px;}
#wpdcom .wpd-comment-date i{ font-size: 11px; margin-right: 4px;}
#wpdcom .wpd-comment-status{padding:0 5px;}
#wpdcom .wpd-comment-status div{display: inline-block; cursor: default;}
#wpdcom .wpd-comment-status i{ margin:0 3px;}
#wpdcom .wpd-comment-status .wpd-sticky{vertical-align: top;}
#wpdcom .wpd-comment-status .wpd-closed{color: #999999; font-size: 12px;}
#wpdcom .wpd-comment-header .wpd-comment-share{padding:0 6px; cursor: default;}
#wpdcom .wpd-comment-header .wpd-comment-share .wpd-tooltip-content{text-align: center;}
#wpdcom .wpd-comment-header .wpd-comment-share .wpd-tooltip-content i svg{ fill:#ffffff; height: 12px; padding:0 6px; cursor: pointer;}
#wpdcom .wpd-comment-header .wpd-comment-share .wpd-tooltip-content i svg:hover{ fill: #ffee46;}
#wpdcom .wpd-comment-header .wpd-comment-link{padding:0; cursor: pointer; font-size: 12px; color: #aaaaaa; align-self: flex-start; padding-top: 9px;}
#wpdcom .wpd-comment-header .wpd-comment-link span{margin-left: 12px}
#wpdcom .wpd-comment-text{font-size: 15px; padding:0 0 8px 0; word-break: break-word;}
#wpdcom .wpd-comment-text * {line-height: 1.6;}
#wpdcom .wpd-comment-text p{margin-bottom:10px;}
#wpdcom .wpd-comment-text p:last-child{margin-bottom:0px;}
#wpdcom .wpd-comment-text ol,
#wpdcom .wpd-comment-text ul{margin: 0 0 1rem 1rem;}
#wpdcom .wpd-comment-text img,
#wpdcom .wpd-comment-text iframe,
#wpdcom .wpd-comment-text video,
#wpdcom .wpd-comment-text audio{max-width: 100% !important;}
#wpdcom .wpd-comment-text iframe{width: 480px; height: 280px;}
#wpdcom .wpd-comment-text blockquote {margin: 5px auto 5px 15px;padding: 2px 10px;font-size: 14px;}
#wpdcom .wpd-comment-text blockquote p {margin-bottom: 5px;}
#wpdcom .wpd-comment-text .wpd-inline-feedback-wrapper {font-style: italic; font-size: 15px; padding: 15px; background: #fffce1; margin-bottom: 10px; color: #777;}
#wpdcom .wpd-comment-text .wpd-inline-feedback-wrapper .wpd-inline-feedback-info{font-style: normal; font-weight: 600;}
#wpdcom .wpd-comment-text .wpd-inline-feedback-wrapper i.fa-quote-left { margin-right: 8px;font-size: 17px;color:#999797;}
#wpdcom .wpd-comment-footer{display: flex; flex-direction: row; flex-wrap: nowrap; justify-content:space-between; align-items: center; padding-top:0;}
#wpdcom .wpd-comment-footer .wpd-vote{display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; padding-right: 20px; font-size: 0;}
#wpdcom .wpd-comment-footer .wpd-vote-up,
#wpdcom .wpd-comment-footer .wpd-vote-down{ width: 16px; height: 16px; opacity:0.7; cursor: pointer;}
#wpdcom .wpd-comment-footer .wpd-vote-down.wpd-dislike-hidden{display:none!important;}
#wpdcom .wpd-comment-footer .wpd-vote-up svg,
#wpdcom .wpd-comment-footer .wpd-vote-down svg{ fill: #888888; cursor: pointer;}
#wpdcom .wpd-comment-footer .wpd-vote-result{padding:0 8px; font-size: 14px; text-align: center; color: #999999;}
#wpdcom .wpd-comment-footer .wpd-reply-button{cursor:pointer; font-size: 14px; color: #999999; white-space: nowrap;}
#wpdcom .wpd-comment-footer .wpd-reply-button i{margin-right: 6px; opacity:0.7;}
#wpdcom .wpd-comment-footer .wpd-reply-button svg{ vertical-align: middle; transform: rotate(180deg); width: 22px; height: 22px; opacity:0.7; fill: #999999; margin-right: 2px;}
@-moz-document url-prefix() { #wpdcom .wpd-comment-footer .wpd-reply-button svg{vertical-align: bottom;} }
#wpdcom .wpd-comment-footer .wpd-reply-button span{line-height: 21px; font-size: 1em;}
#wpdcom .wpd-comment-footer .wpd-vote-up:hover,
#wpdcom .wpd-comment-footer .wpd-vote-down:hover{opacity: 1;}
#wpdcom .wpd-comment-footer .wpd-reply-button:hover{color: #777777;}
#wpdcom .wpd-comment-footer .wpd-reply-button:hover svg{opacity: 1;}
#wpdcom .wpd-comment-footer .wpd-tools i{color: #aaaaaa; font-size: 14px; cursor: pointer;}
#wpdcom .wpd-comment-footer .wpd-toggle i{color: #aaaaaa; font-size: 15px; cursor: pointer;}
#wpdcom .wpd-comment-footer .wpd-toggle .wpd-view-replies{font-size: 13px!important; color:#888;margin-right: 7px;}
#wpdcom .wpd-hidden-replies .wpd-toggle.wpd-hidden:last-child{visibility: visible; opacity: 1;}
#wpdcom .wpd-comment-footer .wpd-sep{border-right: 1px #cccccc solid; margin:0 7px; width: 1px; height: 15px;}
#wpdcom .wpd-comment-right:hover .wpd-comment-footer .wpd-tool-wrap,
#wpdcom .wpd-comment-right:hover .wpd-comment-footer .wpd-sep,
#wpdcom .wpd-comment-right:hover .wpd-comment-footer .wpd-tools,
#wpdcom .wpd-comment-right:hover .wpd-comment-footer .wpd-toggle,
#wpdcom .wpd-comment-right:hover .wpd-comment-header .wpd-comment-share,
#wpdcom .wpd-comment-right:hover .wpd-comment-header .wpd-comment-link{visibility: visible; opacity: 1;}
#wpdcom .wpd-comment-right .wpd-comment-last-edited {margin: 10px 0 20px 0; font-size: 12px; color: #999; font-style: italic;}
#wpdcom .wpd-comment-right .wpd-comment-last-edited i{padding-right: 5px;}
#wpdcom .wpd-comment.wpd-reply .wpd-comment-left{width: 50px;} _:-ms-lang(x), #wpdcom .wpd-comment.wpd-reply .wpd-comment-left{width: auto;}
#wpdcom .wpd-comment.wpd-reply .wpd-avatar img,
#wpdcom .wpd-comment.wpd-reply .wpd-avatar img.avatar{width:48px; height:48px; max-width: 48px; }
#wpdcom .wpd-comment.wpd-reply .wpd-comment-label{font-size: 10px; line-height: 13px; margin:10px auto 7px auto;display: flex; align-items: center; justify-content: center; flex-flow: row;}
#wpdcom .wpd-comment.wpd-reply .wpd-follow-link{font-size: 11px;}
#wpdcom .wpd-comment.wpd-reply .wpd-comment-header .wpd-comment-author,
#wpdcom .wpd-comment.wpd-reply .wpd-comment-header .wpd-comment-author a{ font-size: 14px; margin-right: 5px;}
#wpdcom .wpd-comment .wpd-reply-to{font-size: 13px; color: #999999; font-style: italic;}
#wpdcom .wpd-comment .wpd-reply-to i{margin-right: 6px;}
#wpdcom .wpd-comment .wpd-reply-to a{text-decoration: none; opacity: 0.8; color: #0274be;}
#wpdcom .wpd-comment .wpd-reply-to a:hover{opacity: 1; color: #000000;}
#wpdcom .wpd-comment.wpd-reply .wpd-comment-text{font-size: 14px;}
#wpdcom .wpd-comment.wpd-reply .wpd-comment-footer .wpd-vote-up,
#wpdcom .wpd-comment.wpd-reply .wpd-comment-footer .wpd-vote-down{ width: 15px; height: 15px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
_:-ms-lang(x), #wpdcom .wpd-comment.wpd-reply .wpd-comment-footer .wpd-vote-up,
_:-ms-lang(x), #wpdcom .wpd-comment.wpd-reply .wpd-comment-footer .wpd-vote-down{display: -ms-flexbox;}
#wpdcom .wpd-comment.wpd-reply .wpd-comment-footer .wpd-vote-result{font-size: 13px;}
#wpdcom .wpd-comment.wpd-reply .wpd-comment-footer .wpd-reply-button{font-size: 13px;}
#wpdcom .wpd-comment.wpd-reply .wpd-comment-footer .wpd-reply-button svg{width: 20px; height: 20px;}
#wpdcom .wpd-comment.wpd-reply .wpd-comment-footer .wpd-reply-button span{line-height: 19px; font-size: 1em;}
#wpdcom .wpd-comment.wpd-reply .wpd-comment-footer .wpd-tools i{font-size: 13px;}
#wpdcom .wpd-comment.wpd-reply .wpd-comment-footer .wpd-toggle i{font-size: 14px;}
#wpdcom .wpd-comment.wpd-reply .wpd-comment-footer .wpd-sep{height: 14px;}
#wpdcom.wpd-layout-1 .wpd-comment .wpd-reply-to{margin-bottom: 6px; border-left: 1px solid #cccccc; padding: 0px 10px;}
#wpdcom.wpd-layout-1 .wpd-comment .wpd-avatar i{bottom: 0px; right: 0px;}
#wpdcom.wpd-layout-1 .wpd-new-loaded-comment > .wpd-comment-wrap > .wpd-comment-right{padding-right: 15px; padding-left: 15px;}
#wpdcom.wpd-layout-1 .wpd-comment .wpd-follow-link{margin-top: 5px;}
#wpdcom.wpd-layout-3 .wpd-comment-footer .wpd-toggle .wpd-view-replies{background: #fff; padding: 5px 10px; border-radius: 12px; margin-right: 1px; margin-left: -6px;} #wpdcom.wpd-layout-2 .wpd-form .wpd-form-foot{margin-left: 65px;}
#wpdcom.wpd-layout-2 .wpd-form .wpd-avatar{width: 54px; margin-right: 11px;}
#wpdcom.wpd-layout-2 .wpd-form .wpd-avatar img,
#wpdcom.wpd-layout-2 .wpd-form .wpd-avatar img.avatar{width:48px; height:48px; max-width: 48px; border-radius:0; border: none; border-bottom: 2px solid #cccccc; padding: 1px; background-color: #ffffff; vertical-align: middle; text-align: center;}
#wpdcom.wpd-layout-2 .wpd-form .wpdiscuz-textarea-wrap textarea::placeholder {line-height: 27px;font-size: 15px;}
#wpdcom.wpd-layout-2 .wpd-form .wpdiscuz-textarea-wrap textarea {height: 48px;}
#wpdcom.wpd-layout-2 .wpd-comment{margin-bottom: 20px;}
#wpdcom.wpd-layout-2 .wpd-comment .wpd-comment-header,
#wpdcom.wpd-layout-2 .wpd-comment .wpd-comment-header .wpd-user-info .wpd-uinfo-top,
#wpdcom.wpd-layout-2 .wpd-comment .wpd-comment-header .wpd-user-info .wpd-uinfo-bottom {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-end;}
#wpdcom.wpd-layout-2 .wpd-comment .wpd-comment-header .wpd-user-info{display: block; flex-grow: 1; margin-bottom: -3px;}
#wpdcom.wpd-layout-2 .wpd-comment .wpd-comment-header .wpd-user-info .wpd-uinfo-top{flex-wrap: nowrap; align-items: center;}
#wpdcom.wpd-layout-2 .wpd-comment .wpd-comment-header .wpd-comment-label{width: auto; padding: 1px 15px; }
#wpdcom.wpd-layout-2 .wpd-comment .wpd-comment-label{margin: 0px;}
#wpdcom.wpd-layout-2 .wpd-comment .wpd-avatar{padding-right: 15px;}
#wpdcom.wpd-layout-2 .wpd-comment .wpd-avatar img,
#wpdcom.wpd-layout-2 .wpd-comment .wpd-avatar img.avatar{width:48px; height:48px; max-width: 48px; border-radius:0; border: none; border-bottom: 2px solid #cccccc; padding: 1px; background-color: #ffffff; vertical-align: middle; text-align: center;}
#wpdcom.wpd-layout-2 .wpd-comment .wpd-avatar i{bottom: -2px; right: 7px;}
_:-ms-lang(x), #wpdcom.wpd-layout-2 .wpd-comment .wpd-avatar i{line-height: 10px;}
#wpdcom.wpd-layout-2 .wpd-comment .wpd-follow-link {font-size: 12px; padding-left: 2px; padding-right: 12px;}
#wpdcom.wpd-layout-2 .wpd-comment .wpd-comment-text{margin: 8px 0 5px 0;}
#wpdcom.wpd-layout-2 .wpd-comment-header .wpd-comment-date {padding:0 10px 0 0;font-size: 12px;}
#wpdcom.wpd-layout-2 .wpd-comment-header .wpd-comment-status {padding:0 10px;}
#wpdcom.wpd-layout-2 .wpd-comment-header .wpd-comment-link {margin-bottom:0; padding-top: 1px;}
#wpdcom.wpd-layout-2 .wpd-comment-header .wpd-reply-to{font-size: 12px; padding-top:2px; margin-left: 0px; font-style: normal;}
#wpdcom.wpd-layout-2 .wpd-comment-header .wpd-reply-to i{margin-right: 3px;}
#wpdcom.wpd-layout-2 .wpd-comment.wpd-reply {margin-bottom: 0;}
#wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-comment-header .wpd-user-info .wpd-uinfo-top{margin-bottom: 3px;}
#wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-comment-header .wpd-comment-date {padding:0 10px;}
#wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-comment-label{font-size: 10px; line-height: 13px; margin:0 10px 0 0;}
#wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-follow-link{margin-right: 12px; border-right: 1px solid #ccc; padding-right: 12px;}
#wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-comment-wrap{margin: 0px 0px 5px 0px; background-color:#fafafa; border-left: 3px solid #dedede; padding: 10px 15px 0px 17px;}
#wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-avatar img,
#wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-avatar img.avatar{border-bottom: none;}
#wpdcom.wpd-layout-2 .wpd-new-loaded-comment > .wpd-comment-wrap > .wpd-comment-right{padding-right: 15px; padding-left: 15px;}
#wpdcom.wpd-layout-2 .wpd-new-loaded-comment.wpd-comment.wpd-reply > .wpd-comment-wrap > .wpd-comment-right{padding-left: 0; padding-right: 0;} #wpdcom.wpd-layout-3 .wpd-comment .wpd-tools-actions{top: 25px;}
#wpdcom.wpd-layout-3 .wpd-thread-list{padding: 35px 0;}
#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-wrap{padding-bottom: 0px;}
#wpdcom.wpd-layout-3 .wpdiscuz-edit-form-wrap {margin-left: 36px;}
#wpdcom.wpd-layout-3 .wpd-form .wpd-form-foot{margin-left: 84px;}
#wpdcom.wpd-layout-3 .wpd-form .wpd-avatar{width: 67px;}
#wpdcom.wpd-layout-3 .wpd-form .wpdiscuz-textarea-wrap textarea {height: 60px;padding: 14px 15px;}
#wpdcom.wpd-layout-3 .wpd-form .wpd-avatar img,
#wpdcom.wpd-layout-3 .wpd-form .wpd-avatar img.avatar,
#wpdcom.wpd-layout-3 .wpd-comment .wpd-avatar img,
#wpdcom.wpd-layout-3 .wpd-comment .wpd-avatar img.avatar {width: 64px; height: 64px; max-width: 64px; border-radius: 100%; padding: 3px;}
#wpdcom.wpd-layout-3 .wpd-comment .wpd-avatar img {border-color: #d1d1d1;}
#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-wrap{margin-bottom: 35px;}
#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-left {width: 70px; margin-right: -34px; position: relative; z-index: 2;}
#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-left .wpd-avatar{margin-top: -6px;}
#wpdcom.wpd-layout-3 .wpd-comment-status{display: flex; flex-direction: row; justify-content: flex-end; align-items: flex-start; font-size: 12px; line-height: 1.75; padding-top: 8px;}
#wpdcom.wpd-layout-3 .wpd-comment-status .wpd-closed{font-size: 11px;}
#wpdcom.wpd-layout-3 .wpd-comment-status div {margin-left: 4px;}
#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-right {padding-bottom: 0px; border-left: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; width: calc(100% - 35px);}
#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-header{background-color: #f7f7f7; margin-left: -1px; padding: 10px 0 7px 0;}
#wpdcom.wpd-layout-3 .wpd-comment.wpd-sticky-comment .wpd-comment-header{background-color: #f6fff4;}
#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-header .wpd-comment-author{padding-left: 42px;}
#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-subheader{margin-left: 42px; margin-top: 0px; display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; align-items: flex-start;}
#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-subheader .wpd-comment-date{flex-grow: 1; font-size: 11px; line-height: 22px; color: #999; padding-top: 1px;}
#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-subheader .wpd-comment-date i{font-size: 10px;}
#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-label{margin: -1px 10px 0 0; border-radius: 0 0 5px 5px; font-size: 13px; line-height: 16px; text-align: center; width: auto; padding: 3px 15px; cursor: default;}
#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-header .wpd-comment-author,
#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-header .wpd-comment-author a {font-size: 14px; font-weight: normal;}
#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-header .wpd-follow-link{font-size: 12px;}
#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-header .wpd-comment-share {font-size: 12px; padding: 0 12px; }
#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-header .wpd-comment-link {font-size: 11px; padding: 1px 8px 0px 0px;}
#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-text{padding-left: 30px; padding-top: 15px; padding-bottom: 17px; font-size: 16px;}
#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer{margin-bottom: -14px; margin-left: 40px;}
#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-vote{padding-left: 18px; margin-left: -20px;}
#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-vote-up,
#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-vote-down{border: 1px solid #aaaaaa; border-radius: 100%;  display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 5px; width: 28px; height: 28px; background-color: #fff;}
#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-vote-up svg.fa-chevron-up,
#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-vote-down svg.fa-chevron-down{width: 15px; padding: 1px;}
#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-vote-up svg.fa-plus,
#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-vote-down svg.fa-minus{width: 15px; padding: 2px;}
#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-vote-up.wpd-up{border: 1px solid #009149!important;}
#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-vote-down.wpd-down{border: 1px solid #fc5844!important;}
#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-vote-result {padding: 0 10px;font-size: 16px; background-color: #fff; border-radius: 50%;line-height: 26px;}
#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-reply-button{background-color: #fff; border: 1px solid #aaaaaa; border-radius: 15px; padding: 1px 20px 1px 16px;}
#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-reply-button svg{ vertical-align: bottom;  width: 20px; height: 20px; margin-right: 3px;}
#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-wpanel{width: 20px; height: 20px}
#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-tool-wrap{ padding-left: 20px; display: flex; flex-direction: row; justify-content: flex-end; align-items: center; flex-wrap: nowrap; }
#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-tool-wrap i{background: #fff; border-radius: 50%; padding: 5px; height: 25px; width: 25px; line-height: 14px; border: 1px solid #aaa;}
#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-sep {margin: 0 3px; border: none;}
#wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-avatar img,
#wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-avatar img.avatar {width: 48px; height: 48px; max-width: 48px; border: none;}
#wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-wrap{margin-bottom: 0px;}
#wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-status{padding-top: 0px;}
#wpdcom.wpd-layout-3 .wpd-comment .wpd-reply-to{font-size: 13px; display: flex; flex-direction: row; justify-content: flex-start; margin-left: 36px; margin-top: 1px; align-items: center; background-color: #f7f7f7; padding: 5px 10px; }
#wpdcom.wpd-layout-3 .wpd-comment .wpd-reply-to .wpd-comment-date{margin-left: auto; font-style: normal;}
#wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-left {width: 70px; margin-right: -34px; position: relative; z-index: 2;}
#wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-left .wpd-avatar{margin-top: 0px;}
#wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-right {border-bottom:none;}
#wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-header{background-color: transparent; margin-left: 0px; padding: 6px 0 5px 0;}
#wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-header .wpd-comment-author{padding-left: 36px;}
#wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-label{margin: 0 8px 0 6px; border-radius: 3px; font-size: 11px; line-height: 14px; text-align: center; width: auto; padding: 1px 12px; cursor: default;}
#wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-header .wpd-comment-author,
#wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-header .wpd-comment-author a {font-size: 14px; font-weight: normal;}
#wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-text{padding-left: 36px; padding-top: 10px; padding-bottom: 15px; font-size: 14px;}
#wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-footer{margin-bottom: 20px; margin-left: 36px; padding-bottom: 10px; border-bottom: 1px dashed #cccccc;}
#wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-footer .wpd-vote{background: transparent; padding-left: 0; margin-left: 0; font-size: 0;}
#wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-footer .wpd-vote-up,
#wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-footer .wpd-vote-down{border: none; padding: 0; width: 15px; height: 15px; display: inline; background: transparent;}
_:-ms-lang(x), #wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-footer .wpd-vote-up,
_:-ms-lang(x), #wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-footer .wpd-vote-down{display: -ms-flexbox;}
#wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-footer .wpd-vote-up.wpd-up{border: none!important;}
#wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-footer .wpd-vote-down.wpd-down{border: none!important;}
#wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-footer .wpd-vote-result {padding: 0 8px;font-size: 14px; background: transparent;}
#wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-footer .wpd-reply-button{background: transparent; border: none; padding: 0;}
#wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-footer .wpd-reply-button svg{vertical-align: bottom;  width: 20px; height: 20px; margin-right: 3px;}
#wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-footer .wpd-tool-wrap i{background: transparent; border: none;}
#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment.wpd-reply:last-child{margin-bottom: 30px;}
#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment.wpd-reply:last-child .wpd-comment-footer{margin-bottom: 0px; padding-bottom: 0px; border-bottom: none;}
#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment.wpd-reply:last-child .wpd-comment.wpd-reply{margin-top: 20px;}
#wpdcom.wpd-layout-3 .wpd-comment.wpd-new-loaded-comment  > .wpd-comment-wrap > .wpd-comment-right > .wpd-comment-text{padding-right: 10px;}
#wpdcom.wpd-layout-3 .wpd-comment-right .wpd-comment-last-edited{margin-left: 40px;} #wpd-bubble-wrapper{display:none;position:fixed;z-index:99;text-align:center;opacity:0.9;bottom:80px;}
#wpd-bubble-wrapper.wpd-bubble-hover{opacity:1;}
#wpd-bubble-wrapper #wpd-bubble-all-comments-count{font-size: 15px;font-weight: 600;font-family: sans-serif;}
#wpd-bubble-wrapper > div{display:none;border:1px solid #fff;box-shadow:0px 0px 15px #aaa;width:64px;height:64px;border-radius:50%;color:#fff;align-items:center;justify-content:center;position:relative;}
#wpd-bubble-wrapper svg{width:60%;height:60%;}
#wpd-bubble-wrapper #wpd-bubble-count svg,#wpd-bubble-wrapper #wpd-bubble-notification svg{margin-left:3px;margin-top:3px;}
#wpd-bubble-wrapper #wpd-bubble svg{margin-left:2px;}
#wpd-bubble-wrapper path.wpd-bubble-count-first{fill:#fff;}
#wpd-bubble-wrapper path.wpd-bubble-count-second{fill:transparent;}
#wpd-bubble-wrapper path.wpd-bubble-plus-first{fill:#fff;}
#wpd-bubble-wrapper path.wpd-bubble-plus-second{fill:transparent;}
#wpd-bubble-wrapper > #wpd-bubble-count{display:flex;cursor:pointer;}
#wpd-bubble-wrapper > #wpd-bubble{cursor:pointer;}
#wpd-bubble-wrapper > #wpd-bubble #wpd-bubble-add-message{width:400px;height:46px;position:absolute;top:50%;left:75px;border-radius:5px;padding:7px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center; font-size: 16px;}
#wpd-bubble-wrapper.wpd-right-corner > #wpd-bubble #wpd-bubble-add-message{left:-412px;}
#wpd-bubble-wrapper > #wpd-bubble #wpd-bubble-add-message::before{content:'';border:9px solid transparent;position:absolute;top:50%;left:-9px;transform:translateY(-50%);border-left:none;}
#wpd-bubble-wrapper.wpd-right-corner > #wpd-bubble #wpd-bubble-add-message::before{left:400px;border-left:9px solid;border-right:none;}
#wpd-bubble-wrapper > #wpd-bubble-count .wpd-new-comments-count{display:none;}
#wpd-bubble-wrapper > #wpd-bubble-count.wpd-new-comments .wpd-new-comments-count{display:flex;border-radius:50%;width:25px;height:25px;background-color:#ff842a;position:absolute;top:38px;left:38px;font-size:15px;align-items:center;justify-content:center;border:1px solid #fff;}
#wpd-bubble-wrapper.wpd-bubble-hover > #wpd-bubble-count:not(.wpd-new-comments) + #wpd-bubble{display:flex;}
#wpd-bubble-wrapper.wpd-bubble-hover > #wpd-bubble-count:not(.wpd-new-comments){display:none;}
#wpd-bubble-wrapper > #wpd-bubble-notification{background-color:#fe7617;}
#wpd-bubble-wrapper > #wpd-bubble-notification path.wpd-bubble-notification-first{fill:#fff;}
#wpd-bubble-wrapper > #wpd-bubble-notification path.wpd-bubble-notification-second{fill:transparent;}
#wpd-bubble-wrapper.wpd-new-comment-added{opacity:1;}
#wpd-bubble-wrapper.wpd-new-comment-added #wpd-bubble-count{display:none;}
#wpd-bubble-wrapper.wpd-new-comment-added #wpd-bubble-notification{display:flex;}
#wpd-bubble-wrapper.wpd-new-comment-added #wpd-bubble-all-comments-count{color:#b9501d;}
#wpd-bubble-wrapper #wpd-bubble-notification-message{display:none;width:430px;height:100%;position:absolute;background-color:#fbfbfb;top:0;left:75px;border:1px solid #b2b2b2;box-shadow:0px 0px 10px #bbb;border-radius:5px;padding:7px;}
#wpd-bubble-wrapper.wpd-right-corner #wpd-bubble-notification-message{left:-446px;}
#wpd-bubble-wrapper #wpd-bubble-notification-message #wpd-bubble-author,#wpd-bubble-wrapper #wpd-bubble-notification-message #wpd-bubble-comment{display:flex;align-items:center;height:50%;}
#wpd-bubble-wrapper #wpd-bubble-notification-message #wpd-bubble-author{justify-content:space-between;}
#wpd-bubble-wrapper #wpd-bubble-notification-message #wpd-bubble-author > div{display:flex;align-items:center;}
#wpd-bubble-wrapper #wpd-bubble-notification-message #wpd-bubble-comment{font-size:12px;}
#wpd-bubble-wrapper #wpd-bubble-notification-message span:not(.wpd-bubble-spans){display:inline-block;margin:5px;}
#wpd-bubble-wrapper #wpd-bubble-notification-message #wpd-bubble-author-avatar{width:20px;height:20px;line-height:16px;}
#wpd-bubble-wrapper #wpd-bubble-notification-message #wpd-bubble-author-avatar img{border-radius:50%; width: 100%;}
#wpd-bubble-wrapper #wpd-bubble-notification-message #wpd-bubble-author-name{color:#4e9f93;font-size:14px;font-weight: 600;}
#wpd-bubble-wrapper #wpd-bubble-notification-message #wpd-bubble-comment-date{color:#fe7617;font-size:10px;}
#wpd-bubble-wrapper #wpd-bubble-notification-message #wpd-bubble-comment,#wpd-bubble-wrapper #wpd-bubble-notification-message #wpd-bubble-comment-reply-link a{color:#333;}
#wpd-bubble-wrapper #wpd-bubble-notification-message #wpd-bubble-comment-reply-link a{color:#777;}
#wpd-bubble-wrapper #wpd-bubble-notification-message #wpd-bubble-comment-text{font-size:12px;margin-left:7px;}
#wpd-bubble-wrapper #wpd-bubble-notification-message::before{content:'';border:9px solid transparent;position:absolute;top:20px;left:-10px;border-left:none;padding:0;border-right-color:#b2b2b2;}
#wpd-bubble-wrapper #wpd-bubble-notification-message::after{content:'';border:9px solid transparent;position:absolute;top:20px;left:-9px;border-left:none;border-right-color:#fbfbfb;}
#wpd-bubble-wrapper.wpd-right-corner #wpd-bubble-notification-message::before{left:429px;border-right:none;border-left:9px solid #b2b2b2;}
#wpd-bubble-wrapper.wpd-right-corner #wpd-bubble-notification-message::after{left:428px;border-right:none;border-left:9px solid #fbfbfb;}
#wpd-bubble-wrapper #wpd-bubble-comment-close a{color:#333;text-decoration:none;}
#wpd-bubble-wrapper #wpd-bubble-add-message-close{display: inline-block;top: 0px;right: 10px;position: absolute;}
#wpd-bubble-wrapper #wpd-bubble-add-message-close a{color:#fff;text-decoration:none;display:inline-block;} .wpd-inline-shortcode{display:inline;}
.wpd-inline-shortcode.wpd-active{background-color:#e9f7f4; padding: 5px 0px;}
.wpd-inline-shortcode .wpd-inline-form-close{display: inline-block;top: 0px;right: 10px;position: absolute;}
.wpd-inline-shortcode .wpd-inline-form-close a{color:#fff;text-decoration:none;display:inline-block;box-shadow:none;border-bottom:none;}
.wpd-inline-shortcode .wpd-inline-form-close a:hover{color:#fff;text-decoration:none;box-shadow:none;border-bottom:none;}
.wpd-inline-icon-wrapper{display:inline-block;position:relative;height:24px;vertical-align:middle; padding: 0px 7px;}
.wpd-inline-icon-wrapper svg.wpd-inline-icon{cursor:pointer; display: inline-block; background: transparent;}
.wpd-inline-icon-wrapper path.wpd-inline-icon-second{fill:transparent;}
.wpd-inline-icon-count{position: relative;height: 20px;border-radius: 2px;padding: 0px 11px; cursor: pointer; margin-left: 7px; vertical-align: top; color: #fff; font-family:Arial; font-size: 13px; line-height: 20px; display: none;}
.wpd-inline-icon-count.wpd-has-comments{display:inline-flex;}
.wpd-inline-icon-count::before{content:'';border:5px solid transparent;position:absolute;top:6px;left:-5px;border-left:none;padding:0;}
.wpd-inline-form-wrapper{display:none;text-shadow: none;position:absolute;top:35px;left:-191px;width:400px;background-color:transparent;z-index:9;}
.wpd-inline-form-wrapper::before{content:'';border:10px solid transparent;position:absolute;top:-10px;left:50%;border-top:none;padding:0;}
.wpd-inline-form-question{border-radius:4px;padding:10px 20px;color:#fff; font-size: 16px;}
.wpd-inline-form{border-radius:4px;padding:12px;margin-top:5px;}
.wpd-inline-form form{margin: 0px; padding: 0px;}
.wpd-inline-form input,.wpd-inline-form button{border-radius:4px;padding:5px 10px;font-size:12px;}
.wpd-inline-form button.wpd-inline-submit span{color: #fff;}
.wpd-inline-form .wpd-inline-notification {color: #fff; font-size: 12px; line-height: 17px; display: flex; align-items: center; padding: 5px 0px 8px 0; cursor: pointer;}
.wpd-inline-form .wpd-inline-comment-input{width:100%;border:none;height:30px; border-radius: 4px;}
.wpd-inline-form .wpd-inline-comment-content{resize:vertical; margin-bottom:5px; max-width: 100%!important; width:100%; border-radius: 4px;border:none;-webkit-box-shadow: inset 2px 2px 2px 0px #dddddd; -moz-box-shadow: inset 2px 2px 2px 0px #dddddd; box-shadow: inset 2px 2px 2px 0px #dddddd;line-height: 20px !important; font-size: 13px; background-color:#f9f9f9; min-height: auto; height: 76px;}
.wpd-inline-form .wpd-inline-comment-content:focus{background-color: #fff;}
.wpd-inline-form-second-row{display:flex;justify-content:space-between;height:30px;}
.wpd-inline-form input.wpd-inline-name-input{width:32%; margin-right:5px; border:none;-webkit-box-shadow: inset 2px 2px 2px 0px #dddddd; -moz-box-shadow: inset 2px 2px 2px 0px #dddddd; box-shadow: inset 2px 2px 2px 0px #dddddd;}
.wpd-inline-form button.wpd-inline-submit{flex-grow:1; max-width: 40%!important; border:1px solid #fff!important;background-color:transparent!important;display:flex!important;justify-content:space-around;align-items: center; flex-direction: row;}
.wpd-inline-form button.wpd-inline-submit span{padding: 0; margin: 0; line-height: 20px; font-size: 13px; text-transform: uppercase;}
.wpd-inline-form button.wpd-inline-submit:hover{opacity: 0.8; text-decoration: none;}
.wpd-inline-submit-icon{vertical-align:top;width:20px;height:18px;}
.wpd-inline-icon-wrapper path.wpd-inline-submit-icon-first{fill:#fff;}
.wpd-inline-icon-wrapper path.wpd-inline-submit-icon-second{fill:transparent;}
.wpd-last-inline-comments-wrapper{position:absolute; text-align:center;width:220px;background-color:#fbfbfb;border:1px solid;border-radius:5px;top:35px;left:-60%;z-index:2;-webkit-box-shadow: inset -7px 0px 15px 3px #eee; -moz-box-shadow: inset -7px 0px 15px 3px #eee; box-shadow: inset -7px 0px 15px 3px #eee;}
.wpd-last-inline-comments-wrapper::before{content:'';border:9px solid transparent;position:absolute;top:-9px; left:40%;border-top:none;padding:0;}
.wpd-last-inline-comments-wrapper::after{content:'';border:9px solid transparent;position:absolute;top:-8px; left:40%;border-top:none;border-bottom-color:#f8f8f8;}
.wpd-last-inline-comments{padding:10px; text-align: left;}
.wpd-last-inline-comment:not(:last-child){border-bottom:1px dashed #bbb; margin-bottom: 3px;}
.wpd-last-inline-comment > div{ color: #666;}
.wpd-last-inline-comment .wpd-last-inline-comment-author-name{margin-left: 5px; margin-top: 0px; font-size: 16px; line-height: 24px;}
.wpd-last-inline-comment .wpd-last-inline-comment-date{font-size:10px;display: block; margin: -6px 0 0 37px; padding: 0; line-height: 12px;}
.wpd-last-inline-comment .wpd-last-inline-comment-text{line-height: 18px; font-size: 12px; padding: 4px 0px 6px 0; color:#777;}
.wpd-last-inline-comment span{display:inline-block;margin:2px;}
.wpd-last-inline-comment-author-avatar{}
.wpd-last-inline-comment-author-avatar img{border-radius:50%;width:30px;height:30px;vertical-align: middle; display: inline-block!important;}
.wpd-last-inline-comments-wrapper .wpd-view-all-inline-comments{display:inline-block;color:#fff;border-radius: 15px;padding: 3px 15px; font-size: 11px; text-decoration: none !important; box-shadow: none !important; margin: 0 0 15px 0; opacity: 0.9;}
.wpd-last-inline-comments-wrapper .wpd-view-all-inline-comments:hover,.wpd-last-inline-comments-wrapper .wpd-view-all-inline-comments:active,.wpd-last-inline-comments-wrapper .wpd-view-all-inline-comments:focus{color:#fff;text-decoration:none !important;box-shadow:none !important; opacity: 1;}
.wpd-inline-icon.wpd-ignored path.wpd-inline-icon-first{animation: 30s wpd_wiggle ease infinite, wpd_blink 7s ease-out infinite;}
@keyframes wpd_wiggle {
0% {transform: rotate(-3deg);}
2% {transform: rotate(20deg);}
4% {transform: rotate(-15deg);}
6% {transform: rotate(5deg);}
8% {transform: rotate(-1deg);}
100% {transform: rotate(0);}
}
@keyframes wpd_blink {
0% {opacity: 1;}
60% {opacity: 1;}
80% {opacity: 0.6;}
100% {opacity: 1;}
} #wpdcom .wpd-tools{position:relative;}
#wpdcom .wpd-tools-actions{display:none; font-family: "Arial Hebrew", Arial, sans-serif; font-size: 14px; position: absolute; left: -50%; min-width: 100px; flex-direction: column; background-color: #fff; border: 1px solid #ccc; padding: 5px 8px; border-radius: 3px; z-index: 9; color: #999; top: 26px;}
#wpdcom .wpd-tools-actions .wpd-cta-button{cursor: pointer; line-height: 18px;  padding: 2px 5px;}
#wpdcom .wpd-tools-actions .wpd-cta-button a{color: #999;}
#wpdcom .wpd-tools-actions .wpd-cta-button:hover{background-color: #F5F5F5;}
#wpdcom .wpdf-sorting{position:relative;}
#wpdcom .wpdiscuz-sort-buttons{display:none;position:absolute;flex-direction:column;background-color:#fff;border:1px solid #ccc;padding:5px;border-radius:3px;width:100%;left:0;top:32px;z-index:9;}
#wpdcom .wpdiscuz-sort-buttons .wpdiscuz-sort-button{padding:5px 0;}
#wpdcom .wpdiscuz-sort-buttons .wpdiscuz-sort-button:hover{background-color: #F5F5F5;}
#wpdcom .wpd-comment .wpd-comment-status .wpd-unapproved{color:#fc9007;}
#wpdiscuz-comment-message{position:fixed;top:38px;right:5px;width:400px;z-index:99999; font-size: 14px; line-height: 20px;}
#wpdiscuz-comment-message.wpdiscuz-comment-message-auth{top:60px;}
#wpdiscuz-comment-message div{color:#fff;padding:5px 10px;margin-top:5px;}
#wpdiscuz-comment-message .wpdiscuz-message-error {background-color: #D32F2F;box-shadow:#666 0px 0px 8px; padding: 10px 20px;}
#wpdiscuz-comment-message .wpdiscuz-message-success {background-color: #4CAF50;box-shadow:#666 0px 0px 8px; padding: 10px 20px;}
#wpdiscuz-comment-message .wpdiscuz-message-warning {background-color: #FFA726;box-shadow:#666 0px 0px 8px; padding: 10px 20px;}
#wpd-editor-source-code-wrapper-bg{display: none;position: fixed;top: 0;left: 0;background-color: rgba(0,0,0,.6);width: 100%;z-index: 9999999;height: 100%;}
#wpd-editor-source-code-wrapper{display: none;width: 50%;height: 350px;position: fixed;top: 50%;left: 50%;transform:translate(-50%,-50%);background-color: #fff;z-index: 99999991;justify-content: center;align-items: center;padding: 5px;border-radius: 5px;text-align: right;}
#wpd-editor-source-code{height: 300px;width: 100%;resize: none;}
#wpd-insert-source-code{padding: 3px 40px; margin-top: 5px;}
.wpd-vote-result-sep {height: 11px;align-self: center;width: 1px;background-color: #ccc;}
#wpdiscuz-loading-bar{position:fixed;top:6px;right:12px;width:32px;height:25px;border:0;background-image:url(//cafeweltschmerz.nl/wp-content/plugins/wpdiscuz/assets/img/loading.gif);z-index:999999;display:none;}
#wpdiscuz-loading-bar.wpdiscuz-loading-bar-auth{top:38px;}
#wpdcom .wpd-comment-info-bar {display: none; padding: 10px; margin: 20px auto 0 auto; flex-direction: row; justify-content: space-between; font-size: 14px; }
#wpdcom .wpd-current-view{padding: 3px; color: #555;}
#wpdcom .wpd-comment-info-bar .wpd-current-view i{margin-right: 6px; font-size: 18px;}
#wpdcom .wpd-filter-view-all{color: #fff;background:#999;padding: 5px 20px;font-size: 13px;cursor: pointer;border-radius: 3px;}
#wpdcom #bywpdiscuz{display:none}
#wpdcom .by-wpdiscuz{text-align:right; border-top:#ddd solid 1px; padding:1px 1px 1px 1px}
#wpdcom .by-wpdiscuz a{font-size:11px; font-weight:bold; text-align:right; color:#ccc; padding:1px; margin:0; line-height:12px; border:0; text-decoration:none}
#wpdcom .wpdimg{border:0; padding:0; margin:0; height:12px; cursor:pointer; display:inline; clear:both}
#wpdcom .wc-copyright{margin:0 0 0 auto; text-align:right; display:block; padding-top:2px}
#wpdcom .wc-copyright a{font-size:9px; color:#aaa; cursor:help; text-decoration:none; margin:0; padding:0; border:0} #wpdcom.wpdiscuz_no_avatar .wpd-comment .wpd-comment-right{flex-basis: 100%;}
#wpdcom.wpdiscuz_no_avatar .wpd-form .wpdiscuz-textarea-wrap.wpd-txt textarea{flex-basis: 100%;}
#wpdcom.wpdiscuz_no_avatar.wpd-layout-1 .wpd-form .wpd-form-foot,
#wpdcom.wpdiscuz_no_avatar.wpd-layout-2 .wpd-form .wpd-form-foot,
#wpdcom.wpdiscuz_no_avatar.wpd-layout-3 .wpd-form .wpd-form-foot{margin-left: 0;}
#wpdcom.wpdiscuz_no_avatar.wpd-layout-1 .wpd-comment .wpd-comment-wrap{display: block;}
#wpdcom.wpdiscuz_no_avatar.wpd-layout-1 .wpd-comment .wpd-follow-link{text-align: left;}  .wc_comment_edit_not_possible,.wc_comment_not_edited,.wc_comment_not_updated,
.wc_deny_voting_from_same_ip,.wc_error_email_text,.wc_error_url_text,
.wc_follow_email_confirm_fail,.wc_follow_impossible,.wc_follow_login_to_follow,
.wc_follow_not_added,.wc_invalid_captcha,.wc_invalid_field,.wc_login_to_vote,
.wc_msg_input_max_length,.wc_msg_input_min_length,.wc_msg_required_fields,
.wc_self_vote,.wc_vote_only_one_time,.wc_voting_error,.wpdiscuz-sendmail-error{background-color:#fce8e8!important;font-size:14px;text-align:center;color:#ce4a66;border:1px solid #f2d3d2;padding:5px 10px;width:100%;box-sizing:border-box;margin:5px 0;border-radius:3px} .wpd-ajax-error{background-color:#fce8e8!important;font-size:14px;text-align:center;color:#ce4a66;border:1px solid #f2d3d2;padding:5px 10px;width:100%;box-sizing:border-box;margin:5px 0;border-radius:3px} #wpdcom .wpd-avatar img{border-color: #999999;}
#wpdcom .wpd-comment-label{color: #666666; border: 1px solid #999999;}
#wpdcom .wpd-comment-author, #wpdcom .wpd-comment-author a{color: #666666;text-decoration:none;} #wpdcom .wpd-blog-user .wpd-comment-label{color: #ffffff; background-color: #31839e; border: none;}
#wpdcom .wpd-blog-user .wpd-comment-author, #wpdcom .wpd-blog-user .wpd-comment-author a{color:#31839e;}
#wpdcom.wpd-layout-3 .wpd-blog-user .wpd-comment-subheader{border-top: 1px dashed #31839e;} #wpdcom .wpd-soc-user-google .wpd-comment-label{color: #ffffff; background-color: #bf301c!important; border: none;}
#wpdcom .wpd-soc-user-google .wpd-comment-author, #wpdcom .wpd-soc-user-google .wpd-comment-author a{color: #bf301c!important;}
#wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-soc-user-google{border-left: 3px solid #bf301c!important;}
#wpdcom.wpd-layout-2 .wpd-comment .wpd-soc-user-google .wpd-avatar img{border-bottom-color: #bf301c!important;}
#wpdcom.wpd-layout-3 .wpd-soc-user-google .wpd-comment-subheader{border-top: 1px dashed #bf301c!important;}
#wpdcom.wpd-layout-3 .wpd-reply .wpd-soc-user-google .wpd-comment-right{border-left: 1px solid #bf301c!important;}
#wpdcom .wpd-soc-user-google .wpd-avatar i{background: #bf301c!important;} #wpdcom .wpd-soc-user-telegram .wpd-comment-label{color: #ffffff; background-color: #239cd7!important; border: none;}
#wpdcom .wpd-soc-user-telegram .wpd-comment-author, #wpdcom .wpd-soc-user-telegram .wpd-comment-author a{color: #239cd7!important;}
#wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-soc-user-telegram{border-left: 3px solid #239cd7!important;}
#wpdcom.wpd-layout-2 .wpd-comment .wpd-soc-user-telegram .wpd-avatar img{border-bottom-color: #239cd7!important;}
#wpdcom.wpd-layout-3 .wpd-soc-user-telegram .wpd-comment-subheader{border-top: 1px dashed #239cd7!important;}
#wpdcom.wpd-layout-3 .wpd-reply .wpd-soc-user-telegram .wpd-comment-right{border-left: 1px solid #239cd7!important;}
#wpdcom .wpd-soc-user-telegram .wpd-avatar i{background: #239cd7!important;} #wpdcom .wpd-soc-user-facebook .wpd-comment-label{color: #ffffff; background-color: #4267B2!important; border: none;}
#wpdcom .wpd-soc-user-facebook .wpd-comment-author, #wpdcom .wpd-soc-user-facebook .wpd-comment-author a{color: #4267B2!important;}
#wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-soc-user-facebook{border-left: 3px solid #4267B2!important;}
#wpdcom.wpd-layout-2 .wpd-comment .wpd-soc-user-facebook .wpd-avatar img{border-bottom-color: #4267B2!important;}
#wpdcom.wpd-layout-3 .wpd-soc-user-facebook .wpd-comment-subheader{border-top: 1px dashed #4267B2!important;}
#wpdcom.wpd-layout-3 .wpd-reply .wpd-soc-user-facebook .wpd-comment-right {border-left: 1px solid #4267B2!important;}
#wpdcom .wpd-soc-user-facebook .wpd-avatar i{background: #4267B2!important;} #wpdcom .wpd-soc-user-twitter .wpd-comment-label{color: #ffffff; background-color: #000000!important; border: none;}
#wpdcom .wpd-soc-user-twitter .wpd-comment-author, #wpdcom .wpd-soc-user-twitter .wpd-comment-author a{color: #000000!important;}
#wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-soc-user-twitter{border-left: 3px solid #000000!important;}
#wpdcom.wpd-layout-2 .wpd-comment .wpd-soc-user-twitter .wpd-avatar img{border-bottom-color: #000000!important;}
#wpdcom.wpd-layout-3 .wpd-soc-user-twitter .wpd-comment-subheader{border-top: 1px dashed #000000!important;}
#wpdcom.wpd-layout-3 .wpd-reply .wpd-soc-user-twitter .wpd-comment-right{border-left: 1px solid #000000!important;}
#wpdcom .wpd-soc-user-twitter .wpd-avatar i{background: #000000!important;} #wpdcom .wpd-soc-user-vk .wpd-comment-label{color: #ffffff; background-color: #4A76A8!important; border: none;}
#wpdcom .wpd-soc-user-vk .wpd-comment-author, #wpdcom .wpd-soc-user-vk .wpd-comment-author a{color: #4A76A8!important;}
#wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-soc-user-vk{border-left: 3px solid #4A76A8!important;}
#wpdcom.wpd-layout-2 .wpd-comment .wpd-soc-user-vk .wpd-avatar img{border-bottom-color: #4A76A8!important;}
#wpdcom.wpd-layout-3 .wpd-soc-user-vk .wpd-comment-subheader{border-top: 1px dashed #4A76A8!important;}
#wpdcom.wpd-layout-3 .wpd-reply .wpd-soc-user-vk .wpd-comment-right{border-left: 1px solid #4A76A8!important;}
#wpdcom .wpd-soc-user-vk .wpd-avatar i{background: #4A76A8!important;} #wpdcom .wpd-soc-user-ok .wpd-comment-label{color: #ffffff; background-color: #ee8208!important; border: none;}
#wpdcom .wpd-soc-user-ok .wpd-comment-author, #wpdcom .wpd-soc-user-ok .wpd-comment-author a{color: #ee8208!important;}
#wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-soc-user-ok{border-left: 3px solid #ee8208!important;}
#wpdcom.wpd-layout-2 .wpd-comment .wpd-soc-user-ok .wpd-avatar img{border-bottom-color: #ee8208!important;}
#wpdcom.wpd-layout-3 .wpd-soc-user-ok .wpd-comment-subheader{border-top: 1px dashed #ee8208!important;}
#wpdcom.wpd-layout-3 .wpd-reply .wpd-soc-user-ok .wpd-comment-right{border-left: 1px solid #ee8208!important;}
#wpdcom .wpd-soc-user-ok .wpd-avatar i{background: #ee8208!important;} #wpdcom .wpd-soc-user-disqus .wpd-comment-label{color: #ffffff; background-color: #2196F3!important; border: none;}
#wpdcom .wpd-soc-user-disqus .wpd-comment-author, #wpdcom .wpd-soc-user-disqus .wpd-comment-author a{color: #2196F3!important;}
#wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-soc-user-disqus{border-left: 3px solid #2196F3!important;}
#wpdcom.wpd-layout-2 .wpd-comment .wpd-soc-user-disqus .wpd-avatar img{border-bottom-color: #2196F3!important;}
#wpdcom.wpd-layout-3 .wpd-soc-user-disqus .wpd-comment-subheader{border-top: 1px dashed #2196F3!important;}
#wpdcom.wpd-layout-3 .wpd-reply .wpd-soc-user-disqus .wpd-comment-right{border-left: 1px solid #2196F3!important;}
#wpdcom .wpd-soc-user-disqus .wpd-avatar i{background: #2196F3!important;} #wpdcom .wpd-soc-user-wordpress .wpd-comment-label{color: #ffffff; background-color: #000000!important; border: none;}
#wpdcom .wpd-soc-user-wordpress .wpd-comment-author, #wpdcom .wpd-soc-user-wordpress .wpd-comment-author a{color: #000000!important;}
#wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-soc-user-wordpress{border-left: 3px solid #555555!important;}
#wpdcom.wpd-layout-2 .wpd-comment .wpd-soc-user-wordpress .wpd-avatar img{border-bottom-color: #000000!important;}
#wpdcom.wpd-layout-3 .wpd-soc-user-wordpress .wpd-comment-subheader{border-top: 1px dashed #000000!important;}
#wpdcom.wpd-layout-3 .wpd-reply .wpd-soc-user-wordpress .wpd-comment-right{border-left: 1px solid #000000!important;}
#wpdcom .wpd-soc-user-wordpress .wpd-avatar i{background: #000000!important;} #wpdcom .wpd-soc-user-instagram .wpd-comment-label{color: #ffffff; background-color: #F97149!important; border: none;}
#wpdcom .wpd-soc-user-instagram .wpd-comment-author, #wpdcom .wpd-soc-user-instagram .wpd-comment-author a{color: #F97149!important;}
#wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-soc-user-instagram{border-left: 3px solid #F97149!important;}
#wpdcom.wpd-layout-2 .wpd-comment .wpd-soc-user-instagram .wpd-avatar img{border-bottom-color: #F97149!important;}
#wpdcom.wpd-layout-3 .wpd-soc-user-instagram .wpd-comment-subheader{border-top: 1px dashed #F97149!important;}
#wpdcom.wpd-layout-3 .wpd-reply .wpd-soc-user-instagram .wpd-comment-right{border-left: 1px solid #F97149!important;}
#wpdcom .wpd-soc-user-instagram .wpd-avatar i{background: #F97149!important;} #wpdcom .wpd-soc-user-linkedin .wpd-comment-label{color: #ffffff; background-color: #007BB6!important; border: none;}
#wpdcom .wpd-soc-user-linkedin .wpd-comment-author, #wpdcom .wpd-soc-user-linkedin .wpd-comment-author a{color: #007BB6!important;}
#wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-soc-user-linkedin{border-left: 3px solid #007BB6!important;}
#wpdcom.wpd-layout-2 .wpd-comment .wpd-soc-user-linkedin .wpd-avatar img{border-bottom-color: #007BB6!important;}
#wpdcom.wpd-layout-3 .wpd-soc-user-linkedin .wpd-comment-subheader{border-top: 1px dashed #007BB6!important;}
#wpdcom.wpd-layout-3 .wpd-reply .wpd-soc-user-linkedin .wpd-comment-right{border-left: 1px solid #007BB6!important;}
#wpdcom .wpd-soc-user-linkedin .wpd-avatar i{background: #007BB6!important;} #wpdcom .wpd-soc-user-yandex .wpd-comment-label{color: #ffffff; background-color: #FF0000!important; border: none;}
#wpdcom .wpd-soc-user-yandex .wpd-comment-author, #wpdcom .wpd-soc-user-yandex .wpd-comment-author a{color: #FF0000!important;}
#wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-soc-user-yandex{border-left: 3px solid #FF0000!important;}
#wpdcom.wpd-layout-2 .wpd-comment .wpd-soc-user-yandex .wpd-avatar img{border-bottom-color: #FF0000!important;}
#wpdcom.wpd-layout-3 .wpd-soc-user-yandex .wpd-comment-subheader{border-top: 1px dashed #FF0000!important;}
#wpdcom.wpd-layout-3 .wpd-reply .wpd-soc-user-yandex .wpd-comment-right{border-left: 1px solid #FF0000!important;}
#wpdcom .wpd-soc-user-yandex .wpd-avatar i{background: #FF0000!important;} #wpdcom .wpd-soc-user-mailru .wpd-comment-label{color: #ffffff; background-color: #168DE2!important; border: none;}
#wpdcom .wpd-soc-user-mailru .wpd-comment-author, #wpdcom .wpd-soc-user-mailru .wpd-comment-author a{color: #168DE2!important;}
#wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-soc-user-mailru{border-left: 3px solid #168DE2!important;}
#wpdcom.wpd-layout-2 .wpd-comment .wpd-soc-user-mailru .wpd-avatar img{border-bottom-color: #168DE2!important;}
#wpdcom.wpd-layout-3 .wpd-soc-user-mailru .wpd-comment-subheader{border-top: 1px dashed #168DE2!important;}
#wpdcom.wpd-layout-3 .wpd-reply .wpd-soc-user-mailru .wpd-comment-right{border-left: 1px solid #168DE2!important;}
#wpdcom .wpd-soc-user-mailru .wpd-avatar i{background: #168DE2!important;}
#wpdcom .wpd-soc-user-mailru .wpd-avatar i svg{fill: #ff9e00;} #wpdcom .wpd-soc-user-weibo .wpd-comment-label{color: #ffffff; background-color: #D52A2C!important; border: none;}
#wpdcom .wpd-soc-user-weibo .wpd-comment-author, #wpdcom .wpd-soc-user-weibo .wpd-comment-author a{color: #D52A2C!important;}
#wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-soc-user-weibo{border-left: 3px solid #D52A2C!important;}
#wpdcom.wpd-layout-2 .wpd-comment .wpd-soc-user-weibo .wpd-avatar img{border-bottom-color: #D52A2C!important;}
#wpdcom.wpd-layout-3 .wpd-soc-user-weibo .wpd-comment-subheader{border-top: 1px dashed #D52A2C!important;}
#wpdcom.wpd-layout-3 .wpd-reply .wpd-soc-user-weibo .wpd-comment-right{border-left: 1px solid #D52A2C!important;}
#wpdcom .wpd-soc-user-weibo .wpd-avatar i{background: #D52A2C!important;} #wpdcom .wpd-soc-user-weixin .wpd-comment-label{color: #ffffff; background-color: #20c300!important; border: none;}
#wpdcom .wpd-soc-user-weixin .wpd-comment-author, #wpdcom .wpd-soc-user-weixin .wpd-comment-author a{color: #20c300!important;}
#wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-soc-user-weixin{border-left: 3px solid #20c300!important;}
#wpdcom.wpd-layout-2 .wpd-comment .wpd-soc-user-weixin .wpd-avatar img{border-bottom-color: #20c300!important;}
#wpdcom.wpd-layout-3 .wpd-soc-user-weixin .wpd-comment-subheader{border-top: 1px dashed #20c300!important;}
#wpdcom.wpd-layout-3 .wpd-reply .wpd-soc-user-weixin .wpd-comment-right{border-left: 1px solid #20c300!important;}
#wpdcom .wpd-soc-user-weixin .wpd-avatar i{background: #20c300!important;} #wpdcom .wpd-soc-user-qq .wpd-comment-label{color: #ffffff; background-color: #1479d7!important; border: none;}
#wpdcom .wpd-soc-user-qq .wpd-comment-author, #wpdcom .wpd-soc-user-qq .wpd-comment-author a{color: #1479d7!important;}
#wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-soc-user-qq{border-left: 3px solid #1479d7!important;}
#wpdcom.wpd-layout-2 .wpd-comment .wpd-soc-user-qq .wpd-avatar img{border-bottom-color: #1479d7!important;}
#wpdcom.wpd-layout-3 .wpd-soc-user-qq .wpd-comment-subheader{border-top: 1px dashed #1479d7!important;}
#wpdcom.wpd-layout-3 .wpd-reply .wpd-soc-user-qq .wpd-comment-right{border-left: 1px solid #1479d7!important;}
#wpdcom .wpd-soc-user-qq .wpd-avatar i{background: #1479d7!important;} #wpdcom .wpd-soc-user-baidu .wpd-comment-label{color: #ffffff; background-color: #F23F40!important; border: none;}
#wpdcom .wpd-soc-user-baidu .wpd-comment-author, #wpdcom .wpd-soc-user-baidu .wpd-comment-author a{color: #F23F40!important;}
#wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-soc-user-baidu{border-left: 3px solid #F23F40!important;}
#wpdcom.wpd-layout-2 .wpd-comment .wpd-soc-user-baidu .wpd-avatar img{border-bottom-color: #F23F40!important;}
#wpdcom.wpd-layout-3 .wpd-soc-user-baidu .wpd-comment-subheader{border-top: 1px dashed #F23F40!important;}
#wpdcom.wpd-layout-3 .wpd-reply .wpd-soc-user-baidu .wpd-comment-right{border-left: 1px solid #F23F40!important;}
#wpdcom .wpd-soc-user-baidu .wpd-avatar i{background: #F23F40!important;}
#wpdcom .wpd-soc-user-baidu .wpd-avatar i svg{fill: #2319dc;}
.wpd-comment-text pre{overflow: auto;display: block;max-width: 100%;}
.wpd-inline-icon.wpd-blink{animation: wpdBlink 1s;}
@keyframes wpdBlink {
50% {transform: scale(1.5);}
} #wpdcom.wpd-dark .wpd-cf-label{background: #555; color: #ccc;border-bottom: 1px #777 solid;}
#wpdcom.wpd-dark .wpd-cf-value{border-bottom: 1px #777 solid;}
#wpdcom.wpd-dark .wpd-comment .wpd-avatar img,
#wpdcom.wpd-dark .wpd-comment .wpd-avatar img.avatar{background-color: #999;}
#wpdcom.wpd-dark .wpd-comment .wpd-avatar i{border: 2px solid #ccc;}
#wpdcom.wpd-dark .wpd-field-group-title{color: #ccc;}
#wpdcom.wpd-dark .wpd-sbs-toggle{color: #aaa;}
#wpdcom.wpd-dark .wpd-thread-head .wpd-thread-info{color: #aaa;}
#wpdcom.wpd-dark .wpd-thread-filter .wpdf-sorting{color: #999;}
#wpdcom.wpd-dark .ql-toolbar{background-color: #333;}
#wpdcom.wpd-dark .wpd-editor-char-counter{color: #ddd;}
#wpdcom.wpd-dark .wpd-form-row .wpdiscuz-item .wpd-field-desc{color: #666; border-left: 1px solid #666;}
#wpdcom.wpd-dark .wpd-form-row .wpdiscuz-item .wpd-field-icon {opacity: 1; color: #555;}
#wpdcom.wpd-dark .wpdem-sticker-container.wpdem-sticker-open{box-shadow: none;}
#wpdcom.wpd-dark .wpdem-sticker-container {background-color: #999;}
#wpdcom.wpd-dark.wpd-layout-2 .wpd-comment.wpd-reply .wpd-comment-wrap{background-color: #292929;}
#wpdcom.wpd-dark.wpd-layout-3 .wpd-comment.wpd-sticky-comment .wpd-comment-header{background-color: #292929;}
#wpdcom.wpd-dark.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-vote-up, #wpdcom.wpd-dark.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-vote-down{background-color: #222;}
#wpdcom.wpd-dark.wpd-layout-3 .wpd-comment .wpd-comment-right {border-left: 1px solid #666; border-bottom: 1px solid #666;}
#wpdcom.wpd-dark.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-right{border-bottom: none;}
#wpdcom.wpd-dark.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-vote-result { background-color:  #222;}
#wpdcom.wpd-dark.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-reply-button {background-color: #222;}
#wpdcom.wpd-dark.wpd-layout-3 .wpd-comment .trns-moderate-comments {background-color: #222;}
#wpdcom.wpd-dark.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-tool-wrap { background: #222;}
#wpdcom.wpd-dark.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-tool-wrap i{ background: #222;}
#wpdcom.wpd-dark.wpd-layout-3 .wpd-comment .wpd-reply-to { background-color: transparent; border-bottom: 1px solid #666;}
#wpdcom.wpd-dark #wpdiscuz-search-form .wpdiscuz-search-box {background-color: #111;border: 1px solid #555;}
#wpdcom.wpd-dark .wpd-comment-text .wpd-inline-feedback-wrapper{background-color: #666; color: #ccc;} #wpdcom.wpd-dark .wpd-soc-user-wordpress .wpd-comment-label{background-color: #666;}
#wpdcom.wpd-dark .wpd-soc-user-wordpress .wpd-comment-author, #wpdcom .wpd-soc-user-wordpress .wpd-comment-author a{color: #666;}
#wpdcom.wpd-dark.wpd-layout-1 .wpd-comment .wpd-soc-user-wordpress .wpd-avatar img{border-color: #666;}
#wpdcom.wpd-dark.wpd-layout-2 .wpd-comment .wpd-soc-user-wordpress .wpd-avatar img{border-bottom-color: #666;}
#wpdcom.wpd-dark.wpd-layout-3 .wpd-soc-user-wordpress .wpd-comment-subheader{border-top: 1px dashed #666;}
#wpdcom.wpd-dark.wpd-layout-3 .wpd-reply .wpd-soc-user-wordpress .wpd-comment-right{border-left: 1px solid #666;} @media screen and (max-width:1024px){
#wpd-bubble-wrapper > div{width: 40px; height: 40px;}
#wpd-bubble-wrapper #wpd-bubble-all-comments-count{font-size: 13px;}
#wpd-bubble-wrapper > #wpd-bubble #wpd-bubble-add-message {height: auto;padding: 7px 14px;justify-content: flex-start;font-size: 14px;}
#wpd-bubble-wrapper.wpd-left-corner,
#wpd-bubble-wrapper.wpd-left-content{left: 10px!important;}
#wpd-bubble-wrapper.wpd-right-corner{}
#wpd-bubble-wrapper.wpd-left-corner > #wpd-bubble #wpd-bubble-add-message,
#wpd-bubble-wrapper.wpd-left-content > #wpd-bubble #wpd-bubble-add-message{left: 53px;}
#wpd-bubble-wrapper.wpd-left-corner > #wpd-bubble #wpd-bubble-add-message::before,
#wpd-bubble-wrapper.wpd-left-content > #wpd-bubble #wpd-bubble-add-message::before{left: -9px;}
#wpd-bubble-wrapper.wpd-right-corner > #wpd-bubble #wpd-bubble-add-message{left: auto; right: 55px;}
#wpd-bubble-wrapper.wpd-right-corner > #wpd-bubble #wpd-bubble-add-message::before {left: auto; right: -9px;}
} @media screen and (max-width:600px){
#comments, #respond{padding-left: 0!important;padding-right: 0!important;}
#wpdcom {padding: 5px 3%;overflow-x: hidden;}
#wpdcom .wpd-form-row div:hover.wpd-field-desc span {margin-left: -187px;}
#wpdcom .wpd-form-row div.wpd-field-desc span::after { margin-left: 80px;}    .wpd-inline-form-wrapper{left: 0; width: 320px; position:relative; top: 7px; bottom: 15px;}
.wpd-inline-form-wrapper::before{display: none;}
.wpd-inline-form-question {padding:5px 20px; color:#fff; font-size:16px; line-height: 1.7;}
.wpd-inline-form-wrapper .wpd-inline-submit-icon{display: none;}
.wpd-last-inline-comments-wrapper {position: relative;width: 300px;top: 0;left: 0;}
.wpd-last-inline-comments-wrapper::after,
.wpd-last-inline-comments-wrapper::before{display: none;}
.wpd-inline-form .wpd-inline-comment-content{font-size: 16px; padding: 5px;}
.wpd-inline-form-second-row {height: auto; flex-direction: column;}
.wpd-inline-form input.wpd-inline-name-input { width: 100%; margin-bottom: 10px; font-size: 16px; padding: 2px 5px; } #wpd-bubble-wrapper{bottom: 20px;}
#wpd-bubble-wrapper > #wpd-bubble #wpd-bubble-add-message {width: 270px;} #wpdcom .wpd-auth {margin: 0 0 2px -3px;}
#wpdcom .wpd-social-login .wpd-connect-with{display: none!important;}
#wpdcom .wpd-form .wpd-avatar{display: none;}
#wpdcom .wpd-form.wpd-form-wrapper{padding-right: 5px;}
#wpdcom .wpd-form .wpdiscuz-textarea-wrap.wpd-txt textarea{flex-basis: 100%; width: 100%;}
#wpdcom .wpdiscuz_select{font-size: 16px !important;}
#wpdcom .wpdiscuz-subscribe-form-email {font-size: 16px; display: block;  padding: 10px 0 0 0; width: 98%; margin: 0 auto;}
#wpdcom .wpdiscuz-subscribe-form-email input[type="email"]{font-size: 16px !important;}
#wpdcom .wpd-form .wpd-form-foot,
#wpdcom.wpd-layout-2 .wpd-form .wpd-form-foot,
#wpdcom.wpd-layout-3 .wpd-form .wpd-form-foot{margin-left: 0;}
#wpdcom .wpd-form-row .wpd-form-col-left,
#wpdcom .wpd-form-row .wpd-form-col-right {width: 100%; float: none;}
#wpdcom .wpdiscuz-item.wpd-field-group.wpd-field-rating {border-bottom: none; height: auto;}
#wpdcom .wpdiscuz-item .wpdiscuz-rating > label {font-size: 1.4em;}
#wpdcom .ql-toolbar {padding: 5px 8px 3px 5px;}
#wpdcom .ql-snow.ql-toolbar button, #wpdcom .ql-snow .ql-toolbar button {height: 24px!important;padding: 4px 5px!important;width: 24px!important;}
#wpdcom .ql-toolbar .wpd-editor-buttons-right .wmu-upload-wrap{font-size: 1.3em !important;}
#wpdcom .wpd-field-captcha .wpdiscuz-recaptcha {transform: scale(0.9); margin-top: 3px;}
#wpdcom .wpd-field-captcha .wpdiscuz-recaptcha div{width: auto!important;}
#wpdcom .wpd-field-radio .wpd-item, #wpdcom .wpd-field-checkbox .wpd-item{display: block;}
#wpdcom .wpd-field-radio .wpd-field, #wpdcom .wpd-field-checkbox .wpd-field{height: auto; float: none; vertical-align: middle;}
#wpdcom .wpd-field-radio .wpd-field-label, #wpdcom .wpd-field-checkbox .wpd-field-label{font-size: 14px;}
#wpdcom .wpd-form-col-left .wpd-field-group .wpd-field-group-title, #wpdcom .wpd-form-col-right .wpd-field-group .wpd-field-group-title, #wpdcom .wpd-form-col-full .wpd-field-group .wpd-field-group-title{font-size: 14px;}
#wpdcom .wpd-form-row .wpdiscuz-item input[type="text"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="password"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="email"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="url"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="color"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="date"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="datetime"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="datetime-local"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="month"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="number"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="time"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="week"], #wpdcom textarea, #wpdcom select, #wpdcom .wpd-form-row .wpd-field{font-size: 16px!important; height: auto;}
#wpdcom .wpd-form .wpdiscuz-textarea-wrap.wpd-txt .wpd-textarea-wrap{flex-basis: 100%; width: 100%;}
#wpdcom .wpd-form .wpdiscuz-textarea-wrap.wpd-txt .quicktags-toolbar{margin-bottom: 2px;}
#wpdcom .wpd-form .wpdiscuz-textarea-wrap.wpd-txt .quicktags-toolbar .ed_button {font-size: 14px; width: 19%;} #wpdiscuz-comment-message{width: 97%; }
#wpdcom .wpd-hidden {visibility: visible; opacity: 1;}
#wpdcom .wpd-tools-actions{left: auto; right: 0px;}
#wpdcom .wpd-thread-head .wpd-thread-info{flex-basis: 100%; border-bottom: 2px solid #ccc;}
#wpdcom .wpd-thread-head .wpd-thread-filter{margin-top: 5px;}
#wpdcom .wpdiscuz-subscribe-form-button {width: 99%;margin-top: 8px;}
#wpdcom .wpdiscuz-subscribe-bar #wpdiscuz_subscription_button{width: 100%; min-height: 20px !important; height: 26px !important;}
#wpdcom .wpd-comment-footer .wpd-toggle .wpd-view-replies{display: inline-block; width: 78px; white-space: nowrap; overflow: hidden;font-size: 10px !important;} #wpdcom .wpd-comment .wpd-comment-wrap{display: block;}
#wpdcom .wpd-comment-footer{flex-wrap: wrap;}
#wpdcom .wpd-comment .wpd-comment-left{width: 100%;}
#wpdcom .wpd-comment .wpd-comment-right{width: 100%;} #wpdcom.wpd-layout-1 .wpd-comment .wpd-comment-left{text-align: left;}
#wpdcom.wpd-layout-1 .wpd-comment.wpd-reply .wpd-comment-left {width: 100%;}
#wpdcom.wpd-layout-1 .wpd-comment .wpd-avatar {display: inline-block;}
#wpdcom.wpd-layout-1 .wpd-comment .wpd-form .wpd-avatar{display: none;}
#wpdcom.wpd-layout-1 .wpd-comment-label {display: inline-block;}
#wpdcom.wpd-layout-1 .wpd-comment-header .wpd-comment-link{padding-top: 0;}
#wpdcom.wpd-layout-1 .wpd-comment .wpd-comment-label{width: auto;padding: 1px 10px;}
#wpdcom.wpd-layout-1 .wpd-comment.wpd-reply .wpd-comment-label{display: inline-block;margin: 10px auto 5px auto;}
#wpdcom.wpd-layout-1 .wpd-comment .wpd-follow-link {display: inline-block;}
#wpdcom.wpd-layout-1 .wpd-comment .wpd-avatar {margin-right: 5px;vertical-align: bottom;}
#wpdcom.wpd-layout-1 .wpd-comment .wpd-avatar img,
#wpdcom.wpd-layout-1 .wpd-comment .wpd-avatar img.avatar {width: 36px; height: 36px; padding: 1px;}
#wpdcom.wpd-layout-1 .wpd-comment .wpd-avatar i {padding: 2px; font-size: 9px; border: 1px solid  #fff; width: 16px;}
#wpdcom.wpd-layout-1 .wpd-reply.wpd_comment_level-2 {margin-left: 25px;}
#wpdcom.wpd-layout-1 .wpd-reply {margin-left: 0px;} #wpdcom.wpd-layout-2 .wpd-reply {margin-left: 0px;}
#wpdcom.wpd-layout-2 .wpd-reply.wpd_comment_level-2{margin-left: 15px;}
#wpdcom.wpd-layout-2 .wpd-comment .wpd-comment-header .wpd-user-info {width:100%; display: flex; flex-direction:row; justify-content: flex-start; flex-grow: 0;margin-bottom: -3px;float: right;margin-left: 61px;flex-wrap: wrap;margin-top: -44px;}
#wpdcom.wpd-layout-2 .wpd-comment .wpd-comment-header .wpd-user-info .wpd-uinfo-top {flex-wrap: wrap!important;}
#wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-comment-header .wpd-comment-date{padding-left: 0;}
#wpdcom.wpd-layout-2 .wpd-comment-header .wpd-comment-link {margin-bottom: 0; padding-top: 1px; align-items: normal; flex-basis: 100%; text-align: right; margin-top: -20px;}
#wpdcom.wpd-layout-2 .wpd-comment-header .wpd-reply-to{margin-right: 10px;} #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-left .wpd-avatar {margin-bottom: -41px;margin-top: 0;}
#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-left {width: 45px;}
#wpdcom.wpd-layout-3 .wpd-form .wpd-avatar img, #wpdcom.wpd-layout-3 .wpd-form .wpd-avatar img.avatar, #wpdcom.wpd-layout-3 .wpd-comment .wpd-avatar img, #wpdcom.wpd-layout-3 .wpd-comment .wpd-avatar img.avatar {width: 40px;height: 40px;max-width: none;padding: 2px;}
#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-header .wpd-comment-author {padding-left: 55px;}
#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-header,
#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-subheader{justify-content: flex-start;}
#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-right {border-left: none;border-bottom: none;width: 100%;}
#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-text {padding-left: 7px;padding-top: 15px;padding-bottom: 17px;font-size: 100%;}
#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer {margin-bottom: -10px;margin-left: 7px;}
#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-vote {padding-left: 0;margin-left: 0;}
#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-vote-up, #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-vote-down {border: none;padding: 0;width: 16px;height: 16px;background-color:none;}
#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-reply-button {background-color: transparent;border: none;border-radius: 15px;padding: 0 10px 0 0;}
#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-vote-result {padding: 0 8px;font-size: 14px;background-color: transparent;line-height: 24px;}
#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-tool-wrap {padding-left: 10px; flex-grow: 1;}
#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-tool-wrap i {background: none;padding: 5px 3px;width: auto;line-height: 14px;border: none;height: auto;}
#wpdcom.wpd-layout-3 .wpd-comment .wpd-avatar i {padding: 2px;font-size: 9px;width: 18px;}
#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-wpanel {display: none;}
#wpdcom.wpd-layout-3 .wpd-comment .wpd-reply-to{ margin-left: 0px;}
#wpdcom.wpd-layout-3 .wpd-reply.wpd_comment_level-2{margin-left: 20px;}
#wpdcom.wpd-layout-3 .wpd-reply {margin-left: 0;}
#wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-avatar img, #wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-avatar img.avatar {width: 34px;height: 34px;max-width: 40px;border: none;}
#wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-left .wpd-avatar {margin-top: 0px;margin-bottom: -28px;}
#wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-left {width: 54px;}
#wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-right{border-left: 1px solid #d1d1d1;}
#wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-header .wpd-comment-author {padding-left: 55px;}
#wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-label {margin: 0 8px 0 0px;}
#wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-text {padding-left: 10px;}
#wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-footer{margin-left: 10px;}
#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-vote-up.wpd-up,
#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-vote-down.wpd-down{border: none;} [wpd-tooltip-size='small']::after{min-width: 60px;}
[wpd-tooltip-size='medium']::after{min-width: 90px;}
[wpd-tooltip-size='long']::after{min-width: 200px;}
}
.wp-block-comments-wpdiscuz .wpdiscuz-edit-bloc-notice {
margin: 50px auto;
max-width: 750px;
background-color: #F6F6F6;
font-size: 11px;
}