{"id":665,"date":"2024-04-20T13:22:10","date_gmt":"2024-04-20T13:22:10","guid":{"rendered":"http:\/\/localhost\/wordpress_sickle_cell\/?page_id=665"},"modified":"2025-04-24T13:59:06","modified_gmt":"2025-04-24T13:59:06","slug":"the-problem","status":"publish","type":"page","link":"https:\/\/duredemos.com\/sicklecell\/the-problem\/","title":{"rendered":"The problem"},"content":{"rendered":"
\n
\n
\n
\n
\n
\n
\n
\n .navbar {
\n font-family: PT Sans;
\n overflow: hidden;
\n background-color: white;
\n }<\/p>\n

.navbar img {
\n float: left;
\n height: 80px;
\n width: auto;
\n padding: 5px 20px;
\n }<\/p>\n

.navbar a {
\n font-family: PT Sans;
\n font-size: 16px;
\n font-weight: bold;
\n float: left;
\n display: block;
\n color: black;
\n text-align: center;
\n padding: 27px 42px;
\n text-decoration: none;
\n }<\/p>\n

.navbar a:hover {
\n color: #a01c31;
\n background-color: white;
\n color: #a01c31;
\n }<\/p>\n

.dropdown {
\n float: left;
\n overflow: hidden;
\n }<\/p>\n

.dropdown .dropbtn {
\n font-family: PT Sans;
\n font-weight: bold;
\n font-size: 16px;
\n border: none;
\n outline: none;
\n color: black;
\n padding: 25px 42px;
\n background-color: inherit;
\n font-family: inherit;
\n margin: 0;
\n }<\/p>\n

.navbar a, .dropdown .dropbtn {
\n display: inline-block;
\n }<\/p>\n

.dropdown-content {
\n font-family: PT Sans;
\n display: none;
\n position: absolute;
\n color: black;
\n background-color: white;
\n min-width: 160px;
\n box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
\n z-index: 1;
\n }<\/p>\n

.dropdown-content a {
\n font-family: PT Sans;
\n font-weight: inherit;
\n float: none;
\n color: black;
\n padding: 12px 16px;
\n text-decoration: none;
\n display: block;
\n text-align: left;
\n }<\/p>\n

.dropdown .dropbtn:hover {
\n color: #a01c31;
\n }<\/p>\n

.dropdown-content a:hover {
\n background-color: white;
\n color: #a01c31;
\n }<\/p>\n

.dropdown:hover .dropdown-content {
\n display: block;
\n }<\/p>\n

.donate {
\n color: white!important;
\n width: 180px;
\n line-height: 0.1;
\n letter-spacing: 0.5px;
\n font-variation-settings: “wght” 400, “wdth” 100, “SOFT” 0;
\n border: 0px solid rgba(255, 212, 9, 0);
\n border-radius: 100px;
\n background-color: rgba(160, 28, 49, 1);
\n padding: 20px!important;
\n }<\/p>\n

.donate_div {
\n padding-top: 16px!important;
\n }<\/p>\n

.donate:hover {
\n background-color: #b71932!important;
\n }<\/p>\n

.dropdown-content .dropdown:hover .dropdown-content-inside {
\n display: block;
\n position: absolute;
\n top: 0;
\n left: 100%;
\n min-width: 264px;
\n }<\/p>\n

.dropdown-content-inside {
\n display:none;
\n font-family: PT Sans;
\n display: none;
\n position: absolute;
\n color: black;
\n background-color: white;
\n min-width: 160px;
\n box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
\n z-index: 1;
\n }<\/p>\n

\/* Media Query for 320px to 740px *\/
\n @media screen and (min-width: 320px) and (max-width: 740px) {
\n .navbar_desktop {
\n display: none !important;
\n }
\n .navbar_mobile {
\n display: block !important;
\n }
\n .dropBtn img{
\n top: 5px;
\n position: absolute;
\n right: 20px;
\n height: 65px !important;
\n }
\n .dropBtn {
\n position: absolute;
\n right: 0%;
\n }
\n .dropdown-content-mobile {
\n display: none;
\n min-width: 195px !important;
\n position: absolute;
\n top: 115%;
\n right: 10%;
\n transform: translateX(calc(100% – 240px)); \/* Move towards the left *\/
\n }
\n .dropdown-inner:hover .dp-content {
\n display: block !important;
\n }
\n .dropdown-inner .dropbtn {
\n font-family: PT Sans;
\n font-weight: inherit;
\n float: none;
\n color: black;
\n padding: 27px 10px; \/* Adjust padding to match other tabs *\/
\n margin: 0 10px; \/* Add margin for spacing *\/
\n text-decoration: none;
\n display: inline-block; \/* Ensure inline-block display *\/
\n text-align: center;
\n }
\n .donate {
\n background-color: white;
\n color: black !important;
\n }
\n .donate:hover {
\n background-color: white !important;
\n color: black !important;
\n }
\n .dp-content .dropdown:hover .dropdown-content-inside {
\n display: block !important;
\n min-width:135px;
\n }
\n .dp-content .dropdown-content-inside {
\n left: 85% !important;
\n }
\n }<\/p>\n

@media screen and (min-width: 740px) and (max-width: 1024px) {
\n .navbar_desktop {
\n display: none !important;
\n }
\n .navbar_mobile {
\n display: block !important;
\n }
\n .dropBtn img {
\n top: 5px;
\n position: absolute;
\n right: 20px;
\n height: 65px !important;
\n }
\n .dropBtn {
\n position: absolute;
\n right: 0%;
\n }
\n .dropdown-content-mobile {
\n display: none;
\n min-width: 300px !important;
\n position: absolute;
\n top: 115%;
\n right: 25%;
\n transform: translateX(calc(100% – 240px)); \/* Move towards the left *\/
\n }
\n .dropdown-inner:hover .dp-content {
\n display: block !important;
\n }
\n .dropdown-inner .dropbtn {
\n font-family: PT Sans;
\n font-weight: inherit;
\n float: none;
\n color: black;
\n padding: 27px 10px; \/* Adjust padding to match other tabs *\/
\n margin: 0 10px; \/* Add margin for spacing *\/
\n text-decoration: none;
\n display: inline-block; \/* Ensure inline-block display *\/
\n text-align: center;
\n }
\n .donate {
\n background-color: white;
\n color: black !important;
\n }
\n .donate:hover {
\n background-color: white !important;
\n color: black !important;
\n }
\n .dp-content .dropdown:hover .dropdown-content-inside {
\n display: block !important;
\n min-width: 250px;
\n }
\n .dp-content .dropdown-content-inside {
\n left: 90% !important;
\n }
\n }<\/p>\n

\n \"Logo\"
\n HOME<\/a><\/p>\n
\n