@charset "UTF-8"; /* Responsive NaturalHeritage theme */ /* Not in use by family's themes, may be used by Ultrawave. */ /* Sky blue */ /* Peach */ /* Indigo */ /*progress tracker */ /*@import url("//fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600;700&display=swap");*/ /*@import url("//fonts.googleapis.com/css?family=Fauna+One");*/ @import url("https://use.typekit.net/osi2bvz.css"); /*adobe creeative cloud fonts*/ /*40*/ /*right, left*/ /* ========================================================================== MASTER PAGE LAYOUT ========================================================================== */ #MainHtml { overflow-x: hidden; } /* Class used to contain the various pieces of the master page */ .container { /*max-width: 1260px;*/ margin-right: auto; margin-left: auto; /*padding-left: 30px;*/ /*padding-right: 30px;*/ max-width: 100%; padding-left: 16%; padding-right: 16%; } .container::after, .body-container::after { display: block; clear: both; content: ""; } .has-secondary-col .body-container { display: grid; } .has-secondary-col .body-container .col-primary { grid-row: -1; /* ensure the main content displays BEFORE nav on small screens */ } @media (min-width: 992px) { .has-secondary-col .body-container { grid-template-columns: 1fr 76% minmax(12em, 22%) 1fr; grid-template-rows: auto; grid-column-gap: 30px; } .has-secondary-col .body-container .col-primary { grid-column: 2 / span 1; grid-row: 1; } .has-secondary-col .body-container .col-secondary { grid-column: 3 / span 1; grid-row: 1; } } .secondary-nav-top .has-secondary-col .body-container { grid-template-columns: auto; } .secondary-nav-top .has-secondary-col .body-container .col-primary { grid-column: 1; grid-row: 2; } .secondary-nav-top .has-secondary-col .body-container .col-secondary { grid-column: 1; grid-row: 1; } header.header { display: grid; position: relative; /* margin-bottom: 1em; */ margin-bottom: 0; } @media (max-width: 991px) { header.header { grid-template: ". logo utility ." auto ". primary-nav primary-nav ." auto ". banner banner ." 1fr/auto 87.5px auto auto; } } @media (min-width: 992px) { header.header { grid-template: ". logo utility ." auto ". primary-nav primary-nav ." auto ". banner banner ." 1fr/auto minmax(130px, 310px) auto auto; grid-template-areas: ". logo utility ." ". logo primary-nav ." ". banner banner ."; } } header.header .header-background-container { position: absolute; width: 100%; height: 100%; grid-area: 1 / 1 / -1 / -1; /* span the whole header */ z-index: -1; /*background: #052A61;*/ background-color: transparent; /* Added by KK */ min-height: 360px; pointer-events: none; } header.header .header-background-container .ContentItemContainer>.ContentItemContainer, header.header .header-background-container .header-bg, header.header .header-background-container .carousel-inner .item { position: absolute; top: 0; left: 0; width: 100%; height: 100% !important; } header.header .header-background-container .carousel, header.header .header-background-container .carousel-inner { position: static; } header.header .header-logo-container { grid-area: logo; align-self: start; justify-self: start; padding-left: 15px; padding-top: 0; padding-bottom: 0; z-index: 100; margiin-left: 30px; } /* START replacement css for menu bar resizing */ @media (min-width: 992px) { header.header .header-primary-nav-container { grid-area: primary-nav; padding-left: 0px; padding-right: 5px; /* z-index: -1; */ justify-content: flex-end; max-width: 95vw; width: 85vw; background: transparent; margin: 0px 30px 40px 0px; display: grid; } } @media only screen and (min-width: 2100px) and (max-width: 2300px) { header.header .header-primary-nav-container { margin: 10px 30px 40px 0px; } } @media only screen and (min-width: 1900px) and (max-width: 2099px) { header.header .header-primary-nav-container { margin: 5px 30px 40px 0px; } } @media only screen and (min-width: 1700px) and (max-width: 1899px) { header.header .header-primary-nav-container { margin: 0px 30px 40px 0px; } } @media only screen and (min-width: 1500px) and (max-width: 1699px) { header.header .header-primary-nav-container { margin: -3px 30px 40px 0px; } } @media only screen and (min-width: 1300px) and (max-width: 1499px) { header.header .header-primary-nav-container { margin: -5px 30px 40px 0px; } } @media only screen and (min-width: 1100px) and (max-width: 1299px) { header.header .header-primary-nav-container { margin: -10px 30px 40px 0px; } } @media only screen and (min-width: 1004px) and (max-width: 1099px) { header.header .header-primary-nav-container { margin: -10px 30px 40px 0px; } } /* END replacement css for menu bar resizing */ /* START home page red cntact us button */ a.ContactUs-button:last-child, a.button:visited:last-child, span.ContactUs-button:last-child { margin-right: 0; } .header-btns a.button { width: 148px; padding: 14px 27px 18px; } .header-btns { z-index: 1; display: flex; align-items: center; } a.ContactUs-button, a.ContactUs-button:visited, a.ContactUs-button:hover, span.ContactUs-button { position: relative !important; overflow: hidden; color: #fff !important; background-color: #D82C20 !important; transition: all 0.35s ease-in-out !important; text-decoration: none !important; margin-right: 9px !important; margin-top: -16px !important; text-align: center; border-radius: 0 !important; line-height: 1.1 !important; letter-spacing: -0.18px !important; padding: 15px 15px 20px !important; /*height: 52px;*/ font-weight: 600 !important; } .t-ie11 header.header .header-logo-container { position: absolute; top: 1.5em; } @media (min-width: 992px) { header.header .header-logo-container { align-self: end; } } header.header .header-aux-container { grid-area: utility; align-self: start; justify-self: end; padding-right: 15px; padding-top: 0; padding-bottom: 0; z-index: 101; } header.header .header-primary-nav-container { grid-area: primary-nav; align-self: start; justify-self: end; /*padding-left: 15px;*/ padding-left: 0; padding-right: 15px; z-index: 10; /* max-width: 1100px; */ max-width: 1920px; /* width: 100%; */ } header.header .home-page-header-container, header.header .internal-header-container { grid-area: banner; padding-left: 15px; padding-right: 15px; } @media (max-width: 991px) { header.header .header-logo-container { -ms-grid-row: 1; -ms-grid-column: 2; } header.header .header-aux-container { -ms-grid-row: 1; -ms-grid-column: 3; } header.header .header-primary-nav-container { -ms-grid-row: 2; -ms-grid-column: 2; -ms-grid-column-span: 2; } header.header .home-page-header-container, header.header .internal-header-container { -ms-grid-row: 3; -ms-grid-column: 2; -ms-grid-column-span: 2; } } @media (min-width: 992px) { header.header .header-logo-container { -ms-grid-row: 1; -ms-grid-column: 2; } header.header .header-logo-container { -ms-grid-row: 1; -ms-grid-row-span: 2; -ms-grid-column: 2; } header.header .header-aux-container { -ms-grid-row: 1; -ms-grid-column: 3; } header.header .header-aux-container { -ms-grid-row: 1; -ms-grid-column: 3; } header.header .header-primary-nav-container { -ms-grid-row: 2; -ms-grid-column: 2; -ms-grid-column-span: 2; } header.header .header-primary-nav-container { -ms-grid-row: 2; -ms-grid-column: 3; -ms-grid-column-span: 1; } header.header .home-page-header-container, header.header .internal-header-container { -ms-grid-row: 3; -ms-grid-column: 2; -ms-grid-column-span: 2; } header.header .home-page-header-container, header.header .internal-header-container { -ms-grid-row: 3; -ms-grid-column: 2; -ms-grid-column-span: 2; } } /* IE11 - Grid alignment */ .t-ie11 header.header { display: -ms-grid; -ms-grid-columns: 1fr minmax(768px, 1380px) 1fr !important; } .t-ie11 .header-background-container { -ms-grid-column: 1 !important; } .t-ie11 .header-logo-container, .t-ie11 .header-aux-container, .t-ie11 .header-primary-nav-container, .t-ie11 .home-page-header-container, .t-ie11 .internal-header-container { -ms-grid-column: 2 !important; } .t-ie11 .header-primary-nav-container { margin-left: 280px; } /* This applies to the breadcrumb area */ .breadcrumb { float: none; display: inline; line-height: 33px; } /* Homepage Full Width areas */ .Wrapper-FullWidth .main-container.container { max-width: 100%; padding: 0; } .Wrapper-FullWidth .row { margin-left: 0; margin-right: 0; } .Wrapper-FullWidth .col-sm-12 { padding-left: 0; padding-right: 0; } .backToTop { background: #D82C20 url("images/up-arrow.svg") center center no-repeat; font: 0/0 a; width: 42px; height: 40px; position: fixed; bottom: 30px; right: 30px; transform: rotate(0deg); border-radius: 6px; transition: background 0.2s ease-in; z-index: 1; background-origin: padding-box; } .backToTop:hover { background-color: #052A61; } /* START NEW STICKY HEADER CSS KK */ .sticky-top { position: sticky !important; top: -55px; width: 100%; z-index: 999; transition: all 0.5s ease-in; } /* END NEW STICKY HEADER CSS KK */ /* Sticky Footer ========================================================================== */ /* Flex-style sticky footer See https://css-tricks.com/couple-takes-sticky-footer/ */ .wrapper { display: flex; min-height: 100vh; flex-direction: column; } .wrapper .main-container { width: 100%; flex: 1 0 auto; margin-bottom: 1em; } .wrapper footer.footer { flex-shrink: 0; } /* ========================================================================== Basic setup ========================================================================== */ body { font-family: halyard-text, Helvetica, sans-serif; font-weight: 300; font-size: 20px; line-height: 1.5; color: #151515; background-color: #EAF7FF; /* Added by KK */ background-image: linear-gradient(180deg, #052A61 17%, #EAF7FF 10%, #EAF7FF 100%); background-repeat: no-repeat; } a, .Link, .RadGrid.RadGrid .rgRow a, .RadGrid.RadGrid .rgAltRow a, .RadGrid.RadGrid .rgEditForm a, .k-grid.k-grid a, .RadToolTip.RadToolTip a { color: #0068A6; text-decoration: underline; } a:visited, .Link:visited, .RadGrid.RadGrid .rgRow a:visited, .RadGrid.RadGrid .rgAltRow a:visited, .RadGrid.RadGrid .rgEditForm a:visited, .k-grid.k-grid a:visited, .RadToolTip.RadToolTip a:visited { color: #052A61; } /* ========================================== */ /* New lines for table background and spacing */ /* ========================================== */ tr > .rgRow, .rgSelectedRow div > h3 { color: #fff !important; } tr > .rgRow .rgSelectedRow , div.container { padding-left: 50px !important; padding-right: 50px !important; padding-top: 20px; padding-bottom: 20px; } div > .panel-body, div.container { padding: 0; } /* ========================================== */ /* END New lines for table background and spacing */ /* ========================================== */ a:hover, a:focus, a:active, .Link:hover, .Link:focus, .Link:active, .RadGrid.RadGrid .rgRow a:hover, .RadGrid.RadGrid .rgRow a:focus, .RadGrid.RadGrid .rgRow a:active, .RadGrid.RadGrid .rgAltRow a:hover, .RadGrid.RadGrid .rgAltRow a:focus, .RadGrid.RadGrid .rgAltRow a:active, .RadGrid.RadGrid .rgEditForm a:hover, .RadGrid.RadGrid .rgEditForm a:focus, .RadGrid.RadGrid .rgEditForm a:active, .k-grid.k-grid a:hover, .k-grid.k-grid a:focus, .k-grid.k-grid a:active, .RadToolTip.RadToolTip a:hover, .RadToolTip.RadToolTip a:focus, .RadToolTip.RadToolTip a:active { /*color: #0e075b ;*/ color: #052A61; /*text-decoration: underline ;*/ } a.aspNetDisabled, a.aspNetDisabled:hover, a.aspNetDisabled:focus, a.aspNetDisabled:active, a.aspNetDisabled:visited, a:disabled, a:disabled:hover, a:disabled:focus, a:disabled:active, a:disabled:visited, .Link.aspNetDisabled, .Link.aspNetDisabled:hover, .Link.aspNetDisabled:focus, .Link.aspNetDisabled:active, .Link.aspNetDisabled:visited, .Link:disabled, .Link:disabled:hover, .Link:disabled:focus, .Link:disabled:active, .Link:disabled:visited, .RadGrid.RadGrid .rgRow a.aspNetDisabled, .RadGrid.RadGrid .rgRow a.aspNetDisabled:hover, .RadGrid.RadGrid .rgRow a.aspNetDisabled:focus, .RadGrid.RadGrid .rgRow a.aspNetDisabled:active, .RadGrid.RadGrid .rgRow a.aspNetDisabled:visited, .RadGrid.RadGrid .rgRow a:disabled, .RadGrid.RadGrid .rgRow a:disabled:hover, .RadGrid.RadGrid .rgRow a:disabled:focus, .RadGrid.RadGrid .rgRow a:disabled:active, .RadGrid.RadGrid .rgRow a:disabled:visited, .RadGrid.RadGrid .rgAltRow a.aspNetDisabled, .RadGrid.RadGrid .rgAltRow a.aspNetDisabled:hover, .RadGrid.RadGrid .rgAltRow a.aspNetDisabled:focus, .RadGrid.RadGrid .rgAltRow a.aspNetDisabled:active, .RadGrid.RadGrid .rgAltRow a.aspNetDisabled:visited, .RadGrid.RadGrid .rgAltRow a:disabled, .RadGrid.RadGrid .rgAltRow a:disabled:hover, .RadGrid.RadGrid .rgAltRow a:disabled:focus, .RadGrid.RadGrid .rgAltRow a:disabled:active, .RadGrid.RadGrid .rgAltRow a:disabled:visited, .RadGrid.RadGrid .rgEditForm a.aspNetDisabled, .RadGrid.RadGrid .rgEditForm a.aspNetDisabled:hover, .RadGrid.RadGrid .rgEditForm a.aspNetDisabled:focus, .RadGrid.RadGrid .rgEditForm a.aspNetDisabled:active, .RadGrid.RadGrid .rgEditForm a.aspNetDisabled:visited, .RadGrid.RadGrid .rgEditForm a:disabled, .RadGrid.RadGrid .rgEditForm a:disabled:hover, .RadGrid.RadGrid .rgEditForm a:disabled:focus, .RadGrid.RadGrid .rgEditForm a:disabled:active, .RadGrid.RadGrid .rgEditForm a:disabled:visited, .k-grid.k-grid a.aspNetDisabled, .k-grid.k-grid a.aspNetDisabled:hover, .k-grid.k-grid a.aspNetDisabled:focus, .k-grid.k-grid a.aspNetDisabled:active, .k-grid.k-grid a.aspNetDisabled:visited, .k-grid.k-grid a:disabled, .k-grid.k-grid a:disabled:hover, .k-grid.k-grid a:disabled:focus, .k-grid.k-grid a:disabled:active, .k-grid.k-grid a:disabled:visited, .RadToolTip.RadToolTip a.aspNetDisabled, .RadToolTip.RadToolTip a.aspNetDisabled:hover, .RadToolTip.RadToolTip a.aspNetDisabled:focus, .RadToolTip.RadToolTip a.aspNetDisabled:active, .RadToolTip.RadToolTip a.aspNetDisabled:visited, .RadToolTip.RadToolTip a:disabled, .RadToolTip.RadToolTip a:disabled:hover, .RadToolTip.RadToolTip a:disabled:focus, .RadToolTip.RadToolTip a:disabled:active, .RadToolTip.RadToolTip a:disabled:visited { color: #999999; text-decoration: underline; } h1, .h1, .PageTitle { font-size: 230%; font-family: halyard-text, Helvetica, sans-serif; font-weight: 500; color: #151515; margin-top: 0; } /* -------------------------------*/ /* BEGIN WP REVISED HEADERS CSS */ /* -------------------------------*/ h1, .heading-1 { font-size: 4vw; } h1, .heading-1, h2, .heading-2, h3, .heading-3, h4, .heading-4, h5, .heading-5, h6, .heading-6 { font-family: halyard-display, arial, sans-serif !important; font-weight: 500; font-style: normal; margin: 0 0 20px; margin-bottom: 20px; color: #fff; line-height: 1.1; text-transform: initial; letter-spacing: 0.01em !important; } /* END WP REVISED HEADERS CSS */ /* BEGIN WP HERO TEXT ON BLUE */ .hero__content--text { color: #fff; margin-top: 1vw; } /* END WP HERO TEXT ON BLUE */ /* BEGIN HOME PAGE EVENT BOXES */ .single__box--link-text { text-decoration: none; } .single__box--link-text:hover { text-decoration: none; } .single__box--title-white { font-size: 24px; font-family: halyard-display, arial, sans-serif; font-weight: 500; font-style: normal; line-height: 1.1; letter-spacing: .01em; color: #fff; transition: all 1s ease-in-out; padding-bottom: 5px; } .single__box--title-black { font-size: 22px; font-family: halyard-display, arial, sans-serif; font-weight: 500; font-style: normal; line-height: 1.1; letter-spacing: .01em; color: #151515; transition: all 1s ease-in-out; padding-bottom: 5px; } .single__box--red { transition: background-color 1s ease-in-out 0s; background-color: #D82C20; padding: 20px 20px 25px 20px; clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 95% 100%, 05% 100%, 0% 100%); min-height: 166px; text-decoration: none !important; } .single__box--blue { transition: background-color 1s ease-in-out 0s; background-color: #0068A6; padding: 20px 20px 25px 20px; clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 95% 100%, 05% 100%, 0% 100%); min-height: 166px; text-decoration: none !important; } .single__box--white { transition: background-color 1s ease-in-out 0s; background-color: #ffffff; padding: 20px 20px 25px 20px; clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 95% 100%, 05% 100%, 0% 100%); min-height: 166px; text-decoration: none !important; } .single__box--icon-white { background-color: #fff; width: 35px; height: 25px; border-radius: 3px; left: 20px; bottom: 20px; display: flex; align-items: center; justify-content: center; opacity: 0; /*visibility: hidden;*/ transition: all 0.3s ease-in-out; } .single__box--icon-black { background-color: #151515; width: 35px; height: 25px; border-radius: 3px; left: 20px; bottom: 20px; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; } .single__box--red a:hover .single__box--icon-white, .single__box--red a:focus .single__box--icon-white, .single__box--red a:visited:hover .single__box--icon-white, .single__box--red a:visited:focus .single__box--icon-white, .single__box--red span:hover .single__box--icon-white, .single__box--red span:focus .single__box--icon-white { opacity: 1; visibility: visible; } .single__box--blue a:hover .single__box--icon-white, .single__box--blue a:focus .single__box--icon-white, .single__box--blue a:visited:hover .single__box--icon-white, .single__box--blue a:visited:focus .single__box--icon-white, .single__box--blue span:hover .single__box--icon-white, .single__box--blue span:focus .single__box--icon-white { opacity: 1; visibility: visible; } .single__box--white a:hover .single__box--icon-black, .single__box--white a:focus .single__box--icon-black, .single__box--white a:visited:hover .single__box--icon-black, .single__box--white a:visited:focus .single__box--icon-black, .single__box--white span:hover .single__box--icon-black, .single__box--white span:focus .single__box--icon-black { opacity: 1; visibility: visible; } /* END HOME PAGE EVENT BOXES */ h1.BigHeader, .h1.BigHeader { color: #fff; background-color: #00afcf; padding: 20px; margin: 0; } h2, .h2, .panel-heading.Distinguish, .PanelHead.Distinguish, .TitleBarCaption, div.PanelTitle { min-height: 0; border-bottom-style: solid; } h2, .h2, .PanelTitle { font-size: 180%; font-family: halyard-text, Helvetica, sans-serif; font-weight: 500; color: #0068A6; line-height: 1.45em; } h3, .SectionTitle { font-size: 160%; font-family: halyard-text, Helvetica, sans-serif; font-weight: 500; color: #0068A6; } h4, .SectionLabel, h5 { margin: 0 0 .2em; } h4, .h4, .SectionLabel { font-size: 140%; font-family: halyard-text, Helvetica, sans-serif; font-weight: 500; color: #0068A6; } h5, .h5, .SectionLabelSmaller { font-size: 120%; font-family: halyard-text, Helvetica, sans-serif; font-weight: 500; color: #0068A6; } h6, .h6 { font-size: 100%; font-family: halyard-text, Helvetica, sans-serif; font-weight: 500; color: #0068A6; margin: 0; } strong { font-weight: bold; } hr { margin-left: .5em; margin-right: .5em; border-width: 1px 0 0 0; border-style: solid; border-color: #ddd; } .StandardPanel, .ContentBorder, h2, .PanelHead.Distinguish, .TitleBarCaption, div.ShowFieldset fieldset, .panel-border, .panel-heading.Distinguish { border-color: #ddd; } .PanelHead.Distinguish .PanelHeadOptions, .panel-heading.Distinguish .panel-head-options { margin-top: .6em; } /* Used for messages guiding users to the next step */ .HelperText { color: #0064cd; } /* This gives certain selected items (e.g., in the PeoplePanel in the Event Showcase) a colored background */ .SelectedItem { background-color: #303144; } /** * This automatically resizes images when they're too large to fit in their container. * It may override any user-defined width/height on images. If the behavior is unwanted, * consider changing this declaration to a class (e.g. '.img-responsive') which you can * apply as desired. */ img { max-width: 100%; height: auto !important; } /** * Sometimes images should not be resized. This class can be used as a wrapper or directly * on the image to avoid the resizing. */ img.ImgNoResize, .ImgNoResize img { max-width: none; } /* Give a block of text some extra emphasis. * This class also makes the text larger, per UltraWave styles */ .lead { margin-bottom: 20px; } .bg-img-full-size { background-position: center center; background-repeat: no-repeat; background-size: cover; } .bg-img-dark { background-color: #333333; } .bg-img-dark, .bg-img-dark h1, .bg-img-dark h2, .bg-img-dark h3, .bg-img-dark h4, .bg-img-dark h5, .bg-img-dark h6 { color: #fff; } .bg-img-dark a:not(.TextButton):not(.btn), .bg-img-dark a:not(.TextButton):not(.btn):hover, .bg-img-dark a:not(.TextButton):not(.btn):focus, .bg-img-dark a:not(.TextButton):not(.btn):active { color: #fff; text-decoration: underline; } /* ========================================================================== ANIMATIONS ========================================================================== */ @keyframes slide-down-with-delay { 0% { transform: translateY(-100%); opacity: 0; } 25% { transform: translateY(-100%); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @keyframes slide-up-with-delay { 0% { transform: translateY(75px); opacity: 0; } 25% { transform: translateY(75px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @keyframes appear-zoom-out-with-delay { 0% { transform: scale(1.1); opacity: 0; } 25% { transform: scale(1.1); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes appear-zoom-in-with-delay { 0% { transform: scale(0.95); opacity: 0; } 25% { transform: scale(0.95); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes soft-zoom-motion { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: translateY(1); } } @keyframes bubble-effect { 0% { opacity: 0; /*transform: scale(0.95);*/ /* Added by KK */ transform: scale(1); } 25% { opacity: 0.5; } 40% { /* transform: scale(1.05);*/ /* Added by KK */ transform: scale(1.0); opacity: 1; } 100% { transform: scale(1); } } @keyframes fade-in { 0% { opacity: 0; } 50% { opacity: 0.5; } 100% { opacity: 1; } } @keyframes rotate { 100% { transform: rotate(360deg); } } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(0.95); } 100% { transform: scale(1); } } @keyframes bounce { 50% { transform: translateY(-10px); } } /* ========================================================================== MASTERPAGE ELEMENTS ========================================================================== */ /* This applies to the loading bar at the top of the page */ .ProgressDiv { background-color: #ffdd6f; } /* header logo */ #masterHeaderImage { background-image: url("images/TBA-site-logo.svg"); background-repeat: no-repeat; background-size: contain; /*width: 70px;*/ height: 61px; /* The following are needed to hide the text, but allow it to be read by screen readers */ text-indent: -9999px; overflow: hidden; float: left; } /* @media (min-width: 992px) { #masterHeaderImage { background-image: url("images/TBA-site-logo.svg#white-tagline"); /* width: 250px; */ /* width: 307px; */ /* height: 80px;*/ /* height: 61px; } }*/ /* START KK header logo css to resize logo image as screen gets smaller */ @media (min-width: 992px) { #masterHeaderImage { width: 307px; top: 3px; z-index: 9; transition: all 0.2s ease-in-out; display: block; /*margin-top: 50px;*/ position: relative; margin-left: 40px; } } @media (min-width: 2200px) { #masterHeaderImage { top: 10px; } } @media only screen and (min-width: 2100px) and (max-width: 2200px) { #masterHeaderImage { top: 3px; } } @media only screen and (min-width: 1900px) and (max-width: 2099px) { #masterHeaderImage { top: 3px; } } @media only screen and (min-width: 1700px) and (max-width: 1899px) { #masterHeaderImage { top: 3px; width: 275px; } } @media only screen and (min-width: 1500px) and (max-width: 1699px) { #masterHeaderImage { top: 3px; width: 250px; } } @media only screen and (min-width: 1300px) and (max-width: 1499px) { #masterHeaderImage { top: 3px; width: 225px; } } @media only screen and (min-width: 1100px) and (max-width: 1299px) { #masterHeaderImage { top: 3px; width: 200px; } } @media only screen and (min-width: 1004px) and (max-width: 1099px) { #masterHeaderImage { top: 3px; width: 200px; } } /* END KK header logo css to resize logo image as screen gets smaller */ #masterDonorHeaderImage { background-image: url("images/DonorHeaderLogo.png"); background-repeat: no-repeat; width: 70px; height: auto; /* The following are needed to hide the text, but allow it to be read by screen readers */ text-indent: -9999px; overflow: hidden; float: left; } @media (min-width: 992px) { #masterDonorHeaderImage { width: 169px; } } /* Header Border */ #masterHeaderBackground, .header { /*border-bottom: 2px solid #eeeeee;*/ border-bottom: transparent; } /* Used in the donor site header logo content area */ #masterHeaderActionArea a { display: block; text-align: center; } /* On Behalf Of with target set */ .ProxyPanelContact { background-color: #160c94; } .ProxyPanelContact, .ProxyPanelContact .obo-label { color: #fff; } .ProxyPanelContact a { color: #786ff3; } /* Sub (Left) Navigation ========================================================================== */ #pagesubnav { border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; } .SubNavPanelHead { background-color: #f2f0f6; color: #151515; font-family: halyard-text, Helvetica, sans-serif; font-weight: 500; } .SubNavigationSeparator { border-width: 1px 0 0 0; border-style: solid; border-color: #ddd; height: 1px; padding: 0; margin: 0; } /* ========================================================================== Footer ========================================================================== */ footer.footer { background-color: #071427; color: #fff; padding-top: 60px; padding-bottom: 60px; /*text-align: center;*/ text-align: left; /* Added by KK */ padding-left: 16%; padding-right: 16%; margin-top: 48px; } footer.footer a { color: #fff; } /*footer.footer a,*/ footer.footer a:hover { color: #78CDFF !important; } footer.footer .NavigationListItem { display: block; } footer.footer .NavigationLink { padding-left: 0; padding-right: 0; } footer.footer h3, footer.footer h4 { margin-bottom: .2em; color: #fff; } @media (min-width: 992px) { footer.footer { text-align: left; } footer.footer h3 { margin-top: 0; } footer.footer .footer-content { text-align: left; } footer.footer .footer-content>.container { display: grid; grid-template-columns: 2fr 1fr 1fr; } footer.footer .footer-content>.container .footer-column:nth-child(1) { grid-column: 1; } footer.footer .footer-content>.container .footer-column:nth-child(2) { grid-column: 2; } footer.footer .footer-content>.container .footer-column:nth-child(3) { grid-column: 3; } } .footer-angle-bg footer.footer { position: relative; } .footer-angle-bg footer.footer:before { content: ''; display: block; background: #151515; width: 100%; height: 400px; position: absolute; z-index: -1; top: -285px; transform: skew(0, 5deg); } .footer-content { padding-top: 1em; } @media (min-width: 480px) { .footer-content-section { float: left; width: 50%; } } /* ========================================================================== PRIMARY NAVIGATION ========================================================================== */ /* START KK added from 10-UltraWaveResponsice.css */ @media (min-width: 992px) { .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; /* background: #fff; */ background: transparent !important; } } /* END KK add */ @media (min-width: 992px) { .primary-navigation-area .MegaDropDownMenuOuter { text-align: right; } } @media (min-width: 992px) { .header-bottom-container { min-height: 105px; } } /* Reset some Telerik defaults */ .RadMenu.RadMenu_Coffee { float: none; z-index: 1001 !important; position: relative; } .RadMenu.RadMenu_Coffee:focus { outline: none; } .RadMenu.RadMenu_Coffee .rmVertical .rmToggle .rmIcon:before, .RadMenu.RadMenu_Coffee .rmVertical .rmExpand:before, .RadMenu.RadMenu_Coffee .rmRightArrow .rmIcon:before, .RadMenu.RadMenu_Coffee .rmHorizontal .rmToggle .rmIcon:before, .RadMenu.RadMenu_Coffee .rmHorizontal .rmExpand:before, .RadMenu.RadMenu_Coffee .rmBottomArrow .rmIcon:before { /*content: none;*/ content: url("/images/UploadedImages/arrow-down.svg"); } .RadMenu.RadMenu_Coffee .rmVertical .rmToggle .rmIcon:after, .RadMenu.RadMenu_Coffee .rmVertical .rmExpand:hover, .RadMenu.RadMenu_Coffee .rmRightArrow .rmIcon:after, .RadMenu.RadMenu_Coffee .rmHorizontal .rmToggle .rmIcon:after, .RadMenu.RadMenu_Coffee .rmHorizontal .rmExpand:hover, .RadMenu.RadMenu_Coffee .rmBottomArrow .rmIcon:after { /*content: '';*/ content: url("/images/UploadedImages/arrow-up-nav.svg"); } .RadMenu.RadMenu_Coffee .rmItem, .RadMenu.RadMenu_Coffee .rmHorizontal>.rmItem, .RadMenu.RadMenu_Coffee .rmHorizontal>.rmRootScrollGroup>.rmItem, .RadMenu.RadMenu_Coffee .rmLink { float: none; } .RadMenu.RadMenu_Coffee .rmLink { padding: 0px; } .RadMenu.RadMenu_Coffee .rmToggle, .RadMenu.RadMenu_Coffee .rmRootGroup .rmRootLink .rmToggle { width: auto; } .RadMenu.RadMenu_Coffee .rmToggle, .RadMenu.RadMenu_Coffee .rmToggle .rmIcon, .RadMenu.RadMenu_Coffee .rmRootGroup .rmRootLink .rmToggle { position: static; } .RadMenu.RadMenu_Coffee .rmGroup .rmContent, .RadMenu.RadMenu_Coffee .rmRootGroup .rmContent { padding: 0; } .RadMenu.RadMenu_Coffee, .RadMenu.RadMenu_Coffee .rmItem { font-size: inherit; } .RadMenu.RadMenu_Coffee .rmSlide ul.rmGroup { padding: 0; } .RadMenu.RadMenu_Coffee ul { margin: 0; padding: 0; } .RadMenu.RadMenu_Coffee .rmItem { list-style: none; } .RadMenu.RadMenu_Coffee .rmDisabled>a { cursor: default; } .RadMenu.RadMenu_Coffee .rmItem { width: auto; clear: both; text-align: left; margin: 8px 0; } .RadMenu.RadMenu_Coffee .rmText, .RadMenu.RadMenu_Coffee .rmHorizontal .rmText, .RadMenu.RadMenu_Coffee .rmSlide .rmText { padding: 0 15px; } .RadMenu.RadMenu_Coffee .rmSlide .rmText { /* give space for the expand arrow */ padding-right: 40px; } .RadMenu.RadMenu_Coffee .rmSlide .rmGroup { position: relative; } .RadMenu.RadMenu_Coffee .rmLink, .RadMenu.RadMenu_Coffee .rmOneLevel .rmItem .rmLink { padding: 0; } .RadMenu.RadMenu_Coffee .rmTwoLevels .rmItem .rmItem, .RadMenu.RadMenu_Coffee .rmTwoLevels .rmLevel1 .rmLink { /* make sure second-level rsm items are lined up properly */ padding-left: 0; } .RadMenu.RadMenu_Coffee .rmTwoLevels .rmLink { margin-bottom: 0; } .RadMenu.RadMenu_Coffee .rmTwoLevels .rmLevel1>.rmItem>.rmLink { font-size: 1.16em; } .RadMenu.RadMenu_Coffee .rmTwoLevels .rmLevel1>.rmItem>.rmLink, .RadMenu.RadMenu_Coffee .rmTwoLevels .rmLevel1>.rmItem.rmDisabled>.rmLink:hover, .RadMenu.RadMenu_Coffee .rmTwoLevels .rmLevel1>.rmItem.rmDisabled>.rmLink:focus { text-transform: uppercase; color: #151515; font-weight: normal; letter-spacing: -0.12px; } .RadMenu.RadMenu_Coffee .rmOneLevel .rmItem .rmLink { white-space: nowrap; } .RadMenu.RadMenu_Coffee .rmLink { text-decoration: none; display: block; position: relative; /* required for the menu to work in IE */ } .RadMenu.RadMenu_Coffee .rmGroup .rmText { margin: 0; } /* original css .RadMenu.RadMenu_Coffee .rmRootLink { padding: 26px 0 28px; padding-right: 0px; margin: 8px 0; display: inline-block; line-height: 1.1; border: 0; position: relative; color: #151515; font-size: 18px; letter-spacing: -0.12px; font-family: halyard-text, arial, sans-serif; font-weight: 500; font-style: normal; }*/ /* START variable font size for menu text */ @media (min-width: 992px) { .RadMenu.RadMenu_Coffee .rmRootLink { line-height: 1.1; color: #151515; font-size: 0.95vw !important; font-family: halyard-text, arial, sans-serif; font-weight: 500; font-style: normal; letter-spacing: -0.12px; } } /* END variable font size for menu text */ .header-dark .RadMenu.RadMenu_Coffee .rmRootLink { color: #fff; font-family: halyard-text, Helvetica, sans-serif; font-weight: 500; font-size: 116%; letter-spacing: 1px; } .RadMenu.RadMenu_Coffee .rmRootLink.rmSelected { /* root item selected styles */ color: #0068A6; background-color: transparent; } .header-dark .RadMenu.RadMenu_Coffee .rmRootLink.rmSelected { color: #fff; background-color: transparent; } .RadMenu.RadMenu_Coffee .rmRootLink.rmExpanded, .RadMenu.RadMenu_Coffee .rmRootLink:hover, .RadMenu.RadMenu_Coffee .rmRootLink.rmFocused { /* root item hover and focus styles */ background-color: transparent; color: #0068A6; } .header-dark .RadMenu.RadMenu_Coffee .rmRootLink.rmExpanded, .header-dark .RadMenu.RadMenu_Coffee .rmRootLink:hover, .header-dark .RadMenu.RadMenu_Coffee .rmRootLink.rmFocused { color: #fff; background-color: transparent; } .RadMenu.RadMenu_Coffee .rmGroup { background-color: rgba(255, 255, 255, 0.8); } .header-dark .RadMenu.RadMenu_Coffee .rmGroup { background-color: transparent; } .RadMenu.RadMenu_Coffee .rmDisabled>.rmLink { color: #151515; } .RadMenu.RadMenu_Coffee .rmDisabled>.rmLink:hover, .RadMenu.RadMenu_Coffee .rmDisabled>.rmLink:active { background-color: transparent; color: #151515; } .header-dark .RadMenu.RadMenu_Coffee .rmDisabled>.rmLink { color: #dedede; } .header-dark .RadMenu.RadMenu_Coffee .rmDisabled>.rmLink:hover, .header-dark .RadMenu.RadMenu_Coffee .rmDisabled>.rmLink:active { color: #dedede; } .RadMenu.RadMenu_Coffee .rmToggle, .RadMenu.RadMenu_Coffee .rmRootGroup .rmRootLink .rmToggle { /* a clickable target to expand multi-level navigaiton */ display: inline-block; float: right; height: 100%; margin-top: -7px; margin-left: -24px; } .RadMenu.RadMenu_Coffee .rmToggle .rmIcon, .RadMenu.RadMenu_Coffee .rmRootGroup .rmRootLink .rmToggle .rmIcon { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; display: block; width: 23px; height: 15px; background-image: url(""); background-repeat: no-repeat; margin-top: 15px; margin-bottom: 15px; margin-right: 15px; margin-left: 15px; } .RadMenu.RadMenu_Coffee .rmLink:hover .rmToggle>.rmIcon, .RadMenu.RadMenu_Coffee .rmLink.rmFocused .rmToggle>.rmIcon, .RadMenu.RadMenu_Coffee .rmSelected>.rmLink .rmToggle>.rmIcon, .RadMenu.RadMenu_Coffee .rmFocused>.rmLink.rmRootLink .rmToggle>.rmIcon, .RadMenu.RadMenu_Coffee .rmExpanded>.rmLink .rmToggle>.rmIcon, .RadMenu.RadMenu_Coffee .rmSlide .rmLink .rmToggle>.rmIcon { background-position: 0 -26px; } .RadMenu.RadMenu_Coffee .rmExpanded>.rmLink>.rmToggle>.rmIcon { transform: rotate(180deg); } /*2nd and 3rd level navigation (dropdown menus)*/ .RadMenu_Coffee .rmSlide { display: none; /* hide the sub nav until requested */ position: absolute; height: auto !important; } .RadMenu_Coffee .rmSlide .rmItem { float: none; display: block; } .RadMenu_Coffee .rmSlide .rmText { float: none; } .RadMenu_Coffee .rmSlide .rmLink { color: #151515; font-family: halyard-text, Helvetica, sans-serif; font-size: 106%; font-weight: normal; } .header-dark .RadMenu_Coffee .rmSlide .rmLink { color: #fff; font-family: halyard-text, Helvetica, sans-serif; font-size: 106%; font-weight: normal; } .RadMenu_Coffee .rmSlide .rmSeparator, .RadMenu_Coffee .rmSlide .rmVertical>.rmSeparator, .RadMenu_Coffee .rmSlide .MegaDropDownMenuSeparator>.rmLink { border-bottom: 1px solid #fff; } .header-dark .RadMenu_Coffee .rmSlide .rmSeparator, .header-dark .RadMenu_Coffee .rmSlide .rmVertical>.rmSeparator, .header-dark .RadMenu_Coffee .rmSlide .MegaDropDownMenuSeparator>.rmLink { border-bottom-color: #fff; } .RadMenu_Coffee .rmSlide .rmSeparator, .RadMenu_Coffee .rmSlide .rmVertical>.rmSeparator { margin: 0 15px; } .RadMenu_Coffee .rmSlide .rmFocused>.rmLink, .RadMenu_Coffee .rmSlide .rmSelected>.rmLink, .RadMenu_Coffee .rmSlide .rmItem.rmSelected>.rmLink { background-color: transparent; color: #151515; } .RadMenu_Coffee .rmSlide .rmFocused>.rmLink.header-dark, .RadMenu_Coffee .rmSlide .rmSelected>.rmLink.header-dark, .RadMenu_Coffee .rmSlide .rmItem.rmSelected>.rmLink.header-dark { background-color: transparent; color: #fff; } .RadMenu_Coffee .rmSlide .rmLink:hover, .RadMenu_Coffee .rmSlide .rmLink:focus, .RadMenu_Coffee .rmSlide .rmLink.rmFocused, .RadMenu_Coffee .rmSlide .rmLevel1>.rmItem>.rmLink:hover, .RadMenu_Coffee .rmSlide .rmLevel1>.rmItem>.rmLink:focus, .RadMenu_Coffee .rmSlide .rmLevel1>.rmItem>.rmLink.rmFocused { background-color: transparent; color: #151515; } .header-dark .RadMenu_Coffee .rmSlide .rmLink:hover, .header-dark .RadMenu_Coffee .rmSlide .rmLink:focus, .header-dark .RadMenu_Coffee .rmSlide .rmLink.rmFocused, .header-dark .RadMenu_Coffee .rmSlide .rmLevel1>.rmItem>.rmLink:hover, .header-dark .RadMenu_Coffee .rmSlide .rmLevel1>.rmItem>.rmLink:focus, .header-dark .RadMenu_Coffee .rmSlide .rmLevel1>.rmItem>.rmLink.rmFocused { background-color: transparent; color: #fff; } .RadMenu_Coffee .rmSlide.rmLevel1 .rmGroup { /* for second-level sub-nav and beyond, * we want to indent the nav to give separation */ margin-left: 0; } .RadMenu_Coffee .rmSlide .rmExpandRight, .RadMenu_Coffee .rmSlide .rmGroup a.rmLink.rmExpandRight { background-image: url("images/ResponsiveNav.png"); background-position: 110% -200px; background-repeat: no-repeat; } .RadMenu_Coffee .rmSlide .MegaDropDownMenuSeparator .rmLink { padding: 0; } @media (max-width: 991px) { .RadMenu_Coffee .rmSlide { width: 100% !important; left: 0 !important; } .RadMenu_Coffee .rmSlide ul.rmVertical, .RadMenu_Coffee .rmSlide ul.rmHorizontal, .RadMenu_Coffee .rmSlide ul.rmRootScrollGroup { float: none; } .RadMenu_Coffee .rmSlide .rmSlide { /* for right expanded items, expand below on extra small screens */ left: 0 !important; } .RadMenu_Coffee .rmSlide .rmToggleHandles .rmSlide .rmText { /* if we have toggles on we don't want to add the extra padding */ padding-right: 15px; } .RadMenu_Coffee .rmSlide .rmToggleHandles .rmExpandRight, .RadMenu_Coffee .rmSlide .rmToggleHandles .rmGroup a.rmText.rmExpandRight { /* if toggle handles are on we don't want to display the arrow twice*/ background-image: none; } } @media (min-width: 992px) { .RadMenu.RadMenu_Coffee .rmItem { white-space: nowrap; } .RadMenu.RadMenu_Coffee ul.rmRootGroup { width: auto; /* background: #ffffff; */ background: transparent; float: right; /* added by KK */ padding: 30px 0 31px; } .RadMenu.RadMenu_Coffee ul.rmRootGroup>.rmItem { float: left; display: flex !important; clear: none; } .RadMenu.RadMenu_Coffee ul.rmRootGroup>.rmItem>.rmLink { margin: 0; /* margin-right: 19px; */ /* Added by KK */ min-width: 120px !important; } .RadMenu.RadMenu_Coffee .rmSlide .rmGroup { margin: 0; } .RadMenu.RadMenu_Coffee .rmSlide .rmItem { float: none; display: block; } .RadMenu.RadMenu_Coffee .rmSlide .rmLink { margin: 0; } .RadMenu.RadMenu_Coffee .rmToggle, .RadMenu.RadMenu_Coffee .rmRootGroup .rmRootLink .rmToggle { /*display: none;*/ display: inherit !important; } .RadMenu.RadMenu_Coffee.MegaDropDownMenuOuter ul.rmLevel1 div.rmSlide, .RadMenu.RadMenu_Coffee.MegaDropDownMenuOuter ul.rmLevel1 ul.rmVertical div.rmSlide { display: block !important; } } /* ========================================================================== SECONDARY NAVIGATION ========================================================================== */ /**** Telerik overrides ****/ .RadTreeView.RadTreeView_Coffee { white-space: normal; } .RadTreeView.RadTreeView_Coffee .rtLI, .RadTreeView.RadTreeView_Coffee .rtTop, .RadTreeView.RadTreeView_Coffee .rtMid, .RadTreeView.RadTreeView_Coffee .rtBot { padding: 0; } .RadTreeView.RadTreeView_Coffee .rtIn { font-weight: normal; display: block; } .RadTreeView.RadTreeView_Coffee .rtIn, .RadTreeView.RadTreeView_Coffee .rtHover .rtIn, .RadTreeView.RadTreeView_Coffee .rtSelected .rtIn { padding: 10px 15px; border: none; } .RadTreeView.RadTreeView_Coffee .rtSelected>a.rtIn, .RadTreeView.RadTreeView_Coffee .child-is-selected.rtIn { background-color: transparent; color: #151515; font-weight: bold !important; } .RadTreeView.RadTreeView_Coffee .rtSelected>a.rtIn:hover, .RadTreeView.RadTreeView_Coffee .rtSelected>a.rtIn:active, .RadTreeView.RadTreeView_Coffee .rtSelected>a.rtIn:focus { background-color: transparent; } .RadTreeView.RadTreeView_Coffee .rtUL .rtUL { padding-left: 15px; } .RadTreeView.RadTreeView_Coffee>.rtUL>.rtLI { /* add a separator border to the first-level sub-nav items only */ border-top: 1px solid #ddd; } .RadTreeView.RadTreeView_Coffee>.rtUL>.rtLI:first-child { border-top: none; } .RadTreeView.RadTreeView_Coffee>.rtUL>.rtLI .rtLI .rtIn { /* children should have less padding */ padding: 0 7.5px; } .RadTreeView.RadTreeView_Coffee>.rtUL>.rtLI>.rtUL { /* this makes the children section padding even */ padding-right: 15px; padding-bottom: 10px; } .RadTreeView.RadTreeView_Coffee>.rtUL { /* add a boundary for hovered navs */ margin: 0 1px 1px 1px; } .RadTreeView.RadTreeView_Coffee .rtSp, .RadTreeView.RadTreeView_Coffee .rtPlus, .RadTreeView.RadTreeView_Coffee .rtMinus { /* we don't want to display the expand/collapse icons in this theme */ display: none; } .RadTreeView.RadTreeView_Coffee a.rtIn { color: #151515; transition: all 0.2s ease-in; margin: 0; } @media screen and (prefers-reduced-motion: reduce) { .RadTreeView.RadTreeView_Coffee a.rtIn { transition: none; } } .RadTreeView.RadTreeView_Coffee a.rtIn:hover, .RadTreeView.RadTreeView_Coffee a.rtIn:focus { background-color: none; color: #151515; } .RadTreeView.RadTreeView_Coffee a.rtIn:active { background-color: #fff; } .child-is-selected-wrapper { background-color: none; color: #151515; } .nav-secondary { background-color: transparent; margin-bottom: 1em; } .nav-secondary .sub-nav-head { background-color: none; color: #160c94; font-weight: bold; font-size: 120%; padding: 10px 15px; text-transform: uppercase; } .nav-secondary .SubNavigationSeparator { border: none; height: 4px; background-color: transparent; } .nav-secondary .SubNavigationSeparator .rtIn { padding: 0; color: #151515; } .secondary-nav-top .sub-nav-head, .secondary-nav-top .post-secondary-nav { display: none !important; } .secondary-nav-top .nav-secondary { border-color: #ddd; border-style: solid; border-width: 2px 0; } .secondary-nav-top .RadTreeView.RadTreeView_Coffee>.rtUL { text-align: center; } .secondary-nav-top .RadTreeView.RadTreeView_Coffee>.rtUL>.rtLI { display: inline-block; border-top: none; } .secondary-nav-top .RadTreeView.RadTreeView_Coffee a.rtIn { color: #151515; font-weight: bold !important; font-size: 1.2em !important; } /* ========================================================================== AUXILIARY NAVIGATION ========================================================================== */ .header-aux-container .UtilityNavigation { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; } .navbar-toggle { vertical-align: middle; background-color: transparent; border-color: transparent; border-radius: 3px; margin-left: 10px; } .header-dark .navbar-toggle { background-color: transparent; border-color: transparent; } .navbar-toggle.collapsed { background-color: transparent; } .header-dark .navbar-toggle.collapsed { background-color: transparent; } .navbar-toggle:hover, .navbar-toggle:focus { background-color: transparent; } .header-dark .navbar-toggle:hover, .header-dark .navbar-toggle:focus { background-color: rgba(255, 255, 255, 0.1); } .navbar-toggle .icon-bar { background-color: transparent; border-radius: 3px; } .header-dark .navbar-toggle .icon-bar { background-color: #fff; } .navbar-toggle .icon-search { margin-top: 13px; margin-bottom: 13px; } .header-aux-container .UtilityAuthentication a, .header-aux-container a.NavigationLink, .header-aux-container .UtilityNavigation .account-menu>li>a.sign-in-link, .header-aux-container .account-toggle .nav-text { color: #fff; font-size: 16px; text-decoration: none; font-weight: bold; } .header-aux-container .UtilityAuthentication a:hover, .header-aux-container .UtilityAuthentication a:focus, .header-aux-container .UtilityAuthentication a:hover span, .header-aux-container .UtilityAuthentication a:focus span, .header-aux-container a.NavigationLink:hover, .header-aux-container a.NavigationLink:focus, .header-aux-container a.NavigationLink:hover span, .header-aux-container a.NavigationLink:focus span, .header-aux-container .UtilityNavigation .account-menu>li>a.sign-in-link:hover, .header-aux-container .UtilityNavigation .account-menu>li>a.sign-in-link:focus, .header-aux-container .UtilityNavigation .account-menu>li>a.sign-in-link:hover span, .header-aux-container .UtilityNavigation .account-menu>li>a.sign-in-link:focus span, .header-aux-container .account-toggle .nav-text:hover, .header-aux-container .account-toggle .nav-text:focus, .header-aux-container .account-toggle .nav-text:hover span, .header-aux-container .account-toggle .nav-text:focus span { /* color: #fff; text-decoration: underline; */ /* Added by KK */ color: #78cdff; text-decoration: none; } .header-dark .header-aux-container .UtilityAuthentication a, .header-dark .header-aux-container a.NavigationLink, .header-dark .header-aux-container .UtilityNavigation .account-menu>li>a.sign-in-link, .header-dark .header-aux-container .account-toggle .nav-text { color: #fff; } .header-dark .header-aux-container .UtilityAuthentication a:hover, .header-dark .header-aux-container .UtilityAuthentication a:focus, .header-dark .header-aux-container .UtilityAuthentication a:hover span, .header-dark .header-aux-container .UtilityAuthentication a:focus span, .header-dark .header-aux-container a.NavigationLink:hover, .header-dark .header-aux-container a.NavigationLink:focus, .header-dark .header-aux-container a.NavigationLink:hover span, .header-dark .header-aux-container a.NavigationLink:focus span, .header-dark .header-aux-container .UtilityNavigation .account-menu>li>a.sign-in-link:hover, .header-dark .header-aux-container .UtilityNavigation .account-menu>li>a.sign-in-link:focus, .header-dark .header-aux-container .UtilityNavigation .account-menu>li>a.sign-in-link:hover span, .header-dark .header-aux-container .UtilityNavigation .account-menu>li>a.sign-in-link:focus span, .header-dark .header-aux-container .account-toggle .nav-text:hover, .header-dark .header-aux-container .account-toggle .nav-text:focus, .header-dark .header-aux-container .account-toggle .nav-text:hover span, .header-dark .header-aux-container .account-toggle .nav-text:focus span { color: #fff; } .header-aux-container .UtilityNavigation .account-menu>li>a.sign-in-link { padding-left: 5px; padding-right: 5px; } .header-aux-container .UtilityTranslation { margin-left: 10px; margin-right: 10px; } .header-aux-container .UtilityTranslation select { height: 32px; margin-left: 0; margin-right: 0; } .header-aux-container .caret { border-top-color: #fff; } .header-dark .header-aux-container .caret { border-top-color: #fff; } /* ========================================================================== */ /* KK new code from 10-UltraWaveResponsive.css ========================================================================== */ .panel-body, .PanelBody { padding: 10px; background-color: transparent; border-radius: 6px; } .RadMultiPage { border-style: solid; border-color: transparent; border-width: 0 1px 1px 1px; padding: 10px; } /* Query Template pager*/ .page-link { position: relative; display: block; color: #0068A6; text-decoration: none; background-color: #fff; border: 1px solid #ddd; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .page-item.active .page-link { z-index: 3; color: #fff; background: #0068A6 ; border-color: #0068A6; } .page-link:hover { z-index: 2; color: #052A61; background-color: #e9ecef; border-color: #dee2e6; } .page-link:focus { z-index: 3; color: #0068A6; background-color: #e9ecef; outline: 0; box-shadow: none; } .InventoryDetails { background-color: #fff; border: 1px solid #151515; margin-top: 10px; } /* Pencil edit icon */ .sysicon::after, .sysicon--before::before, .sysicon--after::after, .wrapper.SVG-enabled .obo-action.obo-clear::before, .wrapper.SVG-enabled .obo-action.obo-change-contact::before, .obo-action.obo-clear-cart::before, .wrapper.SVG-enabled .batch-toggle::before, .wrapper.SVG-enabled .list-toggle::before, .wrapper.SVG-enabled .obo-toggle::before, .wrapper.SVG-enabled .nav-aux-cart a::before, .wrapper.SVG-enabled .nav-aux-account a::before, .wrapper.SVG-enabled .navbar-toggle .icon-search::before, .wrapper.SVG-enabled .page-statistics-toggle::before, .wrapper.SVG-enabled .ste-toggle::before, .wrapper.SVG-enabled .transaction-date-toggle::before, .notifications-toggle::before, .search-toggle::before, .js-show-table::before, .js-show-chart::before, .wrapper.SVG-enabled .dropdown .caret::before, .wrapper.SVG-enabled .header-search > .header-search::before, .asi-common-finder-input::after, .chosen-container::after { content: ''; display: inline-block; background-color: #c33; } .wrapper.SVG-enabled .dropdown .caret::before { width: 8px; height: 8px; mask-repeat: no-repeat; position: absolute; top: 2px; left: 0; background: #fff; } /* ========================================================================== */ /* END KK new code from 10-UltraWaveResponsive.css ========================================================================== */ /* Auxiliary button links ========================================================================== */ /* Button-style auxiliary links (e.g. Cart, My account) */ .nav-auxiliary .nav-aux-button { /* Cart Item Flag indicating how many items are in your cart */ } .nav-auxiliary .nav-aux-button.NavigationListItem { position: relative; /* required for cart indicator placement */ display: inline-block; } .nav-auxiliary .nav-aux-button.nav-aux-cart .NavigationLink, .nav-auxiliary .nav-aux-button.nav-aux-account .NavigationLink { /* width: 50px; */ /* height: 50px; */ /* border-radius: 3px; */ padding-left: 0; padding-right: 0; /* margin-left: 10px; */ border: 1px solid transparent; background-color: transparent; text-align: center; /* Added by KK */ width: 20px; height: 20px; border-radius: 0px; margin-left: 13px; margin-right: 10px; margin-top: 10px; } .header-dark .nav-auxiliary .nav-aux-button.nav-aux-cart .NavigationLink, .header-dark .nav-auxiliary .nav-aux-button.nav-aux-account .NavigationLink { background-color: transparent; } .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text, .nav-auxiliary .nav-aux-button.nav-aux-account .nav-text { display: inline-block; vertical-align: middle; background-image: url("images/IconSprite-kk.png"); background-repeat: no-repeat; height: 40px; min-width: 40px; line-height: 40px; overflow: hidden; margin-top: 4px; margin-bottom: 4px; } .nav-auxiliary .nav-aux-button.nav-aux-cart .NavigationLink:hover, .nav-auxiliary .nav-aux-button.nav-aux-cart .NavigationLink:focus { background-color: transparent; } .header-dark .nav-auxiliary .nav-aux-button.nav-aux-cart .NavigationLink:hover, .header-dark .nav-auxiliary .nav-aux-button.nav-aux-cart .NavigationLink:focus { background-color: rgba(255, 255, 255, 0.1); } .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text { background-position: -252px -78px; font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; width: 40px; height: 40px; } @media (max-width: 991px) { .nav-auxiliary .nav-aux-button.nav-aux-account .NavigationLink:hover, .nav-auxiliary .nav-aux-button.nav-aux-account .NavigationLink:focus { background-color: transparent; } .header-dark .nav-auxiliary .nav-aux-button.nav-aux-account .NavigationLink:hover, .header-dark .nav-auxiliary .nav-aux-button.nav-aux-account .NavigationLink:focus { background-color: rgba(255, 255, 255, 0.1); } } @media (min-width: 992px) { .nav-auxiliary .nav-aux-button.nav-aux-account .NavigationLink { width: auto; } } .nav-auxiliary .nav-aux-button.nav-aux-account .nav-text { background-position: -986px -76px; padding-left: 27px; } @media (max-width: 991px) { .nav-auxiliary .nav-aux-button.nav-aux-account .nav-text { width: 40px; height: 40px; padding-left: 0; font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } } .nav-auxiliary .nav-aux-button.nav-aux-cart .cartFull { /* left postion is padding plus placement */ position: absolute; top: 0; right: -2px; line-height: 1; width: 1.6em; } .nav-auxiliary .nav-aux-button.nav-aux-cart .cartCenter { color: #151515; background-color: #ff623f; border-radius: 2px; font-size: 0.75em; line-height: 1; padding: 0 2px 1px; box-shadow: -1px 1px 0 rgba(34, 34, 34, 0.6); } /* Dark header ========================================================================== */ .header-dark .header-logo path { fill: #fff; } .header-dark .obo-toggle, .header-dark .ste-toggle { background-position-y: -105px; } .header-dark .navbar-toggle .icon-search { background-position-y: -112px; } .header-dark .UtilitySearch #SimpleSearchBlock .search-field { background-position-y: -75px; } .header-dark .UtilitySearch #SimpleSearchBlock .search-field:focus { background-position-y: 5px; } .header-dark .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text, .header-dark .nav-auxiliary .nav-aux-button.nav-aux-account .nav-text { background-position-y: -112px; } a.ste-toggle, .obo-toggle, .page-statistics-toggle { background-color: transparent; margin-right: 0; border-radius: 3px; } .header-dark a.ste-toggle, .header-dark .obo-toggle, .header-dark .page-statistics-toggle { background-color: transparent; } a.ste-toggle:hover, a.ste-toggle:focus, .obo-toggle:hover, .obo-toggle:focus, .page-statistics-toggle:hover, .page-statistics-toggle:focus { background-color: transparent; } .header-dark a.ste-toggle:hover, .header-dark a.ste-toggle:focus, .header-dark .obo-toggle:hover, .header-dark .obo-toggle:focus, .header-dark .page-statistics-toggle:hover, .header-dark .page-statistics-toggle:focus { background-color: rgba(255, 255, 255, 0.1); } a.ste-toggle.on, .obo-toggle.on, .page-statistics-toggle.on { background-color: transparent; } a.ste-toggle.on:hover, a.ste-toggle.on:focus, .obo-toggle.on:hover, .obo-toggle.on:focus, .page-statistics-toggle.on:hover, .page-statistics-toggle.on:focus { background-color: rgba(13, 13, 13, 0); } .header-dark a.ste-toggle.on, .header-dark .obo-toggle.on, .header-dark .page-statistics-toggle.on { background-color: transparent; } .header-dark a.ste-toggle.on:hover, .header-dark a.ste-toggle.on:focus, .header-dark .obo-toggle.on:hover, .header-dark .obo-toggle.on:focus, .header-dark .page-statistics-toggle.on:hover, .header-dark .page-statistics-toggle.on:focus { background-color: rgba(13, 13, 13, 0); } @media (min-width: 992px) { .obo-toggle { margin-top: 2px; } } .OnBehalfOfContainer { width: 100%; } @media (max-width: 991px) { .UtilitySection.UtilitySearch { display: none; } } #SimpleSearchBlock .search-field { background: #fff url("images/ResponsiveHeaderSprite.png") no-repeat; background-position: 5px 5px; padding-left: 28px; } #SimpleSearchBlock .TextButton { display: none; } .UtilitySearch #SimpleSearchBlock .search-field { margin: 0; width: 50px; height: 50px; border-color: transparent; box-shadow: none; padding-right: 0; background-color: transparent; color: transparent; transition: width 1s; } @media screen and (prefers-reduced-motion: reduce) { .UtilitySearch #SimpleSearchBlock .search-field { transition: none; } } .UtilitySearch #SimpleSearchBlock .search-field:hover { cursor: pointer; /* background-color: transparent;*/ /* Added by KK */ background-color: #78cdff; } .UtilitySearch #SimpleSearchBlock .search-field:focus { width: 13em; border-color: #ccc; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); background-color: #fff; padding-right: 10px; color: #151515; } .header-dark .UtilitySearch #SimpleSearchBlock .search-field { background-color: transparent; } .header-dark .UtilitySearch #SimpleSearchBlock .search-field:hover { background-color: rgba(255, 255, 255, 0.1); } .header-dark .UtilitySearch #SimpleSearchBlock .search-field:focus { background-color: #fff; } .UtilitySearch #SimpleSearchBlock .search-field { width: 25px; height: 25px !important; margin-top: 10px; background-position: 5px 5px; background-size: 15px; } .UtilitySearch #SimpleSearchBlock .search-field:focus { border: 1px solid #000!important; color: #fff; transition: width 1s ease-in; padding-left: 50px; background-color: #78cdff; display: inline-block; height: 25px!important; padding: 10px 10px 15px 50px; background-size: 15px; background-position: 5px 5px; } .UtilitySearch #SimpleSearchBlock .search-field:hover { background-color: transparent; } .wrapper.SVG-enabled .nav-aux-cart a, .wrapper.SVG-enabled .nav-aux-account a, .wrapper.SVG-enabled .navbar-toggle .icon-search, .wrapper.SVG-enabled .obo-toggle, .wrapper.SVG-enabled .page-statistics-toggle, .wrapper.SVG-enabled .ste-toggle, .wrapper.SVG-enabled .UtilitySearch #SimpleSearchBlock, .wrapper.SVG-enabled .navbar-toggle { width: 100%!important; } .nav-auxiliary .nav-aux-button.nav-aux-cart .NavigationLink, .nav-auxiliary .nav-aux-button.nav-aux-account .NavigationLink { margin-left: 5px; } /* Auxiliary/Primary switch ========================================================================== */ /** * A class that allows a navigation to display in the primary nav on xs screens * and the auxiliary nav on wider screens. * To use this configure the nav item to not be hidden and also display in the * auxiliary navigaiton item. */ @media (max-width: 767px) { .nav-auxiliary .nav-aux-primary-switch, tr.nav-auxiliary .nav-aux-primary-switch, th.nav-auxiliary .nav-aux-primary-switch, td.nav-auxiliary .nav-aux-primary-switch { display: none !important; } } @media (min-width: 768px) { .nav-primary .nav-aux-primary-switch, tr.nav-primary .nav-aux-primary-switch, th.nav-primary .nav-aux-primary-switch, td.nav-primary .nav-aux-primary-switch { display: none !important; } } @media (max-width: 991px) { .searchbar-collapse { width: 100%; } .searchbar-collapse .search-container { padding: 0; margin-top: 10px; margin-bottom: 10px; } .header-container .UtilityNavigation.nav-auxiliary { text-align: right; } } /* Obo icons */ .obo-panel { --system-icon-color: #fff; } .obo-action.obo-clear-cart:before { opacity: 0.9; } /* SVG icon support for OOTB themes */ .wrapper.SVG-enabled { /* Replace out-of-the-box hamburger icon */ /* On behalf of */ /* Search */ } .wrapper.SVG-enabled .dropdown .caret { border: none; } .wrapper.SVG-enabled .nav-aux-cart a, .wrapper.SVG-enabled .nav-aux-account a, .wrapper.SVG-enabled .navbar-toggle .icon-search, .wrapper.SVG-enabled .obo-toggle, .wrapper.SVG-enabled .page-statistics-toggle, .wrapper.SVG-enabled .ste-toggle, .wrapper.SVG-enabled .UtilitySearch #SimpleSearchBlock, .wrapper.SVG-enabled .navbar-toggle { width: 40px; height: 40px; background-image: none; } .wrapper.SVG-enabled .nav-aux-cart a:before, .wrapper.SVG-enabled .nav-aux-account a:before, .wrapper.SVG-enabled .navbar-toggle .icon-search:before, .wrapper.SVG-enabled .obo-toggle:before, .wrapper.SVG-enabled .page-statistics-toggle:before, .wrapper.SVG-enabled .ste-toggle:before, .wrapper.SVG-enabled .UtilitySearch #SimpleSearchBlock:before, .wrapper.SVG-enabled .navbar-toggle:before { background: transparent url("images/ResponsiveHeaderSprite.png") no-repeat; -webkit-mask-image: none; mask-image: none; width: 40px; height: 40px; } .wrapper.SVG-enabled .nav-aux-cart a:before { background-position: 0 -49px; } .wrapper.SVG-enabled .nav-aux-account a:before { background-position: 0 -110px; } .wrapper.SVG-enabled .page-statistics-toggle:before, .wrapper.SVG-enabled .page-statistics-toggle.on { background-position: 0 -367px; } .wrapper.SVG-enabled .menu-toggle { background: transparent url("images/ResponsiveHeaderSprite.png") no-repeat; background-position: 0 -440px; width: 40px; height: 40px; } .wrapper.SVG-enabled .menu-toggle .icon-bar { display: none; } .wrapper.SVG-enabled a.obo-toggle:before { background-position: 0 -518px; font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .wrapper.SVG-enabled a.obo-toggle.on, .wrapper.SVG-enabled a.obo-toggle.on:hover { background-color: transparent; } .wrapper.SVG-enabled a.obo-toggle.on:before, .wrapper.SVG-enabled a.obo-toggle.on:hover:before { filter: none; } .wrapper.SVG-enabled .obo-action:before { background-color: #fff; } .wrapper.SVG-enabled .searchbar-toggle { margin: 0; } .wrapper.SVG-enabled .navbar-toggle .icon-search { margin: 0; } .wrapper.SVG-enabled .navbar-toggle .icon-search:before, .wrapper.SVG-enabled .header-search>.header-search:before { background-position: 0 0; } .wrapper.SVG-enabled a.ste-toggle:before { background-position: 0 -290px; margin-left: 0; } .wrapper.SVG-enabled a.ste-toggle.on, .wrapper.SVG-enabled a.ste-toggle.on:hover { background-color: transparent; } .wrapper.SVG-enabled a.ste-toggle.on:before, .wrapper.SVG-enabled a.ste-toggle.on:hover:before { filter: none; } .wrapper.SVG-enabled .dropdown .caret:before { background-color: #fff; } .wrapper.SVG-enabled .nav-aux-cart .nav-text, .wrapper.SVG-enabled .nav-aux-account .nav-text { position: absolute; left: -10000px; z-index: 2000; font-size: 70%; } /* ========================================================================== ON BEHALF OF ICONS ========================================================================== */ .obo-action { background-image: url("images/OboSprite.png"); } .obo-action.obo-change-contact, .obo-action.obo-change-contact[disabled]:hover, .obo-action.obo-change-contact.Disabled:hover, .obo-action.obo-change-contact.aspNetDisabled:hover, a.aspNetDisabled:hover .obo-action.obo-change-contact { background-position: 0px 0; } .obo-action.obo-change-contact:hover, .obo-action.obo-change-contact:focus, a:hover .obo-action.obo-change-contact, a:focus .obo-action.obo-change-contact { background-position: 0px -35px; } .obo-action.obo-clear, .obo-action.obo-clear[disabled]:hover, .obo-action.obo-clear.Disabled:hover, .obo-action.obo-clear.aspNetDisabled:hover, a.aspNetDisabled:hover .obo-action.obo-clear { background-position: -35px 0; } .obo-action.obo-clear:hover, .obo-action.obo-clear:focus, a:hover .obo-action.obo-clear, a:focus .obo-action.obo-clear { background-position: -35px -35px; } /* ========================================================================== SOCIAL ICONS ========================================================================== */ .SocialSprite { border-radius: 24px; } /* ========================================================================== */ /* START NEW CSS FOR SOCIAL ICONS */ /* ========================================================================== */ .social-icons { margin-right: 10px; } /* ========================================================================== */ /* END NEW CSS FOR SOCIAL ICONS */ /* ========================================================================== */ /**** End Social Netowrking Icon Styling ****/ input, button, select, textarea { font-family: halyard-text, Helvetica, sans-serif; } select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, .input-fake { display: inline-block; /* height: 48px;*/ padding: 5px 10px; font-size: 100%; /* line-height: 2; */ color: #555555; border: 1px solid #ccc; /* border-radius: 0px; */ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); transition: border linear 0.2s, box-shadow linear 0.2s; /* added by KK */ height: auto !important; line-height: 0 !important; border-radius: 0 !important; } @media screen and (prefers-reduced-motion: reduce) { select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, .input-fake { transition: none; } } select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus, .input-fake:focus { border-color: #66afe9; outline: 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } select::placeholder, textarea::placeholder, input[type="text"]::placeholder, input[type="password"]::placeholder, input[type="datetime"]::placeholder, input[type="datetime-local"]::placeholder, input[type="date"]::placeholder, input[type="month"]::placeholder, input[type="time"]::placeholder, input[type="week"]::placeholder, input[type="number"]::placeholder, input[type="email"]::placeholder, input[type="url"]::placeholder, input[type="search"]::placeholder, input[type="tel"]::placeholder, input[type="color"]::placeholder, .uneditable-input::placeholder, .input-fake::placeholder { color: #999999; opacity: 1; } .input-fake:focus-within { border-color: #66afe9; outline: 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } input[type="date"] { padding-right: 0; position: relative; } input[type="date"]::-webkit-calendar-picker-indicator { border-left: 1px solid #e0dfdf; padding: 8px; cursor: pointer; background: #f9f9f9 url("../../Assets/images/IconSprite.svg#datepicker") no-repeat center center; background-size: 15px 15px; position: absolute; right: 0; top: 0; } input[type="date"]::-webkit-calendar-picker-indicator:hover { background-color: #e7e7e7; } input[type="date"]::-webkit-calendar-picker-indicator:focus { background-color: #da5f25; filter: invert(100%) brightness(100%); } /* RadComboBox needs the same styles as normal inputs, * but has to be done separately due to its structure */ .RadComboBox.RadComboBox_MetroTouch { color: #555555; font-family: inherit; font-size: inherit; line-height: inherit; font-weight: inherit; } .RadComboBox.RadComboBox_MetroTouch .rcbInner, .RadComboBox.RadComboBox_MetroTouch .rcbInner .rcbInput, .RadComboBox.RadComboBox_MetroTouch .rcbFocused, .RadComboBox.RadComboBox_MetroTouch .rcbFocused .rcbInput, .RadComboBox.RadComboBox_MetroTouch .rcbHovered, .RadComboBox.RadComboBox_MetroTouch .rcbHovered .rcbInput { color: #555555; } .RadComboBox.RadComboBox_MetroTouch .rcbInner { height: 48px; padding: 0; font-size: 100%; line-height: 2; border: 1px solid #ccc; /* border-radius: 24px; */ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); transition: border linear 0.2s, box-shadow linear 0.2s; overflow: hidden; /* Added by KK */ border-radius: 0px; } @media screen and (prefers-reduced-motion: reduce) { .RadComboBox.RadComboBox_MetroTouch .rcbInner { transition: none; } } .RadComboBox.RadComboBox_MetroTouch .rcbInputCell { padding: 0; } .RadComboBox.RadComboBox_MetroTouch .rcbFocused { border-color: #66afe9; outline: 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } .RadComboBox.RadComboBox_MetroTouch .rcbInput { height: 100%; padding: 5px 10px; } .RadComboBox.RadComboBox_MetroTouch.PageSizeDropDown .rcbInput { /* Make sure the page size dropdown in the RadGrid has enough room to show page size */ padding: 2px; } .RadComboBox.RadComboBox_MetroTouch .rcbInner .rcbEmptyMessage, .RadComboBox.RadComboBox_MetroTouch .rcbHovered .rcbEmptyMessage { color: #999999; } .RadComboBox.RadComboBox_MetroTouch .rcbActionButton { /* border-radius: 0 24px 24px 0; */ height: 48px; padding: 0; width: 30px; /* Added by KK */ border-radius: 0; } .RadComboBox.RadComboBox_MetroTouch .rcbActionButton .rcbIcon { height: 1.4em; } .RadComboBox.RadComboBox_MetroTouch .rcbActionButton .p-icon { width: 30px; } .RadComboBoxDropDown.RadComboBoxDropDown_MetroTouch { font: inherit; } .RadComboBoxDropDown.RadComboBoxDropDown_MetroTouch .rcbItem, .RadComboBoxDropDown.RadComboBoxDropDown_MetroTouch .rcbHovered, .RadComboBoxDropDown.RadComboBoxDropDown_MetroTouch .rcbDisabled, .RadComboBoxDropDown.RadComboBoxDropDown_MetroTouch .rcbLoading { padding-top: 5px; padding-bottom: 5px; } .RadInput.RadInput.riSingle, .RadInput.RadInput, .RadInput { height: auto !important; /* IE11 */ } .RadInput.RadInput.riSingle .riTextBox, .RadInput.RadInput .riTextBox, .RadInput .riTextBox { height: 48px; /* padding: 5px 10px; */ border-color: #ccc; font: inherit; /*color: #555555;*/ /* added by KK */ padding: 1px 0 4px; color: #151515; width: 50px !important; } .RadInput.RadInput.riSingle .riTextBox:focus, .RadInput.RadInput .riTextBox:focus, .RadInput .riTextBox:focus { border-color: #66afe9; } .RadUpload.RadUpload .ruFakeInput { height: 46px; padding: 0; /* border-radius: 24px;*/ /* Added by KK */ border-radius: 0; } /* RadEditor designed to look like a normal text box */ .HtmlEditorTextBoxStyle { border: 1px solid #ccc; /* border-radius: 24px;*/ /* Added by KK */ border-radius: 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .HtmlEditorTextBoxStyle .reContent { /* border-radius: 24px;*/ /* Added by KK */ border-radius: 0; } .HtmlEditorTextBoxStyle iframe, .HtmlEditorTextBoxStyle td { background-color: transparent; } /* RadPicker - Make sure there's some space between the picker and the time zone label*/ .RadPicker+.TimeZoneLabel { margin-left: .5em; } /* Chosen multi-select */ .chosen-container-multi .chosen-choices { min-height: 48px; /* border-radius: 24px;*/ /* Added by KK */ border-radius: 0; border-color: #ccc; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); transition: border linear 0.2s, box-shadow linear 0.2s; background-image: none; } @media screen and (prefers-reduced-motion: reduce) { .chosen-container-multi .chosen-choices { transition: none; } } .chosen-container-multi .chosen-choices li.search-field { /* Remove the styling used in the master page search-field */ background-color: transparent; background-image: none; border-color: transparent; padding-left: 0 !important; } .chosen-container-active .chosen-choices { border-color: #66afe9; outline: 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; *margin-top: 0; /* IE7 */ margin-top: 1px \9; /* IE8-9 */ line-height: normal; cursor: pointer; } input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] { width: auto; } textarea { height: auto; line-height: inherit !important; } select { border: 1px solid #ccc; background-color: #fff; } select[multiple], select[size] { height: auto; } select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } /* ========================================================================== BUTTONS ========================================================================== */ /* set up button base styles .btn, .TextButton, .RadUpload.RadUpload .ruButton, .RadUploadProgressArea.RadUploadProgressArea .ruButton { display: inline-block; margin-bottom: 0; font-weight: 500; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: normal; text-decoration: none; padding: 5px 10px; font-size: 18px; line-height: 2; border-radius: 0; -webkit-user-select: none; user-select: none; transition: background 0.2s ease-out; }*/ /* ======================================== */ /* KK Find Button – Associate Member Directory, Products, etc. */ /* ======================================== */ .btn, .TextButton, .RadUpload.RadUpload .ruButton, .RadUploadProgressArea.RadUploadProgressArea .ruButton { box-sizing: border-box; position: relative; display: inline-block; overflow: hidden; text-decoration: none; color: #fff !important; background-color: #D82C20; transition: all 0.35s ease-in-out; margin-right: 9px; text-align: center; border-radius: 0; line-height: 1.1; letter-spacing: -0.18px; padding: 14px 30px 18px; height: 52px; font-family: halyard-text, arial, sans-serif; font-weight: 600; font-style: normal; font-size: 18px; border-color: transparent !important; } /* ======================================== */ /* END KK Find Button – Associate Member Directory */ /* ======================================== */ a.YellowButton { background-color:#fff200; padding: 5px; text-decoration: none; text-align: center; min-height: 35px; /*border-radius: 8px 8px 8px 8px;*/ border: #39559A; margin-bottom:10px; display: inline-block; font-size: 16px; font-weight: bold; color: #0066a6; } a.BlueButton { background-color:#3b6492; padding: 5px; text-decoration: none; text-align: center; min-height: 35px; margin-bottom: 10px; display: inline-block; font-size: 16px; color: #fff; } a.RedButton { background-color:#bb0301; padding: 5px; text-decoration: none; text-align: center; min-height: 35px; margin-bottom: 10px; display: inline-block; font-size: 16px; color: #fff; } a.OrangeButton { background-color:#f37021; padding: 5px; text-decoration: none; text-align: center; min-height: 35px; margin-bottom: 10px; display: inline-block; font-size: 16px; color: #fff; } a.PurpleButton { background: #542C90; padding: 0 10px 0 10px; text-decoration: none; text-align: center; border-radius: 8px 8px 8px 8px; display: inline-block; font-size: 14px; color: #fff; } @media screen and (prefers-reduced-motion: reduce) { .btn, .TextButton, .RadUpload.RadUpload .ruButton, .RadUploadProgressArea.RadUploadProgressArea .ruButton { transition: none; } } .btn.disabled, .btn[disabled], fieldset[disabled] .btn, .btn.aspNetDisabled, .TextButton.disabled, .TextButton[disabled], fieldset[disabled] .TextButton, .TextButton.aspNetDisabled, .RadUpload.RadUpload .ruButton.disabled, .RadUpload.RadUpload .ruButton[disabled], fieldset[disabled] .RadUpload.RadUpload .ruButton, .RadUpload.RadUpload .ruButton.aspNetDisabled, .RadUploadProgressArea.RadUploadProgressArea .ruButton.disabled, .RadUploadProgressArea.RadUploadProgressArea .ruButton[disabled], fieldset[disabled] .RadUploadProgressArea.RadUploadProgressArea .ruButton, .RadUploadProgressArea.RadUploadProgressArea .ruButton.aspNetDisabled { opacity: .55; box-shadow: none; } a.TextButton.disabled, a.TextButton[disabled], fieldset[disabled] a.TextButton, a.TextButton.aspNetDisabled { pointer-events: none; } /* default button */ .btn, .TextButton, .RadUpload.RadUpload .ruButton, .RadUploadProgressArea.RadUploadProgressArea .ruButton { background-color: #D82C20; border-color: #151515; } .btn, .btn:hover, .btn:focus, .btn:active, .btn:visited, .TextButton, .TextButton:hover, .TextButton:focus, .TextButton:active, .TextButton:visited, .RadUpload.RadUpload .ruButton, .RadUpload.RadUpload .ruButton:hover, .RadUpload.RadUpload .ruButton:focus, .RadUpload.RadUpload .ruButton:active, .RadUpload.RadUpload .ruButton:visited, .RadUploadProgressArea.RadUploadProgressArea .ruButton, .RadUploadProgressArea.RadUploadProgressArea .ruButton:hover, .RadUploadProgressArea.RadUploadProgressArea .ruButton:focus, .RadUploadProgressArea.RadUploadProgressArea .ruButton:active, .RadUploadProgressArea.RadUploadProgressArea .ruButton:visited { text-decoration: none; } .btn, .btn:visited, .TextButton, .TextButton:visited, .RadUpload.RadUpload .ruButton, .RadUpload.RadUpload .ruButton:visited, .RadUploadProgressArea.RadUploadProgressArea .ruButton, .RadUploadProgressArea.RadUploadProgressArea .ruButton:visited { color: #151515; } .btn:hover, .btn:focus, .btn:active, .TextButton:hover, .TextButton:focus, .TextButton:active, .RadUpload.RadUpload .ruButton:hover, .RadUpload.RadUpload .ruButton:focus, .RadUpload.RadUpload .ruButton:active, .RadUploadProgressArea.RadUploadProgressArea .ruButton:hover, .RadUploadProgressArea.RadUploadProgressArea .ruButton:focus, .RadUploadProgressArea.RadUploadProgressArea .ruButton:active { color: #151515 !important; text-decoration: none; /* background-color: rgba(235, 235, 235, 0.4); border-color: #060608; */ /* Added by KK */ background-color: rgba(21, 21, 21, 0.1); border-color: #151515 !important; } .btn:active, .TextButton:active, .RadUpload.RadUpload .ruButton:active, .RadUploadProgressArea.RadUploadProgressArea .ruButton:active { background-image: none; } .btn:disabled, .btn:disabled:hover, .btn:disabled:focus, .btn:disabled:active, .btn.disabled, .btn.disabled:hover, .btn.disabled:focus, .btn.disabled:active, .btn.aspNetDisabled, .btn.aspNetDisabled:hover, .btn.aspNetDisabled:focus, .btn.aspNetDisabled:active, .TextButton:disabled, .TextButton:disabled:hover, .TextButton:disabled:focus, .TextButton:disabled:active, .TextButton.disabled, .TextButton.disabled:hover, .TextButton.disabled:focus, .TextButton.disabled:active, .TextButton.aspNetDisabled, .TextButton.aspNetDisabled:hover, .TextButton.aspNetDisabled:focus, .TextButton.aspNetDisabled:active, .RadUpload.RadUpload .ruButton:disabled, .RadUpload.RadUpload .ruButton:disabled:hover, .RadUpload.RadUpload .ruButton:disabled:focus, .RadUpload.RadUpload .ruButton:disabled:active, .RadUpload.RadUpload .ruButton.disabled, .RadUpload.RadUpload .ruButton.disabled:hover, .RadUpload.RadUpload .ruButton.disabled:focus, .RadUpload.RadUpload .ruButton.disabled:active, .RadUpload.RadUpload .ruButton.aspNetDisabled, .RadUpload.RadUpload .ruButton.aspNetDisabled:hover, .RadUpload.RadUpload .ruButton.aspNetDisabled:focus, .RadUpload.RadUpload .ruButton.aspNetDisabled:active, .RadUploadProgressArea.RadUploadProgressArea .ruButton:disabled, .RadUploadProgressArea.RadUploadProgressArea .ruButton:disabled:hover, .RadUploadProgressArea.RadUploadProgressArea .ruButton:disabled:focus, .RadUploadProgressArea.RadUploadProgressArea .ruButton:disabled:active, .RadUploadProgressArea.RadUploadProgressArea .ruButton.disabled, .RadUploadProgressArea.RadUploadProgressArea .ruButton.disabled:hover, .RadUploadProgressArea.RadUploadProgressArea .ruButton.disabled:focus, .RadUploadProgressArea.RadUploadProgressArea .ruButton.disabled:active, .RadUploadProgressArea.RadUploadProgressArea .ruButton.aspNetDisabled, .RadUploadProgressArea.RadUploadProgressArea .ruButton.aspNetDisabled:hover, .RadUploadProgressArea.RadUploadProgressArea .ruButton.aspNetDisabled:focus, .RadUploadProgressArea.RadUploadProgressArea .ruButton.aspNetDisabled:active { color: #151515; background-color: rgba(255, 255, 255, 0.4); border-color: #151515; } .RadGrid.RadGrid input.TextButton.PrimaryButton, .RadGrid.RadGrid a.TextButton.PrimaryButton { /*background-color: #ff623f;*/ /*color: #151515;*/ /* Added by KK */ background-color: #D82C20; color: #fff; } .RadUpload.RadUpload .ruBrowse, .RadUpload.RadUpload .ruRemove { height: auto; padding: 5px 10px; line-height: 2; /* border-radius: 24px;*/ /* Added by KK */ border-radius: 0; } /* primary button */ .PrimaryButton, .UsePrimaryButton .TextButton, .RadGrid input.PrimaryButton { /* background-color: #ff623f; */ border-color: transparent; /* Added by KK */ background-color: #D82C20; color: #fff; } .PrimaryButton, .PrimaryButton:hover, .PrimaryButton:focus, .PrimaryButton:active, .PrimaryButton:visited, .UsePrimaryButton .TextButton, .UsePrimaryButton .TextButton:hover, .UsePrimaryButton .TextButton:focus, .UsePrimaryButton .TextButton:active, .UsePrimaryButton .TextButton:visited, .RadGrid input.PrimaryButton, .RadGrid input.PrimaryButton:hover, .RadGrid input.PrimaryButton:focus, .RadGrid input.PrimaryButton:active, .RadGrid input.PrimaryButton:visited { text-decoration: none; } .PrimaryButton, .PrimaryButton:visited, .UsePrimaryButton .TextButton, .UsePrimaryButton .TextButton:visited, .RadGrid input.PrimaryButton, .RadGrid input.PrimaryButton:visited { color: #fff; } .PrimaryButton:hover, .PrimaryButton:focus, .PrimaryButton:active, .UsePrimaryButton .TextButton:hover, .UsePrimaryButton .TextButton:focus, .UsePrimaryButton .TextButton:active, .RadGrid input.PrimaryButton:hover, .RadGrid input.PrimaryButton:focus, .RadGrid input.PrimaryButton:active { /* color: #151515; */ text-decoration: none; /* background-color: #ff4116; */ /* border-color: rgba(0, 0, 0, 0); */ /* Added by KK */ color: #151515 !important; background-color: rgba(21, 21, 21, 0.1); border-color: #151515 !important; } .PrimaryButton:active, .UsePrimaryButton .TextButton:active, .RadGrid input.PrimaryButton:active { background-image: none; } .PrimaryButton:disabled, .PrimaryButton:disabled:hover, .PrimaryButton:disabled:focus, .PrimaryButton:disabled:active, .PrimaryButton.disabled, .PrimaryButton.disabled:hover, .PrimaryButton.disabled:focus, .PrimaryButton.disabled:active, .PrimaryButton.aspNetDisabled, .PrimaryButton.aspNetDisabled:hover, .PrimaryButton.aspNetDisabled:focus, .PrimaryButton.aspNetDisabled:active, .UsePrimaryButton .TextButton:disabled, .UsePrimaryButton .TextButton:disabled:hover, .UsePrimaryButton .TextButton:disabled:focus, .UsePrimaryButton .TextButton:disabled:active, .UsePrimaryButton .TextButton.disabled, .UsePrimaryButton .TextButton.disabled:hover, .UsePrimaryButton .TextButton.disabled:focus, .UsePrimaryButton .TextButton.disabled:active, .UsePrimaryButton .TextButton.aspNetDisabled, .UsePrimaryButton .TextButton.aspNetDisabled:hover, .UsePrimaryButton .TextButton.aspNetDisabled:focus, .UsePrimaryButton .TextButton.aspNetDisabled:active, .RadGrid input.PrimaryButton:disabled, .RadGrid input.PrimaryButton:disabled:hover, .RadGrid input.PrimaryButton:disabled:focus, .RadGrid input.PrimaryButton:disabled:active, .RadGrid input.PrimaryButton.disabled, .RadGrid input.PrimaryButton.disabled:hover, .RadGrid input.PrimaryButton.disabled:focus, .RadGrid input.PrimaryButton.disabled:active, .RadGrid input.PrimaryButton.aspNetDisabled, .RadGrid input.PrimaryButton.aspNetDisabled:hover, .RadGrid input.PrimaryButton.aspNetDisabled:focus, .RadGrid input.PrimaryButton.aspNetDisabled:active { color: #151515; /* background-color: #ff623f; */ /* Added by KK */ background-color: rgba(21, 21, 21, 0.30); border-color: transparent; } /* Facebook sign in button */ .TextButton.Facebook { background-color: #3B5998; border-color: #2d4373; } .TextButton.Facebook, .TextButton.Facebook:hover, .TextButton.Facebook:focus, .TextButton.Facebook:active, .TextButton.Facebook:visited { text-decoration: none; } .TextButton.Facebook, .TextButton.Facebook:visited { color: #fff; } .TextButton.Facebook:hover, .TextButton.Facebook:focus, .TextButton.Facebook:active { color: #fff; text-decoration: none; background-color: #30487b; border-color: #1c2a47; } .TextButton.Facebook:active { background-image: none; } .TextButton.Facebook:disabled, .TextButton.Facebook:disabled:hover, .TextButton.Facebook:disabled:focus, .TextButton.Facebook:disabled:active, .TextButton.Facebook.disabled, .TextButton.Facebook.disabled:hover, .TextButton.Facebook.disabled:focus, .TextButton.Facebook.disabled:active, .TextButton.Facebook.aspNetDisabled, .TextButton.Facebook.aspNetDisabled:hover, .TextButton.Facebook.aspNetDisabled:focus, .TextButton.Facebook.aspNetDisabled:active { color: #fff; background-color: #3B5998; border-color: #2d4373; } /* LinkedIn sign in button */ .SignInButton.LinkedIn { background-color: #0077B5; border-color: #005582; } .SignInButton.LinkedIn, .SignInButton.LinkedIn:hover, .SignInButton.LinkedIn:focus, .SignInButton.LinkedIn:active, .SignInButton.LinkedIn:visited { text-decoration: none; } .SignInButton.LinkedIn, .SignInButton.LinkedIn:visited { color: #fff; } .SignInButton.LinkedIn:hover, .SignInButton.LinkedIn:focus, .SignInButton.LinkedIn:active { color: #fff; text-decoration: none; background-color: #005c8c; border-color: #002d45; } .SignInButton.LinkedIn:active { background-image: none; } .SignInButton.LinkedIn:disabled, .SignInButton.LinkedIn:disabled:hover, .SignInButton.LinkedIn:disabled:focus, .SignInButton.LinkedIn:disabled:active, .SignInButton.LinkedIn.disabled, .SignInButton.LinkedIn.disabled:hover, .SignInButton.LinkedIn.disabled:focus, .SignInButton.LinkedIn.disabled:active, .SignInButton.LinkedIn.aspNetDisabled, .SignInButton.LinkedIn.aspNetDisabled:hover, .SignInButton.LinkedIn.aspNetDisabled:focus, .SignInButton.LinkedIn.aspNetDisabled:active { color: #fff; background-color: #0077B5; border-color: #005582; } .SmallButton, .UseSmallButton .TextButton { font-size: 85%; padding: 3px 8px; border-radius: 22px; } .MediumButton, .UseMediumButton .TextButton { /* font-size: 120%; padding: 9px 14px; border-radius: 30px; */ /* Added by KK */ font-size: 100%; padding: 8px 6px 12px; border-radius: 0px; color: #fff; background-color: #D82C20; border: 0; line-height: 1.1em; width: 170px; min-height: 52px; margin-right: 10px; font-family: halyard-text, arial, sans-serif; font-weight: 600; font-style: normal; } .MediumButton:hover, .UseMediumButton:hover .TextButton:hover { /* font-size: 120%; padding: 9px 14px; border-radius: 30px; */ /* Added by KK */ font-size: 100%; padding: 8px 6px 12px; border-radius: 0px; color: #151515 !important; background-color: rgba(21, 21, 21, 0.1); line-height: 1.1em; width: 170px; min-height: 52px; margin-right: 10px; font-family: halyard-text, arial, sans-serif; font-weight: 600; font-style: normal; border: 1px solid #151515 !important; } .LargeButton, .UseLargeButton .TextButton { /* font-size: 150%;*/ /* padding: 12px 17px; */ /* border-radius: 36px;*/ /* Added by KK */ font-size: inherit; padding: 9px 14px; border-radius: 0px; } .FullWidthButton, .UseFullWidthButton .TextButton { width: 100%; } /* Style buttons to look like links for deemphasis */ .LinkButton { -webkit-appearance: none !important; background: transparent !important; color: #0068A6; text-shadow: none; box-shadow: none; border: none; font-weight: normal; padding: 5px 10px; font-size: 18px; line-height: 2; /* border-radius: 24px;*/ /* Added by KK */ border-radius: 0; text-decoration: underline; } .LinkButton:visited { color: #052A61; } .LinkButton:hover, .LinkButton:focus, .LinkButton:active { color: #0e075b; text-decoration: underline; } .LinkButton.aspNetDisabled, .LinkButton.aspNetDisabled:hover, .LinkButton.aspNetDisabled:focus, .LinkButton.aspNetDisabled:active, .LinkButton.aspNetDisabled:visited, .LinkButton:disabled, .LinkButton:disabled:hover, .LinkButton:disabled:focus, .LinkButton:disabled:active, .LinkButton:disabled:visited { color: #999999; text-decoration: underline; } @media (min-width: 992px) { .StandardButtonMd { padding: 5px 10px; font-size: 18px; line-height: 2; /* border-radius: 24px;*/ /* Added by KK */ border-radius: 0; } } /* Generic red and green buttons to be used for all themes (styling is not theme dependant) */ .DangerButton { background-color: #d03528; border-color: transparent; } .DangerButton, .DangerButton:hover, .DangerButton:focus, .DangerButton:active, .DangerButton:visited { text-decoration: none; } .DangerButton, .DangerButton:visited { color: #fff; } .DangerButton:hover, .DangerButton:focus, .DangerButton:active { color: #fff; text-decoration: none; background-color: #ae2c21; border-color: rgba(0, 0, 0, 0); } .DangerButton:active { background-image: none; } .DangerButton:disabled, .DangerButton:disabled:hover, .DangerButton:disabled:focus, .DangerButton:disabled:active, .DangerButton.disabled, .DangerButton.disabled:hover, .DangerButton.disabled:focus, .DangerButton.disabled:active, .DangerButton.aspNetDisabled, .DangerButton.aspNetDisabled:hover, .DangerButton.aspNetDisabled:focus, .DangerButton.aspNetDisabled:active { color: #fff; background-color: #d03528; border-color: transparent; } .SuccessButton { background-color: #68bd49; border-color: transparent; } .SuccessButton, .SuccessButton:hover, .SuccessButton:focus, .SuccessButton:active, .SuccessButton:visited { text-decoration: none; } .SuccessButton, .SuccessButton:visited { color: #fff; } .SuccessButton:hover, .SuccessButton:focus, .SuccessButton:active { color: #fff; text-decoration: none; background-color: #57a23b; border-color: rgba(0, 0, 0, 0); } .SuccessButton:active { background-image: none; } .SuccessButton:disabled, .SuccessButton:disabled:hover, .SuccessButton:disabled:focus, .SuccessButton:disabled:active, .SuccessButton.disabled, .SuccessButton.disabled:hover, .SuccessButton.disabled:focus, .SuccessButton.disabled:active, .SuccessButton.aspNetDisabled, .SuccessButton.aspNetDisabled:hover, .SuccessButton.aspNetDisabled:focus, .SuccessButton.aspNetDisabled:active { color: #fff; background-color: #68bd49; border-color: transparent; } /* ========================================================================== CONTENT ITEMS ========================================================================== */ /* Open Invoices ========================================================================== */ .OpenInvoicesTotals .SelectedTotal .PanelFieldValue { color: #68bd49; } /* Group List Editor ========================================================================== */ .RadTreeView.GLE .rtLI { margin-bottom: .3em; } .RadTreeView.GLE .rtIn, .RadTreeView.GLE .rtHover .rtIn, .RadTreeView.GLE .rtSelected .rtIn { background-color: transparent; border: none; color: #0068A6; } .RadTreeView.GLE a:hover, .RadTreeView.GLE a:focus, .RadTreeView.GLE span[onclick]:hover, .RadTreeView.GLE span[onclick]:focus { background-color: #0b0b0d; color: #fff; } .RadTreeView.GLE .rtImg { /* border-radius: 24px;*/ /* Added by KK */ border-radius: 0; } /* Communiaction Preferences ========================================================================== */ .CommunicationPreferencesSection { background-color: #f2f0f6; } /* Mini Profile ========================================================================== */ .mini-profile-banner-large .mini-profile-name-section .SectionLabel, .mini-profile-banner-small .mini-profile-name-section .SectionLabel { /* Style the name like an h2 */ font-family: halyard-text, Helvetica, sans-serif; font-weight: 500; font-size: 180%; } .mini-profile-banner-large .mini-profile-picture-section, .mini-profile-banner-large .panel-heading, .mini-profile-banner-small .mini-profile-picture-section, .mini-profile-banner-small .panel-heading { background-color: #f9f9f9; color: #000; } .mini-profile-banner-large .profile-picture-container, .mini-profile-banner-small .profile-picture-container { display: inline-block; background-color: #fff; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); padding: 8px; border-radius: 5px; } .mini-profile-banner-large .profile-picture-container img, .mini-profile-banner-small .profile-picture-container img { border-radius: 3px; } .mini-profile-banner-large .mini-profile-status-section, .mini-profile-banner-small .mini-profile-status-section { font-size: .9em; } @media (min-width: 768px) { .mini-profile-banner-large .mini-profile-name-section, .mini-profile-banner-large .mini-profile-address-section { background-color: #f9f9f9; } } .account-banner:before { background-color: #f9f9f9; /* border-radius: 24px;*/ /* Added by KK */ border-radius: 0; } @media (min-width: 768px) { .account-banner .mini-profile-banner-large .mini-profile { grid-template: "picture name" 1fr "picture address" auto "picture status" auto/fit-content(33%) auto; } } .account-banner .mini-profile-name-section, .account-banner .mini-profile-address-section, .account-banner .mini-profile-picture-section, .account-banner .mini-profile-status-section, .account-banner .mini-profile-banner-large .panel-heading, .account-banner .mini-profile-banner-small .panel-heading { background-color: transparent; } .account-banner .mini-profile-banner-large .mini-profile-picture-section .profile-picture-container, .account-banner .mini-profile-banner-small .mini-profile-picture-section .profile-picture-container { margin-bottom: 0; } .account-banner .mini-profile-banner-large .mini-profile-picture-section-after, .account-banner .mini-profile-banner-small .mini-profile-picture-section-after { height: 0; } .account-banner .summary-display { font-size: .9em; } .account-banner .AlertSet { background-color: transparent; } .account-banner .AlertSet .AlertItem { margin-bottom: 0.5rem; /* border-radius: 24px;*/ /* Added by KK */ border-radius: 0; padding-top: 0.75rem; padding-bottom: 0.75rem; } .account-banner .AlertSet .AlertItem:last-item { margin-bottom: 0; } .account-banner .AlertSet .AlertItem .media>img { width: 20px; } .account-banner .scrollbar-minimal ::-webkit-scrollbar-track { background-color: transparent; } .account-banner .scrollbar-minimal ::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.4); } .account-banner .scrollbar-minimal ::-webkit-scrollbar-thumb:hover { background: rgba(0, 0, 0, 0.6); } .account-banner-bg-color-1 .account-banner:before { background-color: #f2f0f6; } .account-banner-bg-color-2 .account-banner:before { background-color: #00abbe; } .account-banner-bg-color-3 .account-banner:before { background-color: #00afcf; } .account-banner-bg-color-4 .account-banner:before { background-color: #e98300; } .account-banner-bg-color-5 .account-banner:before { background-color: #8e51ae; } .account-banner-bg-color-red .account-banner:before { background-color: #d03528; } .account-banner-bg-color-orange .account-banner:before { background-color: #e98300; } .account-banner-bg-color-yellow .account-banner:before { background-color: #e8d92d; } .account-banner-bg-color-green .account-banner:before { background-color: #68bd49; } .account-banner-bg-color-blue .account-banner:before { background-color: #00a9e0; } .account-banner-bg-color-purple .account-banner:before { background-color: #8e51ae; } .account-banner { --system-icon-color: #343a40; --system-icon-color-hover: #212529; } .account-banner .area-top-left a, .account-banner .area-middle-left a, .account-banner .area-bottom-left a, .account-banner .area-center a { text-decoration: underline; } .account-banner .area-top-left, .account-banner .area-top-left h1, .account-banner .area-top-left h2, .account-banner .area-top-left h3, .account-banner .area-top-left h4, .account-banner .area-top-left h5, .account-banner .area-top-left label, .account-banner .area-top-left .Label, .account-banner .area-top-left .SectionLabel, .account-banner .area-middle-left, .account-banner .area-middle-left h1, .account-banner .area-middle-left h2, .account-banner .area-middle-left h3, .account-banner .area-middle-left h4, .account-banner .area-middle-left h5, .account-banner .area-middle-left label, .account-banner .area-middle-left .Label, .account-banner .area-middle-left .SectionLabel, .account-banner .area-bottom-left, .account-banner .area-bottom-left h1, .account-banner .area-bottom-left h2, .account-banner .area-bottom-left h3, .account-banner .area-bottom-left h4, .account-banner .area-bottom-left h5, .account-banner .area-bottom-left label, .account-banner .area-bottom-left .Label, .account-banner .area-bottom-left .SectionLabel, .account-banner .area-center, .account-banner .area-center h1, .account-banner .area-center h2, .account-banner .area-center h3, .account-banner .area-center h4, .account-banner .area-center h5, .account-banner .area-center label, .account-banner .area-center .Label, .account-banner .area-center .SectionLabel { color: #151515; } .account-banner .area-top-left a.ButtonItem, .account-banner .area-middle-left a.ButtonItem, .account-banner .area-bottom-left a.ButtonItem, .account-banner .area-center a.ButtonItem { text-decoration: none; } .account-banner .area-top-left a:not(.ButtonItem), .account-banner .area-middle-left a:not(.ButtonItem), .account-banner .area-bottom-left a:not(.ButtonItem), .account-banner .area-center a:not(.ButtonItem) { color: #151515; } .account-banner-bg-color-5 .account-banner, .account-banner-bg-color-red .account-banner, .account-banner-bg-color-purple .account-banner { --system-icon-color: #ced4da; --system-icon-color-hover: #fff; } .account-banner-bg-color-5 .account-banner .area-top-left, .account-banner-bg-color-5 .account-banner .area-top-left h1, .account-banner-bg-color-5 .account-banner .area-top-left h2, .account-banner-bg-color-5 .account-banner .area-top-left h3, .account-banner-bg-color-5 .account-banner .area-top-left h4, .account-banner-bg-color-5 .account-banner .area-top-left h5, .account-banner-bg-color-5 .account-banner .area-top-left label, .account-banner-bg-color-5 .account-banner .area-top-left .Label, .account-banner-bg-color-5 .account-banner .area-top-left .SectionLabel, .account-banner-bg-color-red .account-banner .area-top-left, .account-banner-bg-color-red .account-banner .area-top-left h1, .account-banner-bg-color-red .account-banner .area-top-left h2, .account-banner-bg-color-red .account-banner .area-top-left h3, .account-banner-bg-color-red .account-banner .area-top-left h4, .account-banner-bg-color-red .account-banner .area-top-left h5, .account-banner-bg-color-red .account-banner .area-top-left label, .account-banner-bg-color-red .account-banner .area-top-left .Label, .account-banner-bg-color-red .account-banner .area-top-left .SectionLabel, .account-banner-bg-color-purple .account-banner .area-top-left, .account-banner-bg-color-purple .account-banner .area-top-left h1, .account-banner-bg-color-purple .account-banner .area-top-left h2, .account-banner-bg-color-purple .account-banner .area-top-left h3, .account-banner-bg-color-purple .account-banner .area-top-left h4, .account-banner-bg-color-purple .account-banner .area-top-left h5, .account-banner-bg-color-purple .account-banner .area-top-left label, .account-banner-bg-color-purple .account-banner .area-top-left .Label, .account-banner-bg-color-purple .account-banner .area-top-left .SectionLabel { color: #fff; } .account-banner-bg-color-5 .account-banner .area-top-left a.ButtonItem, .account-banner-bg-color-red .account-banner .area-top-left a.ButtonItem, .account-banner-bg-color-purple .account-banner .area-top-left a.ButtonItem { text-decoration: none; } .account-banner-bg-color-5 .account-banner .area-top-left a:not(.ButtonItem), .account-banner-bg-color-red .account-banner .area-top-left a:not(.ButtonItem), .account-banner-bg-color-purple .account-banner .area-top-left a:not(.ButtonItem) { color: #fff; } @media (min-width: 768px) { .account-banner-bg-color-5 .account-banner .area-middle-left, .account-banner-bg-color-5 .account-banner .area-middle-left h1, .account-banner-bg-color-5 .account-banner .area-middle-left h2, .account-banner-bg-color-5 .account-banner .area-middle-left h3, .account-banner-bg-color-5 .account-banner .area-middle-left h4, .account-banner-bg-color-5 .account-banner .area-middle-left h5, .account-banner-bg-color-5 .account-banner .area-middle-left label, .account-banner-bg-color-5 .account-banner .area-middle-left .Label, .account-banner-bg-color-5 .account-banner .area-middle-left .SectionLabel, .account-banner-bg-color-5 .account-banner .area-bottom-left, .account-banner-bg-color-5 .account-banner .area-bottom-left h1, .account-banner-bg-color-5 .account-banner .area-bottom-left h2, .account-banner-bg-color-5 .account-banner .area-bottom-left h3, .account-banner-bg-color-5 .account-banner .area-bottom-left h4, .account-banner-bg-color-5 .account-banner .area-bottom-left h5, .account-banner-bg-color-5 .account-banner .area-bottom-left label, .account-banner-bg-color-5 .account-banner .area-bottom-left .Label, .account-banner-bg-color-5 .account-banner .area-bottom-left .SectionLabel, .account-banner-bg-color-red .account-banner .area-middle-left, .account-banner-bg-color-red .account-banner .area-middle-left h1, .account-banner-bg-color-red .account-banner .area-middle-left h2, .account-banner-bg-color-red .account-banner .area-middle-left h3, .account-banner-bg-color-red .account-banner .area-middle-left h4, .account-banner-bg-color-red .account-banner .area-middle-left h5, .account-banner-bg-color-red .account-banner .area-middle-left label, .account-banner-bg-color-red .account-banner .area-middle-left .Label, .account-banner-bg-color-red .account-banner .area-middle-left .SectionLabel, .account-banner-bg-color-red .account-banner .area-bottom-left, .account-banner-bg-color-red .account-banner .area-bottom-left h1, .account-banner-bg-color-red .account-banner .area-bottom-left h2, .account-banner-bg-color-red .account-banner .area-bottom-left h3, .account-banner-bg-color-red .account-banner .area-bottom-left h4, .account-banner-bg-color-red .account-banner .area-bottom-left h5, .account-banner-bg-color-red .account-banner .area-bottom-left label, .account-banner-bg-color-red .account-banner .area-bottom-left .Label, .account-banner-bg-color-red .account-banner .area-bottom-left .SectionLabel, .account-banner-bg-color-purple .account-banner .area-middle-left, .account-banner-bg-color-purple .account-banner .area-middle-left h1, .account-banner-bg-color-purple .account-banner .area-middle-left h2, .account-banner-bg-color-purple .account-banner .area-middle-left h3, .account-banner-bg-color-purple .account-banner .area-middle-left h4, .account-banner-bg-color-purple .account-banner .area-middle-left h5, .account-banner-bg-color-purple .account-banner .area-middle-left label, .account-banner-bg-color-purple .account-banner .area-middle-left .Label, .account-banner-bg-color-purple .account-banner .area-middle-left .SectionLabel, .account-banner-bg-color-purple .account-banner .area-bottom-left, .account-banner-bg-color-purple .account-banner .area-bottom-left h1, .account-banner-bg-color-purple .account-banner .area-bottom-left h2, .account-banner-bg-color-purple .account-banner .area-bottom-left h3, .account-banner-bg-color-purple .account-banner .area-bottom-left h4, .account-banner-bg-color-purple .account-banner .area-bottom-left h5, .account-banner-bg-color-purple .account-banner .area-bottom-left label, .account-banner-bg-color-purple .account-banner .area-bottom-left .Label, .account-banner-bg-color-purple .account-banner .area-bottom-left .SectionLabel { color: #fff; } .account-banner-bg-color-5 .account-banner .area-middle-left a.ButtonItem, .account-banner-bg-color-5 .account-banner .area-bottom-left a.ButtonItem, .account-banner-bg-color-red .account-banner .area-middle-left a.ButtonItem, .account-banner-bg-color-red .account-banner .area-bottom-left a.ButtonItem, .account-banner-bg-color-purple .account-banner .area-middle-left a.ButtonItem, .account-banner-bg-color-purple .account-banner .area-bottom-left a.ButtonItem { text-decoration: none; } .account-banner-bg-color-5 .account-banner .area-middle-left a:not(.ButtonItem), .account-banner-bg-color-5 .account-banner .area-bottom-left a:not(.ButtonItem), .account-banner-bg-color-red .account-banner .area-middle-left a:not(.ButtonItem), .account-banner-bg-color-red .account-banner .area-bottom-left a:not(.ButtonItem), .account-banner-bg-color-purple .account-banner .area-middle-left a:not(.ButtonItem), .account-banner-bg-color-purple .account-banner .area-bottom-left a:not(.ButtonItem) { color: #fff; } } @media (min-width: 992px) { .account-banner-bg-color-5 .account-banner .area-center, .account-banner-bg-color-5 .account-banner .area-center h1, .account-banner-bg-color-5 .account-banner .area-center h2, .account-banner-bg-color-5 .account-banner .area-center h3, .account-banner-bg-color-5 .account-banner .area-center h4, .account-banner-bg-color-5 .account-banner .area-center h5, .account-banner-bg-color-5 .account-banner .area-center label, .account-banner-bg-color-5 .account-banner .area-center .Label, .account-banner-bg-color-5 .account-banner .area-center .SectionLabel, .account-banner-bg-color-red .account-banner .area-center, .account-banner-bg-color-red .account-banner .area-center h1, .account-banner-bg-color-red .account-banner .area-center h2, .account-banner-bg-color-red .account-banner .area-center h3, .account-banner-bg-color-red .account-banner .area-center h4, .account-banner-bg-color-red .account-banner .area-center h5, .account-banner-bg-color-red .account-banner .area-center label, .account-banner-bg-color-red .account-banner .area-center .Label, .account-banner-bg-color-red .account-banner .area-center .SectionLabel, .account-banner-bg-color-purple .account-banner .area-center, .account-banner-bg-color-purple .account-banner .area-center h1, .account-banner-bg-color-purple .account-banner .area-center h2, .account-banner-bg-color-purple .account-banner .area-center h3, .account-banner-bg-color-purple .account-banner .area-center h4, .account-banner-bg-color-purple .account-banner .area-center h5, .account-banner-bg-color-purple .account-banner .area-center label, .account-banner-bg-color-purple .account-banner .area-center .Label, .account-banner-bg-color-purple .account-banner .area-center .SectionLabel { color: #fff; } .account-banner-bg-color-5 .account-banner .area-center a.ButtonItem, .account-banner-bg-color-red .account-banner .area-center a.ButtonItem, .account-banner-bg-color-purple .account-banner .area-center a.ButtonItem { text-decoration: none; } .account-banner-bg-color-5 .account-banner .area-center a:not(.ButtonItem), .account-banner-bg-color-red .account-banner .area-center a:not(.ButtonItem), .account-banner-bg-color-purple .account-banner .area-center a:not(.ButtonItem) { color: #fff; } } .account-page-with-banner .mini-profile-banner-large .panel-heading, .account-page-with-banner .mini-profile-banner-small .panel-heading, .account-page-with-banner .account-page-top-area.account-page-top-area { background-color: #f9f9f9; } .account-page-with-banner .account-page-top-area { padding-top: 30px; padding-left: 30px; padding-right: 30px; } .account-page-with-banner .mini-profile-banner-large .mini-profile-picture-section, .account-page-with-banner .mini-profile-banner-small .mini-profile-picture-section { background-color: #f9f9f9; } .account-page-with-banner .mini-profile-banner-large .mini-profile-picture-section, .account-page-with-banner .mini-profile-banner-small .mini-profile-picture-section { border-bottom: 1px solid #ccc; } @media (min-width: 768px) { .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section, .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section { background-color: #f9f9f9; } .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section, .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section h1, .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section h2, .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section h3, .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section h4, .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section h5, .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section label, .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section .Label, .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section .SectionLabel, .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section, .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section h1, .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section h2, .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section h3, .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section h4, .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section h5, .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section label, .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section .Label, .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section .SectionLabel { color: #151515; } .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section a.ButtonItem, .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section a.ButtonItem { text-decoration: none; } .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section a:not(.ButtonItem), .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section a:not(.ButtonItem) { color: #151515; } .account-page-with-banner .mini-profile-banner-large .mini-profile:after { /* because we're not sure if the name or address will be the last section of the right column, need to add the border in this weird way */ content: ''; border-bottom: 1px solid #ccc; grid-column: address; grid-row: address; align-self: end; z-index: 1; } } /* Search Results ========================================================================== */ .SearchField, .SearchResultSummary .ListItemTitle a { display: block; /* background-color: #454762; */ /* Added by KK */ background-color: transparent; padding: 8px 12px; } .SearchField label { font-size: 120%; color: #ff623f; } .SearchResultSummary .ListItemTitle a { text-decoration: none; color: #151515 !important; margin: -4px -7px 0; } .SearchResultSummary .ListItemTitle a:hover { /* background-color: #303144; text-decoration: underline;*/ /* Added by KK */ background-color: transparent; color: #0068A6 !important; text-decoration: none !important; } /* ---------- BEGIN KK EVENT DETAIL DISPLAY CSS ----------- ========================================================================== */ .spacer-30 { height: 30px; } .spacer-48 { height: 48px; } .spacer-72 { height: 72px; } .spacer-96 { height: 96px; } .section-head { display: flex; align-items: center; justify-content: space-between; } .section-head__title .heading-3 { font-family: halyard-display, arial, sans-serif; font-weight: 500; font-style: normal; color: #0068A6; } h3, .heading-3 { font-size: 48px; } h5, .heading-5 { font-size: 28px; font-family: halyard-display, arial, sans-serif; font-weight: 500; font-style: normal; color: #0068A6; } .agenda__content { justify-content: space-between; align-items: flex-start; border-top: 1px solid rgba(5, 42, 97, 0.20); padding: 17px 0 19px 0; } .d-flex { display: flex; } .agenda__content--left { font-family: halyard-text, arial, sans-serif; font-weight: 600; font-style: normal; width: 165px; } .agenda__content--right { width: calc(100% - 215px); } .employer__boxes--single { margin-bottom: 24px; } .employer__boxes--single:last-child { margin-bottom: 0; } .employer__area { display: flex; justify-content: space-between; } .employer__img { max-width: 185px; aspect-ratio: 185/198; line-height: 0.65; -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 96% 100%, 0% 100%, 0% 100%); clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 96% 100%, 0% 100%, 0% 100%); } .employer__content { width: calc(100% - 215px); padding-top: 9px; } .employer__name .heading-5 { margin-bottom: 0; } h5, .heading-5 { font-size: 28px; font-family: halyard-display, arial, sans-serif; font-weight: 500; font-style: normal; color: #0068A6; } .employer__detail { margin-top: 19px; font-size: 18px; } .section-head__title .heading-4 { font-weight: 500; font-size: 34px; color: #0068A6; } .inset-border::before, .inset-border::after { position: absolute; content: ""; border-radius: 6px; top: -1px; left: -1px; width: calc(100% + 2px); height: calc(100% + 2px); background-color: rgba(5, 42, 97, 0.05); box-sizing: border-box; display: block; transition: all 0.3s ease-in-out; } .inset-border { position: relative; } .inset-border::after { top: 4px; } .faq__single { margin-bottom: 16px; } .faq__single::after { top: 4px !important; } .faq__single--inner { border-radius: 6px; position: relative; z-index: 1; background-color: #ffffff; } .faq__single span { font-family: halyard-display, arial, sans-serif; font-weight: 500; font-style: normal; letter-spacing: .01em; font-size: 28px; line-height: 110%; position: relative; width: 100%; display: inline-block; cursor: pointer; box-sizing: border-box; padding: 24px 80px 24px 30px; transition: all 0.4s ease-in-out; } .faq__single span:hover, .faq__single span:focus { color: #0068A6; outline-color: transparent !important; } .faq__single span.active::before { transform: rotate(-45deg); } .faq__single span.active { color: #0068A6; padding-bottom: 12px; } .faq__single span::before { content: ""; position: absolute; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzIwMDNfMTgyNDMpIj4KPHJlY3QgeD0iOSIgd2lkdGg9IjIiIGhlaWdodD0iMjAiIGZpbGw9IiMwMDY4QTYiLz4KPHJlY3QgeT0iMTEiIHdpZHRoPSIyIiBoZWlnaHQ9IjIwIiB0cmFuc2Zvcm09InJvdGF0ZSgtOTAgMCAxMSkiIGZpbGw9IiMwMDY4QTYiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8yMDAzXzE4MjQzIj4KPHJlY3Qgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=); background-repeat: no-repeat; width: 20px; height: 20px; background-size: 20px; top: 30px; right: 30px; transition: all 0.4s ease-in-out; } .faq__single--inner::after { position: absolute; content: ""; bottom: -6px; right: -1px; width: 22px; height: 26px; background-repeat: no-repeat; background-size: cover; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAyMiAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzIyMDJfMjYyMDcpIj4KPHJlY3Qgd2lkdGg9IjIyIiBoZWlnaHQ9IjI2IiBmaWxsPSIjRUFGN0ZGIi8+CjxnIGZpbHRlcj0idXJsKCNmaWx0ZXIwX2RfMjIwMl8yNjIwNykiPgo8bWFzayBpZD0icGF0aC0xLW91dHNpZGUtMV8yMjAyXzI2MjA3IiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSItMTI0MCIgeT0iLTY4IiB3aWR0aD0iMTI2MiIgaGVpZ2h0PSI4OSIgZmlsbD0iYmxhY2siPgo8cmVjdCBmaWxsPSJ3aGl0ZSIgeD0iLTEyNDAiIHk9Ii02OCIgd2lkdGg9IjEyNjIiIGhlaWdodD0iODkiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0tMTIzMyAtNjdDLTEyMzYuMzEgLTY3IC0xMjM5IC02NC4zMTM3IC0xMjM5IC02MVYxNEMtMTIzOSAxNy4zMTM3IC0xMjM2LjMxIDIwIC0xMjMzIDIwSDAuMDI5NDM3QzMuMjEyMDMgMjAgNi4yNjQyOCAxOC43MzU3IDguNTE0NzIgMTYuNDg1M0wxNy40ODUzIDcuNTE0NzJDMTkuNzM1NyA1LjI2NDI4IDIxIDIuMjEyMDQgMjEgLTAuOTcwNTYzVi02MUMyMSAtNjQuMzEzNyAxOC4zMTM3IC02NyAxNSAtNjdILTEyMzNaIi8+CjwvbWFzaz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0tMTIzMyAtNjdDLTEyMzYuMzEgLTY3IC0xMjM5IC02NC4zMTM3IC0xMjM5IC02MVYxNEMtMTIzOSAxNy4zMTM3IC0xMjM2LjMxIDIwIC0xMjMzIDIwSDAuMDI5NDM3QzMuMjEyMDMgMjAgNi4yNjQyOCAxOC43MzU3IDguNTE0NzIgMTYuNDg1M0wxNy40ODUzIDcuNTE0NzJDMTkuNzM1NyA1LjI2NDI4IDIxIDIuMjEyMDQgMjEgLTAuOTcwNTYzVi02MUMyMSAtNjQuMzEzNyAxOC4zMTM3IC02NyAxNSAtNjdILTEyMzNaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNLTEyMzggLTYxQy0xMjM4IC02My43NjE0IC0xMjM1Ljc2IC02NiAtMTIzMyAtNjZWLTY4Qy0xMjM2Ljg3IC02OCAtMTI0MCAtNjQuODY2IC0xMjQwIC02MUgtMTIzOFpNLTEyMzggMTRWLTYxSC0xMjQwVjE0SC0xMjM4Wk0tMTIzMyAxOUMtMTIzNS43NiAxOSAtMTIzOCAxNi43NjE0IC0xMjM4IDE0SC0xMjQwQy0xMjQwIDE3Ljg2NiAtMTIzNi44NyAyMSAtMTIzMyAyMVYxOVpNMC4wMjk0MzcgMTlILTEyMzNWMjFIMC4wMjk0MzdWMTlaTTE2Ljc3ODIgNi44MDc2MUw3LjgwNzYxIDE1Ljc3ODJMOS4yMjE4MiAxNy4xOTI0TDE4LjE5MjQgOC4yMjE4M0wxNi43NzgyIDYuODA3NjFaTTIwIC02MVYtMC45NzA1NjNIMjJWLTYxSDIwWk0xNSAtNjZDMTcuNzYxNCAtNjYgMjAgLTYzLjc2MTQgMjAgLTYxSDIyQzIyIC02NC44NjYgMTguODY2IC02OCAxNSAtNjhWLTY2Wk0tMTIzMyAtNjZIMTVWLTY4SC0xMjMzVi02NlpNMTguMTkyNCA4LjIyMTgzQzIwLjYzMDQgNS43ODM4NSAyMiAyLjQ3NzI1IDIyIC0wLjk3MDU2M0gyMEMyMCAxLjk0NjgyIDE4Ljg0MTEgNC43NDQ3MSAxNi43NzgyIDYuODA3NjFMMTguMTkyNCA4LjIyMTgzWk0wLjAyOTQzNyAyMUMzLjQ3NzI1IDIxIDYuNzgzODUgMTkuNjMwNCA5LjIyMTgyIDE3LjE5MjRMNy44MDc2MSAxNS43NzgyQzUuNzQ0NzEgMTcuODQxMSAyLjk0NjgyIDE5IDAuMDI5NDM3IDE5VjIxWiIgZmlsbD0iIzA1MkE2MSIgZmlsbC1vcGFjaXR5PSIwLjA1IiBtYXNrPSJ1cmwoI3BhdGgtMS1vdXRzaWRlLTFfMjIwMl8yNjIwNykiLz4KPC9nPgo8L2c+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2RfMjIwMl8yNjIwNyIgeD0iLTEyNDAiIHk9Ii02OCIgd2lkdGg9IjEyNjIiIGhlaWdodD0iOTQiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CjxmZU9mZnNldCBkeT0iNSIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwLjAyIDAgMCAwIDAgMC4xNjQgMCAwIDAgMCAwLjM4IDAgMCAwIDAuMDUgMCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9ImVmZmVjdDFfZHJvcFNoYWRvd18yMjAyXzI2MjA3Ii8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93XzIyMDJfMjYyMDciIHJlc3VsdD0ic2hhcGUiLz4KPC9maWx0ZXI+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMjIwMl8yNjIwNyI+CjxyZWN0IHdpZHRoPSIyMiIgaGVpZ2h0PSIyNiIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K); } .faq__content { padding: 0 30px 24px; display: none; } /* ---------- END KK EVENT DETAIL DISPLAY CSS ----------- ========================================================================== */ /* Event Display ========================================================================== */ .EventSummary { background-color: #f2f0f6; } .EventSummary .PhotoArea { padding: 2em; } .EventSummary .Description { padding: 0 2em 2em 2em; } @media (min-width: 768px) { .EventSummary .Description { padding-top: 2em; } } .EventSummary .PhotoArea img { border: 1px solid #ddd !important; } .ProgramGroup .PanelHead, .ProgramGroup .panel-heading { background-color: #303144; } .ProgramGroup .PanelTitle, .ProgramGroup .panel-title { font-family: halyard-text, Helvetica, sans-serif; font-weight: bold; font-size: 120%; line-height: 2em; padding-left: .5em; color: #fff; } .ProgramGroup .PanelBody, .ProgramGroup .panel-body { padding: 0; } /* Product Display ========================================================================== */ .ProductDisplay { /* background-color: #f2f0f6; */ /* padding: 1em; */ /* Added by KK */ background-color: transparent; padding: 0; } .ProductDisplay .ProductImageArea { text-align: center; /* padding: 1em; */ /* Added by KK from UltraWaveResponsive */ padding: 0; } .Horizontal .ProductDisplay .ProductDetails { /* padding: 1em; */ /* Added by KK from UltraWaveResponsive */ padding: 0 0 0 1em; } /* Progress Tracker ========================================================================== */ /* These are overrides for the colors and styles defined in 10-UltraWave.css */ /* */ .ProgressTracker .count { font-weight: bold; } .ProgressTracker .SuccessfulMessage, .ProgressTracker .ProgressBar>span { background-color: #151515; } .ProgressTrackerNavigation:hover { border-radius: 22px; box-shadow: 0 2px 3px 0px #999999; border-color: #999999; opacity: 0.9; cursor: pointer; } /* */ /* */ .ProgressTracker2 .ProgressTrackerPanel { background-color: #303144; } .ProgressTracker2 .ProgressTrackerPanel::after { display: block; clear: both; content: ""; } .ProgressTracker2 .ProgressTrackerPanel .count { color: #fff; font-family: halyard-text, Helvetica, sans-serif; font-weight: 500; } .ProgressTracker2 div p { background-color: #f2f0f6; color: #ff623f; margin-bottom: 0; } .ProgressTracker2 .ProgressBar { margin: 10px; } .ProgressTracker2 .ProgressBar>span { background-color: #70cbdb; } .ProgressTracker2 .SuccessfulMessage { background-color: #fcccc2; color: #151515; } /* */ /* Filter Panel (Query Menu) ========================================================================== */ /* This is an alternate style for the Query Menu filter panel */ .FilterPanel { /* background-color: #f2f0f6; margin-top: -3px;*/ /* Added by KK */ background-color: transparent; border: none !important; margin-top: 20px; padding: 40px 60px 50px; border-bottom: 1px solid #151515 !important; } .FilterPanel .PanelTitle, .FilterPanel .panel-title { background-image: none; padding-left: 0.1em; line-height: normal; margin-left: 0; font-size: 148.2354%; } .FilterPanel .PanelHead.Distinguish, .FilterPanel .panel-heading.Distinguish { border: none; min-height: 1em; } /* Cart Charges ========================================================================== */ .CartCharges { /* background-color: #f2f0f6; */ /* Added by KK */ background-color: rgba(5, 42, 97, 0.07); } .CartCharges .PanelField { border-bottom: none; /* border-top: 1px solid #ddd; */ /* Added by KK */ border-top: 3px solid #eaf7ff; } .CartCharges .PanelField:first-child, .CartCharges .PanelField .GrandTotal { border-top: none; } .CartCharges .GrandTotal .PanelField { background-color: #fff; text-transform: uppercase; font-weight: bold; /* color: #00afcf; */ /* Added by KK */ color: #0068A6; } .CartCharges .GrandTotal .PanelField .Label { /* color: #00afcf; */ /* Added by KK */ color: #0068A6; } /* ========================================================================== TELERIK OVERRIDES ========================================================================== */ /* RadTabStrip ========================================================================== */ .RadTabStripTop_Metro .rtsLevel1, .RadTabStripTop_Metro .rtsLevel1 .rtsUL, .RadTabStrip_Metro .rtsLevel1, .RadTabStrip_Metro .rtsLevel1 .rtsUL { background-color: #151515 !important; } .RadTabStripTop_Metro .rtsLevel1 .rtsLink, .RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsLink, .RadTabStrip_Metro .rtsLevel1 .rtsLink, .RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsLink { text-transform: none; border: none; border-radius: 24px 24px 0 0; } .RadTabStripTop_Metro .rtsLevel1 .rtsSelected, .RadTabStripTop_Metro .rtsLevel1 .rtsLink:hover, .RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsSelected, .RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsLink:hover, .RadTabStrip_Metro .rtsLevel1 .rtsSelected, .RadTabStrip_Metro .rtsLevel1 .rtsLink:hover, .RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsSelected, .RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsLink:hover { border-color: #fff; } .RadTabStripTop_Metro .rtsLevel1 .rtsDisabled, .RadTabStripTop_Metro .rtsLevel1 .rtsDisabled:hover, .RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsDisabled, .RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsDisabled:hover, .RadTabStrip_Metro .rtsLevel1 .rtsDisabled, .RadTabStrip_Metro .rtsLevel1 .rtsDisabled:hover, .RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsDisabled, .RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsDisabled:hover { color: #dedede; border-color: transparent; } .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch { /* font-family: "Fauna One", Century, Cambria, Serif !important; font-weight: inherit; font-size: 22px !important; */ clear: both; /* added by kk */ font-family: halyard, Helvetica, sans-serif !important; font-weight: 500; font-size: 20px !important; } html .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected, html .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected:hover { border-color: #151515; background-color: #151515; } @media (max-width: 600px) { .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLI, .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLink, .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsUL, .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel { float: none; width: 100%; display: block; } html .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsLink { margin: 0; } } @media (max-width: 767px) { .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch { display: block; } .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch+.RadMultiPage { border-top-width: 0; } .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLink, .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsIn { text-align: center; } } @media (min-width: 601px) and (max-width: 767px) { .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLI { display: inline-block; float: left; } } /* On the account page, when secondary nav is present, display the tabs on top */ @media (min-width: 768px) { .account-page-with-banner .has-secondary-col .tabs-wrapper.tabs-left, .account-page-with-banner .has-secondary-col .tags-wrapper.tabs-right { display: block; } .account-page-with-banner .has-secondary-col .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLI { display: inline-block; float: left; } } .RadTabStrip, .RadTabStripVertical { padding: 10px 10px 0 10px; } .RadTabStrip_MetroTouch.RadTabStripBottom_MetroTouch .rtsLevel1 { border: none; } /* RadToolTip ========================================================================== */ /* Currently used by the QueryMenu iPart */ .RadToolTip_Telerik a:hover { background-color: #303144; } /* RadGrid ========================================================================== */ .RadGrid.RadGrid_MetroTouch, .RadGrid.RadGrid_Metro { color: #151515; } .RadGrid.RadGrid_MetroTouch .rgHeader, .RadGrid.RadGrid_MetroTouch .rgRow td, .RadGrid.RadGrid_MetroTouch .rgAltRow td, .RadGrid.RadGrid_MetroTouch .rgEditRow>td, .RadGrid.RadGrid_Metro .rgHeader, .RadGrid.RadGrid_Metro .rgRow td, .RadGrid.RadGrid_Metro .rgAltRow td, .RadGrid.RadGrid_Metro .rgEditRow>td { border-left-color: transparent; } .RadGrid.RadGrid_MetroTouch td.rgPagerCell, .RadGrid.RadGrid_Metro td.rgPagerCell { border-width: 0; } .RadGrid.RadGrid_MetroTouch .rgCommandRow, .RadGrid.RadGrid_Metro .rgCommandRow { background-color: transparent; } .RadGrid.RadGrid_MetroTouch .rgPagerCell .rgNumPart a.rgCurrentPage, .RadGrid.RadGrid_MetroTouch .rgPagerCell .rgNumPart a.rgCurrentPage, .RadGrid.RadGrid_MetroTouch .rgPagerCell .rgNumPart a.rgCurrentPage:hover, .RadGrid.RadGrid_MetroTouch .rgPagerCell .rgNumPart a:active, .RadGrid.RadGrid_MetroTouch .rgPagerCell .rgPagePrev:active, .RadGrid.RadGrid_MetroTouch .rgPagerCell .rgPageNext:active, .RadGrid.RadGrid_MetroTouch .rgPagerCell .rgPageFirst:active, .RadGrid.RadGrid_MetroTouch .rgPagerCell .rgPageLast:active, .RadGrid.RadGrid_MetroTouch .rgPager .rgPagerCell .rgPagerButton, .RadGrid.RadGrid_MetroTouch .rgPager .rgPagerCell .rgPagerButton:hover, .RadGrid.RadGrid_MetroTouch .rgPager .rgPagerCell .rgActionButton:hover, .RadGrid.RadGrid_Metro .rgPagerCell .rgNumPart a.rgCurrentPage, .RadGrid.RadGrid_Metro .rgPagerCell .rgNumPart a.rgCurrentPage, .RadGrid.RadGrid_Metro .rgPagerCell .rgNumPart a.rgCurrentPage:hover, .RadGrid.RadGrid_Metro .rgPagerCell .rgNumPart a:active, .RadGrid.RadGrid_Metro .rgPagerCell .rgPagePrev:active, .RadGrid.RadGrid_Metro .rgPagerCell .rgPageNext:active, .RadGrid.RadGrid_Metro .rgPagerCell .rgPageFirst:active, .RadGrid.RadGrid_Metro .rgPagerCell .rgPageLast:active, .RadGrid.RadGrid_Metro .rgPager .rgPagerCell .rgPagerButton, .RadGrid.RadGrid_Metro .rgPager .rgPagerCell .rgPagerButton:hover, .RadGrid.RadGrid_Metro .rgPager .rgPagerCell .rgActionButton:hover { /* background-color: #151515; */ /* border-color: #151515; */ text-decoration: none; color: #fff !important; /* Added by kk */ background-color: #0068A6 !important; border-color: #0068A6; margin-left: 10px; border-radius: 0; } /* ===================== */ /* Added by kk */ @media (min-width: 992px) { .RadGrid.RadGrid_MetroTouch .rgPagerCell .rgNumPart a.rgCurrentPage, .RadGrid.RadGrid_MetroTouch .rgPagerCell .rgNumPart a.rgCurrentPage { padding: 12px 10px 16px; } } .rgPagerButton { line-height: 0px; padding: 6px 6px 8px !important; height: auto !important } /* ===================== */ .RadGrid.RadGrid_MetroTouch .rgNumPart a, .RadGrid.RadGrid_MetroTouch .rgPagerCell .rgNumPart a, .RadGrid.RadGrid_Metro .rgNumPart a, .RadGrid.RadGrid_Metro .rgPagerCell .rgNumPart a { /* border-radius: 100%; line-height: 28px; padding: 0; border-color: transparent; */ /* Added by kk */ border-radius: 0%; line-height: 0px; padding: 12px 7px 16px; border-color: transparent; margin: 0 2px; } .RadGrid.RadGrid_MetroTouch .rgPager .rgPagerButton, .RadGrid.RadGrid_Metro .rgPager .rgPagerButton { /* border-radius: 24px; */ /* Added by KK */ border-radius: 0px; height: auto !important; background-color: #0068A6 !important; border: none !important; line-height: 1em !important; } .RadGrid.RadGrid_MetroTouch input.rgAdd, .RadGrid.RadGrid_MetroTouch input.rgRefresh, .RadGrid.RadGrid_MetroTouch .rgSave, .RadGrid.RadGrid_MetroTouch .rgCommandRow .rgCancel, .RadGrid.RadGrid_Metro input.rgAdd, .RadGrid.RadGrid_Metro input.rgRefresh, .RadGrid.RadGrid_Metro .rgSave, .RadGrid.RadGrid_Metro .rgCommandRow .rgCancel { background-color: #151515; } .RadGrid.RadGrid_MetroTouch input.rgAdd:hover, .RadGrid.RadGrid_MetroTouch input.rgRefresh:hover, .RadGrid.RadGrid_MetroTouch .rgSave:hover, .RadGrid.RadGrid_MetroTouch .rgCommandRow .rgCancel:hover, .RadGrid.RadGrid_Metro input.rgAdd:hover, .RadGrid.RadGrid_Metro input.rgRefresh:hover, .RadGrid.RadGrid_Metro .rgSave:hover, .RadGrid.RadGrid_Metro .rgCommandRow .rgCancel:hover { background-color: #fff; } .RadGrid.RadGrid_MetroTouch .rgInfoPart, .RadGrid.RadGrid_Metro .rgInfoPart { color: #151515; } .RadGrid.RadGrid_MetroTouch .rgMasterTable, .RadGrid.RadGrid_Metro .rgMasterTable { /* background-color: #fff; */ /* Added by KK */ background-color: transparent; } .RadGrid.RadGrid_MetroTouch .rgHeader, .RadGrid.RadGrid_MetroTouch .rgHeader:first-child, .RadGrid.RadGrid_MetroTouch th.rgResizeCol, .RadGrid.RadGrid_MetroTouch th.rgResizeCol:first-child, .RadGrid.RadGrid_MetroTouch .rgRow td, .RadGrid.RadGrid_MetroTouch .rgRow td:first-child, .RadGrid.RadGrid_MetroTouch .rgAltRow td, .RadGrid.RadGrid_MetroTouch .rgAltRow td:first-child, .RadGrid.RadGrid_MetroTouch .rgEditRow>td, .RadGrid.RadGrid_MetroTouch .rgEditRow>td:first-child, .RadGrid.RadGrid_MetroTouch .rgFooter td, .RadGrid.RadGrid_MetroTouch .rgFooter td:first-child, .RadGrid.RadGrid_MetroTouch .rgFilterRow td, .RadGrid.RadGrid_MetroTouch .rgFilterRow td:first-child, .RadGrid.RadGrid_MetroTouch .rgNoRecords td, .RadGrid.RadGrid_MetroTouch .rgNoRecords td:first-child, .RadGrid.RadGrid_Metro .rgHeader, .RadGrid.RadGrid_Metro .rgHeader:first-child, .RadGrid.RadGrid_Metro th.rgResizeCol, .RadGrid.RadGrid_Metro th.rgResizeCol:first-child, .RadGrid.RadGrid_Metro .rgRow td, .RadGrid.RadGrid_Metro .rgRow td:first-child, .RadGrid.RadGrid_Metro .rgAltRow td, .RadGrid.RadGrid_Metro .rgAltRow td:first-child, .RadGrid.RadGrid_Metro .rgEditRow>td, .RadGrid.RadGrid_Metro .rgEditRow>td:first-child, .RadGrid.RadGrid_Metro .rgFooter td, .RadGrid.RadGrid_Metro .rgFooter td:first-child, .RadGrid.RadGrid_Metro .rgFilterRow td, .RadGrid.RadGrid_Metro .rgFilterRow td:first-child, .RadGrid.RadGrid_Metro .rgNoRecords td, .RadGrid.RadGrid_Metro .rgNoRecords td:first-child { padding: 7px 12px; } .RadGrid.RadGrid_MetroTouch .rgRow td.rgExpandCol, .RadGrid.RadGrid_MetroTouch .rgRow td.rgExpandCol:first-child, .RadGrid.RadGrid_MetroTouch .rgAltRow td.rgExpandCol, .RadGrid.RadGrid_MetroTouch .rgAltRow td.rgExpandCol:first-child, .RadGrid.RadGrid_Metro .rgRow td.rgExpandCol, .RadGrid.RadGrid_Metro .rgRow td.rgExpandCol:first-child, .RadGrid.RadGrid_Metro .rgAltRow td.rgExpandCol, .RadGrid.RadGrid_Metro .rgAltRow td.rgExpandCol:first-child { /* reset the padding for expand/collapse column */ padding-left: 0; padding-right: 0; } .RadGrid.RadGrid_MetroTouch .rgGroupPanel, .RadGrid.RadGrid_MetroTouch .rgGroupPanel caption, .RadGrid.RadGrid_Metro .rgGroupPanel, .RadGrid.RadGrid_Metro .rgGroupPanel caption { background-color: #151515; } .RadGrid.RadGrid_MetroTouch .rgActiveRow td, .RadGrid.RadGrid_MetroTouch .rgActiveRow td.rgSorted, .RadGrid.RadGrid_MetroTouch .rgSelectedRow td, .RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted, .RadGrid.RadGrid_MetroTouch .rgMasterTable .rgActiveCell, .RadGrid.RadGrid_Metro .rgActiveRow td, .RadGrid.RadGrid_Metro .rgActiveRow td.rgSorted, .RadGrid.RadGrid_Metro .rgSelectedRow td, .RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted, .RadGrid.RadGrid_Metro .rgMasterTable .rgActiveCell { /* border-color: #151515; */ /* Added by KK */ border-color: rgba(5, 42, 97, 0.10); } *+html .RadGrid.RadGrid_MetroTouch .rgSelectedRow .rgSorted, * html .RadGrid.RadGrid_MetroTouch .rgSelectedRow .rgSorted, *+html .RadGrid.RadGrid_Metro .rgSelectedRow .rgSorted, * html .RadGrid.RadGrid_Metro .rgSelectedRow .rgSorted { background-color: #151515; } .RadGrid.RadGrid_MetroTouch .rgMasterTable .rgSelectedCell, .RadGrid.RadGrid_MetroTouch .rgSelectedRow, .RadGrid.RadGrid_MetroTouch td.rgEditRow .rgSelectedRow, .RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted, .RadGrid.RadGrid_MetroTouch th.rgSorted, .RadGrid.RadGrid_Metro .rgMasterTable .rgSelectedCell, .RadGrid.RadGrid_Metro .rgSelectedRow, .RadGrid.RadGrid_Metro td.rgEditRow .rgSelectedRow, .RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted, .RadGrid.RadGrid_Metro th.rgSorted { /* background-color: #151515; border-color: #151515; */ text-decoration: none; /* Added by kk */ background-color: #052A61; border-color: #052A61; } .RadGrid.RadGrid_MetroTouch .rgMasterTable .rgSelectedCell a, .RadGrid.RadGrid_MetroTouch .rgSelectedRow a, .RadGrid.RadGrid_MetroTouch td.rgEditRow .rgSelectedRow a, .RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted a, .RadGrid.RadGrid_MetroTouch th.rgSorted a, .RadGrid.RadGrid_Metro .rgMasterTable .rgSelectedCell a, .RadGrid.RadGrid_Metro .rgSelectedRow a, .RadGrid.RadGrid_Metro td.rgEditRow .rgSelectedRow a, .RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted a, .RadGrid.RadGrid_Metro th.rgSorted a { color: #fff !important; } /* RadComboBox ========================================================================= */ .RadComboBox .rcbActionButton .t-font-icon { font: 16px/1 "TelerikWebUI"; } /* RadDataPager ========================================================================== */ .RadDataPager.RadDataPager_MetroTouch, .RadDataPager.RadDataPager_Metro { border: none; background-color: transparent; } .RadDataPager.RadDataPager_MetroTouch .rdpNumPart a.rdpCurrentPage, .RadDataPager.RadDataPager_MetroTouch .rdpNumPart a.rdpCurrentPage:hover, .RadDataPager.RadDataPager_MetroTouch .rdpPageFirst:hover, .RadDataPager.RadDataPager_MetroTouch .rdpPagePrev:hover, .RadDataPager.RadDataPager_MetroTouch .rdpPageNext:hover, .RadDataPager.RadDataPager_MetroTouch .rdpPageLast:hover, .RadDataPager.RadDataPager_MetroTouch .rdpPagerButton, .RadDataPager.RadDataPager_Metro .rdpNumPart a.rdpCurrentPage, .RadDataPager.RadDataPager_Metro .rdpNumPart a.rdpCurrentPage:hover, .RadDataPager.RadDataPager_Metro .rdpPageFirst:hover, .RadDataPager.RadDataPager_Metro .rdpPagePrev:hover, .RadDataPager.RadDataPager_Metro .rdpPageNext:hover, .RadDataPager.RadDataPager_Metro .rdpPageLast:hover, .RadDataPager.RadDataPager_Metro .rdpPagerButton { background-color: #151515; border-color: #151515; } /* RadScheduler ========================================================================== */ .RadScheduler.RadScheduler_Metro .rsAptIn { border-top: none; } .RadScheduler.RadScheduler_Metro .rsHeader { border-color: #151515; background-color: #151515; } .RadScheduler.RadScheduler_Metro .rsHeader ul a { border-color: #151515; } .RadScheduler.RadScheduler_Metro .rsHeader h2 { font-family: halyard-text, Helvetica, sans-serif; font-weight: bold; color: #fff; text-transform: none; border-bottom: none; } /* RadMenu ========================================================================== */ .RadMenu.RadMenu_Metro.RadMenu, .RadMenu.RadMenu_MetroTouch.RadMenu { font-family: inherit; font-weight: normal; } .RadMenu.RadMenu_Metro, .RadMenu.RadMenu_Metro .rmRootLink, .RadMenu.RadMenu_MetroTouch, .RadMenu.RadMenu_MetroTouch .rmRootLink { text-transform: none; color: #ffffff; } .RadMenu.RadMenu_Metro div.rmRootGroup, .RadMenu.RadMenu_Metro ul.rmRootGroup, .RadMenu.RadMenu_MetroTouch div.rmRootGroup, .RadMenu.RadMenu_MetroTouch ul.rmRootGroup { background-color: #ff623f; } .RadMenu.RadMenu_Metro .rmRootLink, .RadMenu.RadMenu_MetroTouch .rmRootLink { border-color: #ff623f; } .RadMenu.RadMenu_Metro .rmDisabled, .RadMenu.RadMenu_Metro .rmDisabled:hover, .RadMenu.RadMenu_MetroTouch .rmDisabled, .RadMenu.RadMenu_MetroTouch .rmDisabled:hover { border-color: #ff623f; } .RadMenu.RadMenu_Metro .rmGroup .rmFocused, .RadMenu.RadMenu_Metro .rmGroup .rmFocused:hover, .RadMenu.RadMenu_Metro .rmGroup .rmSelected, .RadMenu.RadMenu_Metro .rmGroup .rmSelected:hover, .RadMenu.RadMenu_Metro .rmGroup .rmLink.rmSelected, .RadMenu.RadMenu_Metro .rmGroup .rmLink.rmSelected:hover, .RadMenu.RadMenu_Metro .rmGroup .rmExpanded, .RadMenu.RadMenu_Metro .rmGroup .rmExpanded:hover, .RadMenu.RadMenu_MetroTouch .rmGroup .rmFocused, .RadMenu.RadMenu_MetroTouch .rmGroup .rmFocused:hover, .RadMenu.RadMenu_MetroTouch .rmGroup .rmSelected, .RadMenu.RadMenu_MetroTouch .rmGroup .rmSelected:hover, .RadMenu.RadMenu_MetroTouch .rmGroup .rmLink.rmSelected, .RadMenu.RadMenu_MetroTouch .rmGroup .rmLink.rmSelected:hover, .RadMenu.RadMenu_MetroTouch .rmGroup .rmExpanded, .RadMenu.RadMenu_MetroTouch .rmGroup .rmExpanded:hover { border-color: #ff623f; background-color: #ff623f; color: #FFF !important; } .RadMenu .rmLeftImage { min-width: 8px !important; border: 0 !important; float: none !important; margin: -4px 0 0 -7px !important; } .RadMenu_MetroTouch .rmRootGroup .rmLeftImage { margin-top: 10px !important; } /* RadWindow ========================================================================== */ .RadWindow.RadWindow_MetroTouch .rwTitleRow em { font-family: inherit; font-weight: normal; margin: 8px 10px; } .RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTitlebar, .RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTopLeft, .RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTopRight { background-color: #151515; } .RadWindow.RadWindow_MetroTouch .rwTitleRow td.rwWindowContent a.rwPopupButton:active, .RadWindow.RadWindow_MetroTouch .rwTitleRow td.rwWindowContent a.rwPopupButton:focus { border-color: #151515; background-color: #151515; } .RadWindow.RadWindow_MetroTouch .rwTable ul.rwControlButtons { margin-top: 7px; } .RadWindow.RadWindow_MetroTouch .rwControlButtons a:focus { border-color: #fff; border-radius: 50%; /* override setting from UltraWave */ outline: none; } .RadWindow.RadWindow_MetroTouch td.rwBodyLeft, .RadWindow.RadWindow_MetroTouch td.rwBodyRight, .RadWindow.RadWindow_MetroTouch .rwFooterCenter, .RadWindow.RadWindow_MetroTouch .rwFooterLeft, .RadWindow.RadWindow_MetroTouch .rwFooterRight { background: #f2f0f6; } .RadWindow.RadWindow_Metro .rwTitlebar, .RadWindow.RadWindow_Metro .rwTopLeft, .RadWindow.RadWindow_Metro .rwTopRight, .RadWindow.RadWindow_Metro .rwTopResize, .RadWindow.RadWindow_Metro .rwControlButtons a { background-color: #151515; } .RadWindow.RadWindow_Metro .rwControlButtons a { border-color: #151515; } .RadWindow.RadWindow_Metro .rwControlButtons a:focus { /* give the refresh, expand, close buttons an outline when focused */ box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.7); /* needed for IE9 compability */ border-collapse: separate; /* override setting from UltraWave */ outline: none; } .RadWindow.RadWindow_Metro table.rwTitlebarControls em { text-transform: none; } /* RadTreeView ========================================================================== */ .RadTreeView.RadTreeView_Vista .rtLI { padding: 0; } .RadTreeView.RadTreeView_Vista .rtPlus, .RadTreeView.RadTreeView_Vista .rtMinus { margin: 5px 6px 0 -17px; width: 11px; height: 11px; border-width: 0; left: auto; top: auto; } /* RadPicker ========================================================================== */ /* Date and Time selectors */ .RadCalendar.RadCalendar_Metro, .RadCalendar.RadCalendar_Metro .rcMainTable, .RadCalendar.RadCalendar_MetroTouch, .RadCalendar.RadCalendar_MetroTouch .rcMainTable { font-family: inherit; font-weight: inherit; } .RadCalendar.RadCalendar_Metro .rcFastPrev:hover, .RadCalendar.RadCalendar_Metro .rcPrev:hover, .RadCalendar.RadCalendar_Metro .rcNext:hover, .RadCalendar.RadCalendar_Metro .rcFastNext:hover, .RadCalendar.RadCalendar_MetroTouch .rcFastPrev:hover, .RadCalendar.RadCalendar_MetroTouch .rcPrev:hover, .RadCalendar.RadCalendar_MetroTouch .rcNext:hover, .RadCalendar.RadCalendar_MetroTouch .rcFastNext:hover { border-color: #151515; } .RadCalendar.RadCalendar_Metro .rcFastPrev:hover:before, .RadCalendar.RadCalendar_Metro .rcPrev:hover:before, .RadCalendar.RadCalendar_Metro .rcNext:hover:before, .RadCalendar.RadCalendar_Metro .rcFastNext:hover:before, .RadCalendar.RadCalendar_MetroTouch .rcFastPrev:hover:before, .RadCalendar.RadCalendar_MetroTouch .rcPrev:hover:before, .RadCalendar.RadCalendar_MetroTouch .rcNext:hover:before, .RadCalendar.RadCalendar_MetroTouch .rcFastNext:hover:before { color: #151515; } .RadCalendar.RadCalendar_Metro .rcRow .rcToday a, .RadCalendar.RadCalendar_MetroTouch .rcRow .rcToday a { border-color: #151515; } .RadCalendar.RadCalendar_Metro .rcMain .rcRow .rcSelected a, .RadCalendar.RadCalendar_MetroTouch .rcMain .rcRow .rcSelected a { border-color: #151515; background: #151515; } .RadCalendar.RadCalendar_MetroTouch .rcRow a, .RadCalendar.RadCalendar_MetroTouch .rcRow span { /* The Sunday column is not rendering correctly because it's in a instead of a . This corrects the issue. */ display: block; padding: .08em .4em; text-decoration: none; outline: 0; } .RadCalendar.RadCalendar_MetroTouch .rcMain .rcRow th { font-size: 100%; padding: 0; } .RadCalendar.RadCalendar_Metro .rcRow a, .RadCalendar.RadCalendar_Metro .rcRow span { display: block; padding: 0 .6em; text-decoration: none; outline: 0; } .RadCalendar.RadCalendar_Metro .rcMain .rcRow th { padding: 0; } .RadCalendarMonthView.RadCalendarMonthView_Metro, .RadCalendarMonthView.RadCalendarMonthView_Metro .rcButtons input, .RadCalendarMonthView.RadCalendarMonthView_MetroTouch, .RadCalendarMonthView.RadCalendarMonthView_MetroTouch .rcButtons input { font-family: inherit; font-weight: inherit; } .RadCalendarMonthView.RadCalendarMonthView_Metro .rcSelected a, .RadCalendarMonthView.RadCalendarMonthView_MetroTouch .rcSelected a { background: #151515; border-color: #151515; } .RadCalendarMonthView.RadCalendarMonthView_MetroTouch #rcMView_Today { background: #151515; border-color: #151515; } .RadCalendarTimeView.RadCalendarTimeView_Metro, .RadCalendarTimeView.RadCalendarTimeView_MetroTouch { font-family: inherit; font-weight: inherit; } .RadCalendarTimeView.RadCalendarTimeView_Metro td.rcSelected a, .RadCalendarTimeView.RadCalendarTimeView_MetroTouch td.rcSelected a { border-color: #151515; background: #151515; } .RadPicker.RadPicker_Metro .rcCalPopup:hover, .RadPicker.RadPicker_Metro .rcCalPopup:focus, .RadPicker.RadPicker_Metro .rcCalPopup:active, .RadPicker.RadPicker_Metro .rcTimePopup:hover, .RadPicker.RadPicker_Metro .rcTimePopup:focus, .RadPicker.RadPicker_Metro .rcTimePopup:active, .RadPicker.RadPicker_MetroTouch .rcCalPopup:hover, .RadPicker.RadPicker_MetroTouch .rcCalPopup:focus, .RadPicker.RadPicker_MetroTouch .rcCalPopup:active, .RadPicker.RadPicker_MetroTouch .rcTimePopup:hover, .RadPicker.RadPicker_MetroTouch .rcTimePopup:focus, .RadPicker.RadPicker_MetroTouch .rcTimePopup:active { color: GetBestContextualTextColor(#151515); background-color: #151515; } .RadPicker .rcCalPopup, .RadPicker .rcTimePopup { width: inherit; text-indent: inherit; border-top-right-radius: 24px; border-bottom-right-radius: 24px; } .RadPicker .RadInput { /* border-radius: 24px;*/ /* Added by KK */ border-radius: 0; } /* ========================================================================== JUMBOTRON ========================================================================== */ /* Home page full width banners */ /* Home page full width area ========================================================================== */ /* This is for the full width area of the Cities and Cities_Responsive home page. * It uses a content area to acheive the full width */ .HomePageFullWidthArea .ContentItemContainer .panel:not(.panel-border), .HomePageFullWidthArea .ContentItemContainer div .panel:not(.panel-border) { /* if borders are not turned on don't leave the space for them */ border-width: 0; } .HomePageFullWidthArea .ContentItemContainer .panel .panel-body-container .panel-body, .HomePageFullWidthArea .ContentItemContainer div .panel .panel-body-container .panel-body { /* Turn off the padding on iPart panels */ padding: 0; } /* Header backgrounds ========================================================================== */ .header-bg { background-color: #151515; } .header-dark .header-bg { background-color: #222; } .carousel .img-copyright, .carousel2 .img-copyright { width: 100%; text-align: right; font-size: 70%; } .carousel .img-copyright a, .carousel .img-copyright a:hover, .carousel .img-copyright a:focus, .carousel .img-copyright a:visited, .carousel .img-copyright a:active, .carousel2 .img-copyright a, .carousel2 .img-copyright a:hover, .carousel2 .img-copyright a:focus, .carousel2 .img-copyright a:visited, .carousel2 .img-copyright a:active { color: #fff; } /* Carousel ========================================================================== */ /* Used by the Slideshow iPart */ .carousel, .carousel2, .HomePageFullWidthArea { position: relative; } .carousel h1, .carousel h2, .carousel h3, .carousel h4, .carousel h5, .carousel2 h1, .carousel2 h2, .carousel2 h3, .carousel2 h4, .carousel2 h5, .HomePageFullWidthArea h1, .HomePageFullWidthArea h2, .HomePageFullWidthArea h3, .HomePageFullWidthArea h4, .HomePageFullWidthArea h5 { font-weight: bold; display: inline-block; } @media (max-width: 991px) { .carousel h1, .carousel2 h1, .HomePageFullWidthArea h1 { font-size: 200%; } } .carousel .carousel-caption, .carousel2 .carousel-caption, .HomePageFullWidthArea .carousel-caption { padding: 1em; position: absolute; font-family: halyard-text, Helvetica, sans-serif; bottom: auto; top: calc(500px / 2); background-color: none; text-align: left; color: #fff; } .carousel .carousel-caption p, .carousel2 .carousel-caption p, .HomePageFullWidthArea .carousel-caption p { font-size: 22px; } .carousel .carousel-caption h1, .carousel2 .carousel-caption h1, .HomePageFullWidthArea .carousel-caption h1 { color: #fff; } .carousel .carousel-caption h1:after, .carousel2 .carousel-caption h1:after, .HomePageFullWidthArea .carousel-caption h1:after { display: none; } @media (min-width: 992px) { .carousel .carousel-caption, .carousel2 .carousel-caption, .HomePageFullWidthArea .carousel-caption { width: 40%; left: 15%; right: auto; } } @media (max-width: 991px) { .carousel .carousel-caption, .carousel2 .carousel-caption, .HomePageFullWidthArea .carousel-caption { width: 100%; position: static; margin: 0 auto; } } .Wrapper-HomePage .header { min-height: 100vh; } .Wrapper-HomePage .header-background-container { background-color: #888; /* fall back to make the header dark in case the carousel does not load */ } .Wrapper-HomePage .header-background-container:before { content: ''; display: block; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0) 100%); background-repeat: repeat-x; height: 6em; width: 100%; position: absolute; z-index: 1; } .Wrapper-HomePage .header-background-container .ContentItemContainer>.ContentItemContainer { content: ''; display: block; width: 100%; height: 100%; background: #151515; background: #151515 linear-gradient(27deg, #888 0%, #151515 30%, #ff623f 100%); } .Wrapper-HomePage .header-background-container .ContentItemContainer>.ContentItemContainer .bg-img-full-size { mix-blend-mode: multiply; } .Wrapper-HomePage .home-page-header-container { display: flex; flex-direction: column; height: 100%; justify-content: center; padding-top: 3em; padding-bottom: 3em; } .hero-caption, .carousel-caption { background-color: transparent; text-align: center; } .hero-caption h1, .carousel-caption h1 { font-size: 3.5rem; text-transform: uppercase; margin-bottom: 1rem; } .hero-caption h1 .text-large, .carousel-caption h1 .text-large { display: block; margin-top: 1rem; font-size: 5rem; } .hero-caption p.lead, .carousel-caption p.lead { font-size: 1.8rem; line-height: 1.5; } @media (min-width: 992px) { .hero-caption, .carousel-caption { width: 80%; margin-left: auto; margin-right: auto; max-width: 1380px; } .hero-caption h1, .carousel-caption h1 { font-size: 5rem; } .hero-caption h1 .text-large, .carousel-caption h1 .text-large { font-size: 6.5rem; } .hero-caption p.lead, .carousel-caption p.lead { font-size: 2rem; } } @media (min-width: 992px) { .hero-caption h1, .carousel-caption h1 { font-size: 7rem; } .hero-caption h1 .text-large, .carousel-caption h1 .text-large { font-size: 8.8rem; } .hero-caption p.lead, .carousel-caption p.lead { font-size: 2.8rem; } } .carousel-hero-dark .carousel-caption, .carousel-hero-dark .carousel-caption h1, .carousel-hero-dark .carousel-caption h2, .carousel-hero-dark .carousel-caption h3, .carousel-hero-dark .carousel-caption h4, .carousel-hero-dark .carousel-caption h5, .hero-dark .hero-caption, .hero-dark .hero-caption h1, .hero-dark .hero-caption h2, .hero-dark .hero-caption h3, .hero-dark .hero-caption h4, .hero-dark .hero-caption h5 { color: #fff; } .carousel-hero-dark .carousel-caption a:not(.TextButton), .hero-dark .hero-caption a:not(.TextButton) { color: #fff; text-decoration: underline; } .header-display-page-title header.header .internal-header-container { align-self: center; text-align: center; } .header-display-page-title header.header .internal-header-container .header-title-banner { padding-top: 3em; padding-bottom: 3em; background-repeat: no-repeat; background-position: 50% 10%; background-size: 200px; min-height: 200px; } .header-display-page-title header.header .internal-header-container .lead { max-width: 20em; margin-left: auto; margin-right: auto; } @media (min-width: 768px) { .header-display-page-title header.header .internal-header-container { padding-top: 4em; padding-bottom: 4em; } .header-display-page-title header.header .internal-header-container h1 { font-size: 4em; } } @media (min-width: 992px) { .header-display-page-title header.header .internal-header-container { padding-top: 5em; padding-bottom: 5em; } .header-display-page-title header.header .internal-header-container h1 { font-size: 5.5em; } .header-display-page-title header.header .internal-header-container .lead { font-size: 2em; } } .interior-img-splash { display: grid; align-items: end; } .interior-img-splash .img-primary-container, .interior-img-splash .img-secondary-container, .interior-img-splash .splash-text { grid-column: 1; grid-row: 1; max-height: 70vh; } .interior-img-splash .img-inner { width: 100%; height: 100%; } .interior-img-splash .splash-text { z-index: 3; padding: 10px; color: #fff; } .interior-img-splash .splash-text h2 { color: #fff; } @media (max-width: 991px) { .interior-img-splash .img-secondary-container { display: none; } } @media (min-width: 992px) { .interior-img-splash { grid-template-columns: 2fr 1fr 1fr; grid-template-rows: 2fr auto 1fr; align-items: start; } .interior-img-splash img { object-fit: cover !important; object-position: 50% 50%; width: 100%; max-width: initial; height: 100% !important; } .interior-img-splash .img-primary-container { grid-column: 1 / span 2; grid-row: 1 /span 2; width: 100%; height: 100%; } .interior-img-splash .img-secondary-container { grid-column: 2 / span 2; grid-row: 2 / span 2; width: 100%; height: 100%; } .interior-img-splash .splash-text { grid-column: 1 / span 3; grid-row: 2; margin-left: 8em; margin-top: 3em; } .interior-img-splash .splash-text h2 { font-size: 2.8em; } .interior-img-splash .splash-text h2 span { font-size: 115%; } .interior-img-splash .splash-text .lead { font-size: 2em; } } .parallax-container { position: relative; } .parallax-container .js-parallax-up { position: absolute; } /* ========================================================================== COMMUNITIES ========================================================================== */ /* Community left nav */ .CommunityLinksBlock a { color: #151515; } .CommunityLinksBlock a:hover { background-color: #fff; color: #151515; text-decoration: none; } .CommunityLinksBlock a.CommunityLinksSelected, .CommunityLinksBlock a.CommunityLinksSelected:hover { background-color: #160c94; color: White; font-weight: bold; text-decoration: none; } /* Community breadcrumb */ .BreadCrumbCurrent { font-size: 120%; font-weight: bold; } /*** Communities common elements ***/ .CommunityItemActionLinks a:hover { background-color: #160c94; } .CommunityItemTitle { font-size: 110%; padding: .25em 0; } .CommunityProfilePicture img { /* border-radius: 24px;*/ /* Added by KK */ border-radius: 0; } .CommunityReplyForm, .CommunityCommentItem { background: #f2f2f2; border-left: 10px solid #ddd; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); } .CommunityWikiItem .CommunityRepeaterList .CommunityCommentItem { background: #f2f2f2; } /* For adding comments */ .CommunityWikiReplyForm { background: #f2f2f2; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); } /*****************************************************/ /* Donor Sample Site Styles */ /*****************************************************/ /* These styles are used in the Donor sample site */ .DonorBannerInterior { overflow: hidden; height: 275px; position: relative; } .DonorBannerTextBackgroundHome { background: none repeat scroll 0 0 #191919; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4); float: right; height: 292px; width: 450px; margin: 20px; } .DonorBannerTextBackgroundInterior { background: none repeat scroll 0 0 #191919; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4); float: right; height: 236px; width: 450px; margin: 20px; } .DonorBannerTextBackgroundHome h1, .DonorBannerTextBackgroundInterior h1 { color: #fff; font-size: 280%; background: none; margin: 0.4em; } .DonorBannerTextBackgroundHome p, .DonorBannerTextBackgroundInterior p { color: #fff; font-size: 120%; line-height: 1.6em; margin: 1em; padding: 0.4em; } /**** End Donor Sample Site Styles ****/ /* ========================================================================== MISCELLANEOUS ========================================================================== */ /* Classes that can be used for iParts and HTML content */ /* Titles */ h1.BigHeader, .h1.BigHeader { background-color: transparent; color: #151515; } /* Use class ContentBlockPrimary to give a block of content extra emphasis */ .ContentBlockPrimary { padding: 20px; background-color: #f2f0f6; } /* Make the titles on secondary columns smaller - used on the Member home page */ .SecondaryColumn h2, .SecondaryColumn .PanelTitle, .SecondaryColumn .panel-title { font-family: inherit; font-weight: bold; font-size: 90%; color: #333333; text-transform: uppercase; } .SecondaryColumn h2, .SecondaryColumn .PanelHead, .SecondaryColumn .TitleBarCaption, .SecondaryColumn .panel-heading { border-bottom: none; } .SecondaryColumn h4, .SecondaryColumn .PanelHead, .SecondaryColumn .TitleBarCaption, .SecondaryColumn .panel-heading { color: #000; } .SecondaryColumn .PanelHead, .SecondaryColumn .panel-heading { padding: 0 4px; } .SecondaryColumn .PanelField label, .SecondaryColumn .PanelField .Label, .SecondaryColumn .PanelField .PanelFieldLabel, .SecondaryColumn .PanelField .PanelFieldValue { text-align: unset; float: none; width: auto; } .SecondaryColumn .CommunityBlogItem { padding: 0 0 0 10px; } .SecondaryColumn .CommunityBlogItem .PanelFieldValue { padding: 0; } .SecondaryColumn .CommunityItemTitle { font-weight: normal; font-size: inherit; } .SecondaryColumn .RadGrid .rgRow td, .SecondaryColumn .RadGrid .rgNoRecords td { padding: 4px; } /* Use class ContentBlockPictureArea to surround an image within a ContentBlockPrimary area */ .ContentBlockPictureArea, .ContentBlockLeft { width: 250px; float: left; margin-right: .5em; margin-bottom: .5em; } .ContentBlockPictureArea.FloatRight, .ContentBlockLeft.FloatRight { float: right; margin-left: .5em; } .ContentBlockPictureArea img, .ContentBlockLeft img { max-width: 100%; height: auto !important; } .BlockList ul { margin: 0; padding: 0; } .BlockList li { list-style: none; } .BlockList a { display: block; text-decoration: none; padding: 20px; } .BlockList a:hover { background-color: #eae6f0; } .BlockList a span { text-decoration: underline; } .BlockList p { color: #151515; margin-bottom: 0; } .TaggedListColumns .TaggedListPanel { max-width: 1380px; margin-left: auto; margin-right: auto; display: flex; flex-wrap: wrap; justify-content: center; padding: 30px 0 0 30px; } .TaggedListColumns .TaggedListPanel .content-tagged-tall { float: none; border: 0 solid transparent; border-width: 0 30px 30px 0; } .TaggedListColumns .TaggedListPanel>div:last-child .TextButton { /* Hide the Next Button */ display: none; } /* Tagged list format, styled similar to BlockList */ .BlockTLItem { display: block; text-decoration: none; padding: 10px 0; } .BlockTLItem, .BlockList li { border-bottom: 1px solid #ddd; } .BlockTLItem h4, .BlockList h4 { font-size: 110%; font-weight: normal; } /* Tall tagged list items */ /* Best when used in conjunction with the TaggedListColumns class in the Zone CSS */ .content-tagged-tall { min-width: 15em; max-width: 33.3333333333%; float: left; } .content-tagged-tall:first-child { margin-left: 0; } .content-tagged-tall a:not(.TextButton) { text-decoration: none; } .content-tagged-tall a:not(.TextButton), .content-tagged-tall a:not(.TextButton):visited { color: #00afcf; } .content-tagged-tall a:not(.TextButton):hover, .content-tagged-tall a:not(.TextButton):focus, .content-tagged-tall a:not(.TextButton):active { color: #008da6; } .content-tagged-tall .item-image-wrapper { height: 15em; overflow: hidden; position: relative; } .content-tagged-tall .item-image-wrapper:after { content: ''; display: block; background-color: rgba(31, 32, 44, 0.2); position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all .2s ease; } .content-tagged-tall .item-image-wrapper img { object-fit: cover !important; object-position: 50% 50%; width: 100%; max-width: initial; height: 100% !important; } .content-tagged-tall .item-image-wrapper .item-image-inner { width: 100%; height: 100%; transition: all .2s ease; } .content-tagged-tall .item-description { padding: 10px; background-color: #fff; } .content-tagged-tall:hover .item-image-wrapper:after { opacity: 0; } .content-tagged-tall:hover .item-image-inner { transform: scale(1.1); } .content-tagged-tall:nth-child(2) { transition-delay: .2s !important; } .content-tagged-tall:nth-child(3) { transition-delay: .3s !important; } /* PublishDate and ReadMoreLink are used in the Block tagged list format */ .PublishDate { font-size: 85%; font-style: italic; } /* Use on the blockquote element for a styled quote */ .Quote { margin: 1.5em .7em 1.5em 0; padding: 1.5em .7em; quotes: "\201C" "\201D" "\201C" "\201D"; font-weight: normal; } .Quote:before { content: open-quote; margin-right: 0.25em; vertical-align: -0.4em; font-size: 500%; line-height: 0.1em; } .Quote p { display: inline; } .Quote cite { display: block; margin-left: 1em; margin-top: .5em; font-style: italic; } .Quote cite:before { content: "— "; } @media (min-width: 768px) { .Quote { font-size: 120%; } .Quote cite { font-size: 90%; margin-left: 2em; } } .QuoteStyle2 { border-left-color: #ff623f; } /* CalloutPanelField1 can be used as a wrapper for PanelFields, or on the PanelField directly, to callout the first label. */ .CalloutPanelField1 .PanelField label:first-child, .CalloutPanelField1.PanelField label:first-child, .CalloutPanelField1 .PanelField .Label:first-child, .CalloutPanelField1.PanelField .Label:first-child { position: relative; padding: 15px; margin: 0 0 1em; color: #fff; background: #00afcf; /*$callout1-bg*/ width: auto; border-radius: 3px; } .CalloutPanelField1 .PanelField label:first-child:after, .CalloutPanelField1.PanelField label:first-child:after, .CalloutPanelField1 .PanelField .Label:first-child:after, .CalloutPanelField1.PanelField .Label:first-child:after { content: ""; position: absolute; bottom: -8px; /* value = - border-top-width - border-bottom-width */ left: 30px; /* controls horizontal position */ border-width: 8px 8px 0; /* vary these values to change the angle of the vertex */ border-style: solid; border-color: #00afcf transparent; /*$callout1-bg*/ /* reduce the damage in FF3.0 */ display: block; width: 0; } /* TotalBox can be used as a wrapper for PanelFields, or on the PanelField directly, to visually distinguish a calculated total. */ .TotalBox { border-color: #ddd; } .TotalBox label { background-color: #00afcf; color: #fff; padding: .25em .75em; } /* Add zone style "CCOGrayBg" to give CCO content a gray background */ .CCOGrayBg .RadMultiPage { background-color: #f2f0f6; } .CCOGrayBg .yui-g { float: none; } /* Add zone style "TitleBarNoBorder" to remove the bottom border from the title bar caption */ .TitleBarNoBorder .TitleBarCaption, .TitleBarNoBorder .PanelHead.Distinguish, .TitleBarNoBorder .panel-heading.Distinguish { border-bottom: none; } /* Use the FeatureText class to make a block of text larger for emphasis */ .FeatureText { color: #3f4159; font-size: 150%; line-height: 170%; } /* Use the CenterText class to center the text within the iPart */ .CenterText { text-align: center; } .FullWidthButtons .btn, .FullWidthButtons .TextButton { display: block; } /* Use class FeatureActionLink on a link to call attention to it */ a.FeatureActionLink { transition: all 0.2s ease-in; font-family: halyard-text, Helvetica, sans-serif; font-size: 110%; font-weight: 500; line-height: 1.5em; padding: 8px 0; text-decoration: none; } @media screen and (prefers-reduced-motion: reduce) { a.FeatureActionLink { transition: none; } } @media (min-width: 992px) { a.FeatureActionLink { font-size: 150%; } } a.FeatureActionLink:hover { text-decoration: underline; } /* Spotlight ========================================================================== */ /* Featured items display */ .Spotlight { text-align: center; } .Spotlight img, .Spotlight h4 { text-align: center; } @media (min-width: 768px) { .Spotlight .ImageWrapper { height: 160px; } } .Spotlight .TextButton, .Spotlight .btn { margin-top: 1em; } .Spotlight p { text-align: center; padding-top: 0.4em; } .Spotlight a img { transition: opacity 0.2s; } @media screen and (prefers-reduced-motion: reduce) { .Spotlight a img { transition: none; } } .Spotlight a img:hover { opacity: .8; } .SpotlightRow { margin-bottom: 1.2em; } .SpotlightRow::after { display: block; clear: both; content: ""; } @media (min-width: 768px) { .SpotlightRow.ThreeAcross .Spotlight { float: left; width: 33%; padding-left: 2%; padding-right: 2%; } } /* Feature Area ========================================================================== */ @media (min-width: 992px) { .feature-area { padding-top: 8em; padding-bottom: 6em; } } .my-lg, .mt-lg { margin-top: 4em; } .my-lg, .mb-lg { margin-bottom: 4em; } /* Feature Header ========================================================================== */ .feature-header { text-align: center; color: #151515; border-bottom: none; margin-bottom: .4em; font-size: 4rem; max-width: 25em; margin-left: auto; margin-right: auto; } .feature-lead { text-align: center; max-width: 20em; margin-left: auto; margin-right: auto; } /* Feature Link ========================================================================== */ .feature-link-with-image { margin-bottom: 1em; } .feature-link-with-image, .feature-link-with-image:hover, .feature-link-with-image:active, .feature-link-with-image:visited { text-decoration: none; color: #fff; } .feature-link-with-image .feature-link-wrapper { background-position: center center; background-repeat: no-repeat; background-size: cover; height: 17em; margin-bottom: 20px; } .feature-link-with-image .feature-link-text { height: 100%; padding: .8em; font-size: 110%; } @media (min-width: 480px) { .feature-link-with-image .feature-link-text { width: 45%; } } .feature-link-with-image .feature-link-text h1, .feature-link-with-image .feature-link-text h2, .feature-link-with-image .feature-link-text h3, .feature-link-with-image .feature-link-text h4, .feature-link-with-image .feature-link-text h5 { margin-top: 0; } .feature-link-with-image.feature-link-1 .feature-link-text { background-color: #00afcf; background-color: rgba(0, 175, 207, 0.75); } .feature-link-with-image.feature-link-1:hover .feature-link-text { background-color: #00849c; background-color: rgba(0, 132, 156, 0.75); } .feature-link-with-image.feature-link-2 .feature-link-text { background-color: #151515; background-color: rgba(31, 32, 44, 0.75); } .feature-link-with-image.feature-link-2:hover .feature-link-text { background-color: #0a0a0e; background-color: rgba(10, 10, 14, 0.75); } /* Line Thru ========================================================================== */ /* A small piece of text with a line on either side */ /* E.g. the "or" text on the sign in iPart (when social networking sign in is enabled) */ .LineThruBlock { border-bottom: 1px solid #ddd; } .LineThru { background-color: #f2f0f6; } /* Feature Text Inline ========================================================================== */ .feature-text-inline { color: #00afcf; } /* Header Links ========================================================================== */ .header-link { border-bottom: none; } .header-link a { text-decoration: none; } .header-link a, .header-link a:visited { color: #151515; } .header-link a:hover, .header-link a:active, .header-link a:focus { color: #0068A6; } /* Image Banners ========================================================================== */ /* use these classes to get a particular background image on an element */ .bg-img-conference-tall { background-color: #081337; background-image: url("../../images/samples/annualconference/conferencebannertall.jpg"); } .bg-img-conference-small { background-color: #081337; background-image: url("../../images/samples/Member/cairnsnight.jpg"); } .bg-img-tiger-tall { background-color: #04080B; background-image: url("../../images/samples/donor/tiger-tall.jpg"); background-position: center center; } .bg-img-red-panda { background-color: #57574b; background-image: url("../../images/samples/Donor/red-panda.jpg"); } .bg-img-tiger-swimming { background-color: #1c1705; background-image: url("../../images/samples/Donor/tiger-swimming.jpg"); } .bg-img-highland-cow { background-color: #e4e0cd; background-image: url("../../images/samples/Donor/highland-cow.jpg"); } .bg-img-volunteer-canoes { background-color: #8aa15b; background-image: url("../../images/samples/Donor/volunteer-canoes.jpg"); } .bg-img-elephant-with-mountains { background-color: #748610; background-image: url("../../images/samples/Donor/elephant-with-mountains.jpg"); } .bg-img-wildlife-refuge { background-color: #6d7f2d; background-image: url("../../images/samples/Donor/wildlife-refuge.jpg"); } .bg-img-poplar-trees { background-color: #737e23; background-image: url("../../images/samples/Donor/poplar-trees.jpg"); background-position: top center !important; } .bg-img-swamp { background-color: #bbbdb8; background-image: url("../../images/samples/Donor/swamp.jpg"); } .bg-img-roseate-terns { background-color: #8f9949; background-image: url("../../images/samples/Donor/roseate-terns.jpg"); background-position: center 88% !important; } .banner-tall, .banner-short { text-decoration: none; display: block; background-repeat: no-repeat; background-size: cover; position: relative; border-radius: 0; } .banner-tall, .banner-tall:visited, .banner-tall:active, .banner-tall:hover, .banner-tall:focus, .banner-tall h2, .banner-short, .banner-short:visited, .banner-short:active, .banner-short:hover, .banner-short:focus, .banner-short h2 { color: #fff; } .banner-text h2 { font-size: 100%; } .banner-tall { height: 500px; max-width: 300px; } .banner-tall .banner-text { position: absolute; bottom: 0; padding: 10px; background-color: #000; background-color: rgba(0, 0, 0, 0.75); border-radius: 0 0 5px 5px; } .banner-short { min-height: 150px; max-width: 300px; } .banner-short .banner-text { padding: 5px; min-height: 150px; background-color: #000; background-color: rgba(0, 0, 0, 0.2); border-radius: 5px; } /* Image Copyright Statements ========================================================================== */ .img-copyright { font-size: 70%; } /* Donation page enhancements ========================================================================== */ /* To enhance the display of a donation page, apply the donate-page class to the Donation Creator iPart's CSS Class */ .donate-page .GiftItemName { color: #00afcf; font-size: 230%; } .donate-page .GiftItemDescription { font-size: 125%; } .RelatedItemsHorizontalEffect li:hover { transform: scale(1.06); border-radius: 0; background-color: transparent; } /* Fix product name overlapping other content */ ul.RelatedItemsHorizontal li, .RelatedItemsHorizontal ul.rrItemsList li { height: auto; } /* Alt background colors ========================================================================== */ .AltBgColor1 { background-color: #f2f0f6; padding: 10px; } .AltBgColor2>.panel { background-color: #00abbe; } a:hover .AltBgColor2>.panel, a:active .AltBgColor2>.panel, a:focus .AltBgColor2>.panel { background-color: #009daf; } .AltBgColor2>.panel.panel-border { border-color: #0094a5; } .AltBgColor2>.panel, .AltBgColor2>.panel h2 { color: #000; } .AltBgColor2>.panel a, .AltBgColor2>.panel a:hover, .AltBgColor2>.panel a:active, .AltBgColor2>.panel a:focus, .AltBgColor2>.panel a:visited { color: #000; text-decoration: underline; } .AltBgColor2>.panel .ProgressBar>span { background-color: #000; } .AltBgColor3>.panel { background-color: #00afcf; } a:hover .AltBgColor3>.panel, a:active .AltBgColor3>.panel, a:focus .AltBgColor3>.panel { background-color: #00a2c0; } .AltBgColor3>.panel.panel-border { border-color: #0099b6; } .AltBgColor3>.panel, .AltBgColor3>.panel h2 { color: #000; } .AltBgColor3>.panel a, .AltBgColor3>.panel a:hover, .AltBgColor3>.panel a:active, .AltBgColor3>.panel a:focus, .AltBgColor3>.panel a:visited { color: #000; text-decoration: underline; } .AltBgColor3>.panel .ProgressBar>span { background-color: #000; } .AltBgColor4>.panel { background-color: #e98300; } a:hover .AltBgColor4>.panel, a:active .AltBgColor4>.panel, a:focus .AltBgColor4>.panel { background-color: #da7a00; } .AltBgColor4>.panel.panel-border { border-color: #d07500; } .AltBgColor4>.panel, .AltBgColor4>.panel h2 { color: #000; } .AltBgColor4>.panel a, .AltBgColor4>.panel a:hover, .AltBgColor4>.panel a:active, .AltBgColor4>.panel a:focus, .AltBgColor4>.panel a:visited { color: #000; text-decoration: underline; } .AltBgColor4>.panel .ProgressBar>span { background-color: #000; } .AltBgColor5>.panel { background-color: #8e51ae; } a:hover .AltBgColor5>.panel, a:active .AltBgColor5>.panel, a:focus .AltBgColor5>.panel { background-color: #854ca4; } .AltBgColor5>.panel.panel-border { border-color: #80499d; } .AltBgColor5>.panel, .AltBgColor5>.panel h2 { color: #fff; } .AltBgColor5>.panel a, .AltBgColor5>.panel a:hover, .AltBgColor5>.panel a:active, .AltBgColor5>.panel a:focus, .AltBgColor5>.panel a:visited { color: #fff; text-decoration: underline; } .AltBgColor5>.panel .ProgressBar>span { background-color: #fff; } .AltBgColorred>.panel { background-color: #d03528; } a:hover .AltBgColorred>.panel, a:active .AltBgColorred>.panel, a:focus .AltBgColorred>.panel { background-color: #c33226; } .AltBgColorred>.panel.panel-border { border-color: #bb3024; } .AltBgColorred>.panel, .AltBgColorred>.panel h2 { color: #fff; } .AltBgColorred>.panel a, .AltBgColorred>.panel a:hover, .AltBgColorred>.panel a:active, .AltBgColorred>.panel a:focus, .AltBgColorred>.panel a:visited { color: #fff; text-decoration: underline; } .AltBgColorred>.panel .ProgressBar>span { background-color: #fff; } .AltBgColororange>.panel { background-color: #e98300; } a:hover .AltBgColororange>.panel, a:active .AltBgColororange>.panel, a:focus .AltBgColororange>.panel { background-color: #da7a00; } .AltBgColororange>.panel.panel-border { border-color: #d07500; } .AltBgColororange>.panel, .AltBgColororange>.panel h2 { color: #000; } .AltBgColororange>.panel a, .AltBgColororange>.panel a:hover, .AltBgColororange>.panel a:active, .AltBgColororange>.panel a:focus, .AltBgColororange>.panel a:visited { color: #000; text-decoration: underline; } .AltBgColororange>.panel .ProgressBar>span { background-color: #000; } .AltBgColoryellow>.panel { background-color: #e8d92d; } a:hover .AltBgColoryellow>.panel, a:active .AltBgColoryellow>.panel, a:focus .AltBgColoryellow>.panel { background-color: #e6d71f; } .AltBgColoryellow>.panel.panel-border { border-color: #e3d219; } .AltBgColoryellow>.panel, .AltBgColoryellow>.panel h2 { color: #000; } .AltBgColoryellow>.panel a, .AltBgColoryellow>.panel a:hover, .AltBgColoryellow>.panel a:active, .AltBgColoryellow>.panel a:focus, .AltBgColoryellow>.panel a:visited { color: #000; text-decoration: underline; } .AltBgColoryellow>.panel .ProgressBar>span { background-color: #000; } .AltBgColorgreen>.panel { background-color: #68bd49; } a:hover .AltBgColorgreen>.panel, a:active .AltBgColorgreen>.panel, a:focus .AltBgColorgreen>.panel { background-color: #60b542; } .AltBgColorgreen>.panel.panel-border { border-color: #5dae3f; } .AltBgColorgreen>.panel, .AltBgColorgreen>.panel h2 { color: #000; } .AltBgColorgreen>.panel a, .AltBgColorgreen>.panel a:hover, .AltBgColorgreen>.panel a:active, .AltBgColorgreen>.panel a:focus, .AltBgColorgreen>.panel a:visited { color: #000; text-decoration: underline; } .AltBgColorgreen>.panel .ProgressBar>span { background-color: #000; } .AltBgColorblue>.panel { background-color: #00a9e0; } a:hover .AltBgColorblue>.panel, a:active .AltBgColorblue>.panel, a:focus .AltBgColorblue>.panel { background-color: #009dd1; } .AltBgColorblue>.panel.panel-border { border-color: #0096c7; } .AltBgColorblue>.panel, .AltBgColorblue>.panel h2 { color: #000; } .AltBgColorblue>.panel a, .AltBgColorblue>.panel a:hover, .AltBgColorblue>.panel a:active, .AltBgColorblue>.panel a:focus, .AltBgColorblue>.panel a:visited { color: #000; text-decoration: underline; } .AltBgColorblue>.panel .ProgressBar>span { background-color: #000; } .AltBgColorpurple>.panel { background-color: #8e51ae; } a:hover .AltBgColorpurple>.panel, a:active .AltBgColorpurple>.panel, a:focus .AltBgColorpurple>.panel { background-color: #854ca4; } .AltBgColorpurple>.panel.panel-border { border-color: #80499d; } .AltBgColorpurple>.panel, .AltBgColorpurple>.panel h2 { color: #fff; } .AltBgColorpurple>.panel a, .AltBgColorpurple>.panel a:hover, .AltBgColorpurple>.panel a:active, .AltBgColorpurple>.panel a:focus, .AltBgColorpurple>.panel a:visited { color: #fff; text-decoration: underline; } .AltBgColorpurple>.panel .ProgressBar>span { background-color: #fff; } /* ========================================================================== DASHBOARDS ========================================================================== */ /* Zone or iPart style for the staff dashboards for consistent styling */ .ProgressTracker_Dashboard .label, .ProgressTracker_Dashboard_Overview .label { font-size: 120%; display: block; margin-top: 10px; } .ProgressTracker_Dashboard .ProgressBar, .ProgressTracker_Dashboard_Overview .ProgressBar { margin-left: -10px; margin-right: -10px; } .ProgressTracker2 ul, .ProgressTracker_Dashboard ul, .ProgressTracker_Dashboard_Overview ul { margin: 0; padding: 0; } .ProgressTracker2 ul, .ProgressTracker2 li, .ProgressTracker_Dashboard ul, .ProgressTracker_Dashboard li, .ProgressTracker_Dashboard_Overview ul, .ProgressTracker_Dashboard_Overview li { list-style-type: none; } .ProgressTracker2 .count, .ProgressTracker_Dashboard .count, .ProgressTracker_Dashboard_Overview .count { font-weight: bold; display: block; line-height: 1; letter-spacing: -1px; } .ProgressTracker2 .label, .ProgressTracker_Dashboard .label, .ProgressTracker_Dashboard_Overview .label { line-height: 1.25; } .ProgressTracker2 .ProgressBar, .ProgressTracker_Dashboard .ProgressBar, .ProgressTracker_Dashboard_Overview .ProgressBar { margin-top: 10px; margin-bottom: 10px; position: relative; background-color: rgba(0, 0, 0, 0.1); } .ProgressTracker2 .ProgressBar>span, .ProgressTracker_Dashboard .ProgressBar>span, .ProgressTracker_Dashboard_Overview .ProgressBar>span { display: block; height: 100%; background-color: #D82C20; position: relative; overflow: hidden; } .ProgressTracker2 p, .ProgressTracker_Dashboard p, .ProgressTracker_Dashboard_Overview p { margin-bottom: 0; } .ProgressTracker_Dashboard .panel-heading.Distinguish { padding-bottom: 0; } .ProgressTracker_Dashboard .inset { display: block; padding-bottom: 15px; } .ProgressTracker2 .count, .ProgressTracker_Dashboard .count { font-size: 350%; } .ProgressTracker2 .ProgressBar, .ProgressTracker_Dashboard .ProgressBar { padding: 0; height: 18px; } .ProgressTracker_Dashboard_Overview .panel { /* default the overview PTs to the same height */ min-height: 11em; } .ProgressTracker_Dashboard_Overview .panel-heading.Distinguish { border-bottom-color: transparent; } .ProgressTracker_Dashboard_Overview .count { font-size: 4rem; } .ProgressTracker_Dashboard_Overview .ProgressBar { height: 5px; margin-bottom: 5px; } .ProgressTrackerNumberGradient .count { font-weight: 500; font-size: 5.5rem; } @media only screen { .ProgressTrackerNumberGradient .count { background: linear-gradient(50deg, #003d4f 15%, #954a87 80%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } } .StaffDashboard h2, .StaffDashboard .panel-heading.Distinguish, .StaffDashboard .PanelHead.Distinguish, .StaffDashboard .TitleBarCaption { border-bottom-color: transparent; } .StaffDashboard h2.Collapsible, .StaffDashboard .panel-heading.Distinguish.Collapsible, .StaffDashboard .PanelHead.Distinguish.Collapsible, .StaffDashboard .TitleBarCaption.Collapsible { border-bottom-color: #ddd; } .CampaignDashboard .panel { padding-top: 15px; } .CampaignDashboard .GridCardStyle, .CampaignDashboard .RadGrid.RadGrid, .CampaignDashboard .panel-border { margin-bottom: 0.9em; } /* ========================================================================== ANIMATIONS ========================================================================== */ @keyframes slide-down-with-delay { 0% { transform: translateY(-100%); opacity: 0; } 25% { transform: translateY(-100%); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @keyframes slide-up-with-delay { 0% { transform: translateY(75px); opacity: 0; } 25% { transform: translateY(75px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @keyframes appear-zoom-out-with-delay { 0% { transform: scale(1.1); opacity: 0; } 25% { transform: scale(1.1); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes appear-zoom-in-with-delay { 0% { transform: scale(0.95); opacity: 0; } 25% { transform: scale(0.95); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes soft-zoom-motion { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: translateY(1); } } @keyframes bubble-effect { 0% { opacity: 0; /*transform: scale(0.95);*/ /* Added by KK */ transform: scale(1); } 25% { opacity: 0.5; } 40% { /* transform: scale(1.05);*/ /* Added by KK */ transform: scale(1.0); opacity: 1; } 100% { transform: scale(1); } } @keyframes fade-in { 0% { opacity: 0; } 50% { opacity: 0.5; } 100% { opacity: 1; } } @keyframes rotate { 100% { transform: rotate(360deg); } } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(0.95); } 100% { transform: scale(1); } } @keyframes bounce { 50% { transform: translateY(-10px); } } /* ========================================================================== ANIMATE ON SCROLL ========================================================================== */ /* Source: https://github.com/michalsnik/aos/tree/v2 */ /* Version 2.3.x */ /* Requires related .js file */ /* Core ========================================================================== */ body[data-aos-duration='50'] [data-aos], [data-aos][data-aos][data-aos-duration='50'] { transition-duration: 50ms; } body[data-aos-delay='50'] [data-aos], [data-aos][data-aos][data-aos-delay='50'] { transition-delay: 0; } body[data-aos-delay='50'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='50'].aos-animate { transition-delay: 50ms; } body[data-aos-duration='100'] [data-aos], [data-aos][data-aos][data-aos-duration='100'] { transition-duration: 100ms; } body[data-aos-delay='100'] [data-aos], [data-aos][data-aos][data-aos-delay='100'] { transition-delay: 0; } body[data-aos-delay='100'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='100'].aos-animate { transition-delay: 100ms; } body[data-aos-duration='150'] [data-aos], [data-aos][data-aos][data-aos-duration='150'] { transition-duration: 150ms; } body[data-aos-delay='150'] [data-aos], [data-aos][data-aos][data-aos-delay='150'] { transition-delay: 0; } body[data-aos-delay='150'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='150'].aos-animate { transition-delay: 150ms; } body[data-aos-duration='200'] [data-aos], [data-aos][data-aos][data-aos-duration='200'] { transition-duration: 200ms; } body[data-aos-delay='200'] [data-aos], [data-aos][data-aos][data-aos-delay='200'] { transition-delay: 0; } body[data-aos-delay='200'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='200'].aos-animate { transition-delay: 200ms; } body[data-aos-duration='250'] [data-aos], [data-aos][data-aos][data-aos-duration='250'] { transition-duration: 250ms; } body[data-aos-delay='250'] [data-aos], [data-aos][data-aos][data-aos-delay='250'] { transition-delay: 0; } body[data-aos-delay='250'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='250'].aos-animate { transition-delay: 250ms; } body[data-aos-duration='300'] [data-aos], [data-aos][data-aos][data-aos-duration='300'] { transition-duration: 300ms; } body[data-aos-delay='300'] [data-aos], [data-aos][data-aos][data-aos-delay='300'] { transition-delay: 0; } body[data-aos-delay='300'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='300'].aos-animate { transition-delay: 300ms; } body[data-aos-duration='350'] [data-aos], [data-aos][data-aos][data-aos-duration='350'] { transition-duration: 350ms; } body[data-aos-delay='350'] [data-aos], [data-aos][data-aos][data-aos-delay='350'] { transition-delay: 0; } body[data-aos-delay='350'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='350'].aos-animate { transition-delay: 350ms; } body[data-aos-duration='400'] [data-aos], [data-aos][data-aos][data-aos-duration='400'] { transition-duration: 400ms; } body[data-aos-delay='400'] [data-aos], [data-aos][data-aos][data-aos-delay='400'] { transition-delay: 0; } body[data-aos-delay='400'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='400'].aos-animate { transition-delay: 400ms; } body[data-aos-duration='450'] [data-aos], [data-aos][data-aos][data-aos-duration='450'] { transition-duration: 450ms; } body[data-aos-delay='450'] [data-aos], [data-aos][data-aos][data-aos-delay='450'] { transition-delay: 0; } body[data-aos-delay='450'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='450'].aos-animate { transition-delay: 450ms; } body[data-aos-duration='500'] [data-aos], [data-aos][data-aos][data-aos-duration='500'] { transition-duration: 500ms; } body[data-aos-delay='500'] [data-aos], [data-aos][data-aos][data-aos-delay='500'] { transition-delay: 0; } body[data-aos-delay='500'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='500'].aos-animate { transition-delay: 500ms; } body[data-aos-duration='550'] [data-aos], [data-aos][data-aos][data-aos-duration='550'] { transition-duration: 550ms; } body[data-aos-delay='550'] [data-aos], [data-aos][data-aos][data-aos-delay='550'] { transition-delay: 0; } body[data-aos-delay='550'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='550'].aos-animate { transition-delay: 550ms; } body[data-aos-duration='600'] [data-aos], [data-aos][data-aos][data-aos-duration='600'] { transition-duration: 600ms; } body[data-aos-delay='600'] [data-aos], [data-aos][data-aos][data-aos-delay='600'] { transition-delay: 0; } body[data-aos-delay='600'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='600'].aos-animate { transition-delay: 600ms; } body[data-aos-duration='650'] [data-aos], [data-aos][data-aos][data-aos-duration='650'] { transition-duration: 650ms; } body[data-aos-delay='650'] [data-aos], [data-aos][data-aos][data-aos-delay='650'] { transition-delay: 0; } body[data-aos-delay='650'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='650'].aos-animate { transition-delay: 650ms; } body[data-aos-duration='700'] [data-aos], [data-aos][data-aos][data-aos-duration='700'] { transition-duration: 700ms; } body[data-aos-delay='700'] [data-aos], [data-aos][data-aos][data-aos-delay='700'] { transition-delay: 0; } body[data-aos-delay='700'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='700'].aos-animate { transition-delay: 700ms; } body[data-aos-duration='750'] [data-aos], [data-aos][data-aos][data-aos-duration='750'] { transition-duration: 750ms; } body[data-aos-delay='750'] [data-aos], [data-aos][data-aos][data-aos-delay='750'] { transition-delay: 0; } body[data-aos-delay='750'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='750'].aos-animate { transition-delay: 750ms; } body[data-aos-duration='800'] [data-aos], [data-aos][data-aos][data-aos-duration='800'] { transition-duration: 800ms; } body[data-aos-delay='800'] [data-aos], [data-aos][data-aos][data-aos-delay='800'] { transition-delay: 0; } body[data-aos-delay='800'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='800'].aos-animate { transition-delay: 800ms; } body[data-aos-duration='850'] [data-aos], [data-aos][data-aos][data-aos-duration='850'] { transition-duration: 850ms; } body[data-aos-delay='850'] [data-aos], [data-aos][data-aos][data-aos-delay='850'] { transition-delay: 0; } body[data-aos-delay='850'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='850'].aos-animate { transition-delay: 850ms; } body[data-aos-duration='900'] [data-aos], [data-aos][data-aos][data-aos-duration='900'] { transition-duration: 900ms; } body[data-aos-delay='900'] [data-aos], [data-aos][data-aos][data-aos-delay='900'] { transition-delay: 0; } body[data-aos-delay='900'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='900'].aos-animate { transition-delay: 900ms; } body[data-aos-duration='950'] [data-aos], [data-aos][data-aos][data-aos-duration='950'] { transition-duration: 950ms; } body[data-aos-delay='950'] [data-aos], [data-aos][data-aos][data-aos-delay='950'] { transition-delay: 0; } body[data-aos-delay='950'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='950'].aos-animate { transition-delay: 950ms; } body[data-aos-duration='1000'] [data-aos], [data-aos][data-aos][data-aos-duration='1000'] { transition-duration: 1000ms; } body[data-aos-delay='1000'] [data-aos], [data-aos][data-aos][data-aos-delay='1000'] { transition-delay: 0; } body[data-aos-delay='1000'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1000'].aos-animate { transition-delay: 1000ms; } body[data-aos-duration='1050'] [data-aos], [data-aos][data-aos][data-aos-duration='1050'] { transition-duration: 1050ms; } body[data-aos-delay='1050'] [data-aos], [data-aos][data-aos][data-aos-delay='1050'] { transition-delay: 0; } body[data-aos-delay='1050'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1050'].aos-animate { transition-delay: 1050ms; } body[data-aos-duration='1100'] [data-aos], [data-aos][data-aos][data-aos-duration='1100'] { transition-duration: 1100ms; } body[data-aos-delay='1100'] [data-aos], [data-aos][data-aos][data-aos-delay='1100'] { transition-delay: 0; } body[data-aos-delay='1100'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1100'].aos-animate { transition-delay: 1100ms; } body[data-aos-duration='1150'] [data-aos], [data-aos][data-aos][data-aos-duration='1150'] { transition-duration: 1150ms; } body[data-aos-delay='1150'] [data-aos], [data-aos][data-aos][data-aos-delay='1150'] { transition-delay: 0; } body[data-aos-delay='1150'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1150'].aos-animate { transition-delay: 1150ms; } body[data-aos-duration='1200'] [data-aos], [data-aos][data-aos][data-aos-duration='1200'] { transition-duration: 1200ms; } body[data-aos-delay='1200'] [data-aos], [data-aos][data-aos][data-aos-delay='1200'] { transition-delay: 0; } body[data-aos-delay='1200'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1200'].aos-animate { transition-delay: 1200ms; } body[data-aos-duration='1250'] [data-aos], [data-aos][data-aos][data-aos-duration='1250'] { transition-duration: 1250ms; } body[data-aos-delay='1250'] [data-aos], [data-aos][data-aos][data-aos-delay='1250'] { transition-delay: 0; } body[data-aos-delay='1250'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1250'].aos-animate { transition-delay: 1250ms; } body[data-aos-duration='1300'] [data-aos], [data-aos][data-aos][data-aos-duration='1300'] { transition-duration: 1300ms; } body[data-aos-delay='1300'] [data-aos], [data-aos][data-aos][data-aos-delay='1300'] { transition-delay: 0; } body[data-aos-delay='1300'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1300'].aos-animate { transition-delay: 1300ms; } body[data-aos-duration='1350'] [data-aos], [data-aos][data-aos][data-aos-duration='1350'] { transition-duration: 1350ms; } body[data-aos-delay='1350'] [data-aos], [data-aos][data-aos][data-aos-delay='1350'] { transition-delay: 0; } body[data-aos-delay='1350'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1350'].aos-animate { transition-delay: 1350ms; } body[data-aos-duration='1400'] [data-aos], [data-aos][data-aos][data-aos-duration='1400'] { transition-duration: 1400ms; } body[data-aos-delay='1400'] [data-aos], [data-aos][data-aos][data-aos-delay='1400'] { transition-delay: 0; } body[data-aos-delay='1400'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1400'].aos-animate { transition-delay: 1400ms; } body[data-aos-duration='1450'] [data-aos], [data-aos][data-aos][data-aos-duration='1450'] { transition-duration: 1450ms; } body[data-aos-delay='1450'] [data-aos], [data-aos][data-aos][data-aos-delay='1450'] { transition-delay: 0; } body[data-aos-delay='1450'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1450'].aos-animate { transition-delay: 1450ms; } body[data-aos-duration='1500'] [data-aos], [data-aos][data-aos][data-aos-duration='1500'] { transition-duration: 1500ms; } body[data-aos-delay='1500'] [data-aos], [data-aos][data-aos][data-aos-delay='1500'] { transition-delay: 0; } body[data-aos-delay='1500'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1500'].aos-animate { transition-delay: 1500ms; } body[data-aos-duration='1550'] [data-aos], [data-aos][data-aos][data-aos-duration='1550'] { transition-duration: 1550ms; } body[data-aos-delay='1550'] [data-aos], [data-aos][data-aos][data-aos-delay='1550'] { transition-delay: 0; } body[data-aos-delay='1550'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1550'].aos-animate { transition-delay: 1550ms; } body[data-aos-duration='1600'] [data-aos], [data-aos][data-aos][data-aos-duration='1600'] { transition-duration: 1600ms; } body[data-aos-delay='1600'] [data-aos], [data-aos][data-aos][data-aos-delay='1600'] { transition-delay: 0; } body[data-aos-delay='1600'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1600'].aos-animate { transition-delay: 1600ms; } body[data-aos-duration='1650'] [data-aos], [data-aos][data-aos][data-aos-duration='1650'] { transition-duration: 1650ms; } body[data-aos-delay='1650'] [data-aos], [data-aos][data-aos][data-aos-delay='1650'] { transition-delay: 0; } body[data-aos-delay='1650'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1650'].aos-animate { transition-delay: 1650ms; } body[data-aos-duration='1700'] [data-aos], [data-aos][data-aos][data-aos-duration='1700'] { transition-duration: 1700ms; } body[data-aos-delay='1700'] [data-aos], [data-aos][data-aos][data-aos-delay='1700'] { transition-delay: 0; } body[data-aos-delay='1700'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1700'].aos-animate { transition-delay: 1700ms; } body[data-aos-duration='1750'] [data-aos], [data-aos][data-aos][data-aos-duration='1750'] { transition-duration: 1750ms; } body[data-aos-delay='1750'] [data-aos], [data-aos][data-aos][data-aos-delay='1750'] { transition-delay: 0; } body[data-aos-delay='1750'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1750'].aos-animate { transition-delay: 1750ms; } body[data-aos-duration='1800'] [data-aos], [data-aos][data-aos][data-aos-duration='1800'] { transition-duration: 1800ms; } body[data-aos-delay='1800'] [data-aos], [data-aos][data-aos][data-aos-delay='1800'] { transition-delay: 0; } body[data-aos-delay='1800'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1800'].aos-animate { transition-delay: 1800ms; } body[data-aos-duration='1850'] [data-aos], [data-aos][data-aos][data-aos-duration='1850'] { transition-duration: 1850ms; } body[data-aos-delay='1850'] [data-aos], [data-aos][data-aos][data-aos-delay='1850'] { transition-delay: 0; } body[data-aos-delay='1850'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1850'].aos-animate { transition-delay: 1850ms; } body[data-aos-duration='1900'] [data-aos], [data-aos][data-aos][data-aos-duration='1900'] { transition-duration: 1900ms; } body[data-aos-delay='1900'] [data-aos], [data-aos][data-aos][data-aos-delay='1900'] { transition-delay: 0; } body[data-aos-delay='1900'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1900'].aos-animate { transition-delay: 1900ms; } body[data-aos-duration='1950'] [data-aos], [data-aos][data-aos][data-aos-duration='1950'] { transition-duration: 1950ms; } body[data-aos-delay='1950'] [data-aos], [data-aos][data-aos][data-aos-delay='1950'] { transition-delay: 0; } body[data-aos-delay='1950'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1950'].aos-animate { transition-delay: 1950ms; } body[data-aos-duration='2000'] [data-aos], [data-aos][data-aos][data-aos-duration='2000'] { transition-duration: 2000ms; } body[data-aos-delay='2000'] [data-aos], [data-aos][data-aos][data-aos-delay='2000'] { transition-delay: 0; } body[data-aos-delay='2000'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2000'].aos-animate { transition-delay: 2000ms; } body[data-aos-duration='2050'] [data-aos], [data-aos][data-aos][data-aos-duration='2050'] { transition-duration: 2050ms; } body[data-aos-delay='2050'] [data-aos], [data-aos][data-aos][data-aos-delay='2050'] { transition-delay: 0; } body[data-aos-delay='2050'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2050'].aos-animate { transition-delay: 2050ms; } body[data-aos-duration='2100'] [data-aos], [data-aos][data-aos][data-aos-duration='2100'] { transition-duration: 2100ms; } body[data-aos-delay='2100'] [data-aos], [data-aos][data-aos][data-aos-delay='2100'] { transition-delay: 0; } body[data-aos-delay='2100'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2100'].aos-animate { transition-delay: 2100ms; } body[data-aos-duration='2150'] [data-aos], [data-aos][data-aos][data-aos-duration='2150'] { transition-duration: 2150ms; } body[data-aos-delay='2150'] [data-aos], [data-aos][data-aos][data-aos-delay='2150'] { transition-delay: 0; } body[data-aos-delay='2150'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2150'].aos-animate { transition-delay: 2150ms; } body[data-aos-duration='2200'] [data-aos], [data-aos][data-aos][data-aos-duration='2200'] { transition-duration: 2200ms; } body[data-aos-delay='2200'] [data-aos], [data-aos][data-aos][data-aos-delay='2200'] { transition-delay: 0; } body[data-aos-delay='2200'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2200'].aos-animate { transition-delay: 2200ms; } body[data-aos-duration='2250'] [data-aos], [data-aos][data-aos][data-aos-duration='2250'] { transition-duration: 2250ms; } body[data-aos-delay='2250'] [data-aos], [data-aos][data-aos][data-aos-delay='2250'] { transition-delay: 0; } body[data-aos-delay='2250'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2250'].aos-animate { transition-delay: 2250ms; } body[data-aos-duration='2300'] [data-aos], [data-aos][data-aos][data-aos-duration='2300'] { transition-duration: 2300ms; } body[data-aos-delay='2300'] [data-aos], [data-aos][data-aos][data-aos-delay='2300'] { transition-delay: 0; } body[data-aos-delay='2300'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2300'].aos-animate { transition-delay: 2300ms; } body[data-aos-duration='2350'] [data-aos], [data-aos][data-aos][data-aos-duration='2350'] { transition-duration: 2350ms; } body[data-aos-delay='2350'] [data-aos], [data-aos][data-aos][data-aos-delay='2350'] { transition-delay: 0; } body[data-aos-delay='2350'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2350'].aos-animate { transition-delay: 2350ms; } body[data-aos-duration='2400'] [data-aos], [data-aos][data-aos][data-aos-duration='2400'] { transition-duration: 2400ms; } body[data-aos-delay='2400'] [data-aos], [data-aos][data-aos][data-aos-delay='2400'] { transition-delay: 0; } body[data-aos-delay='2400'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2400'].aos-animate { transition-delay: 2400ms; } body[data-aos-duration='2450'] [data-aos], [data-aos][data-aos][data-aos-duration='2450'] { transition-duration: 2450ms; } body[data-aos-delay='2450'] [data-aos], [data-aos][data-aos][data-aos-delay='2450'] { transition-delay: 0; } body[data-aos-delay='2450'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2450'].aos-animate { transition-delay: 2450ms; } body[data-aos-duration='2500'] [data-aos], [data-aos][data-aos][data-aos-duration='2500'] { transition-duration: 2500ms; } body[data-aos-delay='2500'] [data-aos], [data-aos][data-aos][data-aos-delay='2500'] { transition-delay: 0; } body[data-aos-delay='2500'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2500'].aos-animate { transition-delay: 2500ms; } body[data-aos-duration='2550'] [data-aos], [data-aos][data-aos][data-aos-duration='2550'] { transition-duration: 2550ms; } body[data-aos-delay='2550'] [data-aos], [data-aos][data-aos][data-aos-delay='2550'] { transition-delay: 0; } body[data-aos-delay='2550'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2550'].aos-animate { transition-delay: 2550ms; } body[data-aos-duration='2600'] [data-aos], [data-aos][data-aos][data-aos-duration='2600'] { transition-duration: 2600ms; } body[data-aos-delay='2600'] [data-aos], [data-aos][data-aos][data-aos-delay='2600'] { transition-delay: 0; } body[data-aos-delay='2600'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2600'].aos-animate { transition-delay: 2600ms; } body[data-aos-duration='2650'] [data-aos], [data-aos][data-aos][data-aos-duration='2650'] { transition-duration: 2650ms; } body[data-aos-delay='2650'] [data-aos], [data-aos][data-aos][data-aos-delay='2650'] { transition-delay: 0; } body[data-aos-delay='2650'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2650'].aos-animate { transition-delay: 2650ms; } body[data-aos-duration='2700'] [data-aos], [data-aos][data-aos][data-aos-duration='2700'] { transition-duration: 2700ms; } body[data-aos-delay='2700'] [data-aos], [data-aos][data-aos][data-aos-delay='2700'] { transition-delay: 0; } body[data-aos-delay='2700'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2700'].aos-animate { transition-delay: 2700ms; } body[data-aos-duration='2750'] [data-aos], [data-aos][data-aos][data-aos-duration='2750'] { transition-duration: 2750ms; } body[data-aos-delay='2750'] [data-aos], [data-aos][data-aos][data-aos-delay='2750'] { transition-delay: 0; } body[data-aos-delay='2750'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2750'].aos-animate { transition-delay: 2750ms; } body[data-aos-duration='2800'] [data-aos], [data-aos][data-aos][data-aos-duration='2800'] { transition-duration: 2800ms; } body[data-aos-delay='2800'] [data-aos], [data-aos][data-aos][data-aos-delay='2800'] { transition-delay: 0; } body[data-aos-delay='2800'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2800'].aos-animate { transition-delay: 2800ms; } body[data-aos-duration='2850'] [data-aos], [data-aos][data-aos][data-aos-duration='2850'] { transition-duration: 2850ms; } body[data-aos-delay='2850'] [data-aos], [data-aos][data-aos][data-aos-delay='2850'] { transition-delay: 0; } body[data-aos-delay='2850'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2850'].aos-animate { transition-delay: 2850ms; } body[data-aos-duration='2900'] [data-aos], [data-aos][data-aos][data-aos-duration='2900'] { transition-duration: 2900ms; } body[data-aos-delay='2900'] [data-aos], [data-aos][data-aos][data-aos-delay='2900'] { transition-delay: 0; } body[data-aos-delay='2900'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2900'].aos-animate { transition-delay: 2900ms; } body[data-aos-duration='2950'] [data-aos], [data-aos][data-aos][data-aos-duration='2950'] { transition-duration: 2950ms; } body[data-aos-delay='2950'] [data-aos], [data-aos][data-aos][data-aos-delay='2950'] { transition-delay: 0; } body[data-aos-delay='2950'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2950'].aos-animate { transition-delay: 2950ms; } body[data-aos-duration='3000'] [data-aos], [data-aos][data-aos][data-aos-duration='3000'] { transition-duration: 3000ms; } body[data-aos-delay='3000'] [data-aos], [data-aos][data-aos][data-aos-delay='3000'] { transition-delay: 0; } body[data-aos-delay='3000'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='3000'].aos-animate { transition-delay: 3000ms; } /* Easing ========================================================================== */ body[data-aos-easing="linear"] [data-aos], [data-aos][data-aos][data-aos-easing="linear"] { transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); } body[data-aos-easing="ease"] [data-aos], [data-aos][data-aos][data-aos-easing="ease"] { transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); } body[data-aos-easing="ease-in"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in"] { transition-timing-function: cubic-bezier(0.42, 0, 1, 1); } body[data-aos-easing="ease-out"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out"] { transition-timing-function: cubic-bezier(0, 0, 0.58, 1); } body[data-aos-easing="ease-in-out"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out"] { transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1); } body[data-aos-easing="ease-in-back"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-back"] { transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); } body[data-aos-easing="ease-out-back"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-back"] { transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); } body[data-aos-easing="ease-in-out-back"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-back"] { transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } body[data-aos-easing="ease-in-sine"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-sine"] { transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); } body[data-aos-easing="ease-out-sine"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-sine"] { transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); } body[data-aos-easing="ease-in-out-sine"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-sine"] { transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); } body[data-aos-easing="ease-in-quad"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-quad"] { transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } body[data-aos-easing="ease-out-quad"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-quad"] { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } body[data-aos-easing="ease-in-out-quad"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-quad"] { transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } body[data-aos-easing="ease-in-cubic"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-cubic"] { transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } body[data-aos-easing="ease-out-cubic"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-cubic"] { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } body[data-aos-easing="ease-in-out-cubic"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-cubic"] { transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } body[data-aos-easing="ease-in-quart"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-quart"] { transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } body[data-aos-easing="ease-out-quart"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-quart"] { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } body[data-aos-easing="ease-in-out-quart"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-quart"] { transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } /* Animations ========================================================================== */ /** * Fade animations: * fade * fade-up, fade-down, fade-left, fade-right * fade-up-right, fade-up-left, fade-down-right, fade-down-left */ [data-aos^='fade'][data-aos^='fade'] { opacity: 0; transition-property: opacity, transform; } [data-aos^='fade'][data-aos^='fade'].aos-animate { opacity: 1; transform: translate3d(0, 0, 0); } [data-aos='fade-up'] { transform: translate3d(0, 100px, 0); } [data-aos='fade-down'] { transform: translate3d(0, -100px, 0); } [data-aos='fade-right'] { transform: translate3d(-100px, 0, 0); } [data-aos='fade-left'] { transform: translate3d(100px, 0, 0); } [data-aos='fade-up-right'] { transform: translate3d(-100px, 100px, 0); } [data-aos='fade-up-left'] { transform: translate3d(100px, 100px, 0); } [data-aos='fade-down-right'] { transform: translate3d(-100px, -100px, 0); } [data-aos='fade-down-left'] { transform: translate3d(100px, -100px, 0); } /** * Zoom animations: * zoom-in, zoom-in-up, zoom-in-down, zoom-in-left, zoom-in-right * zoom-out, zoom-out-up, zoom-out-down, zoom-out-left, zoom-out-right */ [data-aos^='zoom'][data-aos^='zoom'] { opacity: 0; transition-property: opacity, transform; } [data-aos^='zoom'][data-aos^='zoom'].aos-animate { opacity: 1; transform: translate3d(0, 0, 0) scale(1); } [data-aos='zoom-in'] { transform: scale(0.6); } [data-aos='zoom-in-up'] { transform: translate3d(0, 100px, 0) scale(0.6); } [data-aos='zoom-in-down'] { transform: translate3d(0, -100px, 0) scale(0.6); } [data-aos='zoom-in-right'] { transform: translate3d(-100px, 0, 0) scale(0.6); } [data-aos='zoom-in-left'] { transform: translate3d(100px, 0, 0) scale(0.6); } [data-aos='zoom-out'] { transform: scale(1.2); } [data-aos='zoom-out-up'] { transform: translate3d(0, 100px, 0) scale(1.2); } [data-aos='zoom-out-down'] { transform: translate3d(0, -100px, 0) scale(1.2); } [data-aos='zoom-out-right'] { transform: translate3d(-100px, 0, 0) scale(1.2); } [data-aos='zoom-out-left'] { transform: translate3d(100px, 0, 0) scale(1.2); } /** * Slide animations */ [data-aos^='slide'][data-aos^='slide'] { transition-property: transform; } [data-aos^='slide'][data-aos^='slide'].aos-animate { transform: translate3d(0, 0, 0); } [data-aos='slide-up'] { transform: translate3d(0, 100%, 0); } [data-aos='slide-down'] { transform: translate3d(0, -100%, 0); } [data-aos='slide-right'] { transform: translate3d(-100%, 0, 0); } [data-aos='slide-left'] { transform: translate3d(100%, 0, 0); } /** * Flip animations: * flip-left, flip-right, flip-up, flip-down */ [data-aos^='flip'][data-aos^='flip'] { backface-visibility: hidden; transition-property: transform; } [data-aos='flip-left'] { transform: perspective(2500px) rotateY(-100deg); } [data-aos='flip-left'].aos-animate { transform: perspective(2500px) rotateY(0); } [data-aos='flip-right'] { transform: perspective(2500px) rotateY(100deg); } [data-aos='flip-right'].aos-animate { transform: perspective(2500px) rotateY(0); } [data-aos='flip-up'] { transform: perspective(2500px) rotateX(-100deg); } [data-aos='flip-up'].aos-animate { transform: perspective(2500px) rotateX(0); } [data-aos='flip-down'] { transform: perspective(2500px) rotateX(100deg); } [data-aos='flip-down'].aos-animate { transform: perspective(2500px) rotateX(0); } /* ========================================================================== Skin Specific Styles ========================================================================== */ body { background: #EAF7FF; /* Updated by KK */ background-image:linear-gradient(180deg, #052A61 17%, #EAF7FF 10%, #EAF7FF 100%); background-repeat: no-repeat; } ::selection { background: transparent; } ::-moz-selection { background: transparent; } .StandardPanel, .ContentBorder, h2, .PanelHead.Distinguish, .TitleBarCaption, div.ShowFieldset fieldset, .panel-border, .panel-heading.Distinguish { border: none; } h4 { text-transform: uppercase; } .ProgressTracker2 .ProgressTrackerPanel .label { color: #fff; } .ProgressTracker_Dashboard_Overview h2.panel-title { font-size: 130%; } .FullWidthArea-StyleBg1 .home-spotlight { float: none; padding: 30px 20px; } .FullWidthArea-StyleBg1 .Spotlight .Spotlight-image { align-self: center; } .FullWidthArea-StyleBg1 .Spotlight a { text-decoration: none; } @media (min-width: 992px) { .FullWidthArea-StyleBg1 .row { display: flex; flex-flow: column wrap; } .FullWidthArea-StyleBg1 .row:nth-of-type(2) .Spotlight { flex-flow: row-reverse nowrap; } .FullWidthArea-StyleBg1 .row:nth-of-type(2) .Spotlight-desc { margin: 0 -36% 0 0; text-align: right; } .FullWidthArea-StyleBg1 .row:nth-of-type(2) .Spotlight-desc:before { float: right; } .FullWidthArea-StyleBg1 .home-spotlight { width: 70%; clear: both; } .FullWidthArea-StyleBg1 .home-spotlight:nth-of-type(1) { align-self: center; } .FullWidthArea-StyleBg1 .home-spotlight:nth-of-type(2) { align-self: flex-end; } .FullWidthArea-StyleBg1 .home-spotlight:nth-of-type(3) { align-self: flex-start; } .FullWidthArea-StyleBg1 .Spotlight { display: flex; flex-flow: row nowrap; text-align: left; } .FullWidthArea-StyleBg1 .Spotlight p { text-align: inherit; } .FullWidthArea-StyleBg1 .Spotlight-image { text-align: center; flex: 0 0 40%; align-self: flex-start; } .FullWidthArea-StyleBg1 .Spotlight-desc { flex: 0 0 100%; margin: 0 0 0 -36%; } .FullWidthArea-StyleBg1 .Spotlight-desc:before { content: ' '; display: block; shape-outside: circle(); width: 40%; margin: 0 20px 10px 0; float: left; height: 100%; } } .FullWidthArea-StyleBg2 { position: relative; } .FullWidthArea-StyleBg2:before { content: ''; display: block; background: #fff; background: linear-gradient(0deg, #f2f0f6 40%, white 100%); border-radius: 50% 50%; width: 100vw; height: 100vw; left: -20vw; top: 0; position: absolute; } .FullWidthArea-StyleBg2 .WebPartZone>div:nth-of-type(2) li { list-style: none; background: url(images/bulletpoint.gif) no-repeat 0 5px; padding-left: 30px; } .home-member-tracker { z-index: 88; font-family: halyard-text, Helvetica, sans-serif; margin-bottom: 40px; } .home-member-tracker .ProgressTrackerPanel { background: transparent; } .home-member-tracker .ProgressTracker2 .ProgressTrackerPanel .count { color: #e22900; font-size: 15vw; font-family: halyard-text, Helvetica, sans-serif; padding: 30px 0; } @media (min-width: 992px) { .home-member-tracker .ProgressTracker2 .ProgressTrackerPanel .count { font-size: 160px; } } .home-member-tracker .ProgressTracker2 .ProgressTrackerPanel .label { font-size: 40px; color: #151515; font-family: halyard-text, Helvetica, sans-serif; } .home-member-tracker a.home-membership-btn { text-align: center; color: #ce2600; display: block; text-decoration: none; line-height: 0.7em; font: 200 28px 'Fauna One', serif; margin: 2em 0; } @media (min-width: 768px) { .home-member-tracker a.home-membership-btn { display: inline-block; float: left; width: 29%; margin: 1em 2%; } } .home-member-tracker a.home-membership-btn :first-of-type { margin: 0 2% 0 0; } .home-member-tracker a.home-membership-btn :last-of-type { margin: 0 0 0 2%; } .home-member-tracker a.home-membership-btn:hover img { filter: initial; } .home-member-tracker a.home-membership-btn img { border: 2px dashed #ff623f; border-radius: 50%; display: inline-block; margin: 0 auto; filter: grayscale(100%); } .home-testimonial { padding: 0; } .TestimonialArea { background: url(images/organicShape.svg) no-repeat 50% top; background-size: cover; color: #fff; padding: 0px 10% 160px 10%; margin: 0 auto; max-width: 767px; } html:not(.t-ie) .TestimonialArea { text-align: right; } .TestimonialArea h3 { text-transform: uppercase; color: #fff; font-size: 40px; text-align: left; margin: 2em 0 1em 0.5em; } .TestimonialArea .TestimonialPersonPhoto { position: relative; width: 100%; max-width: 320px; min-width: 200px; } .TestimonialArea .TestimonialPersonPhoto img { border-radius: 50% 50%; width: 100%; } .TestimonialArea .TestimonialPersonPhoto:after { content: ''; display: block; height: 100%; width: 100%; position: absolute; top: -20px; right: -40px; border: 2px dashed #5662bb; border-radius: 50%; } .TestimonialArea blockquote { width: 100%; padding: 0; } .TestimonialArea blockquote:before { /* Prevent text from coming out of the background shape*/ content: ''; width: 40%; height: 400px; float: left; shape-outside: polygon(0 0, 0% 100%, 79% 100%); } @media (min-width: 768px) { .TestimonialArea { margin: 0 0 0 auto; background: url(images/organicShape.svg) no-repeat 0 0; background-size: cover; } } @media (min-width: 1380px) { .TestimonialArea { position: absolute; width: 50vw; background-size: 100% auto; padding: 0px 20% 165px 5%; } .TestimonialArea h3 { font-size: 50px; margin: 1em 0 1em 0.5em; } } .FullWidthArea-StyleBg3 { margin: 100px 0 0 0; } .FullWidthArea-StyleBg3 h2 { color: #160c94; } .FullWidthArea-StyleBg3 h4 { text-transform: none; } .news-timeline .TaggedListPanel { position: relative; padding-bottom: 100px; } .news-timeline .TaggedListPanel:before { content: ' '; display: block; border-right: 2px dashed #c4c2c7; height: 100%; position: absolute; top: 0; left: 30px; } .news-timeline .TaggedListPanel a[id*='NextButton'] { display: none; } .news-timeline a.TextButton { left: 40px; display: inline-block; clear: both; margin: -95px 0 0 40px; position: relative; } .news-timeline a.TextButton:before { content: ' '; display: block; border-bottom: 2px dashed #c4c2c7; width: 40px; height: 48%; position: absolute; left: -40px; } .timeline-item { display: flex; align-items: flex-start; position: relative; margin: 20px 0; flex-direction: row-reverse; } .timeline-item:before { content: ' '; display: block; flex: 0 0 60px; order: 2; height: 60px; background: #deddec; border: 2px solid #c4c2c7; border-radius: 50%; will-change: transform; } .timeline-tagged-content { position: relative; display: flex; order: 1; box-shadow: 8px 6px 20px 0 rgba(46, 49, 146, 0.2); border-radius: 10px; border-top-left-radius: 0; padding: 15px 15px 5px 15px; flex-grow: 0; margin-left: 30px; border-bottom: 15px solid #c9c0d9; } .timeline-tagged-content:hover { border-bottom: 15px solid #ff623f; } .timeline-tagged-content:before { content: ' '; display: block; position: absolute; right: 100%; left: auto; border-top: 28px solid transparent; border-right: 22px solid #f2f0f6; border-bottom: 28px solid transparent; z-index: 46; } .timeline-tagged-content h4 a:after { content: ' '; display: block; z-index: 45; border-radius: 10px; border-top-left-radius: 0; box-shadow: -6px -6px 26px 0 white; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .timeline-tagged-content img { width: 35%; align-self: flex-start; } .timeline-tagged-desc { padding: 0 15px; } @media (min-width: 992px) { .FullWidthArea-StyleBg3 .panel-heading.Distinguish { text-align: center; } .news-timeline .TaggedListPanel:before { left: 50%; transform: translateX(-50%); } .news-timeline a.TextButton { left: 50%; } .timeline-tagged-content { width: 45%; margin: 0; } .timeline-item { flex-direction: row; } .timeline-item:nth-child(odd) { flex-direction: row-reverse; } .timeline-item:nth-child(odd):before { margin-right: calc(5% - 30px); } .timeline-item:nth-child(odd) .timeline-tagged-content:after { border-radius: 10px; border-top-left-radius: 0; } .timeline-item:nth-child(even):before { margin-left: calc(5% - 30px); } .timeline-item:nth-child(even) .timeline-tagged-content { border-radius: 10px; border-top-right-radius: 0; } .timeline-item:nth-child(even) .timeline-tagged-content:before { right: auto; left: 100%; border-top: 28px solid transparent; border-left: 22px solid #f2f0f6; border-bottom: 28px solid transparent; border-right: none; } } .FullWidthArea-StyleBg4 { position: relative; margin: 0 0 20px 0; overflow: hidden; } .FullWidthArea-StyleBg4:before { background: url("images/testimonialBackground.jpg") center center no-repeat; background-size: cover; content: ''; position: absolute; height: 100%; width: 100%; } html:not(.t-ie) .FullWidthArea-StyleBg4:before { animation: soft-zoom-motion 20s infinite; } .FullWidthArea-StyleBg4 .WebPartZone { background: url("images/mask-sprite.svg#VideoMask") 0 0 no-repeat; background-size: 100% auto; height: 58vw; margin-top: -2px; } .FullWidthArea-StyleBg4 .WebPartZone .ContentItemContainer { font: 400 3.5vw 'Fauna One', serif; line-height: 1.6; color: #fff; position: absolute; top: 0; bottom: 0; left: 0; right: auto; margin: auto; height: 20vw; padding: 20px; } @media (min-width: 992px) { .FullWidthArea-StyleBg4 .WebPartZone .ContentItemContainer { width: 50%; height: 33vw; } } .FullWidthArea-StyleBg5 .RelatedItemsHorizontal, .CartButtonWrapper .CardButtonUl { display: flex; } .FullWidthArea-StyleBg5 .RelatedItemsHorizontal li, .CartButtonWrapper .CardButtonUl li { box-shadow: 8px 6px 20px 0 rgba(46, 49, 146, 0.2); position: relative; float: none; width: auto !important; } .FullWidthArea-StyleBg5 .RelatedItemsHorizontal li:after, .CartButtonWrapper .CardButtonUl li:after { content: ''; display: block; height: 15px; width: 100%; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; position: absolute; bottom: 0; } .FullWidthArea-StyleBg5 .RelatedItemsHorizontal li:hover, .CartButtonWrapper .CardButtonUl li:hover { background: url("images/mask-sprite.svg#BoxHoverEffect") 0 0 no-repeat; background-size: cover; } .FullWidthArea-StyleBg5 .RelatedItemsHorizontal li:hover:after, .CartButtonWrapper .CardButtonUl li:hover:after { background: linear-gradient(90deg, #0491c4 0%, #160c94 100%); animation: fade-in 0.4s ease-in; } .FullWidthArea-StyleBg5 .RelatedItemsHorizontal li:hover img, .CartButtonWrapper .CardButtonUl li:hover img { transform: scale(1); } .FullWidthArea-StyleBg5 .RelatedItemsHorizontal li a.LabelLink, .CartButtonWrapper .CardButtonUl li a.LabelLink { text-decoration: none; color: #151515; } .FullWidthArea-StyleBg5 .RelatedItemsHorizontal li a.LabelLink:before, .CartButtonWrapper .CardButtonUl li a.LabelLink:before { content: ' '; display: block; box-shadow: -6px -6px 26px 0 white; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 15; } .FullWidthArea-StyleBg5 .RelatedItemsHorizontal li img, .CartButtonWrapper .CardButtonUl li img { transition: all 0.2s ease-in-out; } .FullWidthArea-StyleBg5 { text-align: center; } .FullWidthArea-StyleBg5 .RelatedItemsHorizontal { display: flex; } .FullWidthArea-StyleBg5 .RelatedItemsHorizontal li { box-shadow: 8px 6px 20px 0 rgba(46, 49, 146, 0.2); position: relative; float: none; width: auto !important; } .FullWidthArea-StyleBg5 .RelatedItemsHorizontal li:hover img { width: 55%; } .FullWidthArea-StyleBg5 .RelatedItemsHorizontal li a.LabelLink { line-height: 5em; } .FullWidthArea-StyleBg5 .RelatedItemsHorizontal li a.LabelLink:before { border-radius: 10px; } .FullWidthArea-StyleBg5 .RelatedItemsHorizontal li img { border-radius: 50% 50%; filter: grayscale(100%); transform: scale(0.9); } .CardButtonWrapper .CardButtonUl { list-style-type: none; margin: 0 0 50px 0; padding: 0px; text-align: center; } .CardButtonWrapper .CardButtonUl li { border-radius: 25px; margin: -1.2% 1.5%; padding: 0px 0 0px 0; } .CardButtonWrapper .CardButtonUl li:hover img { width: 100%; } .CardButtonWrapper .CardButtonUl li a.LabelLink { line-height: 3.5em; } .CardButtonWrapper .CardButtonUl li a.LabelLink:before { border-radius: 25px; } .CardButtonWrapper .CardButtonUl li img { border-radius: 25px 25px 0 0 !important; transform: scale(1); filter: grayscale(0%); width: auto; } @media (min-width: 992px) { .FullWidthArea-StyleBg5 .RelatedItemsHorizontal, .CardButtonWrapper .CardButtonUl { flex-flow: row nowrap; } .RelatedItemsHorizontal li, .CardButtonUl li { flex: 0 0 30%; } } .FullWidthArea-StyleBg6 .sponsors-listing ul { display: flex; flex-flow: row wrap; padding: 0; } .FullWidthArea-StyleBg6 .sponsors-listing li { flex: 3 0 auto; list-style: none; display: block; display: flex; margin: 10px 2%; } .FullWidthArea-StyleBg6 .sponsors-listing img { max-width: 250px; margin: 0 auto; align-self: center; filter: grayscale(100%); } .FullWidthArea-StyleBg6 .sponsors-listing img:hover { filter: initial; transition: all 0.5s ease-in; } footer.footer { /*background-image: url(images/mask-sprite.svg#FooterGraphic); background-repeat: no-repeat; background-size: auto 100%; background-position: top right; */ background-image: none; } /* START NEW FOOTER CSS BY KK */ .FooterLogo { max-width: 65px; } .footer-heading { color: #ffffff; font-size: 28px; font-weight: 500; text-align: left; } .footer-column-head { color: rgba(255, 255, 255, .6) !important; font-size: 16px; } .footer-column-head a:hover { color: #78CDFF !important; } .footer-nav-menu { font-weight: 400; font-size: 22px; margin: 0 !important; line-height: 1.1em !important; margin-bottom: 10px !important; text-align: left; } .footer-nav-menu a:hover { color: #78CDFF !important; } /* END NEW FOOTER CSS BY KK */ footer.footer a { text-decoration: none; } footer.footer a.TextButton { color: #151515; } footer.footer .footer-content>.container { /* grid-template: "navigation contact" "copyright contact" / 2fr 1fr; */ font: 200 16px 'halyard-text', sans-serif; line-height: 1.6; /* first level */ } footer.footer .footer-content>.container .footer-column:nth-child(1) { -ms-grid-row: 1; -ms-grid-row-span: 2; -ms-grid-column: 2; grid-area: contact; text-align: center; line-height: 2em; } footer.footer .footer-content>.container .footer-column:nth-child(2) { -ms-grid-row: 2; -ms-grid-column: 1; grid-area: copyright; margin: 30px 0; } footer.footer .footer-content>.container .footer-column:nth-child(3) { -ms-grid-row: 1; -ms-grid-column: 1; grid-area: navigation; } footer.footer .footer-content>.container h2 { font-size: 18px; color: #fff; } footer.footer .footer-content>.container .SocialSprite { border-radius: 0; } footer.footer .footer-content>.container ul { margin: 0 0 30px 0; padding: 0; } footer.footer .footer-content>.container .footer-column:nth-child(3) .ContentItemContainer>ul { display: flex; flex-flow: row wrap; } footer.footer .footer-content>.container .footer-column:nth-child(3) .ContentItemContainer ul>li { flex: 4 0 auto; text-transform: uppercase; list-style: none; margin: 0 2%; max-width: 150px; } footer.footer .footer-content>.container .footer-column:nth-child(3) .ContentItemContainer ul li li { text-transform: none; } footer.footer .footer-content>.container .UtilityNavigation.nav-auxiliary .NavigationUnorderedList li { display: inline-block; text-transform: none; padding: 0 10px; border-right: 1px solid #fff; } footer.footer .footer-content>.container .UtilityNavigation.nav-auxiliary .NavigationUnorderedList li:first-of-type { padding-left: 0; } footer.footer .footer-content>.container .UtilityNavigation.nav-auxiliary .NavigationUnorderedList li:last-of-type { border: none; } @media (min-width: 992px) { .container-inner { margin: 0 auto; max-width: 100%; width: 100%; } } /* BEGIN TOP OF PAGE CSS FOR COLOR BACKGROUND AND ALIGNMENT */ @media (min-width: 992px) { .FullWidthArea-Interior-Header { padding-top: 12vw; background-image: linear-gradient(180deg, #052A61 31.77%, #005E96 100%); position: relative; transition: all 0.3s ease-in-out; margin-top: -12vw; padding-left: 17vw; padding-right: 17vw; padding-bottom: 48px; margin-bottom: 40px; } .FullWidthArea-Interior-Feature { padding-left: 17vw; padding-right: 17vw; position: relative; transition: all 0.3s ease-in-out; } .FullWidthArea-Interior-1 { padding-left: 17vw; padding-right: 17vw; position: relative; transition: all 0.3s ease-in-out; } .FullWidthArea-2column-left { padding-left: 17vw; position: relative; transition: all 0.3s ease-in-out; } .FullWidthArea-2column-right { padding-right: 17vw; position: relative; transition: all 0.3s ease-in-out; } } /* END TOP OF PAGE CSS FOR COLOR BACKGROUND AND ALIGNMENT */ /* Bad browsers shouldn't get ice cream */ html:not(.t-ie) .timeline-tagged-content a:not(.TextButton) { background: linear-gradient(90deg, #020024 0%, #0c53ae 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .header-aux-container .UtilityAuthentication a, .header-aux-container a.NavigationLink, .header-aux-container .UtilityNavigation .account-menu>li>a.sign-in-link, .header-aux-container .account-toggle .nav-text { /* font-weight: 500; */ font-weight: 400; } /* KK New Code updated from 10-UltraWaveResponsive */ .account-toggle .nav-text { padding-left: 10px; padding-right: 5px; display: inline-block; max-width: 15em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: text-bottom; } .header-aux-container .UtilityNavigation .account-menu>li>a.sign-in-link { border-left: 1px solid #fff; padding-left: 20px; } .header-aux-container .UtilityNavigation .account-menu>li>a.sign-in-link:first-of-type { border: none; } .header-aux-container .UtilityAuthenticationLink { border-right: 1px solid #fff; margin-right: 10px; padding-right: 20px; } .header-aux-container .UtilityTranslation select { border: 1px solid #fff; font-size: 88%; color: #fff; background: #575ae2; background: linear-gradient(90deg, rgba(87, 90, 226, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%); } .header-aux-container .UtilityTranslation select option { color: #151515; padding: 5px 0; } /* Auxiliary Icons */ .nav-aux-cart .NavigationLink:hover, .nav-aux-cart .NavigationLink:focus { border: 1px solid rgba(255, 255, 255, 0.8); /* border-radius: 24px;*/ /* Added by KK */ border-radius: 0; } .UtilitySearch #SimpleSearchBlock .search-field, .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text, .navbar-toggle, .obo-toggle, .ste-toggle, .page-statistics-toggle { background-color: transparent; background-image: url("images/ResponsiveHeaderSprite.png"); height: 40px; width: 40px; } .navbar-toggle .icon-search { display: none; } .nav-auxiliary .nav-aux-button.nav-aux-account .nav-text { padding: 0; background: none; } @media (max-width: 991px) { .nav-auxiliary .nav-aux-button.nav-aux-account .nav-text { background: url("images/ResponsiveHeaderSprite.png") no-repeat; background-position: 0 -110px; } } .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text { background-position: 0 -53px; } .page-statistics-toggle, .page-statistics-toggle.on { background-position: 0 -367px; } .menu-toggle { background-position: 0 -440px; } a.ste-toggle, a.ste-toggle.on { background-position: -3px -290px; margin-left: 7.5px; } .UtilitySTEToggle { margin: 0; } .EasyEditOn header#hd .EasyEditContent:hover, .EasyEditOn footer#ft .EasyEditContent:hover { background: transparent; } .obo-panel, .obo-panel a { color: #fff; } .obo-toggle, .obo-toggle.on { background-position: 0 -518px; } .UtilitySearch #SimpleSearchBlock .search-field { background-position: 0 0; border-radius: 0; margin-right: 7.5px; } .UtilitySearch #SimpleSearchBlock .search-field:focus { /* background-color: transparent;*/ border: none; border-bottom: 1px solid rgba(255, 255, 255, 0.3); color: #fff; transition: width 1s ease-in; padding-left: 50px; /* Added by KK */ background-color: #78cdff; } .search-container .search-field { width: 90%; } .search-container .TextButton { width: 10%; } .transaction-date-toggle.on, .transaction-date-toggle.on:hover, .list-toggle.on, .list-toggle.on:hover { background-position-y: -70px; background-color: #fff; } /* ====================================*/ /* ADDED BY KK FOR AUXILLARY SVG ICONS */ /* ====================================*/ /* AN EDIT */ .UtilitySearch #SimpleSearchBlock .search-field { width: 18px; height: 18px !important; margin-top: 11px; margin-right: 0; background: #052A61 url("/App_Themes/2024TBAthemeMM/images/search.svg") no-repeat; } /* END AN EDIT */ /* KK ORIGINAL .UtilitySearch #SimpleSearchBlock .search-field, a.nav-text, a.navbar-toggle { width: 18px; height: 18px !important; margin-top: 11px; margin-right: 0; background: #fff; -webkit-mask-image: url("/App_Themes/2024TBAthemeMM/images/search.svg"); mask-image: url("/App_Themes/2024TBAthemeMM/images/search.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; background-image: none; } */ .wrapper.SVG-enabled .nav-aux-cart a::before { width: 20px; height: 20px; background: #fff; -webkit-mask-image: url("/App_Themes/2024TBAthemeMM/images/cart.svg"); mask-image: url("/App_Themes/2024TBAthemeMM/images/cart.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; background-image: none; } .wrapper.SVG-enabled a.obo-toggle::before { width: 20px; height: 20px; background: #fff; -webkit-mask-image: url("/App_Themes/2024TBAthemeMM/images/obo-toggle.svg"); mask-image: url("/App_Themes/2024TBAthemeMM/images/obo-toggle.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; background-image: none; font: 0/0 a; color: transparent; text-shadow: none; border: 0; margin-left: 10px; } .wrapper.SVG-enabled a.ste-toggle::before { width: 28px; height: 18px !important; background: #fff; -webkit-mask-image: url("/App_Themes/2024TBAthemeMM/images/easy-edit.svg"); mask-image: url("/App_Themes/2024TBAthemeMM/images/easy-edit.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; background-image: none; } .wrapper.SVG-enabled .ste-toggle { padding-left: 8px; margin-right: 10px; margin-top: -12px; } /* New Line added from UltraWave Responsive (9625) */ .wrapper.SVG-enabled .ste-toggle:hover, .wrapper.SVG-enabled .ste-toggle:focus, .wrapper.SVG-enabled .ste-toggle:active { background: #78cdff !important; } .wrapper.SVG-enabled .nav-aux-cart a, .wrapper.SVG-enabled .nav-aux-account a, .wrapper.SVG-enabled .obo-toggle, .wrapper.SVG-enabled .page-statistics-toggle, .wrapper.SVG-enabled .ste-toggle, .wrapper.SVG-enabled .navbar-toggle { width: 34px; height: 34px; background-image: none; } /* New Line added from UltraWave Responsive (9637) */ .wrapper.SVG-enabled .ste-toggle.on, .wrapper.SVG-enabled .ste-toggle.on:hover, .wrapper.SVG-enabled .ste-toggle.on:focus, .wrapper.SVG-enabled .ste-toggle.on:active { background: #78cdff !important; } /* ====================================*/ /* END OF KK AUXILLARY SVG ICONS */ /* ====================================*/ .header-background-container { overflow: hidden; } .header-background-container .item.active { background-position: top center; } html:not(.t-ie) .Wrapper-HomePage .header-background-container .item.active { animation: soft-zoom-motion 80s infinite; } .header-background-container .carousel-inner:after { content: ''; display: block; position: absolute; background: url(images/mask-sprite.svg#HeaderMask) no-repeat 0 0; background-size: 100%; bottom: -5px; left: -1%; right: -1%; width: 102%; min-height: 7vw; /* width to height ratio of 15 */ } .Wrapper-HomePage .header-background-container .ContentItemContainer>.ContentItemContainer { background: #160c94; background: #160c94 linear-gradient(27deg, #160c94 90%, #00afcf 0%); } .home-page-header-container .carousel .carousel-caption { width: 95%; left: 0; top: auto; bottom: 20px; padding: 0; opacity: 0; animation: fade-in 1s ease-in; animation-delay: 1s; animation-fill-mode: forwards; } @media (min-width: 992px) { .home-page-header-container .carousel .carousel-caption { width: 65%; } } .home-page-header-container .carousel .carousel-caption h1 { text-transform: none; } .carousel-inner.bg-img>.item { background-color: transparent; } header.header .header-logo-container { grid-area: logo; margin-top: -10px; align-self: flex-start; /* Added by KK to line up logo container with menu text */ height: 100%; max-height: 61px; } @media (min-width: 992px) { header.header .header-logo-container { align-self: center; /* margin-top: 48px;*/ /* background: #ffffff; */ /* padding: 14px 300px 15px 20px; */ } #masterHeaderImage { /* transition: transform 0.2s ease;*/ transition: none; } #masterHeaderImage:hover { /*transform: scale(1.05);*/ transform: none; } } @media (max-width: 991px) { #masterHeaderImage { width: 70px; background-size: cover; position: relative; } .UtilitySection.UtilitySearch { display: none; } } body:not(.Wrapper-HomePage) .header { /*min-height: 370px;*/ min-height: auto; } body:not(.Wrapper-HomePage) .header:before { content: ''; display: block; background: transparent; width: 100%; grid-area: 1 / 1 / span 2 / span 4; } /* original Primary Navigation css .RadMenu.RadMenu_Coffee { margin-top: 10px; margin-bottom: 10px; } */ /* START KK replacement primary navigation css */ .RadMenu.RadMenu_Coffee { margin-top: 0px; margin-bottom: 0px; width: 95vw; background: transparent; } .RadMenu.RadMenu_Coffee .rmRootLink { /*border: 1px solid transparent;*/ border-radius: 0; /*display: inline-block !important;*/ /*transition: border 0.3s ease-in;*/ border: none; } .RadMenu.RadMenu_Coffee .rmRootLink.rmExpanded, .RadMenu.RadMenu_Coffee .rmRootLink:hover, .RadMenu.RadMenu_Coffee .rmRootLink.rmFocused, .RadMenu.RadMenu_Coffee .rmRootLink.rmSelected { border: none; } .RadMenu.RadMenu_Coffee .rmRootGroup>li>div.rmSlide .rmGroup { animation: bubble-effect 0.6s ease-in; animation-fill-mode: forwards; /* Added by KK */ transform-origin: 50% 0; transform: rotateX(-90deg); transition: all 0.4s ease-in-out; } .RadMenu.RadMenu_Coffee .rmRootLink.rmExpanded:after { content: ''; /* border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 15px solid rgba(255, 255, 255, 0.8);*/ height: 0; width: 0; position: absolute; bottom: -21px; left: 0; right: 0; margin: 0 auto; /* animation: fade-in 0.2s ease-in; */ /* Added by KK */ animation: fade-in 0.4s ease-in-out; border-left: 0; border-right: 0; border-bottom: 0; bottom: 0; } .RadMenu.RadMenu_Coffee .rmSlide ul.rmGroup { /* border-radius: 24px;*/ /* Added by KK */ border-radius: 0; margin: 8px 0 10px 0; padding: 10px 10px 10px 5px; } .RadMenu.RadMenu_Coffee .rmSlide ul.rmGroup .rmLink { transition: all 0.2s ease-in; } .RadMenu.RadMenu_Coffee .rmSlide ul.rmGroup .rmLink:hover, .RadMenu.RadMenu_Coffee .rmSlide ul.rmGroup .rmFocused, .RadMenu.RadMenu_Coffee .rmSlide ul.rmGroup .rmExpanded { /* color: #160c94;*/ /* Addded by KK */ color: #0068A6; } .RadMenu.RadMenu_Coffee .rmTwoLevels .rmSlide .rmSlide .rmGroup { background: none; } .RadMenu.RadMenu_Coffee .rmSlide { float: none; } .RadMenu.RadMenu_Coffee .rmHorizontal .rmText, .RadMenu.RadMenu_Coffee .rmText { padding: 0 15px; display: inline-block !important; } @media (max-width: 991px) { .RadMenu.MegaDropDownMenuOuter div.rmSlide { position: static; } } /* Side Internal */ .nav-secondary { margin-top: 50px; } .nav-secondary .sub-nav-head { font-size: 32px; text-transform: none; } @media (min-width: 992px) { .has-secondary-col .main-container { background: url("images/mask-sprite.svg#InternalSideNav") 0 0 no-repeat; background-size: 50% auto; background-position: 118% 0; } } @media (min-width: 768px) and (max-width: 991px) { .has-secondary-col .main-container { background: url("images/mask-sprite.svg#InternalSideNav") 0 0 no-repeat; background-size: 60% auto; background-position: 117% 0; } } .RadTreeView.RadTreeView_Coffee .rtIn { border: 2px solid transparent; border-radius: 20px; display: inline-block; margin: 5px 0; padding: 0 15px; } .RadTreeView.RadTreeView_Coffee .rtHover .rtIn, .RadTreeView.RadTreeView_Coffee .rtSelected .rtIn { border: 2px solid #ff623f; padding: 0 15px; } .RadTreeView.RadTreeView_Coffee .rtUL>.rtLI { border: none; } .account-page-top-area { border-top-left-radius: 70px; } /* Horizontal Tabs */ .RadTabStrip_MetroTouch { /* background-color: #160c94; */ /* padding: 5px; */ /* added by kk */ background-color: #0068A6; border-radius: 6px; clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 98.7% 100%, 0% 100%, 0% 100%); } .RadTabStrip_MetroTouch .rtsFirst { border-top-left-radius: 35px; } html .RadTabStrip_MetroTouch .rtsLevel1 { border: none; } html .RadTabStrip_MetroTouch .rtsLevel1 a.rtsLink { background-color: transparent; border-color: transparent; color: #fff; padding: 8px 5px 8px 10px; margin: 10px 0 0 0; } html .RadTabStrip_MetroTouch .rtsLevel1 a.rtsLink:hover, html .RadTabStrip_MetroTouch .rtsLevel1 a.rtsLink.rtsSelected, html .RadTabStrip_MetroTouch .rtsLevel1 a.rtsLink.rtsSelected:hover { border-color: transparent; background-color: #fff; padding: 8px 5px 8px 10px; text-decoration: none !important; /* color: #151515; */ /* added by kk */ color: #0068A6; border-radius: 6px 6px 0 0; } html .RadTabStrip_MetroTouch .rtsLevel1 a.rtsLink.rtsSelected, html .RadTabStrip_MetroTouch .rtsLevel1 a.rtsLink.rtsSelected:hover { /* text-transform: uppercase;*/ /* added by kk */ text-transform: none; } html .RadTabStrip_MetroTouch .rtsLevel1 .rtsFirst .rtsLink { /* border-top-left-radius: 30px; */ margin-left: 10px; /* added by kk */ border-top-left-radius: 6px !important; border-radius: 6px 6px 0 0; } /* ====================================== NEW CODE ADDED BY KK from WebResource.axd ========================================= */ .RadGrid_MetroTouch .rgPagePrev, .RadGrid_MetroTouch .rgPageNext, .RadGrid_MetroTouch .rgPageFirst, .RadGrid_MetroTouch .rgPageLast { border-radius: 0; width: 30px; height: 30px; border: 1px solid #bbb; background-color: #ddd; margin: 0 2px; } .RadGrid .rgPager .RadInput { margin: 0 14px 0 0; vertical-align: top; display: inline-block; } .RadInput_MetroTouch.riSingle .riTextBox { height: auto !important; } .RadGrid_MetroTouch { border-color: transparent !important; color: #151515 !important; background-color: transparent !important; } .RadGrid { border-width: 0px; border-style: solid; } .RadGrid_MetroTouch .rgHeader, .RadGrid_MetroTouch .rgHeader a { color: #052A61; font-weight: 500; } .RadGrid_MetroTouch .rgHeader, .RadGrid_MetroTouch th.rgResizeCol, .RadGrid_MetroTouch .rgHeaderWrapper { background-color: rgba(5, 42, 97, 0.07); } .RadGrid_MetroTouch .rgAltRow { background: #EAF7FF; } .rgRow { background-color: rgba(234, 247, 255, 0.3); } .RadGrid_MetroTouch td.rgGroupCol, .RadGrid_MetroTouch td.rgExpandCol { border-color: transparent; background: transparent; } .RadComboBox_MetroTouch .rcbFocused .rcbActionButton, .RadComboBox_MetroTouch .rcbExpanded .rcbActionButton { border-color: #0068A6; color: #fff; background-color: #0068A6; } .RadComboBox_MetroTouch .rcbHovered .rcbActionButton { border-color: #cecece; color: #000; background-color: #e7e7e7; } /* ====================================== END OF NEW CODE ADDED BY KK from WebResource.axd ========================================= */ /* Vertical tabs */ html .RadTabStripVertical .rtsLevel1 a.rtsLink:hover, html .RadTabStripVertical .rtsLevel1 a.rtsLink.rtsSelected, html .RadTabStripVertical .rtsLevel1 a.rtsLink.rtsSelected:hover { background-color: transparent; color: #fff; text-transform: none; } .RadTabStripVertical .rtsUL .rtsLink .rtsTxt { border: 1px solid transparent; padding: 8px 10px; display: inline; } .RadTabStripVertical .rtsUL .rtsSelected .rtsTxt, .RadTabStripVertical .rtsUL .rtsLink:hover .rtsTxt { border: 1px solid rgba(255, 255, 255, 0.5); /* border-radius: 24px;*/ /* Added by KK */ border-radius: 0; } select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { padding: 5px 20px; } .LargeButton, .UseLargeButton .TextButton, .UseLargeButton .TextButtonWithImage { font-size: 120% !important; border-radius: 35px; } /* Increase default input width due to large font and field padding for this theme */ input, .RadComboBox.RadComboBox { width: 16.25em; } /*Increase padding on dropdown inputs*/ .RadComboBox.RadComboBox_MetroTouch .rcbInput { height: 100%; padding: 5px 24px; } .RadComboBox.RadComboBox_MetroTouch .rcbActionButton .p-icon { width: 28px; } /*Adjust border radius on calendar and time buttons when they appear together*/ .RadPicker .rcCalPopup:hover:before, .RadPicker .rcTimePopup:hover:before { color: #f2f0f6; } .RadPicker.RadDateTimePicker .rcCalPopup { border-radius: 0px; } .RadPicker.RadDateTimePicker .rcSelect { background: transparent; } .Wrapper-HomePage .header:before, .Wrapper-HomePage .header-aux-container, .Wrapper-HomePage .header-logo-container, .Wrapper-HomePage .header-primary-nav-container { animation: slide-down-with-delay 1s ease-out; } body:not(.Wrapper-HomePage) .header:before, body:not(.Wrapper-HomePage) .header-aux-container, body:not(.Wrapper-HomePage) .header-logo-container, body:not(.Wrapper-HomePage) .header-primary-nav-container { animation: fade-in 1s ease-in; } .SearchField label, .SearchField label:hover, .SearchField label:active, .SearchField label:visited, .SearchResultSummary .ListItemTitle a, .SearchResultSummary .ListItemTitle a:hover, .SearchResultSummary .ListItemTitle a:active, .SearchResultSummary .ListItemTitle a:visited, .SelectedItem a, .SelectedItem a:hover, .SelectedItem a:active, .SelectedItem a:visited { /* color: #fff !important; */ /* Added by KK for search results page */ color: #0068A6 !important; text-decoration: none !important; } .ContentBlockPrimary, .FilterPanel { background-color: transparent; } .transaction-date-toggle { background-position: -210px -103px; } .list-toggle { background-position: -350px -103px; } /* Recent History iPart */ .RecentHistoryListHorizontal>li>a { font-size: 85%; padding: 3px 8px; border-radius: 22px; border: 1px solid transparent; text-decoration: none; } .RecentHistoryListHorizontal>li.RecentHistoryClear>a:hover, .RecentHistoryListHorizontal>li.RecentHistoryClear>a:active { text-decoration: underline; } .RecentHistoryListHorizontal>li.RecentHistoryItem>a { background-color: #fff; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); } .RecentHistoryListHorizontal>li.RecentHistoryItem>a:hover, .RecentHistoryListHorizontal>li.RecentHistoryItem>a:active { border-color: #151515; } /* ======================== */ /* KK NEW LINES FOR TILES */ /* ======================== */ .tiles { content: ""; background-color: #fff !important; border-radius: 12px; display: block; position: relative; z-index: 1; padding: 36px 36px 44px; text-decoration: none; } .tiles__col a, .tiles__col a:visited, .tiles__col .tiles__col--link { box-sizing: border-box; background-color: #fff; border-radius: 12px; display: block; position: relative; z-index: 1; padding: 36px 36px 44px; } .cta-tiles__cols .cta-tiles__boxes--single.inset-border::after { top: 4px; } .cta-tiles__cols .cta-tiles__boxes--single.inset-border::after, .cta-tiles__cols .cta-tiles__boxes--single.inset-border::before { border-radius: 12px; } /* corner art */ .tiles__col a::after, .tiles__col a:visited::after, .tiles__col .tiles__col--link::after { position: absolute; content: ""; width: 50px; height: 55px; right: -1px; bottom: -6px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTUiIHZpZXdCb3g9IjAgMCA1MCA1NSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzI3MTJfMjU0OTcpIj4KPHJlY3Qgd2lkdGg9IjUwIiBoZWlnaHQ9IjU1IiBmaWxsPSIjRUFGN0ZGIi8+CjxnIGZpbHRlcj0idXJsKCNmaWx0ZXIwX2RfMjcxMl8yNTQ5NykiPgo8bWFzayBpZD0icGF0aC0xLW91dHNpZGUtMV8yNzEyXzI1NDk3IiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSItNTY3IiB5PSItNjE1IiB3aWR0aD0iNjE3IiBoZWlnaHQ9IjY2NSIgZmlsbD0iYmxhY2siPgo8cmVjdCBmaWxsPSJ3aGl0ZSIgeD0iLTU2NyIgeT0iLTYxNSIgd2lkdGg9IjYxNyIgaGVpZ2h0PSI2NjUiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0tNTU0IC02MTRDLTU2MC42MjcgLTYxNCAtNTY2IC02MDguNjI3IC01NjYgLTYwMlYzN0MtNTY2IDQzLjYyNzQgLTU2MC42MjcgNDkgLTU1NCA0OUgwLjU3MzU5M0M4LjUzMDA5IDQ5IDE2LjE2MDcgNDUuODM5MyAyMS43ODY4IDQwLjIxMzJMNDAuMjEzMiAyMS43ODY4QzQ1LjgzOTMgMTYuMTYwNyA0OSA4LjUzMDExIDQ5IDAuNTczNjE5Vi02MDJDNDkgLTYwOC42MjcgNDMuNjI3NCAtNjE0IDM3IC02MTRILTU1NFoiLz4KPC9tYXNrPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTS01NTQgLTYxNEMtNTYwLjYyNyAtNjE0IC01NjYgLTYwOC42MjcgLTU2NiAtNjAyVjM3Qy01NjYgNDMuNjI3NCAtNTYwLjYyNyA0OSAtNTU0IDQ5SDAuNTczNTkzQzguNTMwMDkgNDkgMTYuMTYwNyA0NS44MzkzIDIxLjc4NjggNDAuMjEzMkw0MC4yMTMyIDIxLjc4NjhDNDUuODM5MyAxNi4xNjA3IDQ5IDguNTMwMTEgNDkgMC41NzM2MTlWLTYwMkM0OSAtNjA4LjYyNyA0My42Mjc0IC02MTQgMzcgLTYxNEgtNTU0WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTS01NjUgLTYwMkMtNTY1IC02MDguMDc1IC01NjAuMDc1IC02MTMgLTU1NCAtNjEzVi02MTVDLTU2MS4xOCAtNjE1IC01NjcgLTYwOS4xOCAtNTY3IC02MDJILTU2NVpNLTU2NSAzN1YtNjAySC01NjdWMzdILTU2NVpNLTU1NCA0OEMtNTYwLjA3NSA0OCAtNTY1IDQzLjA3NTIgLTU2NSAzN0gtNTY3Qy01NjcgNDQuMTc5NyAtNTYxLjE4IDUwIC01NTQgNTBWNDhaTTAuNTczNTkzIDQ4SC01NTRWNTBIMC41NzM1OTNWNDhaTTM5LjUwNjEgMjEuMDc5N0wyMS4wNzk3IDM5LjUwNjFMMjIuNDkzOSA0MC45MjAzTDQwLjkyMDMgMjIuNDkzOUwzOS41MDYxIDIxLjA3OTdaTTQ4IC02MDJWMC41NzM2MTlINTBWLTYwMkg0OFpNMzcgLTYxM0M0My4wNzUyIC02MTMgNDggLTYwOC4wNzUgNDggLTYwMkg1MEM1MCAtNjA5LjE4IDQ0LjE3OTcgLTYxNSAzNyAtNjE1Vi02MTNaTS01NTQgLTYxM0gzN1YtNjE1SC01NTRWLTYxM1pNNDAuOTIwMyAyMi40OTM5QzQ2LjczMzkgMTYuNjgwMyA1MCA4Ljc5NTMzIDUwIDAuNTczNjE5SDQ4QzQ4IDguMjY0OSA0NC45NDQ3IDE1LjY0MTEgMzkuNTA2MSAyMS4wNzk3TDQwLjkyMDMgMjIuNDkzOVpNMC41NzM1OTMgNTBDOC43OTUzIDUwIDE2LjY4MDMgNDYuNzMzOSAyMi40OTM5IDQwLjkyMDNMMjEuMDc5NyAzOS41MDYxQzE1LjY0MTEgNDQuOTQ0NyA4LjI2NDg3IDQ4IDAuNTczNTkzIDQ4VjUwWiIgZmlsbD0iIzA1MkE2MSIgZmlsbC1vcGFjaXR5PSIwLjA1IiBtYXNrPSJ1cmwoI3BhdGgtMS1vdXRzaWRlLTFfMjcxMl8yNTQ5NykiLz4KPC9nPgo8L2c+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2RfMjcxMl8yNTQ5NyIgeD0iLTU2NyIgeT0iLTYxNSIgd2lkdGg9IjYxNyIgaGVpZ2h0PSI2NzAiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CjxmZU9mZnNldCBkeT0iNSIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwLjAyIDAgMCAwIDAgMC4xNjQgMCAwIDAgMCAwLjM4IDAgMCAwIDAuMDUgMCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9ImVmZmVjdDFfZHJvcFNoYWRvd18yNzEyXzI1NDk3Ii8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93XzI3MTJfMjU0OTciIHJlc3VsdD0ic2hhcGUiLz4KPC9maWx0ZXI+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMjcxMl8yNTQ5NyI+CjxyZWN0IHdpZHRoPSI1MCIgaGVpZ2h0PSI1NSIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K); background-repeat: no-repeat; background-size: cover; transition: all 0.3s ease-in-out; } .tiles__col--image { border-radius: 8px; line-height: 0.65; overflow: hidden; } .tiles__col--content { margin-top: 30px; } .blue-text { color: #0068A6; } .blue-text h1, .blue-text h2, .blue-text h3, .blue-text h4, .blue-text h5, .blue-text h6, .blue-text span, .blue-text a { color: #0068A6; } .tiles__col--title .heading-4 { margin-bottom: 17px; } .tiles__col--btn { margin-top: 40px; } a.learn-more, a.learn-more:visited, span.learn-more { box-sizing: border-box; padding-right: 28px; /* arrow */ background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxOCAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgNi41SDE3TTE3IDYuNUwxMS41MjU0IDFNMTcgNi41TDExLjUyNTQgMTIiIHN0cm9rZT0iIzc4Q0RGRiIvPgo8L3N2Zz4K); transition: all 0.35s ease-in-out; background-repeat: no-repeat; color: #0068A6; font-size: 18px; font-family: halyard-text, arial, sans-serif; font-weight: 600; font-style: normal; line-height: 1.1; text-decoration: none; background-position: top 5px right; letter-spacing: -0.18px; display: inline-block; } span.learn-more:hover { box-sizing: border-box; padding-right: 38px; /* arrow */ background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxOCAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgNi41SDE3TTE3IDYuNUwxMS41MjU0IDFNMTcgNi41TDExLjUyNTQgMTIiIHN0cm9rZT0iIzc4Q0RGRiIvPgo8L3N2Zz4K); transition: all 0.35s ease-in-out; background-repeat: no-repeat; color: #0068A6; font-size: 18px; font-family: halyard-text, arial, sans-serif; font-weight: 600; font-style: normal; line-height: 1.1; text-decoration: none; background-position: top 5px right; letter-spacing: -0.18px; display: inline-block; } /* publications list boxes */ .post__box { background-color: #fff; position: relative; z-index: 2; border-radius: 6px; height: 100%; } .post__box::after { position: absolute; content: ""; width: 31px; height: 36px; right: -1px; bottom: -6px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzMSAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzIyMjNfMzMyMTMpIj4KPHJlY3Qgd2lkdGg9IjMxIiBoZWlnaHQ9IjM2IiBmaWxsPSIjRUFGN0ZGIi8+CjxnIGZpbHRlcj0idXJsKCNmaWx0ZXIwX2RfMjIyM18zMzIxMykiPgo8bWFzayBpZD0icGF0aC0xLW91dHNpZGUtMV8yMjIzXzMzMjEzIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSItODAxIiB5PSItNDkiIHdpZHRoPSI4MzIiIGhlaWdodD0iODAiIGZpbGw9ImJsYWNrIj4KPHJlY3QgZmlsbD0id2hpdGUiIHg9Ii04MDEiIHk9Ii00OSIgd2lkdGg9IjgzMiIgaGVpZ2h0PSI4MCIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTS03OTQgLTQ4Qy03OTcuMzE0IC00OCAtODAwIC00NS4zMTM3IC04MDAgLTQyVjI0Qy04MDAgMjcuMzEzNyAtNzk3LjMxNCAzMCAtNzk0IDMwSC0wLjYyNzQxN0MzLjYxNjA1IDMwIDcuNjg1NzEgMjguMzE0MyAxMC42ODYzIDI1LjMxMzdMMjUuMzEzNyAxMC42ODYzQzI4LjMxNDMgNy42ODU3MSAzMCAzLjYxNjA0IDMwIC0wLjYyNzQxOVYtNDJDMzAgLTQ1LjMxMzcgMjcuMzEzNyAtNDggMjQgLTQ4SC03OTRaIi8+CjwvbWFzaz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0tNzk0IC00OEMtNzk3LjMxNCAtNDggLTgwMCAtNDUuMzEzNyAtODAwIC00MlYyNEMtODAwIDI3LjMxMzcgLTc5Ny4zMTQgMzAgLTc5NCAzMEgtMC42Mjc0MTdDMy42MTYwNSAzMCA3LjY4NTcxIDI4LjMxNDMgMTAuNjg2MyAyNS4zMTM3TDI1LjMxMzcgMTAuNjg2M0MyOC4zMTQzIDcuNjg1NzEgMzAgMy42MTYwNCAzMCAtMC42Mjc0MTlWLTQyQzMwIC00NS4zMTM3IDI3LjMxMzcgLTQ4IDI0IC00OEgtNzk0WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTI1LjMxMzcgMTAuNjg2M0wyNi4wMjA4IDExLjM5MzRMMjUuMzEzNyAxMC42ODYzWk0xMC42ODYzIDI1LjMxMzdMOS45NzkxOSAyNC42MDY2TDEwLjY4NjMgMjUuMzEzN1pNLTc5OSAtNDJDLTc5OSAtNDQuNzYxNCAtNzk2Ljc2MSAtNDcgLTc5NCAtNDdWLTQ5Qy03OTcuODY2IC00OSAtODAxIC00NS44NjYgLTgwMSAtNDJILTc5OVpNLTc5OSAyNFYtNDJILTgwMVYyNEgtNzk5Wk0tNzk0IDI5Qy03OTYuNzYxIDI5IC03OTkgMjYuNzYxNCAtNzk5IDI0SC04MDFDLTgwMSAyNy44NjYgLTc5Ny44NjYgMzEgLTc5NCAzMVYyOVpNLTAuNjI3NDE3IDI5SC03OTRWMzFILTAuNjI3NDE3VjI5Wk0yNC42MDY2IDkuOTc5MThMOS45NzkxOSAyNC42MDY2TDExLjM5MzQgMjYuMDIwOEwyNi4wMjA4IDExLjM5MzRMMjQuNjA2NiA5Ljk3OTE4Wk0yOSAtNDJWLTAuNjI3NDE5SDMxVi00MkgyOVpNMjQgLTQ3QzI2Ljc2MTQgLTQ3IDI5IC00NC43NjE0IDI5IC00MkgzMUMzMSAtNDUuODY2IDI3Ljg2NiAtNDkgMjQgLTQ5Vi00N1pNLTc5NCAtNDdIMjRWLTQ5SC03OTRWLTQ3Wk0yNi4wMjA4IDExLjM5MzRDMjkuMjA4OSA4LjIwNTI4IDMxIDMuODgxMjYgMzEgLTAuNjI3NDE5SDI5QzI5IDMuMzUwODMgMjcuNDE5NiA3LjE2NjE0IDI0LjYwNjYgOS45NzkxOEwyNi4wMjA4IDExLjM5MzRaTS0wLjYyNzQxNyAzMUMzLjg4MTI2IDMxIDguMjA1MjggMjkuMjA4OSAxMS4zOTM0IDI2LjAyMDhMOS45NzkxOSAyNC42MDY2QzcuMTY2MTQgMjcuNDE5NiAzLjM1MDgzIDI5IC0wLjYyNzQxNyAyOVYzMVoiIGZpbGw9IiMwNTJBNjEiIGZpbGwtb3BhY2l0eT0iMC4wNSIgbWFzaz0idXJsKCNwYXRoLTEtb3V0c2lkZS0xXzIyMjNfMzMyMTMpIi8+CjwvZz4KPC9nPgo8ZGVmcz4KPGZpbHRlciBpZD0iZmlsdGVyMF9kXzIyMjNfMzMyMTMiIHg9Ii04MDEiIHk9Ii00OSIgd2lkdGg9IjgzMiIgaGVpZ2h0PSI4NSIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz4KPGZlT2Zmc2V0IGR5PSI1Ii8+CjxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAuMDIgMCAwIDAgMCAwLjE2NCAwIDAgMCAwIDAuMzggMCAwIDAgMC4wNSAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93XzIyMjNfMzMyMTMiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3dfMjIyM18zMzIxMyIgcmVzdWx0PSJzaGFwZSIvPgo8L2ZpbHRlcj4KPGNsaXBQYXRoIGlkPSJjbGlwMF8yMjIzXzMzMjEzIj4KPHJlY3Qgd2lkdGg9IjMxIiBoZWlnaHQ9IjM2IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=); background-repeat: no-repeat; background-size: cover; transition: all 0.3s ease-in-out; } .post__box a, .post__box a:visited { position: relative; width: 100%; height: 100%; background-color: #fff; display: block; text-decoration: none; padding: 18px 21px 30px; box-sizing: border-box; border-radius: 6px; color: #151515; } .post__tag { box-sizing: border-box; padding: 2px 6px 4px 6px; background-color: #052A61; border-radius: 3px; font-size: 16px; font-family: halyard-text, arial, sans-serif; font-weight: 600; font-style: normal; line-height: 1.1; letter-spacing: -0.12px; color: #fff; display: inline-block; margin-bottom: 22px; } /* button */ .iat__btns { margin-bottom: 20px; line-height: 0.65; } a.button, a.button:visited, span.button { box-sizing: border-box; position: relative; display: inline-block; overflow: hidden; text-decoration: none; color: #fff; background-color: #D82C20; transition: all 0.35s ease-in-out; margin-right: 9px; text-align: center; border-radius: 0; line-height: 1.1; letter-spacing: -0.18px; padding: 14px 30px 18px; height: 52px; font-family: halyard-text, arial, sans-serif; font-weight: 600; font-style: normal; font-size: var(--text_18); border-color: var(--tbk-transparent); } a.button::after, a.button:visited::after, span.button::after { content: ""; width: 10px; height: 10px; opacity: 0; position: absolute; right: 20px; top: 4px; bottom: 0; margin: auto; transition: all 0.3s ease-in-out; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgNiA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBvcGFjaXR5PSIwLjgiIGQ9Ik0xIDguNUw1IDQuNUwxIDAuNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjI1Ii8+Cjwvc3ZnPgo=); background-repeat: no-repeat; background-position: center center; } a.button:hover, a.button:focus, a.button:visited:hover, a.button:visited:focus, span.button:hover, span.button:focus { padding: 14px 36px 18px 24px; background-color: #D82C20; color: #fff; border-color: transparent; } a.button:hover::after, a.button:focus::after, a.button:visited:hover::after, a.button:visited:focus::after, span.button:hover::after, span.button:focus::after { opacity: 1; } /* Added by KK for Job Bank Postings */ a.apply__tag { box-sizing: border-box; padding: 2px 6px 4px 6px; background-color: #D82C20; border-radius: 3px; font-size: 20px; font-family: halyard-text, arial, sans-serif; font-weight: 600; font-style: normal; line-height: 1.1; letter-spacing: -0.12px; color: #fff; display: inline-block; margin: 22px 0; text-decoration: none; } a.apply__tag:hover { box-sizing: border-box; padding: 2px 6px 4px 6px; background-color: #0068A6; border-radius: 3px; font-size: 20px; font-family: halyard-text, arial, sans-serif; font-weight: 600; font-style: normal; line-height: 1.1; letter-spacing: -0.12px; color: #fff; display: inline-block; margin: 22px 0; text-decoration: none; } /* ========================== */ /* END KK NEW LINES FOR TILES */ /* ========================== */ /* ================================ */ /* KK NEW LINES FOR IMAGE IN HEADER */ /* ================================ */ .hero__content--image { border-radius: 6px; line-height: 0.65; -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 90% 100%, 0% 100%, 0% 100%); clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 90% 100%, 0% 100%, 0% 100%); position: relative; float: right; z-index: 1; } .hero__resources .hero__content--image { max-width: 450px; max-height: 450px; } .hero__content--text { color: #fff; line-height: 1.5; max-width: 650px; margin: 40px 40px 0 0; margin-left: 0px; font-family: halyard-text, arial, sans-serif; font-size: 24px; font-weight: 400; } /* ==================================== */ /* END KK NEW LINES FOR IMAGE IN HEADER */ /* ==================================== */ /* ==================================== */ /* KK NEW CSS FOR WAVY LINES */ /* ==================================== */ /*.hero__inner { background: linear-gradient(180deg, #052A61 31.77%, #005E96 100%); }*/ .lines-animations { width: 100%; height: 100%; overflow: hidden; /* position: relative; */ pointer-events: none; } .wave-lines path { fill: none; stroke-width: 1; stroke: white; opacity: 0.2; } .wave-lines path:nth-child(even) { visibility: hidden; } .no-overflow { overflow: hidden; } .hero__lines--top { position: absolute; right: -380px; top: -380px; pointer-events: none; } .hero__lines--bottom { position: absolute; left: -380px; bottom: -380px; pointer-events: none; } @media screen and (min-width: 1280px) and (max-width: 1439px) { .hero__lines--top, .hero__lines--bottom, .hero__lines--top svg, .hero__lines--bottom svg { width: 750px; height: 750px; } .hero__lines--top { top: -250px; right: -250px; } .hero__lines--bottom { bottom: -250px; left: -250px; } } @media screen and (min-width: 747px) and (max-width: 1279px) { .hero__lines--top, .hero__lines--bottom, .hero__lines--top svg, .hero__lines--bottom svg { width: 650px; height: 650px; } .hero__lines--top { top: -200px; right: -200px; } .hero__lines--bottom { bottom: -200px; left: -200px; } } @media screen and (max-width: 747px) { .hero__lines--top, .hero__lines--bottom, .hero__lines--top svg, .hero__lines--bottom svg { width: 523px; height: 510px; } .hero__lines--top { top: -172px; right: -172px; } .hero__lines--bottom { bottom: -172px; left: -172px; } } /* ==================================== */ /* END KK NEW CSS FOR WAVY LINES */ /* ==================================== */ /* ============================================== */ /* MOBILE CSS */ /* ============================================== */ @media (max-width: 991px) { .panel-title { flex-grow: 2; margin-top: 0; margin-bottom: 0; border-bottom: none; white-space: pre-wrap; margin-left: 20px; margin-right: 20px; } .FullWidthArea-Interior-Header { padding-top: 5vw; background-image: linear-gradient(180deg, #052A61 31.77%, #005E96 100%); position: relative; transition: all 0.3s ease-in-out; margin-top: 0vw; padding-left: 5vw; padding-right: 5vw; padding-bottom: 12px; margin-bottom: 12px; } .FullWidthArea-Interior-1 { padding-left: 5vw; padding-right: 5vw; position: relative; transition: all 0.3s ease-in-out; } .FullWidthArea-2column-left { padding-left: 5vw; padding-right: 5vw; position: relative; transition: all 0.3s ease-in-out; } .FullWidthArea-2column-right { padding-left: 5vw; padding-right: 5vw; position: relative; transition: all 0.3s ease-in-out; } h2, .h2, .PanelTitle { font-size: 140%; font-family: halyard-text, Helvetica, sans-serif; font-weight: 500; color: #0068A6; line-height: 1.45em; text-align: center; float: none !important; } h1, .heading-1 { font-size: 200%; margin-left: 20px; margin-right: 20px; text-align: center; } footer.footer { background-color: #071427; color: #fff; padding-top: 30px; padding-bottom: 30px; text-align: left; padding-left: 5vw; padding-right: 5vw; margin-top: 16px; } .hero__lines--top, .hero__lines--bottom, .hero__lines--top svg, .hero__lines--bottom svg { display: none; } .hero__lines--top { top: -472px; right: -172px; } .hero__lines--bottom { bottom: -172px; left: -172px; } .flex-rectangle::before { display: none; } body:not(.Wrapper-HomePage) .header::before { content: ''; display: block; background: #fff; width: 100%; grid-area: 1 / 1 / span 2 / span 4; } body { background: #EAF7FF; /* background-repeat: repeat; background-image: none; background-image: linear-gradient(180deg, #052A61 31.77%, #005E96 78%, #EAF7FF 20%); background-repeat: no-repeat; */ } body { font-family: halyard-text, Helvetica, sans-serif; font-weight: 300; font-size: 16px; line-height: 1.5; color: #151515; } .EventSummary { background-color: transparent; } .btn, .TextButton, .RadUpload.RadUpload .ruButton, .RadUploadProgressArea.RadUploadProgressArea .ruButton { background-color: #D82C20; border-color: #fff; } .TextButton{ box-sizing: border-box; position: relative; display: inline-block; overflow: hidden; text-decoration: none; color: #fff !important; background-color: #D82C20; transition: all 0.35s ease-in-out; margin-right: 9px; text-align: center; border-radius: 0; line-height: 1.1; letter-spacing: -0.18px; padding: 14px 30px 18px; height: 52px; font-family: halyard-text, arial, sans-serif; font-weight: 600; font-style: normal; font-size: 18px; border-color: transparent !important; } .btn:hover, .btn:focus, .btn:active, .TextButton:hover, .TextButton:focus, .TextButton:active, .RadUpload.RadUpload .ruButton:hover, .RadUpload.RadUpload .ruButton:focus, .RadUpload.RadUpload .ruButton:active, .RadUploadProgressArea.RadUploadProgressArea .ruButton:hover, .RadUploadProgressArea.RadUploadProgressArea .ruButton:focus, .RadUploadProgressArea.RadUploadProgressArea .ruButton:active { color: #151515 !important; text-decoration: none; background-color: rgba(21, 21, 21, 0.1); border-color: #151515 !important; } /* ======================== */ /* KK NEW LINES FOR TILES */ /* ======================== */ .tiles { content: ""; background-color: #fff !important; border-radius: 12px; display: block; position: relative; z-index: 1; padding: 36px 36px 44px; text-decoration: none; } .tiles__col a, .tiles__col a:visited, .tiles__col .tiles__col--link { box-sizing: border-box; background-color: #fff; border-radius: 12px; display: block; position: relative; z-index: 1; padding: 36px 36px 44px; } .cta-tiles__cols .cta-tiles__boxes--single.inset-border::after { top: 4px; } .cta-tiles__cols .cta-tiles__boxes--single.inset-border::after, .cta-tiles__cols .cta-tiles__boxes--single.inset-border::before { border-radius: 12px; } /* corner art */ .tiles__col a::after, .tiles__col a:visited::after, .tiles__col .tiles__col--link::after { position: absolute; content: ""; width: 50px; height: 55px; right: -1px; bottom: -6px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTUiIHZpZXdCb3g9IjAgMCA1MCA1NSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzI3MTJfMjU0OTcpIj4KPHJlY3Qgd2lkdGg9IjUwIiBoZWlnaHQ9IjU1IiBmaWxsPSIjRUFGN0ZGIi8+CjxnIGZpbHRlcj0idXJsKCNmaWx0ZXIwX2RfMjcxMl8yNTQ5NykiPgo8bWFzayBpZD0icGF0aC0xLW91dHNpZGUtMV8yNzEyXzI1NDk3IiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSItNTY3IiB5PSItNjE1IiB3aWR0aD0iNjE3IiBoZWlnaHQ9IjY2NSIgZmlsbD0iYmxhY2siPgo8cmVjdCBmaWxsPSJ3aGl0ZSIgeD0iLTU2NyIgeT0iLTYxNSIgd2lkdGg9IjYxNyIgaGVpZ2h0PSI2NjUiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0tNTU0IC02MTRDLTU2MC42MjcgLTYxNCAtNTY2IC02MDguNjI3IC01NjYgLTYwMlYzN0MtNTY2IDQzLjYyNzQgLTU2MC42MjcgNDkgLTU1NCA0OUgwLjU3MzU5M0M4LjUzMDA5IDQ5IDE2LjE2MDcgNDUuODM5MyAyMS43ODY4IDQwLjIxMzJMNDAuMjEzMiAyMS43ODY4QzQ1LjgzOTMgMTYuMTYwNyA0OSA4LjUzMDExIDQ5IDAuNTczNjE5Vi02MDJDNDkgLTYwOC42MjcgNDMuNjI3NCAtNjE0IDM3IC02MTRILTU1NFoiLz4KPC9tYXNrPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTS01NTQgLTYxNEMtNTYwLjYyNyAtNjE0IC01NjYgLTYwOC42MjcgLTU2NiAtNjAyVjM3Qy01NjYgNDMuNjI3NCAtNTYwLjYyNyA0OSAtNTU0IDQ5SDAuNTczNTkzQzguNTMwMDkgNDkgMTYuMTYwNyA0NS44MzkzIDIxLjc4NjggNDAuMjEzMkw0MC4yMTMyIDIxLjc4NjhDNDUuODM5MyAxNi4xNjA3IDQ5IDguNTMwMTEgNDkgMC41NzM2MTlWLTYwMkM0OSAtNjA4LjYyNyA0My42Mjc0IC02MTQgMzcgLTYxNEgtNTU0WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTS01NjUgLTYwMkMtNTY1IC02MDguMDc1IC01NjAuMDc1IC02MTMgLTU1NCAtNjEzVi02MTVDLTU2MS4xOCAtNjE1IC01NjcgLTYwOS4xOCAtNTY3IC02MDJILTU2NVpNLTU2NSAzN1YtNjAySC01NjdWMzdILTU2NVpNLTU1NCA0OEMtNTYwLjA3NSA0OCAtNTY1IDQzLjA3NTIgLTU2NSAzN0gtNTY3Qy01NjcgNDQuMTc5NyAtNTYxLjE4IDUwIC01NTQgNTBWNDhaTTAuNTczNTkzIDQ4SC01NTRWNTBIMC41NzM1OTNWNDhaTTM5LjUwNjEgMjEuMDc5N0wyMS4wNzk3IDM5LjUwNjFMMjIuNDkzOSA0MC45MjAzTDQwLjkyMDMgMjIuNDkzOUwzOS41MDYxIDIxLjA3OTdaTTQ4IC02MDJWMC41NzM2MTlINTBWLTYwMkg0OFpNMzcgLTYxM0M0My4wNzUyIC02MTMgNDggLTYwOC4wNzUgNDggLTYwMkg1MEM1MCAtNjA5LjE4IDQ0LjE3OTcgLTYxNSAzNyAtNjE1Vi02MTNaTS01NTQgLTYxM0gzN1YtNjE1SC01NTRWLTYxM1pNNDAuOTIwMyAyMi40OTM5QzQ2LjczMzkgMTYuNjgwMyA1MCA4Ljc5NTMzIDUwIDAuNTczNjE5SDQ4QzQ4IDguMjY0OSA0NC45NDQ3IDE1LjY0MTEgMzkuNTA2MSAyMS4wNzk3TDQwLjkyMDMgMjIuNDkzOVpNMC41NzM1OTMgNTBDOC43OTUzIDUwIDE2LjY4MDMgNDYuNzMzOSAyMi40OTM5IDQwLjkyMDNMMjEuMDc5NyAzOS41MDYxQzE1LjY0MTEgNDQuOTQ0NyA4LjI2NDg3IDQ4IDAuNTczNTkzIDQ4VjUwWiIgZmlsbD0iIzA1MkE2MSIgZmlsbC1vcGFjaXR5PSIwLjA1IiBtYXNrPSJ1cmwoI3BhdGgtMS1vdXRzaWRlLTFfMjcxMl8yNTQ5NykiLz4KPC9nPgo8L2c+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2RfMjcxMl8yNTQ5NyIgeD0iLTU2NyIgeT0iLTYxNSIgd2lkdGg9IjYxNyIgaGVpZ2h0PSI2NzAiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CjxmZU9mZnNldCBkeT0iNSIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwLjAyIDAgMCAwIDAgMC4xNjQgMCAwIDAgMCAwLjM4IDAgMCAwIDAuMDUgMCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9ImVmZmVjdDFfZHJvcFNoYWRvd18yNzEyXzI1NDk3Ii8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93XzI3MTJfMjU0OTciIHJlc3VsdD0ic2hhcGUiLz4KPC9maWx0ZXI+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMjcxMl8yNTQ5NyI+CjxyZWN0IHdpZHRoPSI1MCIgaGVpZ2h0PSI1NSIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K); background-repeat: no-repeat; background-size: cover; transition: all 0.3s ease-in-out; } .tiles__col--image { border-radius: 8px; line-height: 0.65; overflow: hidden; } .tiles__col--content { margin-top: 30px; } .blue-text { color: #0068A6; } .blue-text h1, .blue-text h2, .blue-text h3, .blue-text h4, .blue-text h5, .blue-text h6, .blue-text span, .blue-text a { color: #0068A6; } .tiles__col--title .heading-4 { margin-bottom: 17px; } .tiles__col--btn { margin-top: 40px; } a.learn-more, a.learn-more:visited, span.learn-more { box-sizing: border-box; padding-right: 28px; /* arrow */ background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxOCAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgNi41SDE3TTE3IDYuNUwxMS41MjU0IDFNMTcgNi41TDExLjUyNTQgMTIiIHN0cm9rZT0iIzc4Q0RGRiIvPgo8L3N2Zz4K); transition: all 0.35s ease-in-out; background-repeat: no-repeat; color: #0068A6; font-size: 18px; font-family: halyard-text, arial, sans-serif; font-weight: 600; font-style: normal; line-height: 1.1; text-decoration: none; background-position: top 5px right; letter-spacing: -0.18px; display: inline-block; } span.learn-more:hover { box-sizing: border-box; padding-right: 38px; /* arrow */ background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxOCAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgNi41SDE3TTE3IDYuNUwxMS41MjU0IDFNMTcgNi41TDExLjUyNTQgMTIiIHN0cm9rZT0iIzc4Q0RGRiIvPgo8L3N2Zz4K); transition: all 0.35s ease-in-out; background-repeat: no-repeat; color: #0068A6; font-size: 18px; font-family: halyard-text, arial, sans-serif; font-weight: 600; font-style: normal; line-height: 1.1; text-decoration: none; background-position: top 5px right; letter-spacing: -0.18px; display: inline-block; } /* publications list boxes */ .post__box { background-color: #fff; position: relative; z-index: 2; border-radius: 6px; height: 100%; } .post__box::after { position: absolute; content: ""; width: 31px; height: 36px; right: -1px; bottom: -6px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzMSAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzIyMjNfMzMyMTMpIj4KPHJlY3Qgd2lkdGg9IjMxIiBoZWlnaHQ9IjM2IiBmaWxsPSIjRUFGN0ZGIi8+CjxnIGZpbHRlcj0idXJsKCNmaWx0ZXIwX2RfMjIyM18zMzIxMykiPgo8bWFzayBpZD0icGF0aC0xLW91dHNpZGUtMV8yMjIzXzMzMjEzIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSItODAxIiB5PSItNDkiIHdpZHRoPSI4MzIiIGhlaWdodD0iODAiIGZpbGw9ImJsYWNrIj4KPHJlY3QgZmlsbD0id2hpdGUiIHg9Ii04MDEiIHk9Ii00OSIgd2lkdGg9IjgzMiIgaGVpZ2h0PSI4MCIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTS03OTQgLTQ4Qy03OTcuMzE0IC00OCAtODAwIC00NS4zMTM3IC04MDAgLTQyVjI0Qy04MDAgMjcuMzEzNyAtNzk3LjMxNCAzMCAtNzk0IDMwSC0wLjYyNzQxN0MzLjYxNjA1IDMwIDcuNjg1NzEgMjguMzE0MyAxMC42ODYzIDI1LjMxMzdMMjUuMzEzNyAxMC42ODYzQzI4LjMxNDMgNy42ODU3MSAzMCAzLjYxNjA0IDMwIC0wLjYyNzQxOVYtNDJDMzAgLTQ1LjMxMzcgMjcuMzEzNyAtNDggMjQgLTQ4SC03OTRaIi8+CjwvbWFzaz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0tNzk0IC00OEMtNzk3LjMxNCAtNDggLTgwMCAtNDUuMzEzNyAtODAwIC00MlYyNEMtODAwIDI3LjMxMzcgLTc5Ny4zMTQgMzAgLTc5NCAzMEgtMC42Mjc0MTdDMy42MTYwNSAzMCA3LjY4NTcxIDI4LjMxNDMgMTAuNjg2MyAyNS4zMTM3TDI1LjMxMzcgMTAuNjg2M0MyOC4zMTQzIDcuNjg1NzEgMzAgMy42MTYwNCAzMCAtMC42Mjc0MTlWLTQyQzMwIC00NS4zMTM3IDI3LjMxMzcgLTQ4IDI0IC00OEgtNzk0WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTI1LjMxMzcgMTAuNjg2M0wyNi4wMjA4IDExLjM5MzRMMjUuMzEzNyAxMC42ODYzWk0xMC42ODYzIDI1LjMxMzdMOS45NzkxOSAyNC42MDY2TDEwLjY4NjMgMjUuMzEzN1pNLTc5OSAtNDJDLTc5OSAtNDQuNzYxNCAtNzk2Ljc2MSAtNDcgLTc5NCAtNDdWLTQ5Qy03OTcuODY2IC00OSAtODAxIC00NS44NjYgLTgwMSAtNDJILTc5OVpNLTc5OSAyNFYtNDJILTgwMVYyNEgtNzk5Wk0tNzk0IDI5Qy03OTYuNzYxIDI5IC03OTkgMjYuNzYxNCAtNzk5IDI0SC04MDFDLTgwMSAyNy44NjYgLTc5Ny44NjYgMzEgLTc5NCAzMVYyOVpNLTAuNjI3NDE3IDI5SC03OTRWMzFILTAuNjI3NDE3VjI5Wk0yNC42MDY2IDkuOTc5MThMOS45NzkxOSAyNC42MDY2TDExLjM5MzQgMjYuMDIwOEwyNi4wMjA4IDExLjM5MzRMMjQuNjA2NiA5Ljk3OTE4Wk0yOSAtNDJWLTAuNjI3NDE5SDMxVi00MkgyOVpNMjQgLTQ3QzI2Ljc2MTQgLTQ3IDI5IC00NC43NjE0IDI5IC00MkgzMUMzMSAtNDUuODY2IDI3Ljg2NiAtNDkgMjQgLTQ5Vi00N1pNLTc5NCAtNDdIMjRWLTQ5SC03OTRWLTQ3Wk0yNi4wMjA4IDExLjM5MzRDMjkuMjA4OSA4LjIwNTI4IDMxIDMuODgxMjYgMzEgLTAuNjI3NDE5SDI5QzI5IDMuMzUwODMgMjcuNDE5NiA3LjE2NjE0IDI0LjYwNjYgOS45NzkxOEwyNi4wMjA4IDExLjM5MzRaTS0wLjYyNzQxNyAzMUMzLjg4MTI2IDMxIDguMjA1MjggMjkuMjA4OSAxMS4zOTM0IDI2LjAyMDhMOS45NzkxOSAyNC42MDY2QzcuMTY2MTQgMjcuNDE5NiAzLjM1MDgzIDI5IC0wLjYyNzQxNyAyOVYzMVoiIGZpbGw9IiMwNTJBNjEiIGZpbGwtb3BhY2l0eT0iMC4wNSIgbWFzaz0idXJsKCNwYXRoLTEtb3V0c2lkZS0xXzIyMjNfMzMyMTMpIi8+CjwvZz4KPC9nPgo8ZGVmcz4KPGZpbHRlciBpZD0iZmlsdGVyMF9kXzIyMjNfMzMyMTMiIHg9Ii04MDEiIHk9Ii00OSIgd2lkdGg9IjgzMiIgaGVpZ2h0PSI4NSIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz4KPGZlT2Zmc2V0IGR5PSI1Ii8+CjxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAuMDIgMCAwIDAgMCAwLjE2NCAwIDAgMCAwIDAuMzggMCAwIDAgMC4wNSAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93XzIyMjNfMzMyMTMiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3dfMjIyM18zMzIxMyIgcmVzdWx0PSJzaGFwZSIvPgo8L2ZpbHRlcj4KPGNsaXBQYXRoIGlkPSJjbGlwMF8yMjIzXzMzMjEzIj4KPHJlY3Qgd2lkdGg9IjMxIiBoZWlnaHQ9IjM2IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=); background-repeat: no-repeat; background-size: cover; transition: all 0.3s ease-in-out; } .post__box a, .post__box a:visited { position: relative; width: 100%; height: 100%; background-color: #fff; display: block; text-decoration: none; padding: 18px 21px 30px; box-sizing: border-box; border-radius: 6px; color: #151515; } .post__tag { box-sizing: border-box; padding: 2px 6px 4px 6px; background-color: #052A61; border-radius: 3px; font-size: 16px; font-family: halyard-text, arial, sans-serif; font-weight: 600; font-style: normal; line-height: 1.1; letter-spacing: -0.12px; color: #fff; display: inline-block; margin-bottom: 22px; } /* button */ .iat__btns { margin-bottom: 20px; line-height: 0.65; } a.button, a.button:visited, span.button { box-sizing: border-box; position: relative; display: inline-block; overflow: hidden; text-decoration: none; color: #fff; background-color: #D82C20; transition: all 0.35s ease-in-out; margin-right: 9px; text-align: center; border-radius: 0; line-height: 1.1; letter-spacing: -0.18px; padding: 14px 30px 18px; height: 52px; font-family: halyard-text, arial, sans-serif; font-weight: 600; font-style: normal; font-size: var(--text_18); border-color: var(--tbk-transparent); } a.button::after, a.button:visited::after, span.button::after { content: ""; width: 10px; height: 10px; opacity: 0; position: absolute; right: 20px; top: -2px; bottom: 0; margin: auto; transition: all 0.3s ease-in-out; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgNiA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBvcGFjaXR5PSIwLjgiIGQ9Ik0xIDguNUw1IDQuNUwxIDAuNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjI1Ii8+Cjwvc3ZnPgo=); background-repeat: no-repeat; background-position: center center; } a.button:hover, a.button:focus, a.button:visited:hover, a.button:visited:focus, span.button:hover, span.button:focus { padding: 14px 36px 18px 24px; background-color: #D82C20; color: #fff; border-color: transparent; } a.button:hover::after, a.button:focus::after, a.button:visited:hover::after, a.button:visited:focus::after, span.button:hover::after, span.button:focus::after { opacity: 1; } /* Added by KK for Job Bank Postings */ a.apply__tag { box-sizing: border-box; padding: 2px 6px 4px 6px; background-color: #D82C20; border-radius: 3px; font-size: 20px; font-family: halyard-text, arial, sans-serif; font-weight: 600; font-style: normal; line-height: 1.1; letter-spacing: -0.12px; color: #fff; display: inline-block; margin: 22px 0; text-decoration: none; } a.apply__tag:hover { box-sizing: border-box; padding: 2px 6px 4px 6px; background-color: #0068A6; border-radius: 3px; font-size: 20px; font-family: halyard-text, arial, sans-serif; font-weight: 600; font-style: normal; line-height: 1.1; letter-spacing: -0.12px; color: #fff; display: inline-block; margin: 22px 0; text-decoration: none; } /* ========================== */ /* END KK NEW LINES FOR TILES */ /* ========================== */ /* HIDE IMAGE IN HEADER */ div.hero__resources.hero__content--image { display: none; } /* ========================== */ /* BEGIN DISPLAY JOB BANK POSTS QUERY CARDS AS SINGLE COLUMN */ /* ========================== */ #ea6129ea22.QueryTemplateSet.row.row-cols-sm-2.row-cols-md-3.simplePaginateList > .col { flex: 1 0 100%; } h3.heading-5 { color: #0068A6; } /* ========================== */ /* END DISPLAY JOB BANK POSTS QUERY CARDS AS SINGLE COLUMN */ /* ========================== */ /* ================================ */ /* BEGIN ASSOCIATE MEMBER DIRECTORY */ /* ================================ */ tr > .rgRow .rgSelectedRow, div.container { padding-left: 0px !important; padding-right: 0px !important; } /* ================================ */ /* END ASSOCIATE MEMBER DIRECTORY */ /* ================================ */ /* ================================ */ /* BEGIN PUBLICATIONS IFRAME */ /* ================================ */ /* PB122 Secured Lending, PB192 RE Lending, PB201 Account Doc */ #ctl01_TemplateBody_WebPartManager1_gwpciNewEmbeddedWebPageCommon_ciNewEmbeddedWebPageCommon_ContentPanel { max-width: 383px !important; } iframe#ctl01_TemplateBody_WebPartManager1_gwpciNewEmbeddedWebPageCommon_ciNewEmbeddedWebPageCommon_MapContainer.EmbeddedWebPage { max-width: 383px !important; } /* PB115 Record Retention */ #ctl01_TemplateBody_WebPartManager1_gwpciPB115Embed_ciPB115Embed_ContentPanel { max-width: 383px !important; } iframe#ctl01_TemplateBody_WebPartManager1_gwpciPB115Embed_ciPB115Embed_MapContainer.EmbeddedWebPage { max-width: 383px !important; } /* ================================ */ /* END PUBLICATIONS IFRAME */ /* ================================ */ } /* ================================ */ /* END OF MOBILE CSS */ /* ================================ */ /* ================================ */ /* MASTHEAD FIXES */ /* ================================ */ /* =========================== */ /* variable size menu logo fix */ /* =========================== */ @media only screen and (min-width: 992px) and (max-width: 1031px) { #masterHeaderImage { background-image: url("/App_Themes/2024TBAthemeMM/images/TBA-site-logo.svg"); background-repeat: no-repeat; background-size: contain; width: 240px; height: 61px; text-indent: -9999px; overflow: hidden; float: left; margin-left: 5vw; top: 15px; } header.header .header-logo-container { grid-area: logo; align-self: start; justify-self: start; padding-left: 0px; padding-top: 0; padding-bottom: 0; z-index: 100; margin-left: 0px; margin-top: 60px; } } @media only screen and (min-width: 955px) and (max-width: 991px) { #masterHeaderImage { background-image: url("/App_Themes/2024TBAthemeMM/images/TBA-site-logo.svg"); background-repeat: no-repeat; background-size: contain; width: 240px; height: 61px; text-indent: -9999px; overflow: hidden; float: left; margin-left: 5vw; top: 15px; } header.header .header-logo-container { grid-area: logo; align-self: start; justify-self: start; padding-left: 0px; padding-top: 0; padding-bottom: 0; z-index: 100; /* margin-left: -140px; */ } } @media only screen and (min-width: 855px) and (max-width: 954px) { #masterHeaderImage { background-image: url("/App_Themes/2024TBAthemeMM/images/TBA-site-logo.svg"); background-repeat: no-repeat; background-size: contain; width: 240px; height: 61px; text-indent: -9999px; overflow: hidden; float: left; margin-left: 5vw; top: 15px; } header.header .header-logo-container { grid-area: logo; align-self: start; justify-self: start; padding-left: 0px; padding-top: 0; padding-bottom: 0; z-index: 100; /* margin-left: -105px; */ } } @media only screen and (min-width: 740px) and (max-width: 854px) { .RadMenu.RadMenu_Coffee .rmToggle .rmIcon, .RadMenu.RadMenu_Coffee .rmRootGroup .rmRootLink .rmToggle .rmIcon { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; display: block; width: 10px; height: 18px; background-image: url("images/responsivenav.png"); background-repeat: no-repeat; margin-top: 10px; margin-bottom: 0px; margin-right: 0px; margin-left: 15px; } #masterHeaderImage { background-image: url("/App_Themes/2024TBAthemeMM/images/TBA-site-logo.svg"); background-repeat: no-repeat; background-size: contain; width: 240px; height: 61px; text-indent: -9999px; overflow: hidden; float: left; margin-left: 5vw; top: 15px; } header.header .header-logo-container { grid-area: logo; align-self: start; justify-self: start; padding-left: 0px; padding-top: 0; padding-bottom: 0; z-index: 100; /* margin-left: -105px; */ } } @media only screen and (max-width: 375px) { .RadMenu.RadMenu_Coffee .rmToggle .rmIcon, .RadMenu.RadMenu_Coffee .rmRootGroup .rmRootLink .rmToggle .rmIcon { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; display: block; width: 10px; height: 18px; background-image: url("images/responsivenav.png"); background-repeat: no-repeat; margin-top: 10px; margin-bottom: 0px; margin-right: 0px; margin-left: 15px; } header.header .header-logo-container { grid-area: logo; align-self: start; justify-self: start; padding-left: 0px; padding-top: 0; padding-bottom: 0; z-index: 100; margin-left: 0px; } } @media only screen and (min-width: 1018px) and (max-width: 1099px) { #masterHeaderImage { top: 0px; width: 200px !important; } } @media only screen and (min-width: 630px) and (max-width: 739px) { #masterHeaderImage { background-image: url("/App_Themes/2024TBAthemeMM/images/TBA-site-logo.svg"); background-repeat: no-repeat; background-size: contain; width: 240px; height: 61px; text-indent: -9999px; overflow: hidden; float: left; margin-left: 5vw; top: 15px; } header.header .header-logo-container { grid-area: logo; align-self: start; justify-self: start; padding-left: 0px; padding-top: 0; padding-bottom: 0; z-index: 100; /* margin-left: -80px; */ } } @media only screen and (min-width: 520px) and (max-width: 629px) { #masterHeaderImage { background-image: url("/App_Themes/2024TBAthemeMM/images/TBA-site-logo.svg"); background-repeat: no-repeat; background-size: contain; width: 240px; height: 61px; text-indent: -9999px; overflow: hidden; float: left; margin-left: 5vw; top: 15px; } header.header .header-logo-container { grid-area: logo; align-self: start; justify-self: start; padding-left: 0px; padding-top: 0; padding-bottom: 0; z-index: 100; /* margin-left: -40px; */ } } @media only screen and (min-width: 451px) and (max-width: 519px) { #masterHeaderImage { background-image: url("/App_Themes/2024TBAthemeMM/images/TBA-site-logo.svg"); background-repeat: no-repeat; background-size: contain; width: 240px; height: 61px; text-indent: -9999px; overflow: hidden; float: left; margin-left: 5vw; top: 15px; } header.header .header-logo-container { grid-area: logo; align-self: start; justify-self: start; padding-left: 0px; padding-top: 0; padding-bottom: 0; z-index: 100; /* margin-left: -20px; */ } } @media only screen and (min-width: 360px) and (max-width: 450px) { #masterHeaderImage { background-image: url("/App_Themes/2024TBAthemeMM/images/TBA-site-logo.svg"); background-repeat: no-repeat; background-size: contain; width: 200px; height: 51px; text-indent: -9999px; overflow: hidden; float: left; margin-left: 5vw; top: 15px; } header.header .header-logo-container { grid-area: logo; align-self: start; justify-self: start; padding-left: 0px; padding-top: 0; padding-bottom: 0; z-index: 100; margin-left: 0px; } } @media only screen and (min-width: 1100px) and (max-width: 1299px) { #masterHeaderImage { top: 3px; width: 200px; } } @media only screen and (min-width: 992px) and (max-width: 1399px) { a.ContactUs-button, a.ContactUs-button:visited, a.ContactUs-button:hover, span.ContactUs-button { position: relative !important; overflow: hidden; color: #fff !important; background-color: #D82C20 !important; transition: all 0.35s ease-in-out !important; text-decoration: none !important; margin-right: 9px !important; margin-top: -13px !important; text-align: center; border-radius: 0 !important; line-height: 1.1 !important; letter-spacing: -0.18px !important; padding: 13px 15px 16px !important; font-weight: 600 !important; } } @media only screen and (min-width: 992px) and (max-width: 1003px) { .RadMenu.RadMenu_Coffee ul.rmRootGroup{ width: auto; background: #ffffff; background: transparent; float: right; padding: 20px 0 31px; } .RadMenu.RadMenu_Coffee .rmToggle .rmIcon, .RadMenu.RadMenu_Coffee .rmRootGroup .rmRootLink .rmToggle .rmIcon { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; display: block; width: 23px; height: 15px; background-image: url("images/responsivenav.png"); background-repeat: no-repeat; margin-top: 12px; margin-bottom: 15px; margin-right: 15px; margin-left: 15px; } } @media only screen and (min-width: 1004px) and (max-width: 1400px) { .RadMenu.RadMenu_Coffee .rmToggle .rmIcon, .RadMenu.RadMenu_Coffee .rmRootGroup .rmRootLink .rmToggle .rmIcon { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; display: block; width: 23px; height: 15px; background-image: url("images/responsivenav.png"); background-repeat: no-repeat; margin-top: 12px; margin-bottom: 15px; margin-right: 15px; margin-left: 15px; } } @media only screen and (min-width: 1401px) and (max-width: 1700px) { .rmIcon { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; display: block; width: 23px; height: 15px; background-image: url("images/responsivenav.png"); background-repeat: no-repeat; margin-top: 14px; margin-bottom: 15px; margin-right: 15px; margin-left: 15px; } } /* ================================ */ /* END OF MASTHEAD FIXES */ /* ================================ */