/*!
Theme Name: HoFH
Theme URI: https://hofhdisease.ca/
Author: Media Platforms
Author URI: https://mediaplatforms.ca/
Description: A custom theme for the HoFH website
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: hofh
Tags:
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.
HoFH is based on _tw https://underscoretw.com/, (C) 2021-2023 Greg Sullivan
_tw is distributed under the terms of the GNU GPL v2 or later.
_tw is based on Underscores https://underscores.me/ and Varia https://github.com/Automattic/themes/tree/master/varia, (C) 2012-2022 Automattic, Inc.
Underscores and Varia are distributed under the terms of the GNU GPL v2 or later.
*/
/*! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:HoFH Franklin Gothic,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal}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-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}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-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-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}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]{display:none}*,::backdrop,: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-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:#3b82f680;--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: }[x-cloak]{display:none!important}html{font-size:13.236363636363636px}@media (min-width:768px){html{font-size:1.723484848484848vw}}@media (min-width:928px){html{font-size:16px}}html{scroll-behavior:smooth}body{--tw-bg-opacity:1;background-color:rgb(61 57 74/var(--tw-bg-opacity));font-family:HoFH Franklin Gothic,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}
/*! Flickity v2.3.0
https://flickity.metafizzy.co
---------------------------------------------- */.flickity-enabled{position:relative}.flickity-enabled:focus{outline:none}.flickity-viewport{overflow:hidden;position:relative;height:100%}.flickity-slider{position:absolute;width:100%;height:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:grabbing}.flickity-button{position:absolute;background:#ffffffbf;border:none;color:#3d394a}.flickity-button:hover{background:#fff;cursor:pointer}.flickity-button:focus{outline:none;box-shadow:0 0 0 5px #19f}.flickity-button:active{opacity:.6}.flickity-button:disabled{opacity:.3;cursor:auto;pointer-events:none}.flickity-button-icon{fill:currentColor}.flickity-prev-next-button{top:50%;width:44px;height:44px;border-radius:50%;transform:translateY(-50%)}@media (min-width:768px){.flickity-prev-next-button{display:none}}.flickity-prev-next-button.previous{right:100%}.flickity-prev-next-button.next{left:100%}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}.flickity-prev-next-button .flickity-button-icon{position:absolute;left:20%;top:20%;width:60%;height:60%}.flickity-page-dots{position:absolute;width:100%;bottom:-25px;padding:0;margin:0;list-style:none;text-align:center;line-height:1}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{display:inline-block;width:10px;height:10px;margin:0 8px;background:#333;border-radius:50%;opacity:.25;cursor:pointer}.flickity-page-dots .dot.is-selected{opacity:1}.home-header{position:relative;background:#0000 0 0/100% 96% url(graphics/patient/ellipses/home-header.svg) no-repeat}.home-header:before{position:absolute;top:0;left:50%;display:block;display:none;height:11.5625rem;width:11.1875rem;--tw-translate-x:-34.75rem;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))}@media (min-width:768px){.home-header:before{display:block}}.home-header:before{content:"";background:#0000 0 0/100% 100% url(graphics/patient/hexes/header-top-left.svg) no-repeat}.home-header .hero{position:relative;margin-top:2rem;width:59.772727273%}@media (min-width:640px){.home-header .hero{width:auto}}.home-header .hero img{position:relative;z-index:10}.home-header .hero:before{position:absolute;top:-2rem;left:50%;z-index:0;margin-left:10.646387833%;display:block;height:35.254988914%;width:66.539923954%;content:"";background:#0000 0 0/100% 100% url(graphics/patient/hexes/header-behind.svg) no-repeat}.home-header .hero:after{position:absolute;top:12.5625rem;left:-12.9375rem;z-index:20;display:block;display:none;height:16.6875rem;width:21.875rem}@media (min-width:768px){.home-header .hero:after{display:block}}.home-header .hero:after{content:"";background:#0000 0 0/100% 100% url(graphics/patient/hexes/header-overlay.svg) no-repeat}.stat-card{position:relative;z-index:0;padding-left:2.75rem}@media (min-width:480px){.stat-card{width:50%}}.stat-card:before{position:absolute;top:0;left:0;z-index:-10;margin-top:-4rem;display:block;height:10.875rem;width:9.5rem;content:"";background:#0000 0 0/100% 100% url(graphics/patient/hexes/gradient.svg) no-repeat}.difference-hex{top:0;left:0;z-index:20;margin-top:1rem;margin-left:-1.5625rem;aspect-ratio:373/402;width:42.38636363636363%;min-width:22.815934066rem;padding-top:7.1875rem;padding-left:2.75rem;padding-right:1.75rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}@media (min-width:480px){.difference-hex{margin-top:-1.25rem}}@media (min-width:768px){.difference-hex{position:absolute}}.difference-hex{background:#0000 0 0/100% 100% url(graphics/patient/hexes/different.svg) no-repeat}.difference-hex.french{background-image:url(graphics/patient/hexes/different-fr.svg)}.difference-table{position:relative;width:100%;border-collapse:collapse;border-width:2px;--tw-border-opacity:1;border-color:rgb(240 238 238/var(--tw-border-opacity));font-size:.875rem;line-height:1.2}@media (min-width:768px){.difference-table{max-width:31.25rem}}.difference-table td,.difference-table th{width:50%;border-width:2px;--tw-border-opacity:1;border-color:rgb(240 238 238/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));padding:.5rem}.difference-table th{--tw-bg-opacity:1;background-color:rgb(99 97 110/var(--tw-bg-opacity));font-size:1rem;line-height:1.2;font-weight:700;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.angular-grey{position:relative;margin-top:2rem;--tw-bg-opacity:1;background-color:rgb(240 238 238/var(--tw-bg-opacity));padding-left:1.5rem;padding-right:1.5rem}.angular-grey:before{bottom:100%;height:9.875rem;background:#0000 0 0/100% 100% url(graphics/patient/triangles/top.svg) no-repeat}.angular-grey:after,.angular-grey:before{position:absolute;left:0;display:block;width:100%;content:""}.angular-grey:after{top:100%;height:2.4375rem;background:#0000 0 0/100% 100% url(graphics/patient/triangles/bottom.svg) no-repeat}.flag{position:relative;z-index:10;display:inline-block;--tw-bg-opacity:1;padding:.5rem .5rem .5rem 1rem;font-size:.875rem;font-weight:700;text-transform:uppercase;line-height:1;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.flag,.flag:before{background-color:rgb(99 97 110/var(--tw-bg-opacity))}.flag:before{position:absolute;right:0;top:50%;z-index:-10;display:block;aspect-ratio:1/1;height:70.71067811865476%;transform-origin:center;--tw-translate-x:50%;--tw-translate-y:-50%;--tw-rotate:45deg;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));--tw-bg-opacity:1;content:""}.gradient-ellipse{margin-top:1rem;padding-left:1.5rem;padding-right:1.5rem;background:#0000 0 0/100% 100% url(graphics/patient/ellipses/home-signs.svg) no-repeat}.signs-hero{position:relative;width:100%;max-width:21.75rem}@media (min-width:640px){.signs-hero{margin-top:-6rem;width:39.545454545%}}.signs-hero img{position:relative;z-index:10}.signs-hero:before{top:11.344537815%;right:-9.195402299%;z-index:0;background:#0000 0 0/100% 100% url(graphics/patient/hexes/signs-under.svg) no-repeat}.signs-hero:after,.signs-hero:before{position:absolute;display:block;height:36.974789916%;width:73.275862069%;content:""}.signs-hero:after{top:71.008403361%;right:3.448275862%;z-index:20;background:#0000 0 0/100% 100% url(graphics/patient/hexes/signs-over.svg) no-repeat}.steps-card{position:relative;z-index:0;padding-left:2rem}.steps-card:before{position:absolute;top:0;left:0;z-index:-10;margin-top:-2.625rem;display:block;height:8.5rem;width:7.5rem;content:"";background:#0000 0 0/100% 100% url(graphics/patient/hexes/gradient.svg) no-repeat}.resources-header{background:#0000 0 0/100% 96% url(graphics/patient/ellipses/resources.svg) no-repeat}.download-card{position:relative;max-width:26.5rem;--tw-bg-opacity:1;background-color:rgb(240 238 238/var(--tw-bg-opacity));padding:1.5rem;font-size:.75rem;line-height:1.2}.download-card h3:after,.download-card h3:before,.download-card:after,.download-card:before{position:absolute;display:block;height:1.25rem;width:2.25rem;content:"";background:#0000 0 0/100% 100% url(graphics/corner.svg) no-repeat}.download-card:before{top:0;left:0}.download-card:after{bottom:0;--tw-rotate:180deg}.download-card h3:before,.download-card:after{right:0;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))}.download-card h3:before{top:0;--tw-scale-x:-1}.download-card h3:after{bottom:0;left:0;--tw-rotate:180deg;--tw-scale-x:-1;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))}.hcp-header{position:relative;overflow:hidden;padding-left:1.5rem;padding-right:1.5rem;background:#c71f46 50%/19.40625rem 11.25rem url(graphics/hcp/bg.png)}.hcp-header:after{position:absolute;left:0;bottom:0;display:block;height:3.75rem;width:100%;content:"";background:#0000 0 0/100% 100% url(graphics/hcp/header-curve.svg) no-repeat}.yellow-bullets{padding-left:.625rem}.yellow-bullets li{margin-top:.25rem;margin-bottom:.25rem}.yellow-bullets li:before{float:left;margin-right:.25rem;margin-top:.4375rem;margin-left:-.625rem;display:block;height:.375rem;width:.375rem;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(246 181 47/var(--tw-bg-opacity));content:""}.yellow-bullets.hollow li:before{border-width:1px;--tw-border-opacity:1;border-color:rgb(246 181 47/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.checkbox-bullets{padding-left:1rem}.checkbox-bullets li{margin-top:.25rem;margin-bottom:.25rem}.checkbox-bullets li:before{float:left;margin-right:.25rem;margin-left:-1rem;display:block;height:1rem;width:.6875rem;content:"";background:#0000 0 0/100% 100% url(graphics/hcp/bullets/checkbox.svg) no-repeat}.hcp-difference-hex{aspect-ratio:373/402;width:100%;padding-left:2rem;padding-right:1rem;padding-top:4rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));background:#0000 0 0/100% 100% url(graphics/hcp/hexes/differs.svg) no-repeat}.diagnostic-table{margin-top:1.5rem;width:100%;border-collapse:collapse;font-size:.875rem;line-height:1.2}.diagnostic-table td,.diagnostic-table th{border-width:2px;--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));padding:.5rem}.diagnostic-table th{font-size:1rem;line-height:1.2;font-weight:700}.diagnostic-table tr:first-child th{--tw-bg-opacity:1;background-color:rgb(99 97 110/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.diagnostic-table tr:last-child th{--tw-bg-opacity:1;background-color:rgb(240 238 238/var(--tw-bg-opacity));font-size:.875rem;line-height:1.2}.diagnostic-table tr:first-child td,.diagnostic-table tr:first-child th{border-top-width:0}.diagnostic-table tr:last-child td,.diagnostic-table tr:last-child th{border-bottom-width:0}.diagnostic-table td:first-child,.diagnostic-table th:first-child{border-left-width:0}.diagnostic-table td:last-child,.diagnostic-table th:last-child{border-right-width:0}.gate-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#c71f46 50%/19.40625rem 11.25rem url(graphics/hcp/bg.png)}#province{background:#0000 center right .625rem/1.5625rem 1.5rem url(graphics/icons/down.svg) no-repeat}.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}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.right-0{right:0}.top-0{top:0}.left-0{left:0}.-top-10{top:-2.5rem}.bottom-6{bottom:1.5rem}.left-6{left:1.5rem}.top-\[-0\.125rem\]{top:-.125rem}.z-50{z-index:50}.z-10{z-index:10}.mx-auto{margin-left:auto;margin-right:auto}.my-8{margin-top:2rem;margin-bottom:2rem}.my-9{margin-top:2.25rem;margin-bottom:2.25rem}.mx-8{margin-left:2rem;margin-right:2rem}.my-10{margin-top:2.5rem;margin-bottom:2.5rem}.mt-1{margin-top:.25rem}.mt-3{margin-top:.75rem}.mt-6{margin-top:1.5rem}.mt-2{margin-top:.5rem}.ml-4{margin-left:1rem}.mb-\[-0\.03125rem\]{margin-bottom:-.03125rem}.-ml-3{margin-left:-.75rem}.-mr-3{margin-right:-.75rem}.mr-2\.5{margin-right:.625rem}.-mt-0\.5{margin-top:-.125rem}.mr-2{margin-right:.5rem}.-mt-0{margin-top:0}.mr-1{margin-right:.25rem}.mt-5{margin-top:1.25rem}.mb-16{margin-bottom:4rem}.mt-4{margin-top:1rem}.mt-\[1\.375rem\]{margin-top:1.375rem}.mb-9{margin-bottom:2.25rem}.ml-6{margin-left:1.5rem}.mt-8{margin-top:2rem}.ml-\[-0\.875rem\]{margin-left:-.875rem}.mt-1\.5{margin-top:.375rem}.mb-8{margin-bottom:2rem}.mt-2\.5{margin-top:.625rem}.mb-4{margin-bottom:1rem}.mt-11{margin-top:2.75rem}.mt-\[0\.0625rem\]{margin-top:.0625rem}.-ml-\[1\.0625rem\]{margin-left:-1.0625rem}.ml-\[-1\.125rem\]{margin-left:-1.125rem}.mt-\[0\.3125rem\]{margin-top:.3125rem}.mt-\[0\.1875rem\]{margin-top:.1875rem}.mt-\[5\.5rem\]{margin-top:5.5rem}.mt-16{margin-top:4rem}.mt-\[4\.5rem\]{margin-top:4.5rem}.mt-10{margin-top:2.5rem}.mt-20{margin-top:5rem}.mt-\[1\.125rem\]{margin-top:1.125rem}.mt-14{margin-top:3.5rem}.mt-0{margin-top:0}.ml-16{margin-left:4rem}.mt-24{margin-top:6rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.table{display:table}.hidden{display:none}.aspect-square{aspect-ratio:1/1}.aspect-video{aspect-ratio:16/9}.h-auto{height:auto}.h-12{height:3rem}.h-full{height:100%}.h-4{height:1rem}.h-6{height:1.5rem}.h-\[6\.0625rem\]{height:6.0625rem}.h-\[3\.75rem\]{height:3.75rem}.h-\[4\.875rem\]{height:4.875rem}.h-\[12\.5625rem\]{height:12.5625rem}.h-\[3\.5625rem\]{height:3.5625rem}.min-h-screen{min-height:100vh}.w-full{width:100%}.w-\[14\.3125rem\]{width:14.3125rem}.w-auto{width:auto}.w-1\/2{width:50%}.w-4{width:1rem}.w-\[17\.125rem\]{width:17.125rem}.w-\[31\.9375rem\]{width:31.9375rem}.w-\[12\.901785714rem\]{width:12.901785714rem}.w-\[20\.125rem\]{width:20.125rem}.w-1\/4{width:25%}.w-\[16\.5rem\]{width:16.5rem}.w-\[104\.090909091\%\]{width:104.090909091%}.w-\[4\.625rem\]{width:4.625rem}.w-\[14\.875rem\]{width:14.875rem}.w-\[14\.1875rem\]{width:14.1875rem}.w-\[56\.818181818\%\]{width:56.818181818%}.w-\[40\.909090909\%\]{width:40.909090909%}.w-6{width:1.5rem}.w-\[13\.375rem\]{width:13.375rem}.w-\[23\.58490566\%\]{width:23.58490566%}.w-\[36\.79245283\%\]{width:36.79245283%}.w-\[19\.5rem\]{width:19.5rem}.w-\[8\.5rem\]{width:8.5rem}.w-\[9\.125rem\]{width:9.125rem}.w-\[30\.909090909\%\]{width:30.909090909%}.w-\[10\.0625rem\]{width:10.0625rem}.w-\[2\.6875rem\]{width:2.6875rem}.w-\[11\.8125rem\]{width:11.8125rem}.w-\[4\.25rem\]{width:4.25rem}.w-\[11\.25rem\]{width:11.25rem}.w-\[8\.6875rem\]{width:8.6875rem}.w-\[3\.5625rem\]{width:3.5625rem}.w-\[33\.898305084745763\%\]{width:33.898305084745765%}.min-w-\[9rem\]{min-width:9rem}.max-w-none{max-width:none}.max-w-4xl{max-width:55rem}.max-w-\[38\.0625rem\]{max-width:38.0625rem}.max-w-lg{max-width:32rem}.max-w-\[16\.9375rem\]{max-width:16.9375rem}.max-w-\[29\.5625rem\]{max-width:29.5625rem}.max-w-\[50\%\]{max-width:50%}.max-w-\[26\.4375rem\]{max-width:26.4375rem}.max-w-\[31\.4375rem\]{max-width:31.4375rem}.max-w-\[24\.25rem\]{max-width:24.25rem}.max-w-\[26\.5rem\]{max-width:26.5rem}.max-w-\[35\.9375rem\]{max-width:35.9375rem}.max-w-\[40\.75rem\]{max-width:40.75rem}.max-w-\[15\.125rem\]{max-width:15.125rem}.max-w-\[39rem\]{max-width:39rem}.cursor-pointer{cursor:pointer}.resize{resize:both}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-x-2\.5{-moz-column-gap:.625rem;column-gap:.625rem}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-x-5{-moz-column-gap:1.25rem;column-gap:1.25rem}.gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.self-center{align-self:center}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.border-2{border-width:2px}.border-t{border-top-width:1px}.border-l-2{border-left-width:2px}.border-b{border-bottom-width:1px}.border-body-80{--tw-border-opacity:1;border-color:rgb(99 97 110/var(--tw-border-opacity))}.border-grey-warm-15{--tw-border-opacity:1;border-color:rgb(240 238 238/var(--tw-border-opacity))}.border-grey-warm-25{--tw-border-opacity:1;border-color:rgb(228 226 226/var(--tw-border-opacity))}.border-grey-warm-40{--tw-border-opacity:1;border-color:rgb(213 209 209/var(--tw-border-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-body{--tw-bg-opacity:1;background-color:rgb(61 57 74/var(--tw-bg-opacity))}.bg-grey-warm-15{--tw-bg-opacity:1;background-color:rgb(240 238 238/var(--tw-bg-opacity))}.bg-magenta-15{--tw-bg-opacity:1;background-color:rgb(249 239 239/var(--tw-bg-opacity))}.bg-magenta{--tw-bg-opacity:1;background-color:rgb(199 31 70/var(--tw-bg-opacity))}.bg-yellow-light-15{--tw-bg-opacity:1;background-color:rgb(255 249 238/var(--tw-bg-opacity))}.bg-opacity-80{--tw-bg-opacity:0.8}.p-6{padding:1.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-11{padding:2.75rem}.p-\[1\.125rem\]{padding:1.125rem}.p-1\.5{padding:.375rem}.p-1{padding:.25rem}.p-8{padding:2rem}.p-\[0\.3125rem\]{padding:.3125rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.px-4{padding-left:1rem;padding-right:1rem}.py-\[0\.1875rem\]{padding-top:.1875rem;padding-bottom:.1875rem}.py-9{padding-top:2.25rem;padding-bottom:2.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-\[4\.5rem\]{padding-top:4.5rem;padding-bottom:4.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.pb-20{padding-bottom:5rem}.pt-5{padding-top:1.25rem}.pb-3{padding-bottom:.75rem}.pt-\[0\.4375rem\]{padding-top:.4375rem}.pb-1\.5{padding-bottom:.375rem}.pb-1{padding-bottom:.25rem}.pl-\[37\.735849056603774\%\]{padding-left:37.735849056603776%}.pl-\[48\.179271709\%\]{padding-left:48.179271709%}.pb-10{padding-bottom:2.5rem}.pt-8{padding-top:2rem}.pb-16{padding-bottom:4rem}.pt-2{padding-top:.5rem}.pb-11{padding-bottom:2.75rem}.pt-9{padding-top:2.25rem}.pt-10{padding-top:2.5rem}.pl-16{padding-left:4rem}.pl-3{padding-left:.75rem}.pr-4{padding-right:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-top{vertical-align:top}.text-12px{font-size:.75rem;line-height:1.2}.text-10px{font-size:.625rem;line-height:1.2}.text-11px{font-size:.6875rem;line-height:1.2}.text-13px{font-size:.8125rem;line-height:1.2}.text-14px{font-size:.875rem;line-height:1.2}.text-28px{font-size:1.75rem;line-height:1.2}.text-16px{font-size:1rem;line-height:1.2}.text-9px{font-size:.5625rem;line-height:1.2}.text-24px{font-size:1.5rem;line-height:1.2}.text-20px{font-size:1.25rem;line-height:1.2}.text-36px{font-size:2.25rem;line-height:1.2}.text-18px{font-size:1.125rem;line-height:1.2}.text-\[3\.619318182vw\]{font-size:3.619318182vw}.text-\[2\.84375vw\]{font-size:2.84375vw}.text-32px{font-size:2rem;line-height:1.2}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.normal-case{text-transform:none}.italic{font-style:italic}.leading-8{line-height:2rem}.leading-11px{line-height:.6875rem}.leading-12px{line-height:.75rem}.leading-none{line-height:1}.leading-4{line-height:1rem}.leading-20px{line-height:1.25rem}.leading-14px{line-height:.875rem}.leading-\[1\.231071428571429\]{line-height:1.231071428571429}.leading-6{line-height:1.5rem}.tracking-\[-0\.25px\]{letter-spacing:-.25px}.text-body{--tw-text-opacity:1;color:rgb(61 57 74/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-grey{--tw-text-opacity:1;color:rgb(186 180 178/var(--tw-text-opacity))}.text-magenta{--tw-text-opacity:1;color:rgb(199 31 70/var(--tw-text-opacity))}.text-yellow-light{--tw-text-opacity:1;color:rgb(255 226 170/var(--tw-text-opacity))}.text-body-80{--tw-text-opacity:1;color:rgb(99 97 110/var(--tw-text-opacity))}.text-magenta-15{--tw-text-opacity:1;color:rgb(249 239 239/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.decoration-magenta{text-decoration-color:#c71f46}.decoration-grey-warm-40{text-decoration-color:#d5d1d1}.decoration-8{text-decoration-thickness:8px}.decoration-1{text-decoration-thickness:1px}.underline-offset-\[0\.46875rem\]{text-underline-offset:.46875rem}.underline-offset-4{text-underline-offset:4px}.underline-offset-2{text-underline-offset:2px}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.content-none{--tw-content:none;content:var(--tw-content)}.after\:content-\[\'\\00a0\|\\00a0\'\]:after{--tw-content:"\00a0|\00a0";content:var(--tw-content)}.focus\:border-magenta:focus{--tw-border-opacity:1;border-color:rgb(199 31 70/var(--tw-border-opacity))}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}@media (min-width:380px){.min-\[380px\]\:absolute{position:absolute}.min-\[380px\]\:right-0{right:0}.min-\[380px\]\:bottom-0{bottom:0}}@media (min-width:480px){.xs\:mt-0{margin-top:0}.xs\:mt-\[2\.4375rem\]{margin-top:2.4375rem}.xs\:flex{display:flex}.xs\:w-\[56\.81818182\%\]{width:56.81818182%}.xs\:w-\[39\.54545455\%\]{width:39.54545455%}.xs\:max-w-\[65\%\]{max-width:65%}.xs\:items-end{align-items:flex-end}.xs\:justify-between{justify-content:space-between}.xs\:gap-x-10{-moz-column-gap:2.5rem;column-gap:2.5rem}.xs\:gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.xs\:py-10{padding-top:2.5rem;padding-bottom:2.5rem}.xs\:pr-7{padding-right:1.75rem}.xs\:pt-5{padding-top:1.25rem}.xs\:pl-\[3\.625rem\]{padding-left:3.625rem}.xs\:pr-4{padding-right:1rem}.xs\:pb-\[6\.1875rem\]{padding-bottom:6.1875rem}.xs\:pt-\[5\.375rem\]{padding-top:5.375rem}.xs\:text-right{text-align:right}.xs\:text-28px{font-size:1.75rem;line-height:1.2}.xs\:text-24px{font-size:1.5rem;line-height:1.2}.xs\:text-44px{font-size:2.75rem;line-height:1.2}.xs\:leading-none{line-height:1}}@media (min-width:640px){.sm\:my-\[4\.5rem\]{margin-top:4.5rem;margin-bottom:4.5rem}.sm\:mt-0{margin-top:0}.sm\:mt-\[2\.3125rem\]{margin-top:2.3125rem}.sm\:mt-8{margin-top:2rem}.sm\:mt-\[3\.75rem\]{margin-top:3.75rem}.sm\:mb-\[2\.75rem\]{margin-bottom:2.75rem}.sm\:mb-0{margin-bottom:0}.sm\:mt-20{margin-top:5rem}.sm\:flex{display:flex}.sm\:w-1\/2{width:50%}.sm\:w-\[30\.795454545\%\]{width:30.795454545%}.sm\:w-full{width:100%}.sm\:w-\[65\.568181818\%\]{width:65.568181818%}.sm\:w-1\/3{width:33.333333%}.sm\:w-\[30\.9090909090909\%\]{width:30.9090909090909%}.sm\:w-\[63\.636363636\%\]{width:63.636363636%}.sm\:w-\[56\.818181818\%\]{width:56.818181818%}.sm\:w-4\/12{width:33.333333%}.sm\:w-5\/12{width:41.666667%}.sm\:w-3\/12{width:25%}.sm\:max-w-\[50\%\]{max-width:50%}.sm\:max-w-none{max-width:none}.sm\:flex-row-reverse{flex-direction:row-reverse}.sm\:items-start{align-items:flex-start}.sm\:justify-between{justify-content:space-between}.sm\:gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.sm\:gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.sm\:border-b{border-bottom-width:1px}.sm\:border-none{border-style:none}.sm\:border-grey-warm-40{--tw-border-opacity:1;border-color:rgb(213 209 209/var(--tw-border-opacity))}.sm\:py-\[4\.5rem\]{padding-top:4.5rem;padding-bottom:4.5rem}.sm\:pb-10{padding-bottom:2.5rem}.sm\:pb-0{padding-bottom:0}.sm\:text-32px{font-size:2rem;line-height:1.2}.sm\:text-36px{font-size:2.25rem;line-height:1.2}.sm\:text-28px{font-size:1.75rem;line-height:1.2}.sm\:text-22px{font-size:1.375rem;line-height:1.2}}@media (min-width:768px){.md\:absolute{position:absolute}.md\:left-0{left:0}.md\:top-\[4\.5625rem\]{top:4.5625rem}.md\:right-\[5\.6875rem\]{right:5.6875rem}.md\:my-0{margin-top:0;margin-bottom:0}.md\:mx-0{margin-left:0;margin-right:0}.md\:mt-0{margin-top:0}.md\:mb-0{margin-bottom:0}.md\:mt-\[3\.125rem\]{margin-top:3.125rem}.md\:ml-\[4\.75rem\]{margin-left:4.75rem}.md\:mr-11{margin-right:2.75rem}.md\:mt-\[3\.625rem\]{margin-top:3.625rem}.md\:mr-\[3\.375rem\]{margin-right:3.375rem}.md\:mt-\[4\.625rem\]{margin-top:4.625rem}.md\:mr-\[9\.375rem\]{margin-right:9.375rem}.md\:mr-\[6\.3125rem\]{margin-right:6.3125rem}.md\:mr-\[10\.625rem\]{margin-right:10.625rem}.md\:mr-\[4\.75rem\]{margin-right:4.75rem}.md\:mt-9{margin-top:2.25rem}.md\:mt-12{margin-top:3rem}.md\:mt-6{margin-top:1.5rem}.md\:mt-\[5\.9375rem\]{margin-top:5.9375rem}.md\:mt-\[9\.8125rem\]{margin-top:9.8125rem}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:h-full{height:100%}.md\:w-\[23\.75rem\]{width:23.75rem}.md\:w-\[48\.068181818\%\]{width:48.068181818%}.md\:w-\[50\.568181818\%\]{width:50.568181818%}.md\:w-\[30\.795454545\%\]{width:30.795454545%}.md\:w-\[63\.636363636\%\]{width:63.636363636%}.md\:w-\[23\.863636364\%\]{width:23.863636364%}.md\:w-\[74\.090909091\%\]{width:74.090909091%}.md\:w-\[30\.909090909\%\]{width:30.909090909%}.md\:w-\[65\.454545455\%\]{width:65.454545455%}.md\:w-1\/4{width:25%}.md\:w-\[45\.681818182\%\]{width:45.681818182%}.md\:w-\[41\.818181818\%\]{width:41.818181818%}.md\:w-1\/2{width:50%}.md\:w-\[42\.840909091\%\]{width:42.840909091%}.md\:w-\[53\.522727273\%\]{width:53.522727273%}.md\:w-\[31\.136363636\%\]{width:31.136363636%}.md\:w-\[65\.113636364\%\]{width:65.113636364%}.md\:w-\[65\.227272727272727\%\]{width:65.22727272727273%}.md\:max-w-none{max-width:none}.md\:max-w-4xl{max-width:55rem}.md\:items-start{align-items:flex-start}.md\:items-center{align-items:center}.md\:items-stretch{align-items:stretch}.md\:justify-end{justify-content:flex-end}.md\:gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.md\:gap-x-12{-moz-column-gap:3rem;column-gap:3rem}.md\:gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.md\:gap-x-\[4\.5rem\]{-moz-column-gap:4.5rem;column-gap:4.5rem}.md\:self-auto{align-self:auto}.md\:whitespace-nowrap{white-space:nowrap}.md\:border-l-2{border-left-width:2px}.md\:border-grey-warm-40{--tw-border-opacity:1;border-color:rgb(213 209 209/var(--tw-border-opacity))}.md\:p-6{padding:1.5rem}.md\:pl-8{padding-left:2rem}.md\:pb-\[8\.5rem\]{padding-bottom:8.5rem}.md\:pt-\[4\.625rem\]{padding-top:4.625rem}.md\:pl-\[4\.75rem\]{padding-left:4.75rem}.md\:text-left{text-align:left}.md\:text-9px{font-size:.5625rem;line-height:1.2}.md\:text-44px{font-size:2.75rem;line-height:1.2}.md\:text-36px{font-size:2.25rem;line-height:1.2}.md\:text-20px{font-size:1.25rem;line-height:1.2}.md\:leading-54px{line-height:3.375rem}}.\[\&_li\]\:mt-3 li{margin-top:.75rem}.\[\&_li\]\:mt-4 li{margin-top:1rem}.\[\&_li\]\:mt-2\.5 li{margin-top:.625rem}.\[\&_li\]\:flex li{display:flex}.\[\&_li\]\:items-center li{align-items:center}.\[\&_li\]\:gap-x-\[0\.5625rem\] li{-moz-column-gap:.5625rem;column-gap:.5625rem}.\[\&_li\]\:after\:float-right li:after{content:var(--tw-content);float:right}.\[\&_li\]\:after\:ml-2 li:after{content:var(--tw-content);margin-left:.5rem}.\[\&_li\]\:after\:block li:after{content:var(--tw-content);display:block}.\[\&_li\]\:after\:h-full li:after{content:var(--tw-content);height:100%}.\[\&_li\]\:after\:w-px li:after{content:var(--tw-content);width:1px}.\[\&_li\]\:after\:bg-grey-warm-15 li:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(240 238 238/var(--tw-bg-opacity))}.\[\&_li\]\:after\:content-\[\'\'\] li:after{--tw-content:"";content:var(--tw-content)}.\[\&_li\:last-child\]\:mt-3 li:last-child{margin-top:.75rem}.\[\&_li\:last-child\]\:after\:hidden li:last-child:after{content:var(--tw-content);display:none}.\[\&_a\]\:relative a{position:relative}.\[\&_a\]\:block a{display:block}.\[\&_a\]\:py-3 a{padding-top:.75rem;padding-bottom:.75rem}.\[\&_span\]\:inline-block span{display:inline-block}.\[\&_span\]\:border-r span{border-right-width:1px}.\[\&_span\]\:border-none span{border-style:none}.\[\&_span\]\:border-grey-warm span{--tw-border-opacity:1;border-color:rgb(153 139 140/var(--tw-border-opacity))}.\[\&_span\]\:px-3 span{padding-left:12px;padding-right:12px}.\[\&_li\:first-child\]\:mt-0 li:first-child{margin-top:0}.\[\&\.flickity-loaded_\.border-l-2\]\:h-full.flickity-loaded .border-l-2{height:100%} h3.flag.text-size {font-size: 0.85rem;}h2.my-10.w-\[30\.909090909\%\].text-\[3\.619318182vw\].leading-\[1\.231071428571429\].text-white.sm\:mb-0.sm\:mt-20.sm\:text-28px.md\:mt-\[5\.9375rem\].md\:ml-\[4\.75rem\].main-header {font-size: 1.5rem;}.relative.mx-auto.max-w-4xl.text-16px.md\:flex.md\:justify-end.md\:gap-x-8.home-setion {margin-top: 45px;}a.mt-3.inline-block.rounded-full.bg-magenta.p-\[0\.3125rem\].pl-3.pr-4.text-center.text-12px.font-bold.uppercase.text-white.md\:whitespace-nowrap.md\:text-left.link-text {color: white !important;} a.inline-block.rounded-full.bg-magenta.px-4.pt-\[0\.4375rem\].pb-1\.5.text-16px.font-bold.uppercase.text-white.link-text-2 {color: white !important;}a.text-magenta.underline.patient-text {text-decoration: underline !important;color: #C71F46!important;}a.underline.decoration-grey-warm-40.ext_link.link-text-3 {text-decoration: underline !important;}a.mt-3.block.font-bold.uppercase.text-magenta.resource-text {color: #C71F46 !important;}h2.text-28px.font-bold.hex-text {font-size: 22px;}th.w-1\/2.text-left.table-color { background-color: #63616E;}a.inline-block.rounded-full.bg-magenta.px-4.pt-\[0\.4375rem\].pb-1\.5.text-16px.font-bold.uppercase.text-white.link-text3 {color: white !important;}h2.text-28px.font-bold.management-text {font-size: 25px;} a.mt-3.block.font-bold.uppercase.text-magenta.res-text {color: #C71F46 !important;}a.mt-3.block.font-bold.uppercase.text-magenta.ext_link.resource-link-text {color: #C71F46 !important;}a.btn.btn-white.btn-round.german-button {display: inline-block;word-wrap: break-word;padding: 6px 18px;border-radius: 90px;}h2.my-10.w-\[30\.909090909\%\].text-\[3\.619318182vw\].leading-\[1\.231071428571429\].text-white.sm\:mb-0.sm\:mt-20.sm\:text-28px.md\:mt-\[5\.9375rem\].md\:ml-\[4\.75rem\].main-header {font-size: 1.3rem;}p.first-text {font-size: 11.5px;}td.w-1\/4.align-top.tab-text {font-size: 13px;}h2.text-28px.font-bold.about-text-3 {font-size: 24px;}.text-cream{color: #FFE2AA !important; font-weight: 700}.language-div{float: right}h1.mb-8.max-w-\[24\.25rem\].self-center.text-24px.font-bold.text-white.xs\:text-28px.sm\:text-36px.md\:mt-\[4\.625rem\].md\:mb-0.md\:ml-\[4\.75rem\].md\:self-auto.resource-header {height: 4rem !important;}img.w-\[13\.375rem\].h-auto.mt-\[0\.1875rem\].md\:mr-\[10\.625rem\].-ml-\[1\.0625rem\].max-w-\[50\%\].sm\:max-w-none.re-img {margin-bottom: 10px;}h1.mb-8.max-w-\[31\.4375rem\].self-center.text-16px.font-bold.text-white.xs\:text-28px.sm\:text-36px.md\:mb-0.md\:mt-\[3\.625rem\].md\:ml-\[4\.75rem\].md\:self-auto.imp-header {margin-top: 25px;}h1.mb-8.max-w-\[24\.25rem\].self-center.text-20px.font-bold.text-white.xs\:text-28px.sm\:text-36px.md\:mb-0.md\:mt-\[4\.625rem\].md\:ml-\[4\.75rem\].md\:self-auto.mgmt-txt { margin-top: 35px;}div#who {margin-top: 0px;}a.inline-block.rounded-full.bg-magenta.px-4.pt-\[0\.4375rem\].pb-1\.5.text-16px.font-bold.uppercase.text-white.link-text-2 {color: white !important; align-items: righ;justify-content: right;margin-left: 230px;}a.inline-block.rounded-full.bg-magenta.px-4.pt-\[0\.4375rem\].pb-1\.5.text-16px.font-bold.uppercase.text-white.link-text-7 {color: white !important;justify-content: right;margin-left: 60px !important;}.mx-auto.max-w-4xl.py-9.text-16px.sm\:py-\[4\.5rem\].md\:flex.md\:gap-x-12.grey-div-above {padding-bottom: 30px;}.mx-auto.max-w-4xl.py-9.text-16px.sm\:py-\[4\.5rem\].md\:flex.md\:gap-x-12.grey-div {padding-top: 0px !important;padding-bottom: 30px !important;}@media only screen and (max-width: 600px) {a.inline-block.rounded-full.bg-magenta.px-4.pt-\[0\.4375rem\].pb-1\.5.text-16px.font-bold.uppercase.text-white.link-text-2 {color: white !important; align-items: righ;justify-content: right;margin-left: 0;text-align: center;}}
/*Bootstrap reset*/
dl, ol, ul {
margin-top: 0 !important;;
margin-bottom: 0rem !important;;
}
a {
color:inherit !important;
text-decoration: none !important;;
}
/*Bootstrap reset*/
.pum-content + .pum-close{display:none}
.pum-overlay{background-color: #cf1f46bf !important;}
.pum-container.pum-responsive.pum-responsive-medium{padding:3rem;border-radius: 25px;}
.pum-container .modal-dialog .modal-content .modal-header .modal-title{font-size: large;
color: #CF1F47;font-weight: 600; margin-bottom: 1em;}
.pum-container .modal-dialog .modal-content .modal-body p{font-size: 16px;color: #CF1F47;}
.pum-container .modal-dialog .modal-content .modal-footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 1rem;
border-top: 0px solid #e9ecef;
}
.pum-container .modal-dialog .modal-content .modal-footer .btn {margin: 1rem;width: 20%;line-height: 1.8;
height: 32px;text-align: center;}
.pum-container .modal-dialog .modal-content .modal-footer .bg-transprent{border:1px solid #CF1F46; background-color:#fff;color:#CF1F46!important;}
.pum-content h6{font-size:16px;font-weight:600;margin: 10px 0px 0px 0px}
.pum-content p{font-size:15px}
.pum-content .modal{color: #CF1F47;}
#pum-247, #pum-222, pum-224{background-image: url(https://devn.hofhdisease.uk/wp-content/uploads/2023/11/popup-bg.png) !important;}
.mr-btn{margin-right:auto !important}
#speedbump{background: #c71f46 50%/19.40625rem 11.25rem url(https://devn.hofhdisease.uk/wp-content/themes/hofh/graphics/hcp/bg.png) !important;
background-color: #cf1f46a8!important;}
div#speedbump {
display: none;
z-index: 9999;
position: fixed;
top: 0;
width: 100%;
background: #eeeeee;
}
#speedbump h4.modal-title {
color: #C71F46;
font-size:1.7em;
}
#speedbump .modal-dialog{min-width:800px;top:4%}
#speedbump .modal-content{border-radius:20px;padding: 1.6em;}
#speedbump .modal-body p {
text-align:left;
font-size: 1em;
color: #C71F46;
}
#speedbump .modal-body h6 {
text-align:left;
font-size: 1em;
color: #C71F46;
font-weight:600;
}
.modal-header .close {
font-size: 3.5em;
}
#speedbump .btn{border-radius: 50px;
padding: 6px 16px 6px 16px;
color: var(--ocuwellness-white, #FFF);
font-size:0.7em;
font-style: normal;
font-weight: 700;
line-height: 120%; /* 19.2px */
text-transform: uppercase;}
#speedbump .btn.btn-continue{background-color:#C71F46;}
#speedbump .btn-close{border: 1px solid #C71F46;color:#C71F46}
.entry-content .btn-white {
padding: 5px 18px;
background: #fff;
border-radius: 25px;
margin-top: 15px;
font-size: 16px;
color: #c71f46 !important;
font-weight: 600;
}
/* modal css */
.modal-open {
overflow: hidden
}
.modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
display: none;
overflow: hidden;
outline: 0
}
.modal.fade .modal-dialog {
-webkit-transition: -webkit-transform .3s ease-out;
transition: -webkit-transform .3s ease-out;
-o-transition: -o-transform .3s ease-out;
transition: transform .3s ease-out;
transition: transform .3s ease-out, -webkit-transform .3s ease-out, -o-transform .3s ease-out;
-webkit-transform: translate(0, -25%);
-o-transform: translate(0, -25%);
transform: translate(0, -25%)
}
.modal.show .modal-dialog {
-webkit-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0)
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto
}
.modal-dialog {
position: relative;
width: auto;
margin: 10px
}
.modal-content {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: .3rem;
outline: 0
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000
}
.modal-backdrop.fade {
opacity: 0
}
.modal-backdrop.show {
opacity: .5
}
.modal-header {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 15px;
font-weight: 700
}
.modal-title {
margin-bottom: 0;
line-height: 1.5
}
.modal-body {
position: relative;
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 15px
}
.modal-footer {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 15px;
}
.modal-footer>:not(:first-child) {
margin-left: .25rem
}
.modal-footer>:not(:last-child) {
margin-right: .25rem
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll
}
@media (min-width:576px) {
.modal-dialog {
max-width: 500px;
margin: 30px auto
}
.modal-sm {
max-width: 300px
}
}
@media (min-width:992px) {
.modal-lg {
max-width: 800px
}
}
@media only screen and (max-width: 600px) {
#speedbump .modal-dialog{min-width:350px}
}
@media only screen and (max-width: 650px) {
.modal.cookie-modal{top: 40%; }
body.home {overflow:unset;}
}
@media only screen and (max-width: 450px) {
.modal.cookie-modal{bottom: 0px; }
}
/* Add this style to highlight the active link with the language-link class */
a.language-link.active {
color: #C71F46 !important;
}
/* cookie footer-modal */
.cookie-modal.notify {
opacity: 1;
transform: translateY(-100%);
}
.cookie-modal {
width: 100%;
height: auto;
min-height: 10px;
/*max-height: 195px;*/
display: block;
top: 100%;
bottom: initial;
background-color: #757575;
transform: translateY(0);
transition: transform 0.6s cubic-bezier(0.31, 1.01, 0.58, 1);
}
.modal {
position: fixed;
top: 70%;
left: 0;
z-index: 1050;
display: none;
width: 100%;
height: 100%;
overflow: hidden;
outline: 0;
}
element.style {
}
@media (prefers-reduced-motion: reduce)
.modal.fade .modal-dialog {
transition: none;
}
.modal.fade .modal-dialog {
transition: -webkit-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
-webkit-transform: translate(0, -50px);
transform: translate(0, -50px);
}
.modal-dialog.modal-dialog-centered {
overflow-x: hidden;
}
.cookie-modal .modal-dialog {
max-width: 1200px;
min-height: 10px;
margin: 0 auto;
transform: none !important;
}
.modal-dialog {
display: flex;
min-height: calc(100vh - 60px);
flex-direction: column;
justify-content: center;
overflow: auto;
}
.modal-dialog-centered::before {
display: block;
height: calc(100vh - 1rem);
height: -webkit-min-content;
height: -moz-min-content;
height: min-content;
content: "";
}
.cookie-modal .modal-dialog .modal-content {
background-color: transparent;
border: none;
}
.modal-content {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 0.3rem;
outline: 0;
border: 10px solid #F8F7F7;
}
.cookie-modal .modal-dialog .modal-content .modal-body {
padding: 15px;
}
.modal-body {
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1rem;
}
.cookie-modal .cookie-wrap {
min-height: 150px;
display: flex;
align-items: center;
justify-content: space-between;
}
.cookie-modal .button-block {
display: flex;
flex-direction: column;
}
.cookie-modal .cta-button {
width: 100%;
min-width: 170px;
height: 40px;
border: 2px solid #fff;
border-radius: 30px;
margin: 12px 0;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
line-height: 20px;
color: #fff;
font-weight: 700;
}
.cookie-modal .close-button {
display: none;
}
.cookie-modal .cookie-wrap {
min-height: 150px;
display: flex;
align-items: center;
justify-content: space-between;
color: white;
}
.cookie-modal .cookie-wrap .cookie-content {
width: calc(100% - 170px);
padding-right: 30px;
}
.cookie-modal p {
max-width: 725px;
color: #fff;
font-weight: 400;
}
p.p-text {
padding: 0;
margin: 0 0 20px;
font-size: 16px;
line-height: 22px;
}
a.cta-link.text-dec.ext_link {
text-decoration: underline !important;
}
a.text-dec {
text-decoration: underline !important;
}
.entry-content .btn-white:hover{color: #fff !important;background: #f7b532;}
@media only screen and (max-width: 600px) {
.h-auto {
margin:0 auto;
}
#m-full-width{
display:block;
width:100%;
}
#m-full-width .w-1\/2{
width:100%;
}
#m-full-width .download-card{
max-width:100%;
margin-bottom:80px;
}
}
a.inline-block.rounded-full.bg-magenta.px-4.pt-\[0\.4375rem\].pb-1\.5.text-16px.font-bold.uppercase.text-white.link-text-3 {
color: white !important;
}
a.inline-block.rounded-full.bg-magenta.px-4.pt-\[0\.4375rem\].pb-1\.5.text-16px.font-bold.uppercase.text-white.link-text-7 {
color: white !important;
justify-content: right;
margin-left: 60px !important;
text-align: center;
}
@media only screen and (max-width: 768px) {
h2.text-28px.font-bold.hex-text {
font-size: 18px !important;
}
a.btn.btn-white.btn-round.german-button{font-size:1rem; display:block;}
p.mx-auto.text-white{font-size:14px !important;}
}
.mar-7{
margin-bottom:-7px;
}
@media only screen and (max-width:600px) {
.home-header h2{
font-size: 1rem !important;
margin-top: 10px;
}
#masthead .text-magenta{
margin-right:25px;
width: 48%;
}
.hcp-header img{
margin-bottom: 29px;
}
.rounded-full{
margin-left:0 !important;
width:100%;
}
a.inline-block.rounded-full.bg-magenta.px-4.pt-\[0\.4375rem\].pb-1\.5.text-16px.font-bold.uppercase.text-white.link-text-7{
margin-left:0 !important;
width:100%;
}
.hcp-header h1{
max-width:12.3rem;
margin-top:0px;
}
}
@media only screen and (max-width: 450px) {
#cookieModal {
/* top: 20%; */
bottom: 0px;
}
}
.min-h-screen{max-height:100%; margin: 0 auto;overflow:auto}
#primary .margin-t-25{margin-top:25px}
.modal:nth-of-type(even) {
z-index: 1052 !important;
}
.modal-backdrop.show:nth-of-type(even) {
z-index: 1051 !important;
}
#masthead{direction:ltr}
.top-section {
display: flex;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
}
body.page-id-97 #post-97 div.relative1 div.text-right a.text-white {
display: unset !important;
}
.page-id-97 .entry-header{display:none;}
@media only screen and (max-width: 992px) {
.cookie-modal .cookie-wrap .cookie-content {
width: 100%;
}
}
@media only screen and (max-width: 992px) {
.cookie-modal .cookie-wrap {
display: block;
}
}
@media only screen and (max-width: 768px) {
.hcp-header h1{
max-width: 12.3rem;
margin-top:0px;
/* margin-bottom: 30px; */
padding-bottom: 22px;
font-size: 1.2em;
}
.page-id-41 .items-start h2.text-28px{font-size: 1.12rem;}
}
.hcp-header{ overflow:unset}
.hcp-header:after{bottom:-1px;}