:root { --black: #000; --white: #fff; /* Primary color */ --primary-900: #091E43; --primary-800: #003B73; --primary-700: #004D94; --primary-600: #0062BE; --primary-500: #006CD1; --primary-400: #3389DA; --primary-300: #A7CAEA; --primary-200: #C1D9F0; --primary-100: #D7E8F9; --primary-50: #E6F3FF; /* Gray */ --gray-900: #131921; --gray-800: #252C31; --gray-700: #465663; --gray-600: #5B6977; --gray-500: #647484; --gray-400: #7C8EA2; --gray-300: #C0C8D0; --gray-200: #DADEE3; --gray-100: #EBEDF0; --gray-50: #F6F7F8; /* Blue */ --blue-900: #19438F; --blue-800: #174DB6; --blue-700: #145FE1; --blue-600: #1B76F5; --blue-500: #248EFF; --blue-400: #59B5FF; --blue-300: #8ED1FF; --blue-200: #BCE2FF; --blue-100: #D9EEFF; --blue-50: #EEF8FF; /* Red */ --red-900: #540C0C; --red-800: #6F1010; --red-700: #8F1515; --red-600: #B71A1A; --red-500: #D92222; --red-400: #ED5858; --red-300: #F2A5A5; --red-200: #FAC9C9; --red-100: #FFDDDD; --red-50: #FAE8E8; /* Orange */ --orange-900: #5E230D; --orange-800: #7B2E12; --orange-700: #9E3B17; --orange-600: #CB4C1D; --orange-500: #DF5320; --orange-400: #E5754D; --orange-300: #FAAD91; --orange-200: #FFC2AC; --orange-100: #FED9CC; --orange-50: #FCEEE9; /* Yellow */ --yellow-900: #7C3E0B; --yellow-800: #984C08; --yellow-700: #BB6302; --yellow-600: #E28C00; --yellow-500: #FFB700; --yellow-400: #FDCE34; --yellow-300: #FFE846; --yellow-200: #FFF485; --yellow-100: #FFF9C5; --yellow-50: #FFFEEA; /* Green */ --green-900: #00492D; --green-800: #005F3B; --green-700: #007B4C; --green-600: #009D61; --green-500: #00AD6B; --green-400: #33BD89; --green-300: #91E2C3; --green-200: #B4E6D3; --green-100: #CCEEE0; --green-50: #E6F7F0; /* Teal */ --teal-900: #003A3F; --teal-800: #004B51; --teal-700: #00646B; --teal-600: #007D86; --teal-500: #00868F; --teal-400: #0096A1; --teal-300: #7ECED4; --teal-200: #B0E4E7; --teal-100: #D9F2F4; --teal-50: #E6F6F7; /* Indigo */ --indigo-900: #242C6E; --indigo-800: #2E388C; --indigo-700: #3A46AE; --indigo-600: #4553D0; --indigo-500: #5162F5; --indigo-400: #707EF7; --indigo-300: #AEB7FF; --indigo-200: #C7CCFF; --indigo-100: #DEE1FF; --indigo-50: #EEEFFE; /* Purple */ --purple-900: #351D6A; --purple-800: #46258B; --purple-700: #5A30B4; --purple-600: #743EE6; --purple-500: #7F44FD; --purple-400: #9969FD; --purple-300: #C4ACF9; --purple-200: #D3BEFF; --purple-100: #E6DAFF; --purple-50: #F2ECFF; /* Pink */ --pink-900: #58002A; --pink-800: #730038; --pink-700: #940048; --pink-600: #BE005C; --pink-500: #D10065; --pink-400: #DA3384; --pink-300: #FE9FCD; --pink-200: #FABFDB; --pink-100: #FFD2E7; --pink-50: #FAE6F0; /* social */ --facebook: #35518D; --twitter: #1DA1F2; --google: #4284F4; --dribble: #EA4C89; --github: #1B1F23; /* flat */ --white_10: rgba(255, 255, 255, 0.1); --white_30: rgba(255, 255, 255, 0.3); --dark_10: rgba(19, 25, 33, 0.1); --dark_30: rgba(19, 25, 33, 0.3); --typeface-display: 'DM Serif Display', serif; --typeface-text: 'Open Sans', sans-serif; --rounded-none: 0; --rounded-sm: 2px; --rounded: 4px; --rounded-md: 6px; --rounded-lg: 8px; --rounded-xl: 12px; --rounded-2xl: 16px; --rounded-3xl: 24px; --rounded-full: 9999px; --size-2: 2px; --size-4: 4px; --size-8: 8px; --size-10: 10px; --size-xs-12: 0.75rem; --size-sm-14: 0.875rem; --size-base-16: 1rem; --size-lg-18: 1.125rem; --size-xl-20: 1.25rem; --size-2xl-24: 1.5rem; --size-3xl-30: 1.875rem; --size-4xl-36: 2.25rem; --size-5xl-48: 3rem; --size-6xl-60: 3.75rem; --size-7xl-72: 4.5rem; --size-8xl-96: 6rem; --link-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M8.39062 6.27539C9.27046 6.27539 10.1149 6.62239 10.7402 7.24121C10.7953 7.30085 10.8255 7.37961 10.8242 7.46094C10.8228 7.54291 10.7894 7.62082 10.7314 7.67871C10.6735 7.73666 10.5955 7.77021 10.5137 7.77148C10.4318 7.77275 10.3517 7.74168 10.292 7.68555C9.78539 7.18606 9.10242 6.90527 8.39062 6.90527C7.76333 6.90538 7.15823 7.12294 6.67676 7.5166L6.47852 7.69629L3.42578 10.75C2.91867 11.2574 2.63389 11.9456 2.63379 12.6631C2.63379 13.0184 2.7039 13.3709 2.83984 13.6992C2.97576 14.0274 3.17467 14.3259 3.42578 14.5771C3.67698 14.8285 3.97547 15.028 4.30371 15.1641C4.63185 15.3 4.98368 15.3701 5.33887 15.3701C6.05635 15.3701 6.74464 15.0846 7.25195 14.5771L7.64746 14.1816C7.67689 14.1524 7.71168 14.1291 7.75 14.1133C7.7884 14.0974 7.82957 14.0898 7.87109 14.0898C7.91265 14.0899 7.9538 14.0983 7.99219 14.1143C8.03049 14.1302 8.0654 14.1532 8.09473 14.1826C8.12411 14.2121 8.14819 14.2476 8.16406 14.2861C8.17981 14.3245 8.18757 14.3657 8.1875 14.4072C8.18743 14.4488 8.17903 14.4899 8.16309 14.5283C8.14708 14.5668 8.12421 14.6024 8.09473 14.6318H8.09375L7.69824 15.0273C7.3886 15.3368 7.02083 15.5822 6.61621 15.749C6.2117 15.9158 5.77833 16.0012 5.34082 16H5.33887C4.67883 16.001 4.03253 15.8059 3.4834 15.4395C2.93438 15.073 2.50654 14.5515 2.25391 13.9414C2.00133 13.3314 1.93534 12.6602 2.06445 12.0127C2.19366 11.3651 2.51213 10.77 2.97949 10.3037H2.98047L6.03125 7.25C6.65739 6.62522 7.50636 6.27551 8.39062 6.27539ZM12.666 2C13.5504 2.00033 14.3992 2.3526 15.0244 2.97852C15.6493 3.6044 16.0003 4.45314 16 5.33789C15.9996 6.16747 15.6909 6.96538 15.1367 7.57715L15.0225 7.69629L11.9707 10.749L11.9697 10.75C11.6608 11.0596 11.2935 11.3051 10.8896 11.4727C10.4857 11.6402 10.0525 11.7267 9.61523 11.7266H9.61426C9.17644 11.7272 8.74247 11.6411 8.33789 11.4736C7.93528 11.307 7.57018 11.0618 7.26172 10.7539C7.20518 10.6946 7.1732 10.6163 7.17383 10.5342C7.17455 10.4513 7.20807 10.372 7.2666 10.3135C7.32508 10.255 7.40373 10.2215 7.48633 10.2207C7.56897 10.22 7.64848 10.2521 7.70801 10.3096L7.71094 10.3115C8.22401 10.8014 8.90593 11.0752 9.61523 11.0752C10.3245 11.0752 11.0065 10.8013 11.5195 10.3115H11.5205L11.5283 10.3027L14.5791 7.25098C14.8307 6.99992 15.0308 6.70138 15.167 6.37305C15.3031 6.04472 15.373 5.69236 15.373 5.33691C15.373 4.98142 15.3032 4.62913 15.167 4.30078C15.0307 3.97239 14.8308 3.67393 14.5791 3.42285L14.5713 3.41602L14.3711 3.24219C13.8873 2.86147 13.2877 2.65239 12.667 2.65234C11.9576 2.65234 11.2756 2.92579 10.7627 3.41602L10.7539 3.42383L10.1455 4.03223C10.0863 4.09131 10.0064 4.12498 9.92285 4.125C9.83918 4.12497 9.75843 4.0915 9.69922 4.03223C9.64007 3.97297 9.60742 3.89242 9.60742 3.80859C9.60745 3.7248 9.6401 3.64418 9.69922 3.58496H9.7002L10.3076 2.97559C10.9332 2.35031 11.7818 1.99978 12.666 2Z' fill='%23252C31' stroke='%237C8EA2'/%3E%3C/svg%3E"); --doc-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M13.494 2.4834L8.24884 2.5L7.74982 2.50195V5.25C7.74982 5.51522 7.64438 5.76949 7.45685 5.95703C7.26932 6.14452 7.01499 6.25 6.74982 6.25H3.99982V15.5H14.0516L14.0496 14.998L13.9998 2.99805H13.9988C13.9986 2.8998 13.9726 2.80329 13.9207 2.71973L13.7733 2.48242L13.494 2.4834ZM6.62091 11.75H11.2996C11.3659 11.75 11.4295 11.7764 11.4764 11.8232C11.5232 11.8701 11.5496 11.9337 11.5496 12C11.5496 12.0663 11.5232 12.1299 11.4764 12.1768C11.4295 12.2236 11.3659 12.25 11.2996 12.25H6.62091C6.55464 12.25 6.49102 12.2236 6.44415 12.1768C6.3973 12.1299 6.37091 12.0663 6.37091 12C6.37091 11.9337 6.39729 11.8701 6.44415 11.8232C6.49102 11.7764 6.55464 11.75 6.62091 11.75ZM6.62091 8.75H11.2996C11.3659 8.75003 11.4295 8.77639 11.4764 8.82324C11.5232 8.87012 11.5496 8.93373 11.5496 9C11.5496 9.06627 11.5232 9.12988 11.4764 9.17676C11.4295 9.22361 11.3659 9.24997 11.2996 9.25H6.62091C6.55464 9.24998 6.49102 9.22362 6.44415 9.17676C6.3973 9.12988 6.37091 9.06628 6.37091 9C6.37091 8.93372 6.39729 8.87012 6.44415 8.82324C6.49102 8.77638 6.55464 8.75002 6.62091 8.75ZM3.60333 5.75H7.24982V2.10352L3.60333 5.75ZM3.49982 5.87012C3.49909 5.64064 3.54384 5.41318 3.63165 5.20117C3.71949 4.98913 3.84872 4.79653 4.01154 4.63477L6.13458 2.51172C6.29628 2.34898 6.48905 2.21967 6.70099 2.13184C6.91289 2.04403 7.14056 1.99935 7.36993 2H13.5408L13.6365 2.00684C13.8595 2.033 14.068 2.13503 14.2254 2.29785C14.4052 2.48385 14.5038 2.73351 14.4998 2.99219V15.0078C14.5038 15.2665 14.4052 15.5162 14.2254 15.7021C14.0456 15.8881 13.7994 15.9952 13.5408 16H4.45978C4.20104 15.9953 3.95412 15.8882 3.77423 15.7021C3.59452 15.5162 3.49586 15.2664 3.49982 15.0078V5.87012Z' fill='%23252C31' stroke='%237C8EA2'/%3E%3C/svg%3E"); --quote-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M12 6.6665H6.66667C5.196 6.6665 4 7.8625 4 9.33317V14.6665C4 16.1372 5.196 17.3332 6.66667 17.3332H12V18.6665C12 20.8718 10.2053 22.6665 8 22.6665H6.66667C5.93067 22.6665 5.33333 23.2625 5.33333 23.9998C5.33333 24.7372 5.93067 25.3332 6.66667 25.3332H8C11.676 25.3332 14.6667 22.3425 14.6667 18.6665V9.33317C14.6667 7.8625 13.4707 6.6665 12 6.6665ZM6.66667 14.6665V9.33317H12L12.0013 14.6572C12.0013 14.6572 12 14.6625 12 14.6665H6.66667Z' fill='%23647484'/%3E%3Cpath d='M25.3333 6.6665H20C18.5293 6.6665 17.3333 7.8625 17.3333 9.33317V14.6665C17.3333 16.1372 18.5293 17.3332 20 17.3332H25.3333V18.6665C25.3333 20.8718 23.5387 22.6665 21.3333 22.6665H20C19.264 22.6665 18.6667 23.2625 18.6667 23.9998C18.6667 24.7372 19.264 25.3332 20 25.3332H21.3333C25.0093 25.3332 28 22.3425 28 18.6665V9.33317C28 7.8625 26.804 6.6665 25.3333 6.6665ZM20 14.6665V9.33317H25.3333L25.3347 14.6572C25.3347 14.6572 25.3333 14.6625 25.3333 14.6665H20Z' fill='%23647484'/%3E%3C/svg%3E"); --tick-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M3.09375 9.84375L7.03125 13.7812L14.9062 5.34375' stroke='%237C8EA2' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); --report-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M20.1 6.6H19.2C18.9613 6.6 18.7324 6.69482 18.5636 6.8636C18.3948 7.03239 18.3 7.26131 18.3 7.5C18.3 7.73869 18.3948 7.96761 18.5636 8.1364C18.7324 8.30518 18.9613 8.4 19.2 8.4V18.3C19.2 18.5387 19.1052 18.7676 18.9364 18.9364C18.7676 19.1052 18.5387 19.2 18.3 19.2C18.0613 19.2 17.8324 19.1052 17.6636 18.9364C17.4948 18.7676 17.4 18.5387 17.4 18.3V4.8C17.4 4.32261 17.2104 3.86477 16.8728 3.52721C16.5352 3.18964 16.0774 3 15.6 3H4.8C4.32261 3 3.86477 3.18964 3.52721 3.52721C3.18964 3.86477 3 4.32261 3 4.8V18.3C3 19.0161 3.28446 19.7028 3.79081 20.2092C4.29716 20.7155 4.98392 21 5.7 21H18.3C19.0161 21 19.7028 20.7155 20.2092 20.2092C20.7155 19.7028 21 19.0161 21 18.3V7.5C21 7.26131 20.9052 7.03239 20.7364 6.8636C20.5676 6.69482 20.3387 6.6 20.1 6.6ZM5.7 19.2C5.46131 19.2 5.23239 19.1052 5.0636 18.9364C4.89482 18.7676 4.8 18.5387 4.8 18.3V4.8H15.6V18.3C15.6 18.6065 15.652 18.9109 15.7539 19.2H5.7Z' fill='%23647484'/%3E%3Cpath d='M6.6 10.2H9.3C9.53869 10.2 9.76761 10.1052 9.9364 9.9364C10.1052 9.76761 10.2 9.53869 10.2 9.3V6.6C10.2 6.36131 10.1052 6.13239 9.9364 5.9636C9.76761 5.79482 9.53869 5.7 9.3 5.7H6.6C6.36131 5.7 6.13239 5.79482 5.9636 5.9636C5.79482 6.13239 5.7 6.36131 5.7 6.6V9.3C5.7 9.53869 5.79482 9.76761 5.9636 9.9364C6.13239 10.1052 6.36131 10.2 6.6 10.2ZM7.5 7.5H8.4V8.4H7.5V7.5Z' fill='%23647484'/%3E%3Cpath d='M13.8 5.7H12C11.7613 5.7 11.5324 5.79482 11.3636 5.9636C11.1948 6.13239 11.1 6.36131 11.1 6.6C11.1 6.83869 11.1948 7.06761 11.3636 7.2364C11.5324 7.40518 11.7613 7.5 12 7.5H13.8C14.0387 7.5 14.2676 7.40518 14.4364 7.2364C14.6052 7.06761 14.7 6.83869 14.7 6.6C14.7 6.36131 14.6052 6.13239 14.4364 5.9636C14.2676 5.79482 14.0387 5.7 13.8 5.7Z' fill='%23647484'/%3E%3Cpath d='M13.8 8.4H12C11.7613 8.4 11.5324 8.49482 11.3636 8.6636C11.1948 8.83239 11.1 9.06131 11.1 9.3C11.1 9.53869 11.1948 9.76761 11.3636 9.9364C11.5324 10.1052 11.7613 10.2 12 10.2H13.8C14.0387 10.2 14.2676 10.1052 14.4364 9.9364C14.6052 9.76761 14.7 9.53869 14.7 9.3C14.7 9.06131 14.6052 8.83239 14.4364 8.6636C14.2676 8.49482 14.0387 8.4 13.8 8.4Z' fill='%23647484'/%3E%3Cpath d='M13.8 11.1H6.6C6.36131 11.1 6.13239 11.1948 5.9636 11.3636C5.79482 11.5324 5.7 11.7613 5.7 12C5.7 12.2387 5.79482 12.4676 5.9636 12.6364C6.13239 12.8052 6.36131 12.9 6.6 12.9H13.8C14.0387 12.9 14.2676 12.8052 14.4364 12.6364C14.6052 12.4676 14.7 12.2387 14.7 12C14.7 11.7613 14.6052 11.5324 14.4364 11.3636C14.2676 11.1948 14.0387 11.1 13.8 11.1Z' fill='%23647484'/%3E%3Cpath d='M13.8 13.8H6.6C6.36131 13.8 6.13239 13.8948 5.9636 14.0636C5.79482 14.2324 5.7 14.4613 5.7 14.7C5.7 14.9387 5.79482 15.1676 5.9636 15.3364C6.13239 15.5052 6.36131 15.6 6.6 15.6H13.8C14.0387 15.6 14.2676 15.5052 14.4364 15.3364C14.6052 15.1676 14.7 14.9387 14.7 14.7C14.7 14.4613 14.6052 14.2324 14.4364 14.0636C14.2676 13.8948 14.0387 13.8 13.8 13.8Z' fill='%23647484'/%3E%3Cpath d='M13.8 16.5H6.6C6.36131 16.5 6.13239 16.5948 5.9636 16.7636C5.79482 16.9324 5.7 17.1613 5.7 17.4C5.7 17.6387 5.79482 17.8676 5.9636 18.0364C6.13239 18.2052 6.36131 18.3 6.6 18.3H13.8C14.0387 18.3 14.2676 18.2052 14.4364 18.0364C14.6052 17.8676 14.7 17.6387 14.7 17.4C14.7 17.1613 14.6052 16.9324 14.4364 16.7636C14.2676 16.5948 14.0387 16.5 13.8 16.5Z' fill='%23647484'/%3E%3C/svg%3E"); --download-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M11.138 6.32004C11.013 6.19186 10.8434 6.11984 10.6667 6.11984C10.4899 6.11984 10.3203 6.19186 10.1953 6.32004L8.66667 7.8879V2.01713C8.66667 1.83579 8.59643 1.66187 8.4714 1.53364C8.34638 1.40541 8.17681 1.33337 8 1.33337C7.82319 1.33337 7.65362 1.40541 7.52859 1.53364C7.40357 1.66187 7.33333 1.83579 7.33333 2.01713V7.8879L5.80467 6.32004C5.74317 6.25473 5.6696 6.20264 5.58827 6.16681C5.50693 6.13097 5.41945 6.11211 5.33093 6.11132C5.24241 6.11053 5.15463 6.12783 5.0727 6.16221C4.99076 6.19659 4.91633 6.24737 4.85373 6.31157C4.79114 6.37577 4.74164 6.45211 4.70812 6.53614C4.6746 6.62017 4.65773 6.71021 4.6585 6.801C4.65927 6.89179 4.67766 6.98151 4.7126 7.06493C4.74754 7.14835 4.79833 7.2238 4.862 7.28688L7.52867 10.0219C7.59059 10.0856 7.66416 10.1361 7.74515 10.1706C7.82615 10.2051 7.91298 10.2228 8.00067 10.2228C8.08836 10.2228 8.17518 10.2051 8.25618 10.1706C8.33717 10.1361 8.41074 10.0856 8.47266 10.0219L11.1393 7.28688C11.2641 7.15847 11.3341 6.98449 11.3339 6.80318C11.3336 6.62187 11.2632 6.44808 11.138 6.32004Z' fill='%230062BE'/%3E%3Cpath d='M13.3333 9.19662H11.6333L9.65 11.2308C9.43333 11.4531 9.17609 11.6294 8.89298 11.7496C8.60987 11.8699 8.30644 11.9318 8 11.9318C7.69356 11.9318 7.39012 11.8699 7.10702 11.7496C6.82391 11.6294 6.56667 11.4531 6.35 11.2308L4.36667 9.19662H2.66667C2.31304 9.19662 1.9739 9.3407 1.72386 9.59716C1.47381 9.85362 1.33333 10.2015 1.33333 10.5641V13.2992C1.33333 13.6619 1.47381 14.0097 1.72386 14.2662C1.9739 14.5226 2.31304 14.6667 2.66667 14.6667H13.3333C13.687 14.6667 14.0261 14.5226 14.2761 14.2662C14.5262 14.0097 14.6667 13.6619 14.6667 13.2992V10.5641C14.6667 10.2015 14.5262 9.85362 14.2761 9.59716C14.0261 9.3407 13.687 9.19662 13.3333 9.19662ZM11.6667 13.2992C11.4689 13.2992 11.2755 13.239 11.1111 13.1263C10.9466 13.0136 10.8185 12.8535 10.7428 12.666C10.6671 12.4786 10.6473 12.2724 10.6859 12.0735C10.7245 11.8745 10.8197 11.6917 10.9596 11.5483C11.0994 11.4049 11.2776 11.3072 11.4716 11.2676C11.6656 11.228 11.8666 11.2483 12.0493 11.326C12.2321 11.4036 12.3883 11.5351 12.4981 11.7037C12.608 11.8724 12.6667 12.0707 12.6667 12.2735C12.6667 12.5456 12.5613 12.8064 12.3738 12.9988C12.1862 13.1911 11.9319 13.2992 11.6667 13.2992Z' fill='%230062BE'/%3E%3C/svg%3E"); --downarrow-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M8.54362 11.4167C8.697 11.418 8.84807 11.4488 8.98698 11.5056C9.12571 11.5623 9.24914 11.6434 9.35026 11.7429L9.35905 11.7516L15.5065 17.5944L16.0231 18.0856L16.5397 17.5944L22.6774 11.7604C22.8857 11.5694 23.172 11.4582 23.4762 11.4606C23.7807 11.4631 24.0657 11.5788 24.2702 11.7731C24.4734 11.9663 24.5813 12.2202 24.5837 12.4763C24.5859 12.7322 24.482 12.9864 24.2829 13.1823L16.8258 20.2702C16.6191 20.4666 16.331 20.5835 16.0231 20.5837C15.7152 20.5836 15.4271 20.4666 15.2204 20.2702L7.75358 13.1735L7.74381 13.1647L7.66959 13.0886C7.59975 13.0103 7.5431 12.9235 7.50163 12.8317C7.44646 12.7095 7.41786 12.5793 7.41666 12.4489C7.41554 12.3186 7.4419 12.188 7.49479 12.0651C7.54777 11.9422 7.62715 11.8281 7.73014 11.7302C7.83338 11.632 7.95818 11.5522 8.0983 11.4977C8.23847 11.4432 8.39015 11.4154 8.54362 11.4167Z' fill='%23252C31' stroke='%231B76F5' stroke-width='1.5'/%3E%3C/svg%3E"); } html { scroll-behavior: initial !important; overflow-x: hidden; } * { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } body { font-family: var(--typeface-text, 'Open Sans', sans-serif); font-size: 1rem; font-weight: 400; line-height: 1.6; color: var(--black); background-color: var(--white); overflow-x: hidden; margin: 0 } body h1, body h2, body h3, body h4, body h5, body h6 { font-family: var(--typeface-display, 'DM Serif Display', serif) !important; font-weight: 600 !important; line-height: 1.2 !important; margin: 0; color: var(--gray-900) !important; } p, span, div { font-family: var(--typeface-text, 'Open Sans', sans-serif) !important; font-size: 1rem; font-weight: 400; margin: 0; color: var(--gray-800); line-height: 150%; } .big-text { font-size: var(--size-5xl-48) !important; } .heading-1 { font-size: var(--size-4xl-36) !important; } .heading-2 { font-size: var(--size-3xl-30) !important; } .heading-3 { font-size: var(--size-2xl-24) !important; } .heading-4 { font-size: var(--size-xl-20) !important; } .heading-5 { font-size: var(--size-lg-18) !important; } .heading-6 { font-size: 1.5rem !important; } .text-lg { font-size: var(--size-xl-20) !important; } .text-md { font-size: var(--size-lg-18) !important; } .text-base { font-size: var(--size-base-16) !important; } .text-sm { font-size: var(--size-sm-14) !important; } .text-xs { font-size: var(--size-xs-12) !important; } .font-thin { font-weight: 100 !important; } .font-extralight { font-weight: 200 !important; } .font-light { font-weight: 300 !important; } .font-normal { font-weight: 400 !important; } .font-medium { font-weight: 500 !important; } .font-semibold { font-weight: 600 !important; } .font-bold { font-weight: 700 !important; } .font-extrabold { font-weight: 800 !important; } .font-black { font-weight: 900 !important; } .index-1 { z-index: 1; } .index-2 { z-index: 2; } .index-3 { z-index: 3; } .index-4 { z-index: 4; } .index-5 { z-index: 5; } .index-6 { z-index: 6; } .index-7 { z-index: 7; } .fa-link::before { content: var(--link-icon) !important; } .home .fa-file-pdf::before { content: var(--doc-icon) !important; } .flex-center { display: flex !important; align-items: center !important; justify-content: center !important; } .btn { cursor: pointer !important; transition: all 0.3s ease !important; padding: 10px 20px; border-radius: 8px; font-size: var(--size-base-16); } .btn:disabled { opacity: 0.6; cursor: not-allowed; } .btn-primary { background: var(--primary-600, #0062BE) !important; border-radius: var(--rounded-lg, 8px) !important; color: var(--white, var(--white, #FFF)) !important; font-family: var(--typeface-text, "Open Sans") !important; font-size: var(--size-base-16, 16px) !important; font-style: normal !important; font-weight: 500 !important; line-height: 150% !important; border: none !important; outline: none !important; } .btn-primary:hover { background: var(--primary-700, #004D94) !important; color: var(--white, var(--white, #FFF)) !important; } .btn-primary a, .btn-success a { background: none !important; } .btn-outline-light { border-radius: var(--rounded-lg, 8px) !important; border: 1px solid var(--white_30) !important; border-color: var(--white_30) !important; background: var(--white_10, rgba(255, 255, 255, 0.10)) !important; backdrop-filter: blur(6px) !important; color: var(--white, var(--white, #FFF)) !important; font-family: var(--typeface-text, "Open Sans") !important; font-size: var(--size-base-16, 16px) !important; font-style: normal !important; font-weight: 400 !important; line-height: 150% !important; } .btn-outline-light:hover { background: var(--flat-dark_10, rgba(19, 25, 33, 0.10)) !important; color: var(--white, var(--white, #FFF)) !important; } .btn-success { color: var(--white, var(--white, #FFF)) !important; font-family: var(--typeface-text, "Open Sans") !important; font-size: var(--size-base-16, 16px) !important; font-style: normal !important; font-weight: 500 !important; line-height: 150% !important; border: none !important; outline: none !important; border-radius: var(--rounded-lg, 8px) !important; background: var(--green-700, #007B4C) !important; /* shadow-md */ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -2px rgba(0, 0, 0, 0.05) !important; } .btn-success:hover { background: var(--green-800, #005F3B) !important; color: var(--white, var(--white, #FFF)) !important; } .btn-outline-secondary { border-radius: var(--rounded-lg, 8px) !important; border: 1px solid var(--gray-200, #DADEE3) !important; color: var(--gray-900, #131921) !important; font-family: var(--typeface-text, "Open Sans") !important; font-size: var(--size-sm-14, 14px) !important; font-style: normal !important; font-weight: 600 !important; line-height: 140% !important; } .btn-outline-secondary:hover { background-color: var(--gray-200, #EBEDF0) !important; border: 1px solid var(--gray-100, #C0C8D0) !important; color: var(--gray-900, #131921) !important; } .btn-secondary { display: flex !important; justify-content: center !important; align-items: center !important; gap: var(--2, 8px) !important; background: var(--gray-200) !important; color: var(--gray-900, #131921) !important; font-family: var(--typeface-text, "Open Sans") !important; font-size: var(--size-base-16, 16px) !important; font-style: normal !important; font-weight: 600 !important; line-height: 150%; border: none !important; } .btn-secondary:hover { background: var(--gray-300) !important; } .border-gray { border-bottom: 1px solid var(--gray-200) !important; } form { margin-bottom: 0 !important; } .w-fit { width: fit-content !important; } .gap-2 { gap: 0.5rem !important; height: unset !important; } .gap-3 { gap: 1rem !important; height: unset !important; } .gap-4 { gap: 1.5rem !important; height: unset !important; } /* page styles */ .top-menu { background: var(--primary-600) !important; padding: 20px 48px; } header #showbacktop { background: var(--primary-700) !important; padding: 20px; } #showbacktop.is-visible { position: relative !important; } #showbacktop.is-fixed { background-color: var(--primary-700) !important; border-bottom: none !important; } .top-menu .navbar-nav .nav-link, .top-menu .navbar-nav li a { color: var(--gray-50) !important; font-family: var(--typeface-text, 'Open Sans', sans-serif) !important; padding: 0 10px; border-right: 1px solid rgba(255, 255, 255, 0.3); transition: all 0.3s ease !important; } .top-menu .navbar-nav li a:hover, .top-menu .navbar-nav .nav-link:hover { color: var(--primary-900) !important; } .top-menu .navbar-nav .nav-item:last-child .nav-link, .top-menu .navbar-nav li:last-child a { border-right: none; padding-right: 0 !important; } #main-menu2 .menu-item:first-child .nav-link { padding-left: 0 !important; } #main-menu2 .menu-item:last-child .nav-link { padding-right: 0 !important; border-right: none; } #menu-main-menu .nav-item { display: flex; align-items: center; border-radius: 8px; } #menu-main-menu .nav-item .nav-link { font-family: var(--typeface-display, 'DM Serif Display', serif) !important; font-size: var(--size-xl-20) !important; padding: 8px 14px; border-radius: 8px; } #menu-main-menu .nav-item::after { content: ''; display: block; width: 1px; height: 14px; background-color: rgba(255, 255, 255, 0.3); } #menu-main-menu .nav-item.active::after { display: none; } #mega-menu-125380.dropdown-menu { top: 93% !important; } #navbar-mobile { gap: 8px; } .dropleft .dropdown-menu { top: -6px !important; margin-right: 1rem !important; border-radius: 10px; } @media (max-width: 992px) { #menu-main-menu .nav-item { display: block; } #menu-main-menu .nav-item::after { display: none; } #menu-main-menu .nav-item .nav-link { width: 100%; } .navbar-expand-lg .navbar-nav .dropdown-toggle::after { margin-right: 0 !important; } .main-menu.navbar-dark .navbar-nav .nav-item .dropdown-menu { background-color: transparent !important; box-shadow: none !important; } .menu-item-125412 .dropdown-menu { margin-left: 0 !important; } .mega ul.menu>li>a { padding: 0 !important; } #showbacktop .main-menu.navbar-dark .navbar-nav>.nav-item.active, #showbacktop .main-menu.navbar-dark .navbar-nav>.nav-item:hover { background: transparent !important; } } @media (max-width: 576px) { .top-menu .navbar-nav .nav-link, .top-menu .navbar-nav li a { font-size: 14px !important; } } .foot-left h3 { text-align: left; color: var(--gray-100) !important; font-size: var(--size-sm-14); font-family: var(--typeface-text, 'Open Sans', sans-serif) !important; } .footer-dark p { color: var(--gray-300) !important; font-size: var(--size-sm-14); } .fa-search:before { color: white !important; } .navbar-collapse .input-group { border-radius: 8px !important; overflow: hidden; border: 1px solid var(--gray-200) !important; } /* Footer contact section - div-based layout */ footer .contact { display: flex; flex-direction: column; gap: 0.75rem; } footer .contact-item { display: flex; align-items: center; gap: 0.75rem; } footer .contact-icon { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 1.25em; } footer .contact-icon i { font-size: 1em; } footer .contact-text { color: var(--gray-100, #EBEDF0); font-family: var(--typeface-text, "Open Sans"); font-size: var(--size-sm-14, 14px); font-style: normal; font-weight: 400; line-height: 140%; /* 19.6px */ } .breadcrumb { align-items: flex-end; } .breadcrumb a { color: var(--gray-800, #252C31) !important; } .breadcrumb .text-dark.active { color: #000 !important; } /* home page */ .home .alert { margin-bottom: 0 !important; } .home .alert.alert-warning { display: flex; padding: var(--10, 40px) var(--7, 28px); flex-direction: column; align-items: center; align-self: stretch; border-radius: var(--rounded-3xl, 24px); background: var(--gray-100, #EBEDF0); border: none !important; } .home .alert.alert-warning div:nth-child(1) { color: var(--gray-900, #131921) !important; text-align: center; font-family: var(--typeface-display, "DM Serif Display") !important; font-size: var(--size-2xl-24, 24px) !important; font-style: normal; font-weight: 600 !important; line-height: 120%; margin-bottom: 1.5rem; } .home .alert.alert-warning div:nth-child(2) { color: var(--gray-800, #252C31) !important; text-align: center; font-family: var(--typeface-text, "Open Sans") !important; font-size: var(--size-lg-18, 18px) !important; font-style: normal; font-weight: 600 !important; line-height: 145%; margin-bottom: 8px; } .home .alert.alert-warning div:nth-child(3) { color: var(--gray-800) !important; text-align: center; font-family: var(--typeface-text, "Open Sans") !important; font-size: var(--size-lg-18, 18px) !important; font-style: normal; font-weight: 400 !important; line-height: 145%; } .home .entry-header h1.entry-title { color: var(--gray-900, #131921) !important; font-family: var(--typeface-display, "DM Serif Display") !important; font-size: var(--size-4xl-36, 36px) !important; font-style: normal; font-weight: 600 !important; line-height: 120%; margin-bottom: 20px !important; } .home .entry-content p { color: var(--gray-800) !important; font-family: var(--typeface-text, "Open Sans") !important; font-size: var(--size-xl-20, 20px) !important; font-style: normal; font-weight: 400; line-height: 150%; margin-bottom: 20px; } .home .entry-content figure { border-radius: 16px !important; overflow: hidden; } .home .faqs h2 { color: var(--gray-900, #131921); font-family: var(--typeface-display, "DM Serif Display"); font-size: var(--size-4xl-36, 36px); font-style: normal; font-weight: 600 !important; line-height: 120%; margin-bottom: 28px !important; } .home .faqs h3 { color: var(--gray-800, #252C31); font-family: var(--typeface-text, "Open Sans") !important; font-size: var(--size-xl-20, 20px); font-style: normal; font-weight: 600; line-height: 150%; /* 30px */ } .home .faqs p { color: var(--gray-800, #252C31); font-family: var(--typeface-text, "Open Sans"); font-size: var(--size-base-16, 16px); font-style: normal; font-weight: 400; line-height: 150%; /* 24px */ } .home .right-wrapper { background-color: var(--gray-100, #EBEDF0) !important; } .home .right-wrapper .manage-btn { display: flex; padding: 14px 10px; align-items: center; justify-content: center; align-self: stretch; border-radius: 10px; background: var(--green-300, #91E2C3); color: var(--gray-900, #131921); font-family: var(--typeface-display, "DM Serif Display"); font-size: var(--size-lg-18, 18px); font-style: normal; font-weight: 600; line-height: 120%; } .home .right-wrapper .card { display: flex; padding: var(--5, 20px) var(--35, 14px); flex-direction: column; align-items: flex-start; gap: var(--5, 20px); align-self: stretch; border-radius: var(--rounded-xl, 12px); border: 1px solid var(--gray-200, #DADEE3); background: var(--white, #FFF); } .home .right-wrapper .card .card-header { color: var(--gray-900, #131921); font-family: var(--typeface-display, "DM Serif Display") !important; font-size: var(--size-lg-18, 18px); font-style: normal; font-weight: 400; line-height: 120%; background-color: transparent !important; width: 100%; padding: 0 !important; padding-bottom: 14px !important; border-bottom: 1px solid var(--gray-300) !important; } .home .right-wrapper .card .card-body { padding: 0 !important; width: 100%; } p.card-body { color: var(--gray-800, #252C31); font-family: var(--typeface-text, "Open Sans"); font-size: var(--size-sm-14, 14px); font-style: normal; font-weight: 400; line-height: 140%; /* 19.6px */ } p.card-body a { color: var(--blue-500, #248EFF); font-family: var(--typeface-text, "Open Sans"); font-size: var(--size-sm-14, 14px); font-style: normal; font-weight: 400; line-height: 140%; text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: none; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; } p.card-body strong { color: var(--gray-800, #252C31); font-family: var(--typeface-text, "Open Sans"); font-size: var(--size-sm-14, 14px); font-style: normal; font-weight: 600; line-height: 140%; } .card-footer { border-top: none !important; width: 100%; } .card-footer a.btn, form button { display: flex; padding: var(--25, 10px) var(--5, 20px); justify-content: center; align-items: center; gap: var(--2, 8px); align-self: stretch; border-radius: var(--rounded-lg, 8px); background: var(--primary-600, #0062BE); color: var(--white, var(--white, #FFF)); font-family: var(--typeface-text, "Open Sans"); font-size: var(--size-sm-14, 14px); font-style: normal; font-weight: 600; line-height: 140%; width: 100%; } .card-footer a.btn:hover { background: var(--primary-700, #004D94); } form label { color: var(--gray-900, var(--gray-900, #131921)); font-family: var(--typeface-text, "Open Sans"); font-size: var(--size-sm-14, 14px); font-style: normal; font-weight: 400; line-height: 140%; margin-bottom: 8px !important; } .home .right-wrapper form label.form-label::after, .home .right-wrapper form label[for="user_login"]::after { content: "*" !important; color: var(--red-500, #D92222) !important; font-family: var(--typeface-text, "Open Sans") !important; font-size: var(--size-sm-14, 14px) !important; font-style: normal !important; font-weight: 600 !important; line-height: 140% !important; margin-left: 4px !important; } form .form-control { color: var(--gray-500, var(--gray-500, #647484)); font-family: var(--typeface-text, "Open Sans"); font-size: var(--size-sm-14, 14px); font-style: normal; font-weight: 400; line-height: 125%; display: flex; padding: var(--25, 10px) var(--4, 16px); align-items: center; gap: var(--25, 10px); align-self: stretch; border-radius: 8px; border: 1px solid var(--gray-300, #C0C8D0); background: var(--gray-50, #F6F7F8); height: 40px; } form .form-control::placeholder { color: var(--gray-500, var(--gray-500, #647484)); font-family: var(--typeface-text, "Open Sans"); font-size: var(--size-sm-14, 14px); font-style: normal; font-weight: 400; line-height: 125%; } form button.my-3 { margin-bottom: 0 !important; } .home .right-wrapper .card-body p { color: var(--red-400, #ED5858); text-align: center; font-family: var(--typeface-text, "Open Sans"); font-size: var(--size-xs-12, 12px) !important; font-style: normal; font-weight: 400; line-height: 150%; /* 18px */ } .card-body p b { font-weight: 400 !important; } @media (min-width: 991px) { .logo-six { min-width: 230px; } } @media screen and (max-width: 991px) { .big-text { font-size: var(--size-4xl-36) !important; } .home .entry-content .wp-block-group { padding-right: 0; } } @media screen and (max-width: 992px) { .top-menu { padding: 20px 16px !important; } } @media screen and (max-width: 768px) { .btn.btn-primary { padding: 6px 16px; font-size: var(--size-base-14); } #menu-main-menu .nav-item .nav-link { font-size: var(--size-lg-18) !important; } .home .alert { margin: 0 !important; } .big-text { font-size: var(--size-3xl-30) !important; } } @media screen and (max-width: 575px) { .big-text { font-size: var(--size-2xl-24) !important; } .navbar-nav { flex-wrap: wrap; justify-content: center; } } /* home after login */ .home.logged-in .bulletin-section { align-items: stretch; } .home.logged-in .bulletin-section .card { display: flex; padding: var(--5, 20px); align-items: flex-start; gap: var(--5, 20px); flex: 1 0 0; align-self: stretch; border-radius: var(--rounded-3xl, 24px); background: var(--gray-50, #F6F7F8); height: 100%; } .home.logged-in .bulletin-section .card .row { width: 100%; height: 100%; margin: 0 !important; gap: 20px; } .home.logged-in .bulletin-section .card .row>* { display: flex; padding: var(--25, 10px); flex-direction: column; align-items: flex-start; align-self: stretch; border-radius: var(--rounded-2xl, 16px); background: var(--white, #FFF); width: 100% !important; max-width: 100% !important; } .home.logged-in .bulletin-section .card .row>* img { border-radius: 12px !important; } .home.logged-in .bulletin-section .card .card-title a { color: var(--blue-600, #1B76F5); font-family: var(--typeface-text, "Open Sans"); font-size: var(--size-sm-14, 14px); font-style: normal; font-weight: 400; line-height: 150%; text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: none; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; } .home.logged-in .bulletin-section .card a:hover { color: var(--blue-700, #145FE1); } .home.logged-in .bulletin-section .card-body { padding: 10px !important; } .info-section, .officials-section { padding: 80px 48px; } .info-section .card { display: flex; padding: var(--5, 20px); flex-direction: column; align-items: flex-start; gap: var(--5, 20px); flex: 1 0 0; align-self: stretch; border-radius: var(--rounded-3xl, 24px); background: var(--white, #FFF); } .info-section .card .card-header { display: flex; padding: var(--25, 10px) var(--5, 20px); justify-content: center; align-items: center; gap: var(--2, 8px); align-self: stretch; border-radius: var(--rounded-lg, 8px); width: 100%; font-family: var(--typeface-text, "Open Sans"); font-size: var(--size-sm-14, 14px); font-style: normal; font-weight: 600; line-height: 140%; border: none !important; } .info-section .card.start .card-header { background: var(--gray-800, #252C31); color: var(--white, #FFF); } .info-section .card.important .card-header { background: var(--yellow-400, #FDCE34); color: var(--gray-900, #131921); } .info-section .card.recent .card-header { background: var(--gray-200, #DADEE3); color: var(--gray-900, #131921); } .info-section .card .list-group { margin-bottom: 0 !important; } .info-section .card .list-group-item { padding: 10px 16px !important; border: none !important; border-bottom: 1px solid var(--gray-200, #DADEE3) !important; display: flex; align-items: flex-start; gap: 8px; } .info-section .card .list-group-item a { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; flex: 1 0 0; overflow: hidden; color: var(--gray-800, #252C31); text-overflow: ellipsis; white-space: normal; font-family: var(--typeface-text, "Open Sans"); font-size: var(--size-sm-14, 14px); font-style: normal; font-weight: 400; line-height: 140%; /* 19.6px */ } .info-section .card .list-group-item a:hover { color: var(--blue-500, #248EFF); } .info-section .card .alert.alert-warning { display: flex; padding: var(--5, 20px) !important; flex-direction: column; align-items: flex-start; gap: var(--25, 10px); align-self: stretch; border-radius: var(--rounded-xl, 12px); background: var(--primary-500, #006CD1) !important; color: var(--white, #FFF) !important; border: none !important; margin-top: 1.5rem !important; } .info-section .card .alert.alert-warning div:nth-child(1) { margin-bottom: 0 !important; } .info-section .card .alert.alert-warning h3 { color: var(--white, #FFF) !important; font-family: var(--typeface-text, "Open Sans") !important; font-size: var(--size-sm-14, 14px) !important; font-style: normal; font-weight: 600 !important; line-height: 140%; text-align: left !important; margin-bottom: 10px !important; } .info-section .card .alert.alert-warning p { color: var(--gray-200, #DADEE3); font-family: var(--typeface-text, "Open Sans"); font-size: var(--size-sm-14, 14px); font-style: normal; font-weight: 400; line-height: 140%; text-align: left !important; } .officials-section .card { display: flex; padding: var(--5, 20px); flex-direction: column; align-items: flex-start; gap: var(--5, 20px); flex: 1 0 0; align-self: stretch; border-radius: var(--rounded-3xl, 24px); background: var(--gray-50, #F6F7F8); border: none !important; } .officials-section .card form { width: 100%; margin-bottom: 0 !important; } .officials-section .card h4 { color: var(--gray-800, #252C31) !important; font-family: var(--typeface-display, "DM Serif Display") !important; font-size: var(--size-xl-20, 20px); font-style: normal; font-weight: 600 !important; line-height: 120% !important; } .coordinator-card { display: flex; align-items: flex-start; gap: 8px; width: 100%; background-color: #fff !important; border: 1px solid var(--gray-200, #DADEE3) !important; border-radius: 16px !important; padding: 16px !important; } .coordinator-card img, .coordinator img { width: 128px !important; height: 150px; border-radius: 12px; object-fit: contain; background-color: var(--gray-200); } .coordinator .col-6:last-child { text-align: end; } .coordinator-card .coordinator-name, .coordinator .coordinator-name { color: var(--gray-800, #252C31) !important; font-family: var(--typeface-display, "DM Serif Display") !important; font-size: var(--size-base-16, 16px) !important; font-style: normal; font-weight: 600; line-height: 120%; /* 19.2px */ } .coordinator-card .coordinator-position, .coordinator .coordinator-position { color: var(--gray-800, #252C31); font-family: var(--typeface-text, "Open Sans") !important; font-size: var(--size-sm-14, 14px) !important; font-style: normal; font-weight: 400; line-height: 140%; /* 19.6px */ } .coordinator-card .coordinator-email, .coordinator-card .coordinator-phone, .coordinator .coordinator-phone, .coordinator .coordinator-email { color: var(--blue-500, #248EFF); font-family: var(--typeface-text, "Open Sans"); font-size: var(--size-sm-14, 14px); font-style: normal; font-weight: 400; line-height: 140%; /* 19.6px */ } .coordinator p { color: var(--gray-800, #252C31) !important; font-family: var(--typeface-text, "Open Sans") !important; font-size: var(--size-xs-12, 12px) !important; font-style: normal; font-weight: 400; line-height: 150%; /* 18px */ } .coordinator-card .close-button { margin-left: auto; } .coordinator-card .close-button button { padding: 0 !important; } .officials-section .card h3 { color: var(--gray-800, #252C31); font-family: var(--typeface-display, "DM Serif Display") !important; font-size: var(--size-2xl-24, 24px) !important; font-style: normal; font-weight: 600 !important; line-height: 120%; /* 28.8px */ } .officials-list .card { border-radius: 12px; border: 1px solid var(--gray-200, #DADEE3) !important; background: var(--white, #FFF); overflow: hidden; padding: 0 !important; } .officials-list .card h5 span { color: var(--gray-800, #252C31) !important; font-family: var(--typeface-text, "Open Sans") !important; font-size: var(--size-base-16, 16px) !important; font-style: normal; font-weight: 600; line-height: 150%; /* 24px */ } .officials-list .card .image-container { width: 150px !important; height: 150px !important; aspect-ratio: 1/1; border-radius: 8px; margin: 0 auto !important; } .officials-list .card .image-container img { max-height: 100% !important; max-width: 100% !important; width: auto !important; height: auto !important; object-fit: contain !important; object-position: center center !important; border-radius: 8px !important; margin: 0 auto !important; aspect-ratio: 1/1; background: white; } .officials-list .list-card-body p.card-text { color: var(--gray-800, #252C31) !important; font-family: var(--typeface-text, "Open Sans") !important; font-size: var(--size-sm-14, 14px) !important; font-style: normal; font-weight: 600; line-height: 140%; /* 19.6px */ } .officials-list .list-card-body a.contact-links { color: var(--primary-600, #0062BE) !important; font-family: var(--typeface-text, "Open Sans") !important; font-size: var(--size-sm-14, 14px) !important; font-style: normal; font-weight: 600; line-height: 140%; /* 19.6px */ } .officials-list .list-card-body a.contact-links:hover { text-decoration: underline !important; } .officials-list .list-card-body .btn-social-icons { display: flex; align-items: stretch; } .officials-list .list-card-body .btn-social-icons a { display: flex; padding: var(--2, 8px) !important; align-items: center; justify-content: center; gap: var(--0, 0); border-radius: var(--rounded-lg, 8px) !important; background: var(--primary-600, #0062BE) !important; color: var(--white, #FFF) !important; width: fit-content !important; min-width: 40px !important; } .insider-report .row { border-radius: 24px !important; overflow: hidden !important; background-image: url('https://stopthettip.org/assets/sites/10/2026/insider-report-background-2-scaled.jpg'); background-size: 100% 100%; background-position: center; background-repeat: no-repeat; min-height: 270px; } .insider-report .row.before-login { border-radius: 24px !important; overflow: hidden !important; background-image: url('https://stopthettip.org/assets/sites/10/2026/insider-report-background2-scaled.jpg'); background-size: 100% 100%; background-position: center; background-repeat: no-repeat; min-height: 270px; } .insider-report .content { display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; justify-content: space-between; } .insider-report .content h1 { color: var(--white, #FFF) !important; font-family: var(--typeface-text, "Open Sans") !important; font-size: var(--size-2xl-24, 24px) !important; font-style: normal; font-weight: 800 !important; line-height: 150%; margin-bottom: 12px !important; } .insider-report .content p { color: var(--gray-100, #EBEDF0) !important; font-family: var(--typeface-text, "Open Sans") !important; font-size: var(--size-xl-20, 20px); font-style: normal; font-weight: 400; line-height: 150%; margin-bottom: 1.5rem !important; } .insider-report .content a.read-more-btn { display: flex; padding: var(--25, 10px) var(--5, 20px); justify-content: center; align-items: center; gap: var(--2, 8px); border-radius: var(--rounded-lg, 8px); background: var(--white, #FFF); color: var(--primary-600, #0062BE); font-family: var(--typeface-text, "Open Sans"); font-size: var(--size-sm-14, 14px); font-style: normal; font-weight: 600; line-height: 140%; /* 19.6px */ } .insider-report .content a.login-btn { display: flex; padding: var(--25, 10px) var(--5, 20px); justify-content: center; align-items: center; gap: var(--2, 8px); border-radius: var(--rounded-lg, 8px); background: var(--yellow-400, #FDCE34); color: var(--gray-900, #131921) !important; font-family: var(--typeface-text, "Open Sans") !important; font-size: var(--size-sm-14, 14px) !important; font-style: normal !important; font-weight: 600 !important; line-height: 140%; } .insider-report .content a.login-btn:hover { background: var(--yellow-500) !important; } .insider-report .content a.read-more-btn:hover { background: var(--gray-100); } @media screen and (min-width: 640px) { .home.logged-in .bulletin-section .card .row { flex-wrap: nowrap !important; } .home.logged-in .bulletin-section .card .row .col-sm-4 { flex: 0 0 35%; } .home.logged-in .bulletin-section .card .row .col-sm-8 { flex: 0 0 62%; } } @media screen and (max-width: 1280px) { .home.logged-in .bulletin-section .card { padding: 16px !important; } } @media screen and (max-width: 991px) { .info-section, .officials-section { padding: 32px 0; } } @media (max-width: 576px) { .insider-report .row, .insider-report .row.before-login { background-size: cover; } .officials-list .card .image-container { width: 100px !important; height: 100px !important; min-width: 100px; min-height: 100px; padding: 0.5rem; } } /* bulletins */ #sidebar .sidebar-content { background: var(--primary-900, #091E43); } #sidebar .widget-title { color: var(--gray-50, #F6F7F8) !important; font-family: var(--typeface-display, "DM Serif Display") !important; font-size: var(--size-2xl-24, 24px) !important; font-style: normal; font-weight: 600 !important; line-height: 120%; text-transform: capitalize !important; } #sidebar .widget-title a { color: var(--gray-50, #F6F7F8) !important; } #sidebar ul { padding-left: 0 !important; list-style-type: none !important; } #sidebar ul li { margin-bottom: 14px !important; } #sidebar ul li a { color: var(--gray-100, #EBEDF0) !important; font-family: var(--typeface-text, "Open Sans"); font-size: var(--size-base-16, 16px); font-style: normal; font-weight: 400; line-height: 150%; opacity: 0.8; width: 100%; display: block; } #sidebar ul li a i { margin-left: auto !important; float: right; margin-top: 4px; } #sidebar ul li a:hover { color: var(--blue-500, #248EFF) !important; } #sidebar ul.menu li.active>a { color: var(--blue-500, #248EFF) !important; } #sidebar ul.menu li.active a i { transform: rotate(180deg); } #sidebar ul li ul li a { opacity: 0.6; } #sidebar ul.sub-menu { padding-left: 1rem !important; } .bulletins h1 { color: var(--gray-900, #131921) !important; font-family: var(--typeface-display, "DM Serif Display") !important; font-size: var(--size-5xl-48, 48px) !important; font-style: normal; font-weight: 600 !important; line-height: 120%; margin-bottom: 2rem; } .bulletins p, .bulletins ul li { color: var(--gray-800, #252C31); font-family: var(--typeface-text, "Open Sans"); font-size: var(--size-xl-20, 20px) !important; font-style: normal; font-weight: 400; line-height: 150%; margin-bottom: 8px; } .bulletins .post-title { color: var(--gray-800, #252C31); font-family: var(--typeface-text, "Open Sans") !important; font-size: var(--size-2xl-24, 24px); font-style: normal; font-weight: 600; line-height: 150%; /* 36px */ } .bulletins h2, .bulletins h3 { color: var(--gray-800, #252C31) !important; font-family: var(--typeface-text, "Open Sans") !important; font-size: var(--size-2xl-24, 24px) !important; font-style: normal; font-weight: 600 !important; line-height: 150%; /* 36px */ } .bulletins h2 strong, .bulletins h3 strong { font-weight: inherit !important; } .bulletins h3 { margin-top: 2rem; } .bulletins blockquote { border-radius: var(--rounded-2xl, 16px); background: var(--gray-50, #F6F7F8); margin-top: 16px; } .bulletins blockquote::before { content: var(--quote-icon) !important; } .bulletins blockquote p { color: var(--gray-800, #252C31) !important; font-family: var(--typeface-text, "Open Sans"); font-size: var(--size-xl-20, 20px); font-style: normal; font-weight: 400; line-height: 150%; /* 30px */ } @media (max-width: 768px) { .bulletins h1 { font-size: 32px !important; } .bulletins h2, .bulletins h3 { font-size: 20px !important; } .bulletins p, .bulletins ul li { font-size: 16px !important; } } /* category pages */ .widget_search .wp-block-search label { display: none !important; } .widget_search .wp-block-search .wp-block-search__inside-wrapper { border: none !important; } .widget_search .wp-block-search .wp-block-search__input { color: var(--gray-500, var(--gray-500, #647484)) !important; font-family: var(--typeface-text, "Open Sans"); font-size: var(--size-sm-14, 14px); font-style: normal; font-weight: 400; line-height: 125%; display: flex; padding: 10px 16px 10px 32px !important; align-items: center; gap: var(--25, 10px); align-self: stretch; border-radius: 8px; border: 1px solid var(--gray-300, #C0C8D0) !important; height: 40px; } .widget_search .wp-block-search .wp-block-search__button { display: flex; padding: var(--25, 10px) !important; justify-content: center; align-items: center; gap: var(--0, 0); border-radius: 8px !important; background: var(--primary-700, #004D94) !important; } #right-sidebar .widget-title { font-size: 1.5rem !important; text-transform: capitalize !important; } aside#custom_html-3 { display: flex; padding: var(--5, 20px); flex-direction: column; align-items: flex-start; border-radius: var(--rounded-2xl, 16px); background: var(--gray-50, #F6F7F8); } aside#custom_html-3 .block-title-15, aside#custom_html-3 .textwidget { width: 100% !important; } aside#custom_html-3 .block-title-15 { margin-bottom: 0 !important; } aside#custom_html-3 .block-title-15 h4 { background-color: transparent !important; padding-bottom: 1.5rem !important; margin-bottom: 1.5rem !important; border-color: var(--gray-200) !important; } aside#custom_html-3 .block-title-15 h4 span { background-color: transparent !important; color: var(--gray-800, #252C31) !important; font-family: var(--typeface-text, "Open Sans") !important; font-size: var(--size-xl-20, 20px) !important; font-style: normal; font-weight: 600; line-height: 150%; padding: 0 !important; } aside#custom_html-3 #category-accordion { background: var(--gray-50, #F6F7F8); } aside#custom_html-3 #category-accordion .card { border: none !important; margin-bottom: 14px !important; border-radius: 0 !important; background: var(--gray-50, #F6F7F8); } aside#custom_html-3 #category-accordion .card .card-header { border-bottom: none !important; margin-bottom: 0 !important; background: var(--gray-50, #F6F7F8); } aside#custom_html-3 #category-accordion .card .card-header h5 { margin: 0 !important; line-height: 0 !important; } aside#custom_html-3 #category-accordion .card .btn { padding: 0px 8px !important; color: var(--gray-800, #252C31) !important; font-family: var(--typeface-text, "Open Sans") !important; font-size: var(--size-base-16, 16px) !important; font-style: normal; font-weight: 600 !important; line-height: 150%; border: none !important; opacity: 0.8; background-color: var(--gray-50, #F6F7F8) !important; } aside#custom_html-3 #category-accordion .card .btn:hover, aside#custom_html-3 #category-accordion .card .card-body ul li>a:hover { color: var(--blue-700) !important; } aside#custom_html-3 #category-accordion .card .btn[data-toggle="collapse"]::after { content: "\f107"; font-family: "Font Awesome 5 Free"; font-weight: 900; float: right; font-size: 1rem; vertical-align: inherit; border-top: inherit; border-right: inherit; border-bottom: 0; border-left: inherit; transition: transform 0.3s ease; display: inline-block; } aside#custom_html-3 #category-accordion .card .btn:hover { background-color: transparent !important; border: none !important; outline: none !important; } aside#custom_html-3 #category-accordion .card .btn-light:focus { background-color: var(--gray-50, #F6F7F8) !important; border: none !important; } aside#custom_html-3 #category-accordion .card .card-body { background: var(--gray-50, #F6F7F8) !important; } aside#custom_html-3 #category-accordion .card .card-body ul:first-child { padding-left: 12px !important; } aside#custom_html-3 #category-accordion .card .card-body ul li { padding-bottom: 10px !important; margin-bottom: 10px !important; } aside#custom_html-3 #category-accordion .card .card-body ul li a { color: var(--gray-800, #252C31) !important; font-family: var(--typeface-text, "Open Sans") !important; font-size: var(--size-base-16, 16px) !important; font-style: normal; font-weight: 600 !important; line-height: 150%; opacity: 0.8; } aside#custom_html-3 #category-accordion .card .card-body ul li.active-category>a { color: var(--blue-500) !important; } aside#custom_html-3 #category-accordion .card .card-header.active-card-header { border-left: 2px solid var(--blue-700, #145FE1); } aside#custom_html-3 #category-accordion .card .card-header.active-card-header .btn { color: var(--blue-700, #145FE1) !important; } aside#custom_html-3 #category-accordion .card .card-header.active-card-header .btn::after { transform: rotate(180deg); } @media screen and (max-width: 768px) { aside#custom_html-3 .block-title-15 { display: none !important; } } .category-title h1, .single article h1 { color: var(--gray-900, #131921) !important; font-family: var(--typeface-display, "DM Serif Display") !important; font-size: 3rem !important; font-style: normal; font-weight: 600 !important; line-height: 120%; margin-bottom: 2rem !important; } .category-title hr { display: none !important; } .category div.aboutjbs { border: 1px solid var(--gray-200); border-radius: 24px !important; } .aboutjbs .card .card-title { color: var(--gray-800, #252C31); font-family: var(--typeface-text, "Open Sans") !important; font-size: var(--size-lg-18, 18px) !important; font-style: normal; font-weight: 600 !important; line-height: 145%; } .aboutjbs .card .card-title a:hover { color: #006CD1 !important; } .aboutjbs .card .card-text { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; align-self: stretch; overflow: hidden; color: var(--gray-800, #252C31); text-overflow: ellipsis; white-space: normal; font-family: var(--typeface-text, "Open Sans"); font-size: var(--size-base-16, 16px); font-style: normal; font-weight: 400; line-height: 150%; /* 24px */ } .aboutjbs .jbs-file-card { margin-top: 1rem; } .aboutjbs .jbs-file-card:nth-of-type(1) { margin-top: 1.5rem; } .single .jbs-file-card { margin-top: 0.5rem; } .aboutjbs .jbs-file-card .jbs-file-link, .single .jbs-file-card .jbs-file-link { display: flex; width: 100%; max-width: 312px; padding: 10px; align-items: center; gap: 12px; border-radius: var(--rounded-xl, 12px); border: 1px solid var(--gray-100, #EBEDF0); background: var(--gray-50, #F6F7F8); overflow: hidden; } .aboutjbs .jbs-file-card .jbs-file-title, .single .jbs-file-card .jbs-file-title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; align-self: stretch; overflow: hidden; color: var(--gray-800, #252C31); text-overflow: ellipsis; white-space: normal; font-family: var(--typeface-text, "Open Sans"); font-size: var(--size-sm-14, 14px); font-style: normal; font-weight: 600; line-height: 18px; word-break: break-all; } .aboutjbs .jbs-file-card .jbs-file-meta span, .single .jbs-file-card .jbs-file-meta span { color: var(--gray-500, #647484) !important; font-family: var(--typeface-text, "Open Sans") !important; font-size: var(--size-xs-12, 12px) !important; font-style: normal; font-weight: 400; line-height: 12px; /* 100% */ } .clearfix { margin: 1.5rem !important; } /* single article page */ .single article h1 { color: var(--gray-900, #131921) !important; font-family: var(--typeface-display, "DM Serif Display") !important; font-size: 3rem !important; font-style: normal; font-weight: 600 !important; line-height: 120%; margin-bottom: 2rem !important; } .single article h4 { color: var(--gray-800, #252C31) !important; font-family: var(--typeface-text, "Open Sans") !important; font-size: var(--size-2xl-24, 24px); font-style: normal; font-weight: 600 !important; line-height: 150%; /* 36px */ } .single article p, .single article p span, .single article ul li, .single article ol li { color: var(--gray-800, #252C31); font-family: var(--typeface-text, "Open Sans"); font-size: var(--size-xl-20, 20px); font-style: normal; font-weight: 400; line-height: 150%; /* 30px */ } .single article p { margin-bottom: 1rem; } .single article blockquote p:last-child { margin-bottom: 0 !important; } .single article p a { color: var(--blue-500, #248EFF) !important; font-family: var(--typeface-text, "Open Sans") !important; font-size: var(--size-xl-20, 20px) !important; font-style: normal; font-weight: 400 !important; line-height: 150%; text-decoration-line: underline !important; text-decoration-style: solid; text-decoration-skip-ink: none; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; } .single article p a.btn-danger { color: var(--white, #FFF) !important; text-decoration: none !important; text-transform: capitalize !important; } .single article p a b { font-weight: 400 !important; } .single article #quickDonationcontainer, .single article #quickDonationcontainertext { margin-bottom: 2rem !important; } .single article #Questionsaboutgiving button { background: var(--primary-600, #0062BE) !important; border-radius: var(--rounded-lg, 8px) !important; color: var(--white, var(--white, #FFF)) !important; font-family: var(--typeface-text, "Open Sans") !important; font-size: var(--size-base-16, 16px) !important; font-style: normal !important; font-weight: 500 !important; line-height: 150% !important; border: none !important; outline: none !important; padding: 10px 20px !important; } #NaftaButton { display: flex; align-items: flex-start; gap: var(--35, 14px); align-self: stretch; margin-bottom: 1.5rem !important; } .naftaButton { display: flex; padding: var(--25, 10px) var(--5, 20px); justify-content: center; align-items: center; gap: var(--2, 8px); border-radius: var(--rounded-lg, 8px); background: var(--primary-600, #0062BE) !important; border: none !important; color: var(--white, var(--white, #FFF)) !important; font-family: var(--typeface-text, "Open Sans") !important; font-size: var(--size-sm-14, 14px); font-style: normal; font-weight: 600; line-height: 140%; /* 19.6px */ } .naftaButton:hover { background: var(--primary-700) !important; } .NaftaNow { display: flex; padding: 16px; flex-direction: column; align-items: center; gap: var(--5, 20px); align-self: stretch; border-radius: var(--rounded-2xl, 16px); background: var(--gray-50, #F6F7F8); margin-bottom: 1.5rem; } .NaftaNow>div { border: none !important; padding-bottom: 0 !important; margin: 0 !important; width: 100%; } .NaftaNow h3 { display: flex; padding: var(--25, 10px) var(--5, 20px); justify-content: center; align-items: center; gap: var(--2, 8px); align-self: stretch; border-radius: var(--rounded-lg, 8px); border: 1px solid var(--gray-600, #5B6977); background: var(--gray-800, #252C31) !important; color: var(--white, #FFF) !important; font-family: var(--typeface-text, "Open Sans") !important; font-size: var(--size-sm-14, 14px) !important; font-style: normal; font-weight: 600; line-height: 140%; } .NaftaNow h3 span { color: var(--white, #FFF) !important; font-family: var(--typeface-text, "Open Sans") !important; font-size: var(--size-sm-14, 14px) !important; font-style: normal; font-weight: 600; line-height: 140%; /* 19.6px */ } #mainmapcontainer { display: flex; flex-direction: column; justify-content: space-between; } #mainmapcontainer p { margin-bottom: 0 !important; color: var(--gray-800, #252C31) !important; font-family: var(--typeface-text, "Open Sans") !important; font-size: 1rem !important; font-style: normal; font-weight: 600; line-height: 150%; /* 24px */ } #mainmapcontainer p a span { color: var(--blue-500, #248EFF) !important; } .NaftaPoints>* { margin-top: 3rem; border-top: 1px solid var(--gray-200); padding-top: 3rem; } #NaftaMore, #NaftaMore1, #NaftaMore2, #NaftaMore3 { height: fit-content !important; } .NaftaPoints h3, .single article h3 { color: var(--gray-900, #131921); font-family: var(--typeface-Open-Sans, "Open Sans") !important; font-size: 1.5rem !important; font-style: normal; font-weight: 600 !important; line-height: 120%; /* 28.8px */ } .NaftaPoints h4 { color: var(--gray-900, #131921) !important; font-family: var(--typeface-text, "Open Sans") !important; font-size: var(--size-base-16, 16px) !important; font-style: normal; font-weight: 600; line-height: 150%; display: flex; padding: var(--25, 10px) var(--5, 20px); justify-content: center; align-items: center; gap: var(--2, 8px); align-self: stretch; background: var(--gray-100, #EBEDF0); margin-bottom: 0 !important; border-radius: 16px 16px 0 0; } .NaftaPoints ul { padding-left: 0 !important; border-radius: 0 0 16px 16px; background: var(--gray-50, #F6F7F8); margin-bottom: 1.5rem !important; } .NaftaPoints ul li { flex: 1 0 0; color: var(--gray-800, #252C31) !important; font-family: var(--typeface-text, "Open Sans") !important; font-size: var(--size-sm-14, 14px) !important; font-style: normal; font-weight: 400; line-height: 140%; padding: 10px 16px; border-bottom: 1px solid var(--gray-200); vertical-align: middle; display: flex; align-items: center; } .NaftaPoints ul li:last-child { border-bottom: none !important; } .NaftaPoints ul li p { color: var(--gray-800, #252C31) !important; font-family: var(--typeface-text, "Open Sans") !important; font-size: var(--size-sm-14, 14px) !important; font-style: normal; font-weight: 400; line-height: 140%; margin-bottom: 0 !important; } .NaftaPoints ul li a { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; white-space: normal; color: var(--gray-800, #252C31) !important; font-size: var(--size-sm-14, 14px) !important; font-family: var(--typeface-text, "Open Sans") !important; font-size: var(--size-sm-14, 14px) !important; font-style: normal; font-weight: 400; line-height: 140%; margin-bottom: 0 !important; text-decoration: none !important; margin-right: 4px; } .NaftaPoints ul li::before { content: var(--tick-icon); margin-right: 8px; } .NaftaPoints ul li a:hover { color: var(--blue-700) !important; text-decoration: underline !important; } .single .archive-file-display { padding: 24px 0 !important; } .single .archive-file-display a { display: flex; padding: var(--25, 10px) var(--5, 20px); justify-content: center; align-items: center; gap: var(--2, 8px); border-radius: var(--rounded-lg, 8px); background: var(--primary-600, #0062BE); color: var(--white, var(--white, #FFF)) !important; font-family: var(--typeface-text, "Open Sans") !important; font-size: var(--size-sm-14, 14px) !important; font-style: normal; font-weight: 600; line-height: 140%; text-decoration: none !important; width: fit-content !important; margin-top: 1.5rem !important; } .single .archive-file-display a:hover { background: var(--primary-700) !important; } .single .archive-file-display video { width: 100%; height: 400px; margin: 0 auto; } /* .single article h2 { display: none !important; } */ .single article #statement { margin-top: 2rem; border-top: 1px solid var(--gray-200); padding-top: 2rem; } .single article h6 { color: var(--primary-500, #006CD1) !important; font-family: var(--typeface-text, "Open Sans") !important; font-size: var(--size-xl-20, 20px) !important; font-style: normal; font-weight: 600; line-height: 150%; /* 30px */ } .single article h6 strong { font-weight: inherit !important; color: inherit !important; } .single article #description, .single article #myth, .single article #fact { color: var(--gray-800, #252C31); font-family: var(--typeface-text, "Open Sans"); font-size: var(--size-xl-20, 20px); font-style: normal; font-weight: 400; line-height: 150%; /* 30px */ } .single article #myth { margin-top: 2rem; border-top: 1px solid var(--gray-200); padding-top: 2rem; } .single article #fact { padding-bottom: 0 !important; } #action_project_block a:hover { text-decoration: underline !important; } .single article .image-single-wrapper { text-align: center !important; } .single article .image-single-wrapper img { max-width: 625px; margin: 0 auto !important; } .wp-block-video video { min-height: 400px; border-radius: var(--rounded-2xl, 16px); background: var(--gray-400, #7C8EA2); } .single .archive-file-display .ead-document { padding-top: 620px !important; max-height: 620px; border-radius: 16px; overflow: hidden; } .tags-links a { border: none !important; text-decoration: underline !important; } .single article .card { border: none !important; } .single article .wp-block-group>.wp-block-group { width: 100%; display: flex; padding: var(--5, 20px); flex-direction: column; align-items: flex-start; gap: var(--4, 16px); align-self: stretch; border-radius: var(--rounded-2xl, 16px); background: var(--gray-50, #F6F7F8); overflow: hidden; } .single article .wp-block-group figure { width: 100%; } .single article .wp-block-group figure img { width: 100%; border-radius: 12px; } .single article .accordion { margin-top: 2rem; padding-top: 1rem; padding-bottom: 2rem; } .single article .accordion .jbs-file-link { width: 100% !important; max-width: 448px !important; } .single article .wp-block-table table tr td img { max-width: 140px !important; } .aboutjbs .no-results.not-found { padding: 1rem; } .aboutjbs .no-results.not-found p { margin-bottom: 1rem !important; } .aboutjbs .no-results.not-found form ul { padding-left: 0 !important; } .aboutjbs .no-results.not-found form ul input[type="submit"] { display: flex; padding: var(--25, 10px) var(--5, 20px); justify-content: center; align-items: center; gap: var(--2, 8px); border-radius: var(--rounded-lg, 8px); background: var(--primary-600, #0062BE) !important; color: var(--white, var(--white, #FFF)) !important; font-family: var(--typeface-text, "Open Sans"); font-size: var(--size-sm-14, 14px); font-style: normal; font-weight: 600; line-height: 140%; border: none !important; height: 44px; } .aboutjbs .no-results.not-found input, .aboutjbs .no-results.not-found select { height: 44px; } .aboutjbs .no-results.not-found .searchandfilter h4 { margin-top: 0 !important; } .aboutjbs .no-results.not-found .searchandfilter ul { display: flex; align-items: flex-end; gap: 1rem; flex-wrap: wrap; } .aboutjbs .no-results.not-found .searchandfilter ul li { padding-right: 0 !important; } @media screen and (max-width: 992px) { .category-title h1, .single article h1 { font-size: 2rem !important; } .NaftaPoints h3, .single article h3, .single article h4 { font-size: 1.25rem !important; } .single article p, .single article ul li, .single article ol li { font-size: 1rem; } } /* audio pages */ .audio-wrapper { margin-top: 2rem !important; } .audio-wrapper .mejs-container { border-radius: var(--rounded-xl, 12px) !important; background: var(--gray-100, #EBEDF0) !important; display: flex; height: 60px !important; padding: var(--3, 12px) var(--5, 20px) !important; justify-content: center; align-items: center; gap: var(--4, 16px); align-self: stretch; overflow: hidden; } .audio-wrapper .mejs-container .mejs-controls { border-radius: var(--rounded-xl, 12px) !important; background: var(--gray-100, #EBEDF0) !important; display: flex; height: 60px !important; padding: var(--3, 12px) var(--5, 20px) !important; justify-content: center; align-items: center !important; gap: 1rem; align-self: stretch; overflow: hidden; } .mejs-button.mejs-playpause-button>button { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M15.8462 8.57389L5.84121 2.72723C5.5869 2.57953 5.29827 2.50118 5.00418 2.50001C4.7101 2.49884 4.42086 2.57489 4.16538 2.72056C3.91163 2.86301 3.70057 3.0707 3.55405 3.32212C3.40754 3.57355 3.33089 3.85956 3.33204 4.15056V15.8439C3.33089 16.1349 3.40754 16.4209 3.55405 16.6723C3.70057 16.9237 3.91163 17.1314 4.16538 17.2739C4.42077 17.4203 4.71024 17.4967 5.00461 17.4956C5.29897 17.4944 5.58783 17.4156 5.84204 17.2672L15.8479 11.4206C16.0971 11.2758 16.304 11.0682 16.4478 10.8184C16.5916 10.5686 16.6673 10.2855 16.6673 9.99722C16.6673 9.709 16.5916 9.42582 16.4478 9.17604C16.304 8.92625 16.0971 8.71861 15.8479 8.57389H15.8462Z' fill='%23465663'/%3E%3C/svg%3E") !important; } .mejs-button.mejs-mute>button { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M10.6267 2.65866C10.3664 2.52051 10.0763 2.47105 9.79157 2.51629C9.50689 2.56154 9.23996 2.69954 9.02327 2.9135L5.2224 6.60259H3.99995C3.60214 6.60259 3.22062 6.78158 2.93932 7.10018C2.65803 7.41878 2.5 7.85089 2.5 8.30146V11.6992C2.5 12.1498 2.65803 12.5819 2.93932 12.9005C3.22062 13.2191 3.60214 13.3981 3.99995 13.3981H5.2224L9.02477 17.088C9.29542 17.3537 9.64158 17.5 9.99974 17.5C10.2178 17.4997 10.4333 17.4458 10.6312 17.342C10.8921 17.2072 11.1129 16.9897 11.267 16.7158C11.4212 16.4419 11.502 16.1234 11.4997 15.7986V4.20209C11.5015 3.87678 11.42 3.55786 11.265 3.28394C11.1101 3.01001 10.8884 2.79282 10.6267 2.65866Z' fill='%23465663'/%3E%3Cpath d='M13.0821 13.4924C12.9469 13.4923 12.8143 13.4508 12.6982 13.3723C12.5821 13.2939 12.4868 13.1813 12.4226 13.0466C12.3584 12.9118 12.3275 12.7599 12.3332 12.6069C12.3389 12.4539 12.3811 12.3055 12.4552 12.1774C12.8111 11.5228 12.9996 10.7691 12.9996 10.0003C12.9996 9.23153 12.8111 8.47782 12.4552 7.82323C12.3463 7.63467 12.3079 7.40483 12.3487 7.18428C12.3894 6.96373 12.5058 6.77053 12.6723 6.64719C12.8388 6.52385 13.0417 6.48046 13.2364 6.52658C13.4311 6.5727 13.6017 6.70454 13.7106 6.8931C14.235 7.81982 14.5092 8.8997 14.4996 10.0003C14.5093 11.101 14.2351 12.1809 13.7106 13.1076C13.6424 13.2259 13.5492 13.323 13.4394 13.3902C13.3297 13.4574 13.2069 13.4925 13.0821 13.4924Z' fill='%23465663'/%3E%3Cpath d='M15.416 16.135C15.281 16.1348 15.1484 16.0933 15.0324 16.0149C14.9165 15.9364 14.8213 15.824 14.7571 15.6894C14.6929 15.5548 14.6619 15.403 14.6676 15.2501C14.6732 15.0973 14.7152 14.949 14.7891 14.8209C15.5924 13.3788 16.0126 11.7054 15.9995 10.0003C16.0137 8.27187 15.5812 6.57645 14.7553 5.12288C14.6449 4.93544 14.6048 4.70601 14.6438 4.48506C14.6827 4.26411 14.7976 4.06974 14.9631 3.94471C15.1286 3.81968 15.3311 3.77422 15.5262 3.81835C15.7213 3.86248 15.8929 3.99257 16.0033 4.18C16.9929 5.91314 17.513 7.93641 17.4995 10.0003C17.5186 12.0367 17.013 14.0352 16.0445 15.751C15.9762 15.8691 15.883 15.9661 15.7732 16.0331C15.6635 16.1002 15.5407 16.1352 15.416 16.135Z' fill='%23465663'/%3E%3C/svg%3E") !important; } .mejs-time { padding: 0 !important; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .mejs-controls .mejs-time-rail span { border-radius: 2px !important; } .mejs-time-float { border: none !important; } .wp-block-audio audio { width: 100%; } .taxonomy-description { margin-bottom: 1.5rem !important; } /* video pages */ .single .category-press-room p:empty { margin-bottom: 0 !important; } /* publications */ .category .taxonomy-description { max-width: 100% !important; text-align: left !important; } .category .taxonomy-description p { color: var(--gray-800, #252C31); font-family: var(--typeface-Open-Sans, "Open Sans"); font-size: var(--size-xl-20, 20px); font-style: normal; font-weight: 400; line-height: 150%; } .category-jbs-bulletin .aboutjbs, .category-tna .aboutjbs { border: none !important; } .category-jbs-bulletin .aboutjbs .jbs-file-card, .category-tna .aboutjbs .jbs-file-card { margin-top: 12px; } .category-jbs-bulletin .bulletin-links.col-12 { padding: 0 !important; padding-bottom: 2rem !important; border-bottom: 1px solid var(--gray-200); } .category-jbs-bulletin .bulletin-links a { font-size: var(--size-base-16, 16px) !important; } .category-jbs-bulletin .aboutjbs article, .category-tna .aboutjbs article { padding: 2rem 0 !important; } .category-jbs-bulletin .aboutjbs .card-title { color: var(--gray-900, #131921) !important; font-family: var(--typeface-display, "DM Serif Display") !important; font-size: var(--size-xl-20, 20px) !important; font-style: normal; font-weight: 400; line-height: 120%; margin-bottom: 1.5rem !important; } .category-jbs-bulletin .aboutjbs .card-title a:hover { color: #006CD1 !important; } .category-jbs-bulletin .aboutjbs .jbs-file-card .jbs-file-link, .category-tna .aboutjbs .jbs-file-card .jbs-file-link, .category-american-opinion .aboutjbs .jbs-file-card .jbs-file-link { max-width: 444px; } .hover-a:hover h1>a, .hover-a:hover h2>a, .hover-a:hover h3>a, .hover-a:hover h4>a, .hover-a:hover h5>a, .hover-a:hover h6>a, .hover-a:hover .h1>a, .hover-a:hover .h2>a, .hover-a:hover .h3>a, .hover-a:hover .h4>a, .hover-a:hover .h5>a, .hover-a:hover .h6>a, .hover-a:hover p>a { color: inherit !important; } .category-tna .aboutjbs article .card-text { margin-bottom: 1.5rem; } .category-tna .aboutjbs .card-title { color: var(--gray-900, #131921) !important; font-family: var(--typeface-display, "DM Serif Display") !important; font-size: var(--size-xl-20, 20px) !important; font-style: normal; font-weight: 400; line-height: 120%; } h1.entry-title { color: var(--gray-900, #131921) !important; font-family: var(--typeface-display, "DM Serif Display") !important; font-size: var(--size-5xl-48, 48px) !important; font-style: normal; font-weight: 400; line-height: 120%; /* 57.6px */ } #accordionDocs .card { border-bottom: 1px solid var(--gray-200) !important; } #accordionDocs .card:first-child { border-radius: 12px 12px 0 0 !important; } #accordionDocs .card:last-child { border-radius: 0 0 12px 12px !important; border-bottom: none !important; } #accordionDocs .card .btn { padding: 1rem !important; font-size: 1.25rem !important; color: var(--primary-500) !important; display: flex; align-items: center; justify-content: space-between; } #accordionDocs .card .btn:hover { color: var(--primary-700) !important; } /* #accordionDocs .card .btn::after { content: var(--downarrow-icon); transition: transform 0.3s ease !important; } */ /* #accordionDocs .card .btn[aria-expanded="false"]::after { transform: rotate(180deg) !important; } */ /* profile page */ .profile-page header { padding-bottom: 1.75rem !important; border-bottom: 1px solid var(--gray-200) !important; margin-bottom: 2rem !important; } .profile-page header h1 { margin: 0 !important; } #profile-form div.h3 { color: var(--gray-900, #131921) !important; font-family: var(--typeface-display, "DM Serif Display") !important; font-size: var(--size-xl-20, 20px) !important; font-style: normal; font-weight: 600; line-height: 120%; margin-bottom: 1.5rem !important; padding-bottom: 1.5rem !important; border-bottom: 1px solid var(--gray-200) !important; } #profile-form .col-form-label { padding-top: 0 !important; padding-bottom: 0 !important; color: var(--gray-900, var(--gray-900, #131921)) !important; font-family: var(--typeface-text, "Open Sans") !important; font-size: var(--size-sm-14, 14px); font-style: normal; font-weight: 400; line-height: 140%; /* 19.6px */ } #profile-form .btn { width: 100%; max-width: 296px; } #profile-form .form-rows { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.5rem; } #profile-form .form-group { width: 100%; margin-bottom: 0 !important; } @media (max-width: 992px) { h1.entry-title { font-size: 2rem !important; } #profile-form .form-rows { grid-template-columns: 1fr; } } /* 404 page */ .not-found h1 { font-family: var(--typeface-display) !important; } .not-found h3 { font-family: var(--typeface-display); margin-bottom: 1rem !important; font-size: 2rem !important; } .not-found p, .not-found .widget p { font-family: var(--typeface-text) !important; font-size: 20px !important; } .not-found input.form-control { border-radius: 8px !important; border: 1px solid var(--gray-300, #C0C8D0) !important; padding: 8px 12px !important; margin-right: 8px; height: 44px; } .not-found .submit { margin-right: 8px; height: 44px; } .not-found button.btn { border-radius: 8px !important; height: 44px; } .not-found h2 { font-family: var(--typeface-display) !important; font-size: 2rem !important; margin-bottom: 1rem !important; font-weight: 600 !important; } .not-found ul li a { color: var(--primary-500, #006CD1); font-family: var(--typeface-text, "Open Sans"); font-size: 1rem !important; font-style: normal; font-weight: 400; line-height: 150%; text-decoration-line: underline !important; text-decoration-style: solid; text-decoration-skip-ink: auto; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; } .not-found .widget select { display: flex; width: 214px; padding: var(--15, 6px) var(--3, 12px); align-items: center; gap: var(--25, 10px); align-self: stretch; gap: var(--2, 8px); border-radius: 8px; border: 1px solid var(--gray-300, #C0C8D0); background: var(--gray-50, #F6F7F8); color: var(--gray-500, #647484) !important; font-family: var(--typeface-text, "Open Sans"); font-size: var(--size-sm-14, 14px); font-style: normal; font-weight: 400; line-height: 140%; margin-top: 1rem; } /* search results */ .search-results a>div { border-radius: 12px; } .search-results a p { color: #fff !important; } .search-results .card-body .btn { padding: 8px 16px !important; margin-top: 1rem !important; } .search-results .category-title h1 span { font-size: 1.5rem; text-transform: capitalize; font-weight: 600; } @media (max-width: 992px) { .search-results a>div { margin-bottom: 1rem; } } /* insider report page */ .insider-report-main h1, .insider-report-single h1 { color: var(--gray-900, #131921); font-family: var(--typeface-display, "DM Serif Display") !important; font-size: var(--size-5xl-48, 48px) !important; font-style: normal; font-weight: 600 !important; line-height: 120%; margin-bottom: 2rem !important; } .insider-report-single h1 { margin-bottom: 0 !important; } .insider-report-main p, .insider-report-single p { color: var(--gray-800, #252C31) !important; font-family: var(--typeface-text, "Open Sans") !important; font-size: var(--size-xl-20, 20px) !important; font-style: normal; font-weight: 400; line-height: 150%; margin-bottom: 1rem !important; } #insiderAccordion .accordion-item { border-bottom: 1px solid var(--gray-200) !important; margin-bottom: 20px !important; padding-bottom: 20px !important; } #insiderAccordion .accordion-header a.text-primary-dark { color: var(--primary-500, #006CD1) !important; font-family: var(--typeface-text, "Open Sans"); font-size: var(--size-2xl-24, 24px) !important; font-style: normal !important; font-weight: 700 !important; line-height: 150%; letter-spacing: -0.24px; text-transform: capitalize; } #insiderAccordion .accordion-header a.text-primary-dark:hover { color: var(--primary-700) !important; text-decoration: underline !important; } #insiderAccordion .accordion-header a.btn-theme { display: flex; padding: var(--2, 8px) var(--3, 12px) !important; justify-content: center; align-items: center; gap: var(--2, 8px); border-radius: var(--rounded-lg, 8px); background: var(--primary-600, #0062BE); color: var(--white, var(--white, #FFF)) !important; font-family: var(--typeface-text, "Open Sans") !important; font-size: var(--size-sm-14, 14px) !important; font-style: normal; font-weight: 600; line-height: 140%; height: 36px; } #insiderAccordion .accordion-header a.btn-theme:hover { background: var(--primary-700) !important; } #insiderAccordion .accordion-header a.btn-outline-theme, .insider-report-single a.btn-outline-theme { display: flex; flex-direction: row-reverse; padding: var(--2, 8px) var(--3, 12px); justify-content: center; align-items: center; border-radius: var(--rounded-lg, 8px); border: 1px solid var(--primary-600, #0062BE); color: var(--primary-600, #0062BE); font-family: var(--typeface-text, "Open Sans"); font-size: var(--size-sm-14, 14px); font-style: normal; font-weight: 600; line-height: 140%; height: 36px; margin-left: 1rem !important; } .insider-report-single a.btn-outline-theme { margin-left: 0 !important; padding: var(--3, 12px) var(--5, 20px) !important; height: 44px !important; font-size: 1rem !important; } #insiderAccordion .accordion-header a.btn-outline-theme i { margin-left: 0 !important; margin-right: 8px !important; } #insiderAccordion .accordion-header a.btn-outline-theme .fa-file-pdf:before { content: var(--download-icon) !important; } #insiderAccordion .accordion-header a.btn-outline-theme:hover, .insider-report-single a.btn-outline-theme:hover { background: var(--primary-50) !important; } #insiderAccordion ul { padding-left: 0 !important; list-style: none !important; margin-top: 1rem !important; } #insiderAccordion ul li { margin-bottom: 12px !important; } #insiderAccordion ul li a { color: var(--gray-800, #252C31); font-family: var(--typeface-Open-Sans, "Open Sans"); font-size: var(--size-xl-20, 20px); font-style: normal; font-weight: 400; line-height: 150%; display: flex; align-items: center; width: fit-content; } #insiderAccordion ul li a::before { content: var(--report-icon) !important; display: block; height: 24px; margin-right: 12px; } #insiderAccordion ul li a:hover { color: var(--primary-500, #006CD1) !important; text-decoration: underline !important; } .insider-accordion-toggle { background-image: var(--downarrow-icon) !important; background-repeat: no-repeat !important; background-position: center center !important; background-size: contain !important; margin-left: 1rem !important; } .insider-accordion-toggle[aria-expanded="true"] { transform: rotate(180deg) !important; } .insider-toggle-icon { font-size: 20px !important; font-weight: 700 !important; display: none !important; } #insiderAccordion .insider-collapse { padding: 0 !important; } .insider-report-single a.btn-outline-theme::after { content: var(--download-icon) !important; display: block; margin-right: 12px; } .insider-report-single { position: relative; } .insider-report-single h2 { color: var(--gray-900, #131921) !important; font-family: var(--typeface-text, "Open Sans") !important; font-size: var(--size-xl-20, 20px) !important; font-style: normal; font-weight: 700 !important; line-height: 150%; /* 30px */ } .insider-report-single p { color: var(--gray-800, #252C31) !important; font-family: var(--typeface-text, "Open Sans") !important; font-size: var(--size-xl-20, 20px) !important; font-style: normal !important; font-weight: 400 !important; line-height: 150% !important; } .insider-report-single hr { border-color: var(--gray-200) !important; } .insider-report-single p.mb-0 { margin-bottom: 0 !important; } .insider-report-single h3 { color: var(--gray-800, #252C31) !important; font-family: var(--typeface-text, "Open Sans") !important; font-size: var(--size-xl-20, 20px) !important; font-style: normal; font-weight: 600 !important; line-height: 150%; padding-bottom: 1.5rem !important; margin-bottom: 1.5rem !important; border-bottom: 1px solid var(--gray-200) !important; } .insider-toc-sidebar { background: var(--gray-50, #F6F7F8) !important; box-shadow: none !important; padding: 1.25rem !important; } .insider-toc-sidebar ul { list-style: none !important; padding-left: 0 !important; } .insider-toc-sidebar ul li { margin-bottom: 14px !important; } .insider-toc-sidebar ul li a { color: var(--gray-800, #252C31) !important; font-family: var(--typeface-text, "Open Sans") !important; font-size: var(--size-base-16, 16px); font-style: normal; font-weight: 600; line-height: 150%; transition: all 0.2s ease; } .insider-toc-sidebar ul li a:hover { color: var(--primary-500, #006CD1) !important; text-decoration: underline !important; } .insider-toc-sidebar a.active { color: var(--primary-500, #006CD1) !important; font-weight: 600; } .single .sticky, .insider-report-main .sticky { position: relative !important; top: 0 !important; } .single .sticky+div, .insider-report-main .sticky+div { display: none !important; } /* @media (min-width: 992px) { .insider-report-single { position: relative; } .insider-toc-sidebar { position: fixed; top: 45%; bottom: 0; } } */ @media (max-width: 992px) { .insider-report-main h1, .insider-report-single h1, .home .entry-header h1.entry-title { font-size: 2rem !important; } .insider-report-main p, .insider-report-single p, .home .entry-content p { font-size: 16px !important; } #insiderAccordion .accordion-header a.text-primary-dark { font-size: 20px !important; } #insiderAccordion ul li { font-size: 16px !important; } .home .faqs h2 { font-size: 30px !important; } } /* welcome page */ .welcome-page h1 { color: var(--gray-900, #131921) !important; font-family: var(--typeface-display, "DM Serif Display") !important; font-size: var(--size-4xl-36, 36px) !important; font-style: normal !important; font-weight: 600 !important; line-height: 120%; margin-bottom: 1rem !important; } .welcome-page p { color: var(--gray-800) !important; font-family: var(--typeface-text, "Open Sans") !important; font-size: var(--size-xl-20, 20px) !important; font-style: normal; font-weight: 400; line-height: 150%; margin-bottom: 1rem !important; } .welcome-page h2 { color: var(--gray-900, #131921) !important; font-family: var(--typeface-display, "DM Serif Display") !important; font-size: 1.5rem !important; font-style: normal !important; font-weight: 600 !important; line-height: 120%; margin-bottom: 1rem !important; } .welcome-page ul li { color: var(--gray-800, #252C31) !important; font-family: var(--typeface-text, "Open Sans") !important; font-size: var(--size-xl-20, 20px) !important; font-style: normal; font-weight: 400; line-height: 150%; margin-bottom: 1rem !important; } .welcome-page p a { color: var(--primary-500, #006CD1) !important; } .welcome-page p a:hover { color: var(--primary-600, #0062BE) !important; text-decoration: underline !important; } .custom-html-widget p { font-size: 1rem !important; } article + hr { display: none; }