@import url("https://fonts.googleapis.com/css2?family=Italianno&display=swap"); @import url("/App_Themes/SNMMI2025a/99-Toronto_Responsive-SNMII.css"); :root { --color-site1: hsl(198, 76%, 36%); --color-site1-a0: hsla(198, 76%, 36%, 0); --color-site2: hsl(167, 41%, 61%); --color-site2-a0: hsla(167, 41%, 61%, 0); --color-site2-darker: hsl(167, 41%, 41%); --color-site3: hsl(244, 33%, 16%); --color-site3-lighter: hsl(244, 33%, 26%); --color-site3-a0: hsla(244, 33%, 16%, 0); --color-site1: var(--color-sky-darker-4); --color-site1-a0: hsla(197, 70%, 61%, 0); --color-site2: var(--color-lagoon); --color-site2-a0: var(--color-lagoon-lighter-1-a0); --color-site2-darker: var(--color-lagoon-darker-2); --color-site3: var(--color-space); --color-site3-lighter: var(--color-space-lighter-2); --color-site3-a0: var(--color-space-a0); } .text-conf1 { color: var(--color-site1); } .text-conf2 { color: var(--color-site2); } .text-conf3 { color: var(--color-site3); } .footer-content { font-size: 0.8em; padding: 0 0 4rem 0; background-color: var(--color-brand3); } .footer-content .UtilityNavigationList { width: 100%; text-align: center; } .footer-content:after { border-bottom: 1px solid var(--color-gray-700); content: ""; display: block; width: 100vw; margin-left: calc(50% - 50vw); } .footer-content .icon-external-link span:before { background: var(--color-brand2); content: ""; display: inline; margin-left: calc(-1 * (1.14em - 2px)); -webkit-mask-position: center left; mask-position: center left; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 15px 15.4px; mask-size: 15px 15.4px; padding-left: 15px; margin-left: 10px; margin-right: 6px; -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2016%2016%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.cls-1%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23fff%3B%0A%20%20%20%20%20%20%20%20fill-rule%3A%20evenodd%3B%0A%20%20%20%20%20%20%20%20stroke-width%3A%200px%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C%2Fstyle%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M8.6%2C3.5c0-.3-.2-.5-.5-.5H1.5c-.8%2C0-1.5.7-1.5%2C1.5v10c0%2C.8.7%2C1.5%2C1.5%2C1.5h10c.8%2C0%2C1.5-.7%2C1.5-1.5h0v-6.6c0-.3-.2-.5-.5-.5s-.5.2-.5.5v6.6c0%2C.3-.2.5-.5.5H1.5c-.3%2C0-.5-.2-.5-.5V4.5c0-.3.2-.5.5-.5h6.6c.3%2C0%2C.5-.2.5-.5Z%22%2F%3E%0A%20%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M16%2C.5c0-.3-.2-.5-.5-.5h-5c-.3%2C0-.5.2-.5.5s.2.5.5.5h3.8L6.1%2C9.1c-.2.2-.2.5%2C0%2C.7s.5.2.7%2C0L15%2C1.7v3.8c0%2C.3.2.5.5.5s.5-.2.5-.5V.5Z%22%2F%3E%0A%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2016%2016%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.cls-1%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23fff%3B%0A%20%20%20%20%20%20%20%20fill-rule%3A%20evenodd%3B%0A%20%20%20%20%20%20%20%20stroke-width%3A%200px%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C%2Fstyle%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M8.6%2C3.5c0-.3-.2-.5-.5-.5H1.5c-.8%2C0-1.5.7-1.5%2C1.5v10c0%2C.8.7%2C1.5%2C1.5%2C1.5h10c.8%2C0%2C1.5-.7%2C1.5-1.5h0v-6.6c0-.3-.2-.5-.5-.5s-.5.2-.5.5v6.6c0%2C.3-.2.5-.5.5H1.5c-.3%2C0-.5-.2-.5-.5V4.5c0-.3.2-.5.5-.5h6.6c.3%2C0%2C.5-.2.5-.5Z%22%2F%3E%0A%20%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M16%2C.5c0-.3-.2-.5-.5-.5h-5c-.3%2C0-.5.2-.5.5s.2.5.5.5h3.8L6.1%2C9.1c-.2.2-.2.5%2C0%2C.7s.5.2.7%2C0L15%2C1.7v3.8c0%2C.3.2.5.5.5s.5-.2.5-.5V.5Z%22%2F%3E%0A%3C%2Fsvg%3E"); } .footer-content > .container:before { background-color: var(--color-site3); } .footer .nav-auxiliary .UtilityNavigationList .NavigationUnorderedList .NavigationListItem a { background-color: var(--color-site3); } .footer-nav-copyright { font-size: 0.8em; padding: 0 0 4rem 0; background-color: var(--color-brand3); } .site-id-header { font-size: 20px; font-weight: bold; letter-spacing: 4px; line-height: 1em; padding: 2px 0; position: relative; z-index: 0; color: var(--color-site3); } .site-id-header:before { background-color: var(--color-site2); background: linear-gradient(to right, var(--color-site1) 0%, var(--color-site2) 100%); background: var(--color-red); content: ""; position: absolute; width: 100vw; height: 100%; left: calc(50% - 50vw); top: 0; z-index: -1; } /* ========================================================================== BUTTONS ========================================================================== */ .btn, .TextButton, .TextButtonWithImage, .ruButton, #masterHeaderActionArea a, .RadGrid input.TextButton, .RadGrid_MetroTouch .rgRow a.TextButton, .RadGrid_MetroTouch .rgAltRow a.TextButton, .RadGrid_MetroTouch tr.rgEditRow a.TextButton, .RadGrid_MetroTouch .rgFooter a.TextButton, .RadGrid_MetroTouch .rgEditForm a.TextButton { color: var(--color-brand3-darker-1); background-color: var(--color-white); border-color: var(--color-brand3-darker-1); } .btn:after, .TextButton:after, .TextButtonWithImage:after, .ruButton:after, #masterHeaderActionArea a:after, .RadGrid input.TextButton:after, .RadGrid_MetroTouch .rgRow a.TextButton:after, .RadGrid_MetroTouch .rgAltRow a.TextButton:after, .RadGrid_MetroTouch tr.rgEditRow a.TextButton:after, .RadGrid_MetroTouch .rgFooter a.TextButton:after, .RadGrid_MetroTouch .rgEditForm a.TextButton:after { --color-inherit: var(--color-brand3-darker-1); } .btn:visited, .TextButton:visited, .TextButtonWithImage:visited, .ruButton:visited, #masterHeaderActionArea a:visited, .RadGrid input.TextButton:visited, .RadGrid_MetroTouch .rgRow a.TextButton:visited, .RadGrid_MetroTouch .rgAltRow a.TextButton:visited, .RadGrid_MetroTouch tr.rgEditRow a.TextButton:visited, .RadGrid_MetroTouch .rgFooter a.TextButton:visited, .RadGrid_MetroTouch .rgEditForm a.TextButton:visited { color: var(--color-brand3-darker-1); background-color: var(--color-white); border-color: var(--color-brand3-darker-1); } .header-bottom-container { background-color: var(--color-site3); } .nav-auxiliary a { color: var(--color-site3); } .nav-primary .RadMenu .rmItem:hover a.rmLink, .nav-primary .RadMenu_Default .rmItem:hover a.rmLink { background-color: var(--color-site3-lighter); } .navbar-header .nav-auxiliary a:hover, .navbar-header .nav-auxiliary a:focus { color: var(--color-site3); text-decoration: underline; } .icon-external-link span:before { background: var(--color-site3); content: ""; display: inline; margin-left: calc(-1 * (1.14em - 2px)); -webkit-mask-position: center left; mask-position: center left; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 11px 11px; mask-size: 11px 11px; padding-left: 15px; margin-left: 10px; margin-right: 6px; -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2016%2016%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.cls-1%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23fff%3B%0A%20%20%20%20%20%20%20%20fill-rule%3A%20evenodd%3B%0A%20%20%20%20%20%20%20%20stroke-width%3A%200px%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C%2Fstyle%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M8.6%2C3.5c0-.3-.2-.5-.5-.5H1.5c-.8%2C0-1.5.7-1.5%2C1.5v10c0%2C.8.7%2C1.5%2C1.5%2C1.5h10c.8%2C0%2C1.5-.7%2C1.5-1.5h0v-6.6c0-.3-.2-.5-.5-.5s-.5.2-.5.5v6.6c0%2C.3-.2.5-.5.5H1.5c-.3%2C0-.5-.2-.5-.5V4.5c0-.3.2-.5.5-.5h6.6c.3%2C0%2C.5-.2.5-.5Z%22%2F%3E%0A%20%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M16%2C.5c0-.3-.2-.5-.5-.5h-5c-.3%2C0-.5.2-.5.5s.2.5.5.5h3.8L6.1%2C9.1c-.2.2-.2.5%2C0%2C.7s.5.2.7%2C0L15%2C1.7v3.8c0%2C.3.2.5.5.5s.5-.2.5-.5V.5Z%22%2F%3E%0A%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2016%2016%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.cls-1%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23fff%3B%0A%20%20%20%20%20%20%20%20fill-rule%3A%20evenodd%3B%0A%20%20%20%20%20%20%20%20stroke-width%3A%200px%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C%2Fstyle%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M8.6%2C3.5c0-.3-.2-.5-.5-.5H1.5c-.8%2C0-1.5.7-1.5%2C1.5v10c0%2C.8.7%2C1.5%2C1.5%2C1.5h10c.8%2C0%2C1.5-.7%2C1.5-1.5h0v-6.6c0-.3-.2-.5-.5-.5s-.5.2-.5.5v6.6c0%2C.3-.2.5-.5.5H1.5c-.3%2C0-.5-.2-.5-.5V4.5c0-.3.2-.5.5-.5h6.6c.3%2C0%2C.5-.2.5-.5Z%22%2F%3E%0A%20%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M16%2C.5c0-.3-.2-.5-.5-.5h-5c-.3%2C0-.5.2-.5.5s.2.5.5.5h3.8L6.1%2C9.1c-.2.2-.2.5%2C0%2C.7s.5.2.7%2C0L15%2C1.7v3.8c0%2C.3.2.5.5.5s.5-.2.5-.5V.5Z%22%2F%3E%0A%3C%2Fsvg%3E"); } a.nav-donate span:before { background-color: white; } .icon-heart a:before { background-color: var(--color-site1); content: ""; width: 15px; height: 15.4px; display: inline-block; margin-left: calc(-1 * (1.14em - 2px)); -webkit-mask-position: center left; mask-position: center left; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 15px 15.4px; mask-size: 15px 15.4px; padding-left: 15px; margin-left: 10px; margin-right: 6px; -webkit-mask-image: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2028.1.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2013.4225%2011.597%22%20style%3D%22enable-background%3Anew%200%200%2013.4225%2011.597%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%23289CCC%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20class%3D%22st0%22%20d%3D%22M6.7157%2C11.597c-0.1279%2C0-0.2559-0.0488-0.3535-0.1465L1.0624%2C6.1508C1.039%2C6.1273%2C1.0146%2C6.098%2C0.996%2C6.0707%0A%09c-1.3398-1.3296-1.3379-3.6138%2C0.0664-5.0156l0.0059-0.0054C2.4755-0.3531%2C4.7607-0.3488%2C6.1601%2C1.056l0.5566%2C0.5547l0.5586-0.5562%0A%09c1.4043-1.4033%2C3.6885-1.4043%2C5.0947%2C0.001c1.4033%2C1.4048%2C1.4033%2C3.6904%2C0%2C5.0952l-5.3008%2C5.2998%0A%09C6.9716%2C11.5482%2C6.8437%2C11.597%2C6.7157%2C11.597z%20M1.4159%2C1.4091l0.3535%2C0.354C0.7548%2C2.7753%2C0.7528%2C4.4252%2C1.7655%2C5.4403%0A%09C1.789%2C5.4633%2C1.8134%2C5.4926%2C1.8319%2C5.5199L6.7157%2C10.39l4.9473-4.9463c1.0137-1.0146%2C1.0137-2.6665%2C0-3.6812%0A%09c-1.0156-1.0146-2.666-1.0146-3.6816%2C0L7.0693%2C2.6708C6.8739%2C2.8651%2C6.5575%2C2.8646%2C6.3642%2C2.6703L5.454%2C1.7631%0A%09C4.4403%2C0.7465%2C2.79%2C0.7455%2C1.7743%2C1.7572L1.4159%2C1.4091z%20M1.4159%2C1.4091h0.0098H1.4159z%22%2F%3E%0A%3C%2Fsvg%3E%0A); mask-image: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2028.1.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2013.4225%2011.597%22%20style%3D%22enable-background%3Anew%200%200%2013.4225%2011.597%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%23289CCC%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20class%3D%22st0%22%20d%3D%22M6.7157%2C11.597c-0.1279%2C0-0.2559-0.0488-0.3535-0.1465L1.0624%2C6.1508C1.039%2C6.1273%2C1.0146%2C6.098%2C0.996%2C6.0707%0A%09c-1.3398-1.3296-1.3379-3.6138%2C0.0664-5.0156l0.0059-0.0054C2.4755-0.3531%2C4.7607-0.3488%2C6.1601%2C1.056l0.5566%2C0.5547l0.5586-0.5562%0A%09c1.4043-1.4033%2C3.6885-1.4043%2C5.0947%2C0.001c1.4033%2C1.4048%2C1.4033%2C3.6904%2C0%2C5.0952l-5.3008%2C5.2998%0A%09C6.9716%2C11.5482%2C6.8437%2C11.597%2C6.7157%2C11.597z%20M1.4159%2C1.4091l0.3535%2C0.354C0.7548%2C2.7753%2C0.7528%2C4.4252%2C1.7655%2C5.4403%0A%09C1.789%2C5.4633%2C1.8134%2C5.4926%2C1.8319%2C5.5199L6.7157%2C10.39l4.9473-4.9463c1.0137-1.0146%2C1.0137-2.6665%2C0-3.6812%0A%09c-1.0156-1.0146-2.666-1.0146-3.6816%2C0L7.0693%2C2.6708C6.8739%2C2.8651%2C6.5575%2C2.8646%2C6.3642%2C2.6703L5.454%2C1.7631%0A%09C4.4403%2C0.7465%2C2.79%2C0.7455%2C1.7743%2C1.7572L1.4159%2C1.4091z%20M1.4159%2C1.4091h0.0098H1.4159z%22%2F%3E%0A%3C%2Fsvg%3E%0A); } .navbar-toggle .icon-bar { background-color: var(--color-site1); } .navbar-toggle:hover, .navbar-toggle:focus { background-color: var(--color-site1); } .navbar-toggle:hover .icon-bar, .navbar-toggle:focus .icon-bar { background-color: var(--color-white); } @media (max-width: 992px) { .nav-primary { float: none; clear: right; } } .RadMenu { float: none; } .nav-primary .RadMenu .rmItem .rmSlide, .nav-primary .RadMenu .rmItem .rmSlide .rmGroup, .nav-primary .RadMenu .rmItem .rmSlide a.rmLink, .nav-primary .RadMenu .rmItem:hover .rmSlide a.rmLink, .nav-primary .RadMenu_Default .rmItem:hover .rmSlide a.rmLink { background-color: var(--color-site3); } .nav-primary .RadMenu .rmItem:hover .rmSlide a.rmLink:hover, .nav-primary .RadMenu_Default .rmItem:hover .rmSlide a.rmLink:hover { background-color: var(--color-site3-lighter); } .type-script { font-family: "Italianno", cursive; font-weight: 500; font-style: normal; font-size: 7rem; line-height: 100%; margin: 0; } h1, .h1, .PageTitle, h1.BigHeader, .h1.BigHeader { color: var(--color-site1); } h2, .h2, .PanelTitle { color: var(--color-site1); } h3, .h3 { color: var(--color-site1); } h3 a, .h3 a { color: var(--color-site1); } h4, .h4, .SectionLabel { color: var(--color-site1); } h5, .h5 { color: var(--color-site1); } h6, .h6 { color: var(--color-site1); } @media (min-width: 768px) { .lead { font-size: 125%; } } .bg-color-site1, .bg-color-site1:not(.WebPartZone) { color: white; position: relative; z-index: 0; /* BEGIN SETTING TYPE TO WHITE */ } .bg-color-site1.WebPartZone .ContentItemContainer > div, .bg-color-site1:not(.WebPartZone).WebPartZone .ContentItemContainer > div { padding-block: 3.3rem; } .bg-color-site1:before, .bg-color-site1:not(.WebPartZone):before { background-color: var(--color-site1); content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: -1; } .bg-color-site1 h1, .bg-color-site1 .h1, .bg-color-site1 .PageTitle, .bg-color-site1 h2, .bg-color-site1 .h2, .bg-color-site1 .PanelTitle, .bg-color-site1 .PanelHead.Distinguish, .bg-color-site1 .TitleBarCaption, .bg-color-site1 div.PanelTitle, .bg-color-site1 .panel-heading.Distinguish, .bg-color-site1 h3, .bg-color-site1 .h3, .bg-color-site1 h4, .bg-color-site1 .h4, .bg-color-site1 .SectionLabel, .bg-color-site1 h5, .bg-color-site1 .h5, .bg-color-site1 h6, .bg-color-site1 .h6, .bg-color-site1 p, .bg-color-site1 li, .bg-color-site1 a, .bg-color-site1:not(.WebPartZone) h1, .bg-color-site1:not(.WebPartZone) .h1, .bg-color-site1:not(.WebPartZone) .PageTitle, .bg-color-site1:not(.WebPartZone) h2, .bg-color-site1:not(.WebPartZone) .h2, .bg-color-site1:not(.WebPartZone) .PanelTitle, .bg-color-site1:not(.WebPartZone) .PanelHead.Distinguish, .bg-color-site1:not(.WebPartZone) .TitleBarCaption, .bg-color-site1:not(.WebPartZone) div.PanelTitle, .bg-color-site1:not(.WebPartZone) .panel-heading.Distinguish, .bg-color-site1:not(.WebPartZone) h3, .bg-color-site1:not(.WebPartZone) .h3, .bg-color-site1:not(.WebPartZone) h4, .bg-color-site1:not(.WebPartZone) .h4, .bg-color-site1:not(.WebPartZone) .SectionLabel, .bg-color-site1:not(.WebPartZone) h5, .bg-color-site1:not(.WebPartZone) .h5, .bg-color-site1:not(.WebPartZone) h6, .bg-color-site1:not(.WebPartZone) .h6, .bg-color-site1:not(.WebPartZone) p, .bg-color-site1:not(.WebPartZone) li, .bg-color-site1:not(.WebPartZone) a { color: var(--color-white); } .bg-color-site1 .btn, .bg-color-site1 .TextButton, .bg-color-site1 .TextButtonWithImage, .bg-color-site1 .ruButton, .bg-color-site1 #masterHeaderActionArea a, .bg-color-site1 .RadGrid input.TextButton, .bg-color-site1:not(.WebPartZone) .btn, .bg-color-site1:not(.WebPartZone) .TextButton, .bg-color-site1:not(.WebPartZone) .TextButtonWithImage, .bg-color-site1:not(.WebPartZone) .ruButton, .bg-color-site1:not(.WebPartZone) #masterHeaderActionArea a, .bg-color-site1:not(.WebPartZone) .RadGrid input.TextButton { color: var(--color-white); background-color: var(--color-site1); border-color: var(--color-white); } .bg-color-site1 .btn:visited, .bg-color-site1 .TextButton:visited, .bg-color-site1 .TextButtonWithImage:visited, .bg-color-site1 .ruButton:visited, .bg-color-site1 #masterHeaderActionArea a:visited, .bg-color-site1 .RadGrid input.TextButton:visited, .bg-color-site1:not(.WebPartZone) .btn:visited, .bg-color-site1:not(.WebPartZone) .TextButton:visited, .bg-color-site1:not(.WebPartZone) .TextButtonWithImage:visited, .bg-color-site1:not(.WebPartZone) .ruButton:visited, .bg-color-site1:not(.WebPartZone) #masterHeaderActionArea a:visited, .bg-color-site1:not(.WebPartZone) .RadGrid input.TextButton:visited { color: var(--color-white); background-color: var(--color-site1); border-color: var(--color-white); } .bg-color-site1 .btn:hover, .bg-color-site1 .btn:active, .bg-color-site1 .TextButton:hover, .bg-color-site1 .TextButton:active, .bg-color-site1 .TextButtonWithImage:hover, .bg-color-site1 .TextButtonWithImage:active, .bg-color-site1 .ruButton:hover, .bg-color-site1 .ruButton:active, .bg-color-site1 #masterHeaderActionArea a:hover, .bg-color-site1 #masterHeaderActionArea a:active, .bg-color-site1 .RadGrid input.TextButton:hover, .bg-color-site1 .RadGrid input.TextButton:active, .bg-color-site1:not(.WebPartZone) .btn:hover, .bg-color-site1:not(.WebPartZone) .btn:active, .bg-color-site1:not(.WebPartZone) .TextButton:hover, .bg-color-site1:not(.WebPartZone) .TextButton:active, .bg-color-site1:not(.WebPartZone) .TextButtonWithImage:hover, .bg-color-site1:not(.WebPartZone) .TextButtonWithImage:active, .bg-color-site1:not(.WebPartZone) .ruButton:hover, .bg-color-site1:not(.WebPartZone) .ruButton:active, .bg-color-site1:not(.WebPartZone) #masterHeaderActionArea a:hover, .bg-color-site1:not(.WebPartZone) #masterHeaderActionArea a:active, .bg-color-site1:not(.WebPartZone) .RadGrid input.TextButton:hover, .bg-color-site1:not(.WebPartZone) .RadGrid input.TextButton:active { color: var(--color-site1); background-color: var(--color-white); border-color: var(--color-site1); } .bg-color-site2, .bg-color-site2:not(.WebPartZone) { color: black; position: relative; z-index: 0; /* BEGIN SETTING TYPE TO WHITE */ } .bg-color-site2.WebPartZone .ContentItemContainer > div, .bg-color-site2:not(.WebPartZone).WebPartZone .ContentItemContainer > div { padding-block: 3.3rem; } .bg-color-site2:before, .bg-color-site2:not(.WebPartZone):before { background-color: var(--color-site2); content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: -1; } .bg-color-site2 h1, .bg-color-site2 .h1, .bg-color-site2 .PageTitle, .bg-color-site2 h2, .bg-color-site2 .h2, .bg-color-site2 .PanelTitle, .bg-color-site2 .PanelHead.Distinguish, .bg-color-site2 .TitleBarCaption, .bg-color-site2 div.PanelTitle, .bg-color-site2 .panel-heading.Distinguish, .bg-color-site2 h3, .bg-color-site2 .h3, .bg-color-site2 h4, .bg-color-site2 .h4, .bg-color-site2 .SectionLabel, .bg-color-site2 h5, .bg-color-site2 .h5, .bg-color-site2 h6, .bg-color-site2 .h6, .bg-color-site2:not(.WebPartZone) h1, .bg-color-site2:not(.WebPartZone) .h1, .bg-color-site2:not(.WebPartZone) .PageTitle, .bg-color-site2:not(.WebPartZone) h2, .bg-color-site2:not(.WebPartZone) .h2, .bg-color-site2:not(.WebPartZone) .PanelTitle, .bg-color-site2:not(.WebPartZone) .PanelHead.Distinguish, .bg-color-site2:not(.WebPartZone) .TitleBarCaption, .bg-color-site2:not(.WebPartZone) div.PanelTitle, .bg-color-site2:not(.WebPartZone) .panel-heading.Distinguish, .bg-color-site2:not(.WebPartZone) h3, .bg-color-site2:not(.WebPartZone) .h3, .bg-color-site2:not(.WebPartZone) h4, .bg-color-site2:not(.WebPartZone) .h4, .bg-color-site2:not(.WebPartZone) .SectionLabel, .bg-color-site2:not(.WebPartZone) h5, .bg-color-site2:not(.WebPartZone) .h5, .bg-color-site2:not(.WebPartZone) h6, .bg-color-site2:not(.WebPartZone) .h6 { color: var(--color-site3); } .bg-color-site2 .btn, .bg-color-site2 .TextButton, .bg-color-site2 .TextButtonWithImage, .bg-color-site2 .ruButton, .bg-color-site2 #masterHeaderActionArea a, .bg-color-site2 .RadGrid input.TextButton, .bg-color-site2:not(.WebPartZone) .btn, .bg-color-site2:not(.WebPartZone) .TextButton, .bg-color-site2:not(.WebPartZone) .TextButtonWithImage, .bg-color-site2:not(.WebPartZone) .ruButton, .bg-color-site2:not(.WebPartZone) #masterHeaderActionArea a, .bg-color-site2:not(.WebPartZone) .RadGrid input.TextButton { color: var(--color-site3); background-color: var(--color-site2); border-color: var(--color-site3); } .bg-color-site2 .btn:visited, .bg-color-site2 .TextButton:visited, .bg-color-site2 .TextButtonWithImage:visited, .bg-color-site2 .ruButton:visited, .bg-color-site2 #masterHeaderActionArea a:visited, .bg-color-site2 .RadGrid input.TextButton:visited, .bg-color-site2:not(.WebPartZone) .btn:visited, .bg-color-site2:not(.WebPartZone) .TextButton:visited, .bg-color-site2:not(.WebPartZone) .TextButtonWithImage:visited, .bg-color-site2:not(.WebPartZone) .ruButton:visited, .bg-color-site2:not(.WebPartZone) #masterHeaderActionArea a:visited, .bg-color-site2:not(.WebPartZone) .RadGrid input.TextButton:visited { color: var(--color-site3); background-color: var(--color-site2); border-color: var(--color-site3); } .bg-color-site2 .btn:hover, .bg-color-site2 .btn:active, .bg-color-site2 .TextButton:hover, .bg-color-site2 .TextButton:active, .bg-color-site2 .TextButtonWithImage:hover, .bg-color-site2 .TextButtonWithImage:active, .bg-color-site2 .ruButton:hover, .bg-color-site2 .ruButton:active, .bg-color-site2 #masterHeaderActionArea a:hover, .bg-color-site2 #masterHeaderActionArea a:active, .bg-color-site2 .RadGrid input.TextButton:hover, .bg-color-site2 .RadGrid input.TextButton:active, .bg-color-site2:not(.WebPartZone) .btn:hover, .bg-color-site2:not(.WebPartZone) .btn:active, .bg-color-site2:not(.WebPartZone) .TextButton:hover, .bg-color-site2:not(.WebPartZone) .TextButton:active, .bg-color-site2:not(.WebPartZone) .TextButtonWithImage:hover, .bg-color-site2:not(.WebPartZone) .TextButtonWithImage:active, .bg-color-site2:not(.WebPartZone) .ruButton:hover, .bg-color-site2:not(.WebPartZone) .ruButton:active, .bg-color-site2:not(.WebPartZone) #masterHeaderActionArea a:hover, .bg-color-site2:not(.WebPartZone) #masterHeaderActionArea a:active, .bg-color-site2:not(.WebPartZone) .RadGrid input.TextButton:hover, .bg-color-site2:not(.WebPartZone) .RadGrid input.TextButton:active { color: var(--color-white); background-color: var(--color-site3); border-color: var(--color-white); } .bg-color-site3, .bg-color-site3:not(.WebPartZone) { position: relative; z-index: 0; /* BEGIN SETTING TYPE TO WHITE */ } .bg-color-site3.WebPartZone .ContentItemContainer > div, .bg-color-site3:not(.WebPartZone).WebPartZone .ContentItemContainer > div { padding-block: 3.3rem; } .bg-color-site3:before, .bg-color-site3:not(.WebPartZone):before { background-color: var(--color-site3); content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: -1; } .bg-color-site3 h1, .bg-color-site3 .h1, .bg-color-site3 .PageTitle, .bg-color-site3 h2, .bg-color-site3 .h2, .bg-color-site3 .PanelTitle, .bg-color-site3 .PanelHead.Distinguish, .bg-color-site3 .TitleBarCaption, .bg-color-site3 div.PanelTitle, .bg-color-site3 .panel-heading.Distinguish, .bg-color-site3 h3, .bg-color-site3 .h3, .bg-color-site3 h4, .bg-color-site3 .h4, .bg-color-site3 .SectionLabel, .bg-color-site3 h5, .bg-color-site3 .h5, .bg-color-site3 h6, .bg-color-site3 .h6, .bg-color-site3 p, .bg-color-site3 li, .bg-color-site3 a, .bg-color-site3:not(.WebPartZone) h1, .bg-color-site3:not(.WebPartZone) .h1, .bg-color-site3:not(.WebPartZone) .PageTitle, .bg-color-site3:not(.WebPartZone) h2, .bg-color-site3:not(.WebPartZone) .h2, .bg-color-site3:not(.WebPartZone) .PanelTitle, .bg-color-site3:not(.WebPartZone) .PanelHead.Distinguish, .bg-color-site3:not(.WebPartZone) .TitleBarCaption, .bg-color-site3:not(.WebPartZone) div.PanelTitle, .bg-color-site3:not(.WebPartZone) .panel-heading.Distinguish, .bg-color-site3:not(.WebPartZone) h3, .bg-color-site3:not(.WebPartZone) .h3, .bg-color-site3:not(.WebPartZone) h4, .bg-color-site3:not(.WebPartZone) .h4, .bg-color-site3:not(.WebPartZone) .SectionLabel, .bg-color-site3:not(.WebPartZone) h5, .bg-color-site3:not(.WebPartZone) .h5, .bg-color-site3:not(.WebPartZone) h6, .bg-color-site3:not(.WebPartZone) .h6, .bg-color-site3:not(.WebPartZone) p, .bg-color-site3:not(.WebPartZone) li, .bg-color-site3:not(.WebPartZone) a { color: var(--color-white); } .bg-color-site3 .btn, .bg-color-site3 .TextButton, .bg-color-site3 .TextButtonWithImage, .bg-color-site3 .ruButton, .bg-color-site3 #masterHeaderActionArea a, .bg-color-site3 .RadGrid input.TextButton, .bg-color-site3:not(.WebPartZone) .btn, .bg-color-site3:not(.WebPartZone) .TextButton, .bg-color-site3:not(.WebPartZone) .TextButtonWithImage, .bg-color-site3:not(.WebPartZone) .ruButton, .bg-color-site3:not(.WebPartZone) #masterHeaderActionArea a, .bg-color-site3:not(.WebPartZone) .RadGrid input.TextButton { color: var(--color-white); background-color: var(--color-site3); border-color: var(--color-white); } .bg-color-site3 .btn:visited, .bg-color-site3 .TextButton:visited, .bg-color-site3 .TextButtonWithImage:visited, .bg-color-site3 .ruButton:visited, .bg-color-site3 #masterHeaderActionArea a:visited, .bg-color-site3 .RadGrid input.TextButton:visited, .bg-color-site3:not(.WebPartZone) .btn:visited, .bg-color-site3:not(.WebPartZone) .TextButton:visited, .bg-color-site3:not(.WebPartZone) .TextButtonWithImage:visited, .bg-color-site3:not(.WebPartZone) .ruButton:visited, .bg-color-site3:not(.WebPartZone) #masterHeaderActionArea a:visited, .bg-color-site3:not(.WebPartZone) .RadGrid input.TextButton:visited { color: var(--color-white); background-color: var(--color-site3); border-color: var(--color-white); } .bg-color-site3 .btn:hover, .bg-color-site3 .btn:active, .bg-color-site3 .TextButton:hover, .bg-color-site3 .TextButton:active, .bg-color-site3 .TextButtonWithImage:hover, .bg-color-site3 .TextButtonWithImage:active, .bg-color-site3 .ruButton:hover, .bg-color-site3 .ruButton:active, .bg-color-site3 #masterHeaderActionArea a:hover, .bg-color-site3 #masterHeaderActionArea a:active, .bg-color-site3 .RadGrid input.TextButton:hover, .bg-color-site3 .RadGrid input.TextButton:active, .bg-color-site3:not(.WebPartZone) .btn:hover, .bg-color-site3:not(.WebPartZone) .btn:active, .bg-color-site3:not(.WebPartZone) .TextButton:hover, .bg-color-site3:not(.WebPartZone) .TextButton:active, .bg-color-site3:not(.WebPartZone) .TextButtonWithImage:hover, .bg-color-site3:not(.WebPartZone) .TextButtonWithImage:active, .bg-color-site3:not(.WebPartZone) .ruButton:hover, .bg-color-site3:not(.WebPartZone) .ruButton:active, .bg-color-site3:not(.WebPartZone) #masterHeaderActionArea a:hover, .bg-color-site3:not(.WebPartZone) #masterHeaderActionArea a:active, .bg-color-site3:not(.WebPartZone) .RadGrid input.TextButton:hover, .bg-color-site3:not(.WebPartZone) .RadGrid input.TextButton:active { color: var(--color-site3); background-color: var(--color-white); border-color: var(--color-site3); } .bg-color-brand1, .bg-color-brand1:not(.WebPartZone) { /* BEGIN SETTING TYPE TO WHITE */ } .bg-color-brand1 .btn, .bg-color-brand1 .TextButton, .bg-color-brand1 .TextButtonWithImage, .bg-color-brand1 .ruButton, .bg-color-brand1 #masterHeaderActionArea a, .bg-color-brand1 .RadGrid input.TextButton, .bg-color-brand1:not(.WebPartZone) .btn, .bg-color-brand1:not(.WebPartZone) .TextButton, .bg-color-brand1:not(.WebPartZone) .TextButtonWithImage, .bg-color-brand1:not(.WebPartZone) .ruButton, .bg-color-brand1:not(.WebPartZone) #masterHeaderActionArea a, .bg-color-brand1:not(.WebPartZone) .RadGrid input.TextButton { color: var(--color-white); background-color: var(--color-brand1); border-color: var(--color-white); } .bg-color-brand1 .btn:visited, .bg-color-brand1 .TextButton:visited, .bg-color-brand1 .TextButtonWithImage:visited, .bg-color-brand1 .ruButton:visited, .bg-color-brand1 #masterHeaderActionArea a:visited, .bg-color-brand1 .RadGrid input.TextButton:visited, .bg-color-brand1:not(.WebPartZone) .btn:visited, .bg-color-brand1:not(.WebPartZone) .TextButton:visited, .bg-color-brand1:not(.WebPartZone) .TextButtonWithImage:visited, .bg-color-brand1:not(.WebPartZone) .ruButton:visited, .bg-color-brand1:not(.WebPartZone) #masterHeaderActionArea a:visited, .bg-color-brand1:not(.WebPartZone) .RadGrid input.TextButton:visited { color: var(--color-white); background-color: var(--color-brand1); border-color: var(--color-white); } .bg-color-brand1 .btn:hover, .bg-color-brand1 .btn:active, .bg-color-brand1 .TextButton:hover, .bg-color-brand1 .TextButton:active, .bg-color-brand1 .TextButtonWithImage:hover, .bg-color-brand1 .TextButtonWithImage:active, .bg-color-brand1 .ruButton:hover, .bg-color-brand1 .ruButton:active, .bg-color-brand1 #masterHeaderActionArea a:hover, .bg-color-brand1 #masterHeaderActionArea a:active, .bg-color-brand1 .RadGrid input.TextButton:hover, .bg-color-brand1 .RadGrid input.TextButton:active, .bg-color-brand1:not(.WebPartZone) .btn:hover, .bg-color-brand1:not(.WebPartZone) .btn:active, .bg-color-brand1:not(.WebPartZone) .TextButton:hover, .bg-color-brand1:not(.WebPartZone) .TextButton:active, .bg-color-brand1:not(.WebPartZone) .TextButtonWithImage:hover, .bg-color-brand1:not(.WebPartZone) .TextButtonWithImage:active, .bg-color-brand1:not(.WebPartZone) .ruButton:hover, .bg-color-brand1:not(.WebPartZone) .ruButton:active, .bg-color-brand1:not(.WebPartZone) #masterHeaderActionArea a:hover, .bg-color-brand1:not(.WebPartZone) #masterHeaderActionArea a:active, .bg-color-brand1:not(.WebPartZone) .RadGrid input.TextButton:hover, .bg-color-brand1:not(.WebPartZone) .RadGrid input.TextButton:active { color: var(--color-brand1); background-color: var(--color-white); border-color: var(--color-brand1); } .bg-gradient-site1-2, .bg-gradient-site1-2:not(.WebPartZone) { background: linear-gradient(to right, var(--color-site1) 0%, var(--color-site2) 100%); } .bg-img-home-hero:after { background-color: var(--color-site1); background-image: url("/images/Patients/bg-img/bg-home-hero.jpg"); background-position: center right; background-size: cover; content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: -1; } body:not(.landing-page) #masterContentArea .body-container { padding-top: 60px; padding-bottom: 60px; position: relative; z-index: 0; } body:not(.landing-page) #masterContentArea .body-container:after { background-color: var(--color-site1-darker-2); background-image: linear-gradient(100deg, var(--color-brand2) 0%, var(--color-site1-darker-2) 40%, var(--color-site1-darker-2-a0) 60%), url("/images/Patients/bg-img/bg-page-header.png"); background-position: center right; background-size: cover; content: ""; position: absolute; width: 100%; height: 55px; left: 0; top: 0; z-index: -1; } @media (min-width: 900px) { body:not(.landing-page) #masterContentArea .body-container:after { margin-left: calc(50% - 50vw); width: 100vw !important; } } .bg-img-001-block, .bg-img-002-block, .bg-img-003-block, .bg-img-004-block, .bg-img-005-block { position: relative; } .bg-img-001-block:after, .bg-img-002-block:after, .bg-img-003-block:after, .bg-img-004-block:after, .bg-img-005-block:after { background-color: var(--color-site2); background-image: url("/images/Patients/bg-img/bg-img-001-block.jpg"); z-index: -2; background-position: 0 4rem; background-repeat: no-repeat; background-size: cover; content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: -1; } .bg-img-002-block:after { background-color: var(--color-site1); background-image: url("/images/Patients/bg-img/bg-img-002-block.jpg"); } .bg-img-003-block:after { background-color: var(--color-site1); background-image: url("/images/Patients/bg-img/bg-img-003-block.jpg"); } .bg-img-004-block:after { background-color: var(--color-site1); background-image: url("/images/Patients/bg-img/bg-img-004-block.jpg"); } .bg-img-005-block { display: grid; grid-template-columns: repeat(1, 1fr); grid-auto-rows: -webkit-max-content; grid-auto-rows: max-content; grid-column-gap: 3rem; grid-row-gap: 0px; } @media (min-width: 900px) { .bg-img-005-block { grid-template-columns: repeat(3, 1fr); } .bg-img-005-block > div:nth-child(1) { grid-area: 1/1/2/4; } .bg-img-005-block > div:nth-child(2) { grid-area: 2/1/3/4; } .bg-img-005-block > div:nth-child(3) { grid-area: 3/1/4/3; } .bg-img-005-block > div:nth-child(4) { grid-area: 3/3/4/4; border-left: 1px solid var(--color-site2); } } .bg-img-005-block h1, .bg-img-005-block .h1, .bg-img-005-block .PageTitle, .bg-img-005-block h2, .bg-img-005-block .h2, .bg-img-005-block .PanelTitle, .bg-img-005-block h2, .bg-img-005-block .h2, .bg-img-005-block .PanelTitle, .bg-img-005-block h3, .bg-img-005-block .h3, .bg-img-005-block h4, .bg-img-005-block .h4, .bg-img-005-block .SectionLabel, .bg-img-005-block h5, .bg-img-005-block .h5, .bg-img-005-block h6, .bg-img-005-block .h6 { color: var(--color-site2); } .bg-img-005-block p { color: var(--color-white); } .bg-img-005-block a { color: var(--color-site2); text-decoration: none; } .bg-img-005-block a:hover { text-decoration: underline; } .bg-img-005-block:after { background-color: var(--color-site1); background-image: url("/images/Patients/bg-img/bg-img-005-block.jpg"); background-position: center center; } @media (min-width: 700px) { .bg-img-005-block .TaggedListPanel { grid-column-gap: 3rem !important; grid-row-gap: 0px !important; margin-bottom: 0 !important; } } .bg-img-001 h1, .bg-img-001 .h1, .bg-img-001 .PageTitle, .bg-img-001 h2, .bg-img-001 .h2, .bg-img-001 .PanelTitle, .bg-img-001 .PanelHead.Distinguish, .bg-img-001 .TitleBarCaption, .bg-img-001 div.PanelTitle, .bg-img-001 .panel-heading.Distinguish, .bg-img-001 h3, .bg-img-001 .h3, .bg-img-001 h4, .bg-img-001 .h4, .bg-img-001 .SectionLabel, .bg-img-001 h5, .bg-img-001 .h5, .bg-img-001 h6, .bg-img-001 .h6 { color: var(--color-site3); } .bg-img-001 p, .bg-img-001 li, .bg-img-001 a { color: var(--color-black); } .bg-img-001 .btn, .bg-img-001 .TextButton, .bg-img-001 .TextButtonWithImage, .bg-img-001 .ruButton, .bg-img-001 #masterHeaderActionArea a, .bg-img-001 .RadGrid input.TextButton { color: var(--color-site3); background-color: var(--color-site2); border-color: var(--color-site3); } .bg-img-001 .btn:visited, .bg-img-001 .TextButton:visited, .bg-img-001 .TextButtonWithImage:visited, .bg-img-001 .ruButton:visited, .bg-img-001 #masterHeaderActionArea a:visited, .bg-img-001 .RadGrid input.TextButton:visited { color: var(--color-site3); background-color: var(--color-site2); border-color: var(--color-site3); } .bg-img-001 .btn:hover, .bg-img-001 .btn:active, .bg-img-001 .TextButton:hover, .bg-img-001 .TextButton:active, .bg-img-001 .TextButtonWithImage:hover, .bg-img-001 .TextButtonWithImage:active, .bg-img-001 .ruButton:hover, .bg-img-001 .ruButton:active, .bg-img-001 #masterHeaderActionArea a:hover, .bg-img-001 #masterHeaderActionArea a:active, .bg-img-001 .RadGrid input.TextButton:hover, .bg-img-001 .RadGrid input.TextButton:active { color: var(--color-white); background-color: var(--color-site3); border-color: var(--color-white); } .bg-img-001:before { background-image: url("/images/Patients/bg-img/bg-img-001.jpg"); background-position: left center; background-repeat: no-repeat; z-index: -1; } .bg-img-001:after { background-color: var(--color-site2); z-index: -2; } /* Page Headers */ .bg-img-page-header-001 { padding-top: 50px; padding-bottom: 50px; } .bg-img-page-header-001:after { background-color: var(--color-site1); background-image: url("/images/Patients/bg-img/bg-img-page-header-001.jpg"); background-image: linear-gradient(100deg, var(--color-site1) 50%, var(--color-site1-a0) 80%), url("/images/Patients/bg-img/bg-img-page-header-001.jpg"); background-size: contain; } .bg-img-page-header-002 { padding-top: 50px; padding-bottom: 50px; } .bg-img-page-header-002:after { background-color: var(--color-site1); background-image: url("/images/Patients/bg-img/bg-img-page-header-002.jpg"); background-image: linear-gradient(100deg, var(--color-site1) 50%, var(--color-site1-a0) 80%), url("/images/Patients/bg-img/bg-img-page-header-002.jpg"); background-size: contain; } .bg-img-page-header-003 { padding-top: 50px; padding-bottom: 50px; } .bg-img-page-header-003:after { background-color: var(--color-site1); background-image: url("/images/Patients/bg-img/bg-img-page-header-003.jpg"); background-image: linear-gradient(100deg, var(--color-site1) 50%, var(--color-site1-a0) 80%), url("/images/Patients/bg-img/bg-img-page-header-003.jpg"); background-size: contain; } .bg-img-page-header-004 { padding-top: 50px; padding-bottom: 50px; } .bg-img-page-header-004:after { background-color: var(--color-site1); background-image: url("/images/Patients/bg-img/bg-img-page-header-004.jpg"); background-image: linear-gradient(100deg, var(--color-site1) 50%, var(--color-site1-a0) 80%), url("/images/Patients/bg-img/bg-img-page-header-004.jpg"); background-size: contain; } .bg-img-page-header-005 { padding-top: 50px; padding-bottom: 50px; } .bg-img-page-header-005:after { background-color: var(--color-site1); background-image: url("/images/Patients/bg-img/bg-img-page-header-005.jpg"); background-image: linear-gradient(100deg, var(--color-site1) 50%, var(--color-site1-a0) 80%), url("/images/Patients/bg-img/bg-img-page-header-005.jpg"); background-size: contain; } .bg-img-page-header-006 { padding-top: 50px; padding-bottom: 50px; } .bg-img-page-header-006:after { background-color: var(--color-site1); background-image: url("/images/Patients/bg-img/bg-img-page-header-006.jpg"); background-image: linear-gradient(100deg, var(--color-site1) 50%, var(--color-site1-a0) 80%), url("/images/Patients/bg-img/bg-img-page-header-006.jpg"); background-size: contain; } .bg-img-page-header-007 { padding-top: 50px; padding-bottom: 50px; } .bg-img-page-header-007:after { background-color: var(--color-site1); background-image: url("/images/Patients/bg-img/bg-img-page-header-007.jpg"); background-image: linear-gradient(100deg, var(--color-site1) 50%, var(--color-site1-a0) 80%), url("/images/Patients/bg-img/bg-img-page-header-007.jpg"); background-size: contain; } .bg-img-page-header-008 { padding-top: 50px; padding-bottom: 50px; } .bg-img-page-header-008:after { background-color: var(--color-site1); background-image: url("/images/Patients/bg-img/bg-img-page-header-008.jpg"); background-image: linear-gradient(100deg, var(--color-site1) 50%, var(--color-site1-a0) 80%), url("/images/Patients/bg-img/bg-img-page-header-008.jpg"); background-size: contain; } .bg-img-page-header-009 { padding-top: 50px; padding-bottom: 50px; } .bg-img-page-header-009:after { background-color: var(--color-site1); background-image: url("/images/Patients/bg-img/bg-img-page-header-009.jpg"); background-image: linear-gradient(100deg, var(--color-site1) 50%, var(--color-site1-a0) 80%), url("/images/Patients/bg-img/bg-img-page-header-009.jpg"); background-size: contain; } .bg-full:after, .bg-full:before { width: 100vw !important; margin-left: calc(50% - 50vw) !important; } .mars-shot-awards-news-list .panel-body { padding: 0; } .mars-shot-awards-news-list .TaggedListPanel { display: grid; grid-auto-flow: row; grid-template-columns: repeat(1, minmax(0, 1fr)); margin-block: 3.3rem; } @media (min-width: 900px) { .mars-shot-awards-news-list .TaggedListPanel { grid-template-columns: repeat(3, 1fr); grid-column-gap: 3.3rem; grid-row-gap: 0; } } .mars-shot-awards-news-list .tagged-item { background-color: var(--color-grey-50); margin-bottom: 3rem; position: relative; transition: background-color 0.2s ease; } .mars-shot-awards-news-list .tagged-item .content-text { padding: 2rem 3rem; } .mars-shot-awards-news-list .tagged-item .content-text-title a { color: var(--link-color); text-decoration: underline; } .mars-shot-awards-news-list .tagged-item .content-text-title a:after { content: ""; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; } .mars-shot-awards-news-list .tagged-item .content-text-description { font-size: 0.9em; } .mars-shot-awards-news-list .tagged-item .content-text-description:after { content: "..."; } .mars-shot-awards-news-list .tagged-item .content-text-date { font-weight: 700; } .list-columns-3 ul { display: grid; grid-auto-flow: row; grid-template-columns: repeat(1, minmax(0, 1fr)); list-style: none; margin-top: 1.65rem; padding-inline: 0; } @media (min-width: 900px) { .list-columns-3 ul { grid-template-columns: repeat(3, 1fr); grid-column-gap: 3.3rem; grid-row-gap: 0; } } .list-columns-3 ul li { background-color: var(--color-white); font-size: 1.25em; font-weight: 700; line-height: 100%; margin-bottom: 3rem; padding: 2rem 1.5rem; } .list-columns-3 ul li a { color: var(--color-blue); } .content-image img { border: none !important; -o-object-fit: cover; object-fit: cover; max-width: none !important; width: 100%; height: 100% !important; } .iqa-links-full-coverage .tagged-item-container { position: relative; } .iqa-links-full-coverage .tagged-item-container a:after { content: ""; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 10; }