/* Minification failed. Returning unminified contents. (98,41): run-time error CSS1019: Unexpected token, found ' ' (98,41): run-time error CSS1019: Unexpected token, found ' ' (98,41): run-time error CSS1042: Expected function, found ' ' (98,41): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (388,38): run-time error CSS1019: Unexpected token, found ' ' (388,38): run-time error CSS1019: Unexpected token, found ' ' (388,38): run-time error CSS1042: Expected function, found ' ' (388,38): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (389,53): run-time error CSS1019: Unexpected token, found ' ' (389,53): run-time error CSS1019: Unexpected token, found ' ' (389,53): run-time error CSS1042: Expected function, found ' ' (389,53): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (396,36): run-time error CSS1019: Unexpected token, found ' ' (396,36): run-time error CSS1019: Unexpected token, found ' ' (396,36): run-time error CSS1042: Expected function, found ' ' (396,36): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (443,40): run-time error CSS1019: Unexpected token, found ' ' (443,40): run-time error CSS1019: Unexpected token, found ' ' (443,40): run-time error CSS1042: Expected function, found ' ' (443,40): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (444,42): run-time error CSS1019: Unexpected token, found ' ' (444,42): run-time error CSS1019: Unexpected token, found ' ' (444,42): run-time error CSS1042: Expected function, found ' ' (444,42): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (464,40): run-time error CSS1019: Unexpected token, found ' ' (464,40): run-time error CSS1019: Unexpected token, found ' ' (464,40): run-time error CSS1042: Expected function, found ' ' (464,40): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (522,94): run-time error CSS1030: Expected identifier, found '.' (522,117): run-time error CSS1031: Expected selector, found ')' (522,117): run-time error CSS1025: Expected comma or open brace, found ')' (527,99): run-time error CSS1030: Expected identifier, found '.' (527,122): run-time error CSS1031: Expected selector, found ')' (527,122): run-time error CSS1025: Expected comma or open brace, found ')' (726,42): run-time error CSS1019: Unexpected token, found ' ' (726,42): run-time error CSS1019: Unexpected token, found ' ' (726,42): run-time error CSS1042: Expected function, found ' ' (726,42): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (783,40): run-time error CSS1019: Unexpected token, found ' ' (783,40): run-time error CSS1019: Unexpected token, found ' ' (783,40): run-time error CSS1042: Expected function, found ' ' (783,40): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (784,55): run-time error CSS1019: Unexpected token, found ' ' (784,55): run-time error CSS1019: Unexpected token, found ' ' (784,55): run-time error CSS1042: Expected function, found ' ' (784,55): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (791,38): run-time error CSS1019: Unexpected token, found ' ' (791,38): run-time error CSS1019: Unexpected token, found ' ' (791,38): run-time error CSS1042: Expected function, found ' ' (791,38): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (877,35): run-time error CSS1019: Unexpected token, found ' ' (877,35): run-time error CSS1019: Unexpected token, found ' ' (877,35): run-time error CSS1042: Expected function, found ' ' (877,35): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (895,36): run-time error CSS1019: Unexpected token, found ' ' (895,36): run-time error CSS1019: Unexpected token, found ' ' (895,36): run-time error CSS1042: Expected function, found ' ' (895,36): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (896,37): run-time error CSS1019: Unexpected token, found ' ' (896,37): run-time error CSS1019: Unexpected token, found ' ' (896,37): run-time error CSS1042: Expected function, found ' ' (896,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (904,40): run-time error CSS1019: Unexpected token, found ' ' (904,40): run-time error CSS1019: Unexpected token, found ' ' (904,40): run-time error CSS1042: Expected function, found ' ' (904,40): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (911,38): run-time error CSS1019: Unexpected token, found ' ' (911,38): run-time error CSS1019: Unexpected token, found ' ' (911,38): run-time error CSS1042: Expected function, found ' ' (911,38): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (923,37): run-time error CSS1019: Unexpected token, found ' ' (923,37): run-time error CSS1019: Unexpected token, found ' ' (923,37): run-time error CSS1042: Expected function, found ' ' (923,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (928,40): run-time error CSS1019: Unexpected token, found ' ' (928,40): run-time error CSS1019: Unexpected token, found ' ' (928,40): run-time error CSS1042: Expected function, found ' ' (928,40): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (939,39): run-time error CSS1019: Unexpected token, found ' ' (939,39): run-time error CSS1019: Unexpected token, found ' ' (939,39): run-time error CSS1042: Expected function, found ' ' (939,39): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (1886,39): run-time error CSS1019: Unexpected token, found ' ' (1886,39): run-time error CSS1019: Unexpected token, found ' ' (1886,39): run-time error CSS1042: Expected function, found ' ' (1886,39): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (8880,38): run-time error CSS1019: Unexpected token, found ' ' (8880,38): run-time error CSS1019: Unexpected token, found ' ' (8880,38): run-time error CSS1042: Expected function, found ' ' (8880,38): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (8898,35): run-time error CSS1019: Unexpected token, found ' ' (8898,35): run-time error CSS1019: Unexpected token, found ' ' (8898,35): run-time error CSS1042: Expected function, found ' ' (8898,35): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (8899,36): run-time error CSS1019: Unexpected token, found ' ' (8899,36): run-time error CSS1019: Unexpected token, found ' ' (8899,36): run-time error CSS1042: Expected function, found ' ' (8899,36): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (8907,40): run-time error CSS1019: Unexpected token, found ' ' (8907,40): run-time error CSS1019: Unexpected token, found ' ' (8907,40): run-time error CSS1042: Expected function, found ' ' (8907,40): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (8914,38): run-time error CSS1019: Unexpected token, found ' ' (8914,38): run-time error CSS1019: Unexpected token, found ' ' (8914,38): run-time error CSS1042: Expected function, found ' ' (8914,38): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (8932,40): run-time error CSS1019: Unexpected token, found ' ' (8932,40): run-time error CSS1019: Unexpected token, found ' ' (8932,40): run-time error CSS1042: Expected function, found ' ' (8932,40): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (8943,39): run-time error CSS1019: Unexpected token, found ' ' (8943,39): run-time error CSS1019: Unexpected token, found ' ' (8943,39): run-time error CSS1042: Expected function, found ' ' (8943,39): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (9080,38): run-time error CSS1019: Unexpected token, found ' ' (9080,38): run-time error CSS1019: Unexpected token, found ' ' (9080,38): run-time error CSS1042: Expected function, found ' ' (9080,38): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (9081,53): run-time error CSS1019: Unexpected token, found ' ' (9081,53): run-time error CSS1019: Unexpected token, found ' ' (9081,53): run-time error CSS1042: Expected function, found ' ' (9081,53): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (9088,36): run-time error CSS1019: Unexpected token, found ' ' (9088,36): run-time error CSS1019: Unexpected token, found ' ' (9088,36): run-time error CSS1042: Expected function, found ' ' (9088,36): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (9135,40): run-time error CSS1019: Unexpected token, found ' ' (9135,40): run-time error CSS1019: Unexpected token, found ' ' (9135,40): run-time error CSS1042: Expected function, found ' ' (9135,40): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (9136,42): run-time error CSS1019: Unexpected token, found ' ' (9136,42): run-time error CSS1019: Unexpected token, found ' ' (9136,42): run-time error CSS1042: Expected function, found ' ' (9136,42): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (9156,40): run-time error CSS1019: Unexpected token, found ' ' (9156,40): run-time error CSS1019: Unexpected token, found ' ' (9156,40): run-time error CSS1042: Expected function, found ' ' (9156,40): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (9214,120): run-time error CSS1030: Expected identifier, found '.' (9214,143): run-time error CSS1031: Expected selector, found ')' (9214,143): run-time error CSS1025: Expected comma or open brace, found ')' (9219,125): run-time error CSS1030: Expected identifier, found '.' (9219,148): run-time error CSS1031: Expected selector, found ')' (9219,148): run-time error CSS1025: Expected comma or open brace, found ')' (9422,42): run-time error CSS1019: Unexpected token, found ' ' (9422,42): run-time error CSS1019: Unexpected token, found ' ' (9422,42): run-time error CSS1042: Expected function, found ' ' (9422,42): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (9479,40): run-time error CSS1019: Unexpected token, found ' ' (9479,40): run-time error CSS1019: Unexpected token, found ' ' (9479,40): run-time error CSS1042: Expected function, found ' ' (9479,40): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (9480,55): run-time error CSS1019: Unexpected token, found ' ' (9480,55): run-time error CSS1019: Unexpected token, found ' ' (9480,55): run-time error CSS1042: Expected function, found ' ' (9480,55): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (9487,38): run-time error CSS1019: Unexpected token, found ' ' (9487,38): run-time error CSS1019: Unexpected token, found ' ' (9487,38): run-time error CSS1042: Expected function, found ' ' (9487,38): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (10163,43): run-time error CSS1019: Unexpected token, found ' ' (10163,43): run-time error CSS1019: Unexpected token, found ' ' (10163,43): run-time error CSS1042: Expected function, found ' ' (10163,43): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (10166,43): run-time error CSS1019: Unexpected token, found ' ' (10166,43): run-time error CSS1019: Unexpected token, found ' ' (10166,43): run-time error CSS1042: Expected function, found ' ' (10166,43): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (10254,44): run-time error CSS1019: Unexpected token, found ' ' (10254,44): run-time error CSS1019: Unexpected token, found ' ' (10254,44): run-time error CSS1042: Expected function, found ' ' (10254,44): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (10257,39): run-time error CSS1019: Unexpected token, found ' ' (10257,39): run-time error CSS1019: Unexpected token, found ' ' (10257,39): run-time error CSS1042: Expected function, found ' ' (10257,39): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (10260,39): run-time error CSS1019: Unexpected token, found ' ' (10260,39): run-time error CSS1019: Unexpected token, found ' ' (10260,39): run-time error CSS1042: Expected function, found ' ' (10260,39): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (10701,43): run-time error CSS1019: Unexpected token, found ' ' (10701,43): run-time error CSS1019: Unexpected token, found ' ' (10701,43): run-time error CSS1042: Expected function, found ' ' (10701,43): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (10704,43): run-time error CSS1019: Unexpected token, found ' ' (10704,43): run-time error CSS1019: Unexpected token, found ' ' (10704,43): run-time error CSS1042: Expected function, found ' ' (10704,43): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' */ /* Compile all necessary css files into one stylesheet ***Include only files used by the project, delete or comment out others*** Do not add styles to this stylesheet, only import files. Add files to css folder as needed, following the naming convention All files in css folder start with _ to indicate they should not be compiled to individual css files. */ /* Fonts ================================================== */ @font-face { font-family: 'Nunito Sans'; font-style: italic; font-weight: 400; font-stretch: normal; font-display: swap; src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe1kMImSLYBIv1o4X1M8cce4OdVisMz5nZRqy6cmmmU3t2FQWEAEOvV9wNvrwlNstMKW3Y6K5WMwXeVy3GboJ0kTHmqP91Ug.ttf) format('truetype'); } @font-face { font-family: 'Nunito Sans'; font-style: normal; font-weight: 400; font-stretch: normal; font-display: swap; src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe1mMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp5F5bxqqtQ1yiU4G1ilntA.ttf) format('truetype'); } @font-face { font-family: 'Nunito Sans'; font-style: normal; font-weight: 700; font-stretch: normal; font-display: swap; src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe1mMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp5F5bxqqtQ1yiU4GMS5ntA.ttf) format('truetype'); } @font-face { font-family: 'Merriweather'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/merriweather/v30/u-4m0qyriQwlOrhSvowK_l5-eSZJ.ttf) format('truetype'); } @font-face { font-family: 'Merriweather'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/merriweather/v30/u-440qyriQwlOrhSvowK_l5Oew.ttf) format('truetype'); } @font-face { font-family: 'Merriweather'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/merriweather/v30/u-4n0qyriQwlOrhSvowK_l52xwNpXw.ttf) format('truetype'); } /******************************/ /**************************/ /********************************************* The variables below normally use one of the more generic variables defined above. Modify below this line only if design is different from standard template ************************************************/ /********* end generic variables used in multiple places */ /************************/ /************************/ /*other month day text color*/ /********************************************* The variables below normally use one of the more generic variables defined above. Modify below this line only if design is different from standard template ************************************************/ /*** border color for listtable and tableData/tableBox classes*/ @font-face { font-family: 'Glyphicons Halflings'; src: url('fonts/glyphicons-halflings-regular.eot'); src: url('fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('fonts/glyphicons-halflings-regular.woff') format('woff'), url('fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); } /*#region === Mobile/Base Styles === */ .home_hero { display: block; width: 100%; background: hsla(189, 54%, 8%, 0.75); } .video-bg-image-slider .slide-content, .video-bg-image-slider .video-caption { width: 100%; padding: 10px; overflow: hidden; letter-spacing: 0.2px; display: none; } .video-bg-image-slider .slide-title, .video-bg-image-slider .video-title { margin: 0 0 0.625rem 0; font-size: clamp(1.125rem, 0.9593rem + 0.7797vw, 1.625rem); font-weight: normal; color: #ffffff; max-height: 2.4em; overflow: hidden; font-family: 'Nunito Sans', sans-serif; text-transform: none; max-width: 100%; line-height: 1.2; } .video-bg-image-slider .slide-description, .video-bg-image-slider .video-description { color: #ffffff; font-size: 1rem; font-weight: normal; font-family: 'Nunito Sans', sans-serif; max-height: 3em; overflow: hidden; line-height: 1.5; margin-bottom: 2.5rem; } .video-bg-image-slider .slide-link.site-button, .video-bg-image-slider .video-link.site-button { max-width: 188px; } .video-bg-image-slider .slide-link .button-txt, .video-bg-image-slider .video-link .button-txt { max-width: 6.875em; } .video-bg-image-slider .flex-pauseplay, .video-bg-image-slider .video-controls { position: absolute; top: 0; right: auto; bottom: auto; left: 0; z-index: 3; } .video-bg-image-slider .flex-pauseplay a, .video-bg-image-slider .video-controls a { display: block; width: 60px; height: 60px; text-indent: -4000px; cursor: pointer; background: url(-gfx/cmn/ui-pause.svg) no-repeat; } .video-bg-image-slider .flex-pauseplay a.flex-pause, .video-bg-image-slider .video-controls a.flex-pause, .video-bg-image-slider .flex-pauseplay a.video-pause, .video-bg-image-slider .video-controls a.video-pause { background: url(-gfx/cmn/ui-play.svg) no-repeat; } .video-bg-image-slider.image-slider { position: relative; overflow: hidden; } .video-bg-image-slider.image-slider .slide-image-link { overflow: hidden; display: block; position: relative; padding-top: 0; height: 275px; } .video-bg-image-slider.image-slider .slide-image { height: 100%; width: 100%; object-fit: cover; object-position: center; } .video-bg-image-slider.image-slider .flex-control-nav { display: flex; align-items: center; justify-content: space-between; max-width: fit-content; gap: 10px; position: absolute; top: 4px; right: 4px; bottom: auto; left: auto; z-index: 3; padding: 10px; background: hsla(189, 54%, 8%, 0.75); } .video-bg-image-slider.image-slider .flex-control-nav li { float: none; display: inline-block; } .video-bg-image-slider.image-slider .flex-control-nav:empty { display: none; } .video-bg-image-slider.image-slider .flex-control-nav button { height: 10px; width: 10px; border-radius: 50%; background: hsla(0, 0%, 100%, 0.5); border: none; margin-left: 0; text-indent: -4000px; overflow: hidden; text-align: left; padding: 0; display: block !important; } .video-bg-image-slider.image-slider .flex-control-nav button.flex-active, .video-bg-image-slider.image-slider .flex-control-nav button:hover, .video-bg-image-slider.image-slider .flex-control-nav button:focus { background: #fff; border: none; outline-offset: 5px; transform: scale(1.4); } .video-bg-image-slider.image-slider .flex-direction-nav a { width: 42px; height: 44px; margin: auto; display: block; position: absolute; top: auto; right: auto; left: auto; bottom: 1vw; cursor: pointer; text-indent: -9999px; z-index: 3; overflow: hidden; } .video-bg-image-slider.image-slider .flex-direction-nav a::before { content: ""; position: absolute; top: 3px; bottom: auto; display: block; width: 30px; height: 30px; border-color: #fff; border-style: solid; filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.4)); transform: rotate(45deg); transform-origin: bottom; transition: border-color 0.2s ease-in-out; } .video-bg-image-slider.image-slider .flex-direction-nav a:hover::before { border-color: #F9AF3F; transition: border-color 0.2s ease-in-out; } .video-bg-image-slider.image-slider .flex-direction-nav .flex-prev { left: 1vw; } .video-bg-image-slider.image-slider .flex-direction-nav .flex-prev::before { border-width: 0 0 6px 6px; left: 0; } .video-bg-image-slider.image-slider .flex-direction-nav .flex-next { right: 1vw; } .video-bg-image-slider.image-slider .flex-direction-nav .flex-next::before { border-width: 6px 6px 0 0; left: -6px; } .video-bg-image-slider.image-slider .flex-direction-nav .flex-disabled { cursor: default; } .video-bg-image-slider.video- .video-wrapper { padding-bottom: 56.25%; /* 16:9 */ width: 100%; position: relative; } .video-bg-image-slider.video- iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*#endregion Mobile/Base */ @media screen and (min-width: 48em) { .home_hero { background: transparent; } .video-bg-image-slider .slide-content, .video-bg-image-slider .video-caption { position: absolute; left: 0; bottom: calc(50% - 110px); top: auto; right: auto; width: 444px; max-height: 273px; max-width: 90%; padding: 2rem 2.8125rem 2.3125rem; background: hsla(189, 54%, 8%, 0.75); margin: auto; z-index: 3; } .video-bg-image-slider .flex-pauseplay, .video-bg-image-slider .video-controls { top: 1vw; left: 1vw; } .video-bg-image-slider.image-slider .slide-image-link { height: 603.75px; } .video-bg-image-slider.image-slider .flex-control-nav { top: auto; bottom: calc(calc(50% - 110px) + 2.8125rem + 10px); left: calc(2.3125rem + 188px + 74px); right: auto; background: transparent; padding: 0; margin: auto; width: 444px; text-align: right; } .video-bg-image-slider.image-slider .flex-control-nav.bg-active::before { content: ""; position: absolute; left: -50%; width: 200%; height: 56px; background: hsla(189, 54%, 8%, 0.75); z-index: -1; } .video-bg-image-slider.video- { padding-bottom: 41.92708333%; height: 0; } .video-bg-image-slider.video- .video-wrapper { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } } @media screen and (min-width: 85.375em) { .video-bg-image-slider.image-slider .slide-image-link { height: 805px; } .video-bg-image-slider.image-slider .slide-image { height: 805px; } } .home_calendar.home_calendar { width: 100%; max-width: 100%; font-family: 'Nunito Sans', sans-serif; padding: 0; margin-bottom: 0; } .home_calendar.home_calendar h2.widget_header:not(:first-of-type) { display: none; } .home_calendar.home_calendar .home-events-header { color: #fff; font-family: 'Nunito Sans', sans-serif; font-size: 3.75rem; font-weight: bold; margin: 0 auto 4.0625rem 0; padding-left: 12px; border-left: 4px solid #F9AF3F; line-height: 0.6; letter-spacing: 1.5px; } .home_calendar.home_calendar .minicalendar_widget { max-width: none; height: 23.125rem; background: #fff; border-radius: 6px; } .home_calendar.home_calendar .calendar_mini_grid.calendar-mini-grid-title { background: #fff; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; } .home_calendar.home_calendar .calendar_mini_grid.calendar-mini-grid-title td { background: #fff; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; text-align: left; width: 100%; } .home_calendar.home_calendar .calendar_mini_grid.calendar-mini-grid-title .current_month_title, .home_calendar.home_calendar .calendar_mini_grid.calendar-mini-grid-title .short_current_month_title, .home_calendar.home_calendar .calendar_mini_grid.calendar-mini-grid-title .current_month_title a, .home_calendar.home_calendar .calendar_mini_grid.calendar-mini-grid-title .short_current_month_title a { color: #0D0D0D; font-size: clamp(1.125rem, 0.8rem + 1.4vw, 2rem); margin: 0.75em 0 0.55em clamp(0.9375rem, 0.65rem + 1.2vw, 1.6875rem); font-family: 'Nunito Sans', sans-serif; text-transform: none; font-weight: bold; } .home_calendar.home_calendar .calendar_mini_grid.calendar-mini-grid-title .calendar_nextprev { position: absolute; right: clamp(0.9375rem, 0.65rem + 1.2vw, 1.6875rem); top: 10px; width: 25px !important; height: 35px; } .home_calendar.home_calendar .calendar_mini_grid.calendar-mini-grid-title .calendar_nextprev a { color: #044A75; } .home_calendar.home_calendar .calendar_mini_grid.calendar-mini-grid-title .calendar_nextprev a::before { content: ""; display: block; left: 0; top: 0; bottom: 0; right: 0; position: absolute; width: 12px; height: 12px; margin: auto; border-bottom: 4px solid #05649B; border-left: 4px solid #05649B; transform: rotate(45deg); transform-origin: center; color: #044A75; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .home_calendar.home_calendar .calendar_mini_grid.calendar-mini-grid-title .calendar_nextprev a:hover:not(.disabled)::before, .home_calendar.home_calendar .calendar_mini_grid.calendar-mini-grid-title .calendar_nextprev a:focus:not(.disabled)::before { border-color: #0D0D0D; } .home_calendar.home_calendar .calendar_mini_grid.calendar-mini-grid-title .calendar_nextprev a.prev { right: 21px; color: #05649B; } .home_calendar.home_calendar .calendar_mini_grid.calendar-mini-grid-title .calendar_nextprev a.next { transform: rotate(-180deg); left: auto; right: 0; top: 0px; } .home_calendar.home_calendar .calendar_dayheader { background: #9EC3D7; border: 1px solid #9EC3D7; font-family: 'Nunito Sans', sans-serif; font-size: clamp(0.6875rem, 0.45rem + 0.9vw, 1.25rem); line-height: clamp(1.8125rem, 1.28rem + 2.15vw, 3.125rem); padding: 0; color: #0D0D0D; font-weight: bold; } .home_calendar.home_calendar .calendar_dayheader:first-child { -webkit-border-radius: 6px 0 0 6px; -moz-border-radius: 6px 0 0 6px; border-radius: 6px 0 0 6px; } .home_calendar.home_calendar .calendar_dayheader:last-child { -webkit-border-radius: 0 6px 6px 0; -moz-border-radius: 0 6px 6px 0; border-radius: 0 6px 6px 0; } .home_calendar.home_calendar td.calendar_day, .home_calendar.home_calendar td.calendar_weekendday, .home_calendar.home_calendar td.calendar_othermonthday, .home_calendar.home_calendar td.calendar_today { border-color: #fff; font-size: clamp(0.6875rem, 0.45rem + 0.9vw, 1.25rem); font-weight: normal; line-height: 45px; font-family: 'Nunito Sans', sans-serif; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; padding: 0; border: none; } .home_calendar.home_calendar td.calendar_day:first-child, .home_calendar.home_calendar td.calendar_weekendday:first-child, .home_calendar.home_calendar td.calendar_othermonthday:first-child, .home_calendar.home_calendar td.calendar_today:first-child { border-left: 0; } .home_calendar.home_calendar td.calendar_day:last-child, .home_calendar.home_calendar td.calendar_weekendday:last-child, .home_calendar.home_calendar td.calendar_othermonthday:last-child, .home_calendar.home_calendar td.calendar_today:last-child { border-right: 0; } .home_calendar.home_calendar td.calendar_day:hover, .home_calendar.home_calendar td.calendar_weekendday:hover, .home_calendar.home_calendar td.calendar_othermonthday:hover, .home_calendar.home_calendar td.calendar_today:hover { background: transparent; } .home_calendar.home_calendar td.calendar_day a, .home_calendar.home_calendar td.calendar_weekendday a, .home_calendar.home_calendar td.calendar_othermonthday a, .home_calendar.home_calendar td.calendar_today a { color: #393939 !important; } .home_calendar.home_calendar tr:last-child td.calendar_day, .home_calendar.home_calendar tr:last-child td.calendar_today, .home_calendar.home_calendar tr:last-child td.calendar_weekendday, .home_calendar.home_calendar tr:last-child td.calendar_othermonthday { border-bottom: 0; } .home_calendar.home_calendar td.calendar_day, .home_calendar.home_calendar td.calendar_weekendday { background: transparent; color: #393939 !important; } .home_calendar.home_calendar td.calendar_day:hover, .home_calendar.home_calendar td.calendar_weekendday:hover { color: #393939 !important; } .home_calendar.home_calendar table.calendar_mini_grid { background: #fff; table-layout: auto; padding: 0 20px 20px; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; } .home_calendar.home_calendar table.calendar_mini_grid tbody tr:first-child td:nth-child(1 of .calendar_othermonthday)::before, .home_calendar.home_calendar table.calendar_mini_grid tbody tr:last-child td:nth-child(1 of .calendar_othermonthday)::before { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .home_calendar.home_calendar table.calendar_mini_grid tbody tr:first-child td:nth-last-child(1 of .calendar_othermonthday)::before, .home_calendar.home_calendar table.calendar_mini_grid tbody tr:last-child td:nth-last-child(1 of .calendar_othermonthday)::before { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .home_calendar.home_calendar td.calendar_othermonthday { color: #393939 !important; position: relative; background: transparent; } .home_calendar.home_calendar td.calendar_othermonthday::before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; margin: auto; width: 100%; height: 29px; background: #E7F0F5; } .home_calendar.home_calendar td.calendar_othermonthday a { color: #393939 !important; } .home_calendar.home_calendar td.calendar_othermonthday:hover, .home_calendar.home_calendar td.calendar_othermonthday:focus { background: transparent; } .home_calendar.home_calendar .calendar_mini_grid td.calendar_today { background: #fff; color: #393939 !important; position: relative; z-index: 1; } .home_calendar.home_calendar .calendar_mini_grid td.calendar_today::before { content: ""; top: 0; left: 0; position: absolute; right: 0; bottom: 0; z-index: -1; width: 38px; height: 38px; background: transparent; border: 2px solid #F2683A; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: auto; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); } .home_calendar.home_calendar .calendar_mini_grid td.calendar_today a { color: #393939 !important; } .home_calendar.home_calendar .calendar_mini_grid .calendar_day_with_items { text-decoration: none !important; position: relative; z-index: auto; } .home_calendar.home_calendar .calendar_mini_grid .calendar_day_with_items a { text-decoration: none !important; } .home_calendar.home_calendar .calendar_mini_grid .calendar_day_with_items::before { content: ""; top: 0; left: 0; position: absolute; right: 0; bottom: 0; width: 38px; height: 38px; background: #F9AF3F; margin: auto; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; opacity: 0; z-index: -1; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .home_calendar.home_calendar .calendar_mini_grid .calendar_day_with_items::after { content: ""; top: auto; left: 0; position: absolute; right: 0; bottom: 10px; z-index: -1; width: 5px; height: 5px; background: #F2683A; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: auto; z-index: 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .home_calendar.home_calendar .calendar_mini_grid .calendar_day_with_items:hover, .home_calendar.home_calendar .calendar_mini_grid .calendar_day_with_items:focus { text-decoration: none !important; z-index: 2; background: transparent; } .home_calendar.home_calendar .calendar_mini_grid .calendar_day_with_items:hover::before, .home_calendar.home_calendar .calendar_mini_grid .calendar_day_with_items:focus::before { opacity: 1; } .home_calendar.home_calendar .calendar_mini_grid .calendar_day_with_items:hover a, .home_calendar.home_calendar .calendar_mini_grid .calendar_day_with_items:focus a { text-decoration: none !important; } .home_calendar.home_calendar .calendar_mini_grid .calendar_day_with_items .calendar_items { background-color: #FFFFFF; border-top: 4px solid #F9AF3F; border-radius: 4px; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); color: #0D0D0D; padding: 0.625rem; min-width: 225px; bottom: 85%; left: 50%; right: auto; transform: translateX(-50%); } .home_calendar.home_calendar .calendar_mini_grid .calendar_day_with_items .calendar_items .calendar_item { display: flex; flex-flow: column; margin-bottom: 5px; } .home_calendar.home_calendar .calendar_mini_grid .calendar_day_with_items .calendar_items .calendar_eventtime { color: #0D0D0D !important; font-size: 0.6875rem !important; font-weight: normal; order: 1; } .home_calendar.home_calendar .calendar_mini_grid .calendar_day_with_items .calendar_items .calendar_eventlink { font-family: 'Nunito Sans', sans-serif; color: #0D0D0D !important; font-size: 0.75rem !important; font-weight: bold; text-decoration: none !important; order: 0; margin: 0; max-height: 1.5em; overflow: hidden; } .home_calendar.home_calendar .calendar_mini_grid .calendar_day_with_items .calendar_items .calendar_eventlink:hover, .home_calendar.home_calendar .calendar_mini_grid .calendar_day_with_items .calendar_items .calendar_eventlink:focus { text-decoration: underline; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .home_calendar.home_calendar { padding: 0; margin: 0; display: inline-block; vertical-align: top; } .home_calendar.home_calendar .calendar_mini_grid td.calendar_today::before { width: 70%; max-width: 46px; height: auto; aspect-ratio: 1; } .home_calendar.home_calendar .calendar_mini_grid .calendar_day_with_items::before { width: 70%; max-width: 46px; height: auto; aspect-ratio: 1; } } /*62em = 992px*/ @media only screen and (min-width: 62em) { .home_calendar.home_calendar { min-height: 511px; } .home_calendar.home_calendar table.calendar_mini_grid tbody { transform: translateY(8px); } .home_calendar.home_calendar .minicalendar_widget { height: auto; aspect-ratio: 1; } .home_calendar.home_calendar table.calendar_mini_grid { padding: 0 clamp(0.9375rem, 0.65rem + 1.2vw, 1.6875rem); } .home_calendar.home_calendar td.calendar_day, .home_calendar.home_calendar td.calendar_weekendday, .home_calendar.home_calendar td.calendar_othermonthday, .home_calendar.home_calendar td.calendar_today { line-height: 54px; } .home_calendar.home_calendar td.calendar_othermonthday::before { height: 42px; } } @media (min-width: 75em) { .home_calendar.home_calendar { max-width: 555px; width: 100%; margin-left: 0; } .home_calendar.home_calendar table.calendar_mini_grid tbody { transform: translateY(18px); } .home_calendar.home_calendar td.calendar_day, .home_calendar.home_calendar td.calendar_weekendday, .home_calendar.home_calendar td.calendar_othermonthday, .home_calendar.home_calendar td.calendar_today { line-height: 62px; } .home_calendar.home_calendar td.calendar_othermonthday::before { height: 50px; } .home_calendar.home_calendar .calendar_mini_grid .calendar_day_with_items::after { bottom: 15px; } } @media (min-width: 85.375em) { .home_calendar.home_calendar { margin: 0; } .home_calendar.home_calendar .calendar_mini_grid.calendar-mini-grid-title { background: #fff; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; } .home_calendar.home_calendar .calendar_mini_grid.calendar-mini-grid-title td { background: #fff; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; text-align: left; width: 100%; } .home_calendar.home_calendar .calendar_mini_grid.calendar-mini-grid-title .current_month_title, .home_calendar.home_calendar .calendar_mini_grid.calendar-mini-grid-title .short_current_month_title, .home_calendar.home_calendar .calendar_mini_grid.calendar-mini-grid-title .current_month_title a, .home_calendar.home_calendar .calendar_mini_grid.calendar-mini-grid-title .short_current_month_title a { color: #0D0D0D; font-size: clamp(1.125rem, 0.8rem + 1.4vw, 2rem); margin: 0.75em 0 0.55em clamp(0.9375rem, 0.65rem + 1.2vw, 1.6875rem); font-family: 'Nunito Sans', sans-serif; text-transform: none; font-weight: bold; } .home_calendar.home_calendar .calendar_mini_grid.calendar-mini-grid-title .calendar_nextprev { position: absolute; right: clamp(0.9375rem, 0.65rem + 1.2vw, 1.6875rem); top: 22px; width: 25px !important; height: 35px; } .home_calendar.home_calendar .calendar_mini_grid.calendar-mini-grid-title .calendar_nextprev a::before { content: ""; display: block; left: 0; top: 0; bottom: 0; right: 0; position: absolute; width: 18px; height: 18px; margin: auto; border-bottom: 4px solid #05649B; border-left: 4px solid #05649B; transform: rotate(45deg); transform-origin: center; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .home_calendar.home_calendar .calendar_mini_grid.calendar-mini-grid-title .calendar_nextprev a:hover:not(.disabled)::before, .home_calendar.home_calendar .calendar_mini_grid.calendar-mini-grid-title .calendar_nextprev a:focus:not(.disabled)::before { border-color: #0D0D0D; } .home_calendar.home_calendar .calendar_mini_grid.calendar-mini-grid-title .calendar_nextprev a.prev { right: 38px; } .home_calendar.home_calendar .calendar_mini_grid.calendar-mini-grid-title .calendar_nextprev a.next { transform: rotate(-180deg); left: auto; right: 0; top: 1px; } } .home_events.home_events { display: flex; flex-flow: column; gap: 2.625rem 3.75rem; padding: 4.6875rem 0 5rem; } .home_events_list .events-container { position: relative; text-align: center; } .home_events_list .events-list { display: flex; flex-flow: column; gap: 13px; align-items: end; } .home_events_list .events-item { margin: 0; width: calc(100% - 55px); text-align: left; } .home_events_list .event-link { display: flex; align-items: center; gap: 5.125rem; text-decoration: none; background: transparent; position: relative; min-height: 6.25rem; } .home_events_list .event-link:hover, .home_events_list .event-link:focus { text-decoration: none; } .home_events_list .event-link:hover .event-title, .home_events_list .event-link:focus .event-title { text-decoration: none; } .home_events_list .event-link:hover .event-title, .home_events_list .event-link:focus .event-title, .home_events_list .event-link:hover .event-time, .home_events_list .event-link:focus .event-time { padding-left: 5px; } .home_events_list .event-link:hover .event-date, .home_events_list .event-link:focus .event-date { background: #F9AF3F url(_gfx/home/events-date-h.svg) right bottom / cover no-repeat; width: clamp(5.375rem, 4.34rem + 2.97vw, 7.1875rem); border-color: #05649B; } .home_events_list .event-link:hover .event-month, .home_events_list .event-link:focus .event-month, .home_events_list .event-link:hover .event-day, .home_events_list .event-link:focus .event-day { color: #0D0D0D; } .home_events_list .event-date { display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; flex: 0 1 auto; line-height: 1.5; position: absolute; left: -55px; width: clamp(5.0625rem, 4.34rem + 2.97vw, 6.875rem); height: clamp(5.0625rem, 4.34rem + 2.97vw, 6.875rem); background: #05649B; background-position: right bottom; border-right: 4px solid #F9AF3F; transition: all 300ms ease; } .home_events_list .event-month { text-transform: uppercase; font-size: clamp(0.875rem, 0.725rem + 0.615vw, 1.25rem); font-weight: normal; font-family: 'Nunito Sans', sans-serif; color: #fff; transition: color 300ms ease; } .home_events_list .event-day { font-size: clamp(1.75rem, 1.45rem + 1.23vw, 2.5rem); font-weight: bold; font-family: 'Nunito Sans', sans-serif; color: #fff; } .home_events_list .event-info { display: flex; flex-flow: column nowrap; justify-content: center; flex: 1; background: #fff; border-radius: 4px; height: clamp(6.625rem, 6.075rem + 2.25vw, 8rem); padding-inline: 3.4375rem 1.4375rem; } .home_events_list .event-title { color: #0D0D0D; font-size: clamp(1.125rem, 0.975rem + 0.615vw, 1.5rem); font-family: 'Nunito Sans', sans-serif; font-weight: bold; margin: 0; line-height: 1.1; max-height: 3.3em; overflow: hidden; transition: padding 300ms ease; } .home_events_list .event-time { color: #393939; font-size: clamp(0.75rem, 0.675rem + 0.3vw, 0.9375rem); font-family: 'Merriweather', serif; margin: 0; transition: padding 300ms ease; } .home_events_list .events-more { display: inline-block; margin-top: 2.1875rem; background: #F2EFD5; color: #0D0D0D; border-radius: 2px; font-size: 1.125rem; font-weight: bold; height: 3.125rem; line-height: 3.125rem; padding-inline: 20px; margin-inline: auto; text-decoration: none; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .home_events_list .events-more:hover, .home_events_list .events-more:focus { background: #F9AF3F url(_gfx/home/btn-h.svg) right bottom / cover no-repeat; color: #0D0D0D; text-decoration: none; } @media screen and (min-width: 62em) { .home_events.home_events { flex-flow: row; justify-content: space-between; } .home_events.home_events .events-container { margin-top: 6.375rem; } .home_events.home_events .events-more { float: right; } .home_events.home_events .event-info { padding-left: 4.375rem; } } @media screen and (min-width: 85.375em) { .home_events.home_events { gap: 2.625rem 6.9375rem; } .home_events.home_events .events-list { align-items: start; } .home_events.home_events .events-item { width: 100%; } .home_events.home_events .event-info { padding-inline: 5.625rem; height: 8rem; } } .home_buttons { display: block; padding: 15px 0px 15px 0px; background: transparent; } .home_buttons .buttons-grid { display: flex; flex-flow: row wrap; gap: 30px 10px; justify-content: center; transform: translateY(-58px); } .home_buttons .button-item { flex: 1 34%; max-width: 9.625rem; aspect-ratio: 192 / 176; } .home_buttons .button-link { display: flex; flex-flow: column; align-items: center; justify-content: end; gap: 1em 0; text-align: center; text-decoration: none; background: #9EC3D7; background-position: center center; background-size: contain; border-radius: 4px; box-shadow: 0 0 0 transparent; width: 100%; height: 100%; position: relative; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .home_buttons .button-link::before { content: ""; width: 100%; height: 21px; position: absolute; inset: 0 0 auto 0; background: #05649B; border-radius: 3px 3px 0 0; transition: height 300ms ease; } .home_buttons .button-link:hover, .home_buttons .button-link:focus { text-decoration: none; background: #F9AF3F url(_gfx/home/cta-h.svg) center center / contain no-repeat; box-shadow: 0 0 0 0 transparent; } .home_buttons .button-link:hover::before, .home_buttons .button-link:focus::before { height: 0; } .home_buttons .button-link:hover .button-title, .home_buttons .button-link:focus .button-title { color: contrast(#F9AF3F url(_gfx/home/cta-h.svg) center center / contain no-repeat, #0D0D0D, #fff); } .home_buttons .button-link:hover .button-img-wrap, .home_buttons .button-link:focus .button-img-wrap { box-shadow: inset 0 0 0 4px #F2683A; } .home_buttons .button-img-wrap { display: flex; justify-content: center; align-items: center; background: #fff; aspect-ratio: 1; border-radius: 50%; border: 4px solid #fff; width: 58%; position: absolute; top: -15%; box-shadow: inset 0 0 0 4px transparent; transition: box-shadow 300ms ease; } .home_buttons .button-img { max-width: 58px; max-height: 58px; width: 50%; height: 50%; } .home_buttons .button-title { color: #0D0D0D; display: block; font-size: 0.9375rem; font-weight: bold; font-family: inherit; text-transform: none; line-height: 1; height: 2em; width: 100%; margin: 0 0 1.5em 0; padding-inline: 1em; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .home_buttons { padding: 28px 0px 28px; } .home_buttons .buttons-grid { flex-flow: row nowrap; } .home_buttons .button-item { flex: 1 26%; } } /***62em = 992px ***/ @media screen and (min-width: 62em) { .home_buttons .buttons-grid { gap: 30px; } } /***75em = 1200px ***/ @media screen and (min-width: 75em) { .home_buttons { padding: 20px 0; } .home_buttons .button-item { flex: 1; max-width: 12rem; } .home_buttons .button-title { font-size: 1.25rem; } } .home_spotlight .spotlight-container .slick_wrapper { width: 100%; padding: clamp(60px, 5.85vw, 80px) 0 181px 0; position: relative; background: transparent; overflow: visible; clear: both; } .home_spotlight .slick-initialized .slick-slide { display: block; } .home_spotlight .slick-slide { float: left; height: 100%; min-height: 1px; line-height: 0; } .home_spotlight .spotlight-container .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .home_spotlight .spotlight-container .slick-slider { margin: 0 auto; position: relative; width: 100%; opacity: 0; height: 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; float: left; } .home_spotlight .spotlight-container .slick-slider.slick-initialized { opacity: 1; height: auto; overflow: visible; } .home_spotlight .spotlight-container .slick-list { width: auto; position: relative; z-index: 0; padding-bottom: 7px; } .home_spotlight .spotlight-container .vi-spotlight-slides { padding: 0; background: transparent; } .home_spotlight .spotlight-container .slick-arrow { background: #F2683A; border-radius: 50%; width: 40px; height: auto; aspect-ratio: 1; top: calc(50% - 20px + 35.5px); } .home_spotlight .spotlight-container .slick-arrow::before { border-color: #0D0D0D; width: 15px; height: 15px; border-width: 4px; transform-origin: center; margin: auto; top: 0; bottom: 0; } .home_spotlight .spotlight-container .slick-arrow:hover:not(.slick-disabled), .home_spotlight .spotlight-container .slick-arrow:focus:not(.slick-disabled) { background: #F9AF3F; } .home_spotlight .spotlight-container .slick-arrow:hover:not(.slick-disabled)::before, .home_spotlight .spotlight-container .slick-arrow:focus:not(.slick-disabled)::before { border-color: #0D0D0D; } .home_spotlight .spotlight-container .slick-arrow.slick-disabled { cursor: default; background: #F9B9A3; } .home_spotlight .spotlight-container .slick-arrow.slick-disabled::before { border-color: #868686; } .home_spotlight .spotlight-container .slick-prev { right: auto; left: -20px; } .home_spotlight .spotlight-container .slick-prev::before { left: 6px; right: 0; } .home_spotlight .spotlight-container .slick-next { left: auto; right: -20px; } .home_spotlight .spotlight-container .slick-next::before { left: 0; right: 6px; } .home_spotlight .vi-spotlight { padding: 0; } .home_spotlight .vi-spotlight.vi-spotlight-img-left .vi-spotlight-item { flex-direction: row; -webkit-flex-direction: row; -ms-flex-direction: row; } .home_spotlight .vi-spotlight-item { align-items: end; float: left; } .home_spotlight .vi-spotlight .vi-spotlight-img-frame { flex: 100%; aspect-ratio: 1; max-width: 555px; max-height: 555px; margin: 0; padding: 0; position: relative; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); z-index: 1; } .home_spotlight .vi-spotlight-img { object-fit: cover; object-position: center; width: 100%; height: 100%; max-height: none; } .home_spotlight .vi-spotlight .vi-spotlight-info { flex: 1; width: auto; padding: 3.125rem 2.5625rem 3.125rem 1.9375rem; max-width: 100%; height: 30.25rem; background: #05649B; position: relative; border-radius: 0 0 6px 6px; overflow: hidden; } .home_spotlight .vi-spotlight .vi-spotlight-info::before { content: ""; position: absolute; top: 3.125rem; left: 0; width: 42px; height: 4px; background: #F9AF3F; } .home_spotlight .vi-spotlight .vi-spotlight-info::after { content: "SPOTLIGHT"; display: block; color: #fff; font-size: 0.875rem; font-weight: bold; font-family: 'Nunito Sans', sans-serif; position: absolute; top: 3.3125rem; left: 50px; } .home_spotlight .vi-spotlight-info-header { color: #fff; font-family: 'Nunito Sans', sans-serif; font-size: 1.75rem; font-weight: bold; margin: 0 0 0.875rem 0; padding-top: 1.875rem; position: relative; line-height: 1.5; max-height: calc(2em * 1.5 + 1.875rem); } .home_spotlight .vi-spotlight-info-header a:hover { text-decoration: none; } .home_spotlight .vi-spotlight-info-header-link { color: #fff; } .home_spotlight .vi-spotlight-info-desc { font-size: 0.875rem; font-family: 'Merriweather', serif; color: #fff; padding: 0; margin: 0; max-height: 19.992em; line-height: 1.666; } .home_spotlight .vi-spotlight-info-more { margin-top: 2.1875rem; background: #F2EFD5; color: #0D0D0D; border-radius: 2px; font-size: 1.125rem; font-weight: bold; font-family: 'Nunito Sans', sans-serif; height: 3.125rem; line-height: 3.125rem; padding-block: 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .home_spotlight .vi-spotlight-info-more:hover, .home_spotlight .vi-spotlight-info-more:focus { background: #F9AF3F url(_gfx/home/btn-h.svg) right bottom / cover no-repeat; color: #0D0D0D; } @media screen and (min-width: 48em) { .home_spotlight.home_spotlight { padding-inline: 10px; } .home_spotlight.home_spotlight .spotlight-container .slick_wrapper { padding-block: 40px 145px; } .home_spotlight.home_spotlight .vi-spotlight .vi-spotlight-img-frame { flex: auto; } .home_spotlight.home_spotlight .vi-spotlight .vi-spotlight-info { flex: 1; width: auto; border-radius: 0 6px 6px 0; min-height: 424px; } } @media screen and (min-width: 62em) { .home_spotlight.home_spotlight { padding-inline: 0; } .home_spotlight.home_spotlight .vi-spotlight .vi-spotlight-info { flex: 1; width: auto; } } @media screen and (min-width: 75em) { .home_spotlight.home_spotlight .vi-spotlight .vi-spotlight-info { min-height: 455px; } .home_spotlight.home_spotlight .vi-spotlight.vi-spotlight-img-left .vi-spotlight-item { background: url(_gfx/home/spotlight-shape-light-blue.svg) left top / auto no-repeat; } } @media screen and (min-width: 85.375em) { .home_spotlight.home_spotlight .spotlight-container .slick_wrapper { width: 100%; padding: clamp(60px, 5.85vw, 80px) 0 181px 0; } .home_spotlight.home_spotlight .spotlight-container .slick-arrow { width: 50px; top: calc(50% - 25px + 35.5px); } .home_spotlight.home_spotlight .spotlight-container .slick-arrow::before { width: 18px; height: 18px; } .home_spotlight.home_spotlight .spotlight-container .slick-prev { left: -25px; } .home_spotlight.home_spotlight .spotlight-container .slick-next { right: -25px; } .home_spotlight.home_spotlight .vi-spotlight-info-header { font-size: 2rem; } .home_spotlight.home_spotlight .vi-spotlight .vi-spotlight-info { padding: 4.9375rem 6rem 5.375rem 5.0625rem; font-size: 1.125rem; } .home_spotlight.home_spotlight .vi-spotlight .vi-spotlight-info::before { top: 4.875rem; left: -60px; width: 145px; } .home_spotlight.home_spotlight .vi-spotlight .vi-spotlight-info::after { top: 5.0625rem; left: 5.6875rem; } .home_spotlight.home_spotlight .vi-spotlight-info-desc { font-size: 1.125rem; max-height: 13.328em; } } .homepagelayout { position: relative; } .homepagelayout .column { float: none; min-height: 0px; } .homepagelayout .container { padding-inline: 9vw; } .home_item2 { clear: both; position: relative; } .home_item3 { background: transparent linear-gradient(180deg, #05649BBF 0%, #05649B 100%) 0% 0% no-repeat padding-box; } .home_item4 { background-color: #fff; background-image: url(_gfx/home/spotlight-shape-beige.svg), url(_gfx/home/spotlight-shape-orange.svg); background-size: auto; background-position: left 125% top 153px, left 85% bottom; background-repeat: no-repeat; } .home_item5 { background: #05649B url(_gfx/home/events-bg.jpg) center top / cover no-repeat; } .home_item6 { background: linear-gradient(to bottom, #F2EFD5 50%, #9EC3D7 50%); } .home_item3, .home_item4, .home_item5, .home_item6, .home_item7, .home_item8, .home_item9, .home_item10, .home_item11, .home_item12, .home_item13, .home_item14, .home_item15, .home_item16, .home_item17 { position: relative; z-index: 1; } .home_item14 { padding: 40px 0; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .homepagelayout .container { padding-inline: 0; } #sitebody.homepagelayout { border-bottom: 1px solid #f0f0f0; padding: 0; background: transparent; width: 100%; max-width: none; margin-bottom: 0; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 60.83333333px 60.83333333px 60.83333333px 60.83333333px 60.83333333px 60.83333333px 60.83333333px 60.83333333px 60.83333333px 60.83333333px 60.83333333px 60.83333333px 1fr; grid-template-columns: 1fr 60.83333333px 60.83333333px 60.83333333px 60.83333333px 60.83333333px 60.83333333px 60.83333333px 60.83333333px 60.83333333px 60.83333333px 60.83333333px 60.83333333px 1fr; /*.equal-heights { //columns should be equal height. Use flexbox display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; }*/ } #sitebody.homepagelayout:before { display: none; } #sitebody.homepagelayout > * { -ms-grid-column-align: stretch; -ms-grid-row-align: stretch; justify-self: stretch; align-self: stretch; } #sitebody.homepagelayout .top_col { -ms-grid-column: 1; -ms-grid-column-span: 14; -ms-grid-row: 1; -ms-grid-row-span: 1; grid-column: 1 / span 14; grid-row: 1 / span 1; padding-top: 4rem; } #sitebody.homepagelayout .top_col:before, #sitebody.homepagelayout .top_col:after { display: none; } #sitebody.homepagelayout .home_item2 { -ms-grid-column: 1; -ms-grid-column-span: 14; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-column: 1 / span 14; grid-row: 2 / span 1; overflow: hidden; } #sitebody.homepagelayout .home_item3 { margin-top: -182px; -ms-grid-column: 1; -ms-grid-column-span: 14; -ms-grid-row: 3; -ms-grid-row-span: 1; grid-column: 1 / span 14; grid-row: 3 / span 1; } #sitebody.homepagelayout .home_item4 { -ms-grid-column: 1; -ms-grid-column-span: 14; -ms-grid-row: 4; -ms-grid-row-span: 1; grid-column: 1 / span 14; grid-row: 4 / span 1; background-size: auto 110px, 100px auto; background-position: left top 200px, left calc((100vw - 730px )/2 + 394px - 100px) bottom; } #sitebody.homepagelayout .home_item4::before, #sitebody.homepagelayout .home_item4::after { content: ""; position: absolute; inset: 0 0 auto auto; width: 80px; height: 80px; background: #05649B; z-index: -1; } #sitebody.homepagelayout .home_item4::after { background: #fff; border-top-right-radius: 80px; } #sitebody.homepagelayout .home_item5 { -ms-grid-column: 1; -ms-grid-column-span: 14; -ms-grid-row: 5; -ms-grid-row-span: 1; grid-column: 1 / span 14; grid-row: 5 / span 1; } #sitebody.homepagelayout .home_item6 { -ms-grid-column: 1; -ms-grid-column-span: 14; -ms-grid-row: 6; -ms-grid-row-span: 1; grid-column: 1 / span 14; grid-row: 6 / span 1; } #sitebody.homepagelayout .home_item7 { -ms-grid-column: 1; -ms-grid-column-span: 14; -ms-grid-row: 7; -ms-grid-row-span: 1; grid-column: 1 / span 14; grid-row: 7 / span 1; } #sitebody.homepagelayout .home_item8 { -ms-grid-column: 1; -ms-grid-column-span: 14; -ms-grid-row: 8; -ms-grid-row-span: 1; grid-column: 1 / span 14; grid-row: 8 / span 1; padding: 40px 0px 40px 0; } #sitebody.homepagelayout .home_item8 .container { display: flex; justify-content: space-between; } #sitebody.homepagelayout .home_item8 .container:before, #sitebody.homepagelayout .home_item8 .container:after { display: none; } #sitebody.homepagelayout .home_item8 .container > * { max-width: 32%; } #sitebody.homepagelayout .home_item9 { -ms-grid-column: 1; -ms-grid-column-span: 14; -ms-grid-row: 9; -ms-grid-row-span: 1; grid-column: 1 / span 14; grid-row: 9 / span 1; } #sitebody.homepagelayout .home_item10 { -ms-grid-column: 1; -ms-grid-column-span: 14; -ms-grid-row: 10; -ms-grid-row-span: 1; grid-column: 1 / span 14; grid-row: 10 / span 1; } #sitebody.homepagelayout .home_item11 { -ms-grid-column: 1; -ms-grid-column-span: 14; -ms-grid-row: 11; -ms-grid-row-span: 1; grid-column: 1 / span 14; grid-row: 11 / span 1; } #sitebody.homepagelayout .home_item12 { -ms-grid-column: 1; -ms-grid-column-span: 14; -ms-grid-row: 12; -ms-grid-row-span: 1; grid-column: 1 / span 14; grid-row: 12 / span 1; padding: 40px 0px 40px 0; } #sitebody.homepagelayout .home_item12 .container { display: flex; justify-content: space-between; } #sitebody.homepagelayout .home_item12 .container:before, #sitebody.homepagelayout .home_item12 .container:after { display: none; } #sitebody.homepagelayout .home_item12 .container > * { max-width: 48%; } } @media screen and (min-width: 62em) { #sitebody.homepagelayout { -ms-grid-columns: 1fr 79.16666667px 79.16666667px 79.16666667px 79.16666667px 79.16666667px 79.16666667px 79.16666667px 79.16666667px 79.16666667px 79.16666667px 79.16666667px 79.16666667px 1fr; grid-template-columns: 1fr 79.16666667px 79.16666667px 79.16666667px 79.16666667px 79.16666667px 79.16666667px 79.16666667px 79.16666667px 79.16666667px 79.16666667px 79.16666667px 79.16666667px 1fr; } #sitebody.homepagelayout .home_item3 { margin-top: -197px; } #sitebody.homepagelayout .home_item4 { background-size: auto, 110px; background-position: left 153px, left calc((100vw - 950px )/2 + 514px - 110px) bottom; } #sitebody.homepagelayout .home_item6 { background: linear-gradient(to right, #F2EFD5 50%, #9EC3D7 50%); } } @media screen and (min-width: 75em) { #sitebody.homepagelayout { -ms-grid-columns: 1fr 85.25px 85.25px 85.25px 85.25px 85.25px 85.25px 85.25px 85.25px 85.25px 85.25px 85.25px 85.25px 1fr; grid-template-columns: 1fr 85.25px 85.25px 85.25px 85.25px 85.25px 85.25px 85.25px 85.25px 85.25px 85.25px 85.25px 85.25px 1fr; } #sitebody.homepagelayout .home_item3 { margin-top: -205px; } #sitebody.homepagelayout .home_item4 { background-size: auto, 125px; background-position: left 153px, left calc((100vw - 1023px )/2 + 551px - 125px) bottom; } #sitebody.homepagelayout .home_item4::before, #sitebody.homepagelayout .home_item4::after { width: 200px; height: 200px; } #sitebody.homepagelayout .home_item4::after { border-top-right-radius: 200px; } } @media (min-width: 85.375em) { #sitebody.homepagelayout { -ms-grid-columns: 1fr 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 1fr; grid-template-columns: 1fr 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 1fr; } #sitebody.homepagelayout .home_item4 { background-size: auto; background-position: left 153px, left calc((100vw - 1302px )/2 + 555px - 150px) bottom; } } @media screen and (max-width: 61.95em) { .home_data.home_data.container { max-width: 100%; width: 100%; padding: 0; } } .home_data.home_data { display: flex; align-items: center; flex-flow: column; /*.data-count { color: @data-number-color; font-family: @data-number-font; font-size: @data-number-size-mobile; font-weight: @data-number-weight; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: @data-number-line-height; max-height: @data-number-line-height; text-align: @data-number-align; }*/ } .home_data.home_data .data-heading { margin: 60px 9vw; font-size: 1.75rem; font-weight: 700; color: #0D0D0D; text-transform: none; font-family: 'Nunito Sans', sans-serif; text-align: left; background: #F2EFD5; padding-top: 25px; padding-right: 28px; position: relative; letter-spacing: 0.8px; line-height: 1.1; } .home_data.home_data .data-heading::before { content: "HIGHLIGHTS"; position: absolute; top: 5px; left: 0; line-height: 4px; border-left: 13px solid #F9AF3F; padding-left: 7px; color: #05649B; font-size: 0.875rem; } .home_data.home_data .data-grid { display: flex; flex-flow: column; align-items: center; gap: 0.9375rem 5.875rem; background: #9EC3D7; padding: 30px 10px 60px; border: 4px solid #F2683A; border-width: 4px 0 0 0; width: 100%; } .home_data.home_data .data-item { width: 100%; } .home_data.home_data .data-info { display: flex; flex-flow: column; align-items: center; gap: 0.875rem; } .home_data.home_data .data-info:hover .data-circle, .home_data.home_data .data-info:focus .data-circle { background: #fff url(_gfx/home/data-ring-h.svg) center no-repeat; } .home_data.home_data .data-link { text-decoration: none; } .home_data.home_data .data-link:hover { text-decoration: none; } .home_data.home_data .data-circle { display: flex; justify-content: center; align-items: center; background: #fff url(_gfx/home/data-ring.svg) center no-repeat; border-radius: 50%; width: 13.4375rem; height: auto; aspect-ratio: 1; transition: background 300ms ease; color: #0D0D0D; font-family: 'Nunito Sans', sans-serif; font-size: 1.5rem; font-weight: 700; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1.375; max-height: 1.375; text-align: center; } .home_data.home_data .data-title { text-transform: none; line-height: 1.366; overflow: hidden; text-align: center; font-family: inherit; font-size: 1.875rem; font-weight: 700; color: #0D0D0D; max-height: 2.732; margin: 0; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .home_data.home_data .data-grid { width: 100%; column-gap: 0; justify-content: center; flex-flow: row; } .home_data.home_data .data-info { align-items: center; } } /***62em = 992px ***/ @media screen and (min-width: 62em) { .home_data.home_data { flex-flow: row; /*.data-count { font-size: @data-number-size; }*/ } .home_data.home_data .data-grid { border-width: 0 0 0 4px; padding: 61px 0 61px 83px; padding-inline: 10px; padding-left: 33px; column-gap: 10px; } .home_data.home_data .data-heading { font-size: 2rem; margin: 0; padding-right: 63px; } .home_data.home_data .data-circle { font-size: 3rem; } } /***62em = 992px ***/ @media screen and (min-width: 85.375em) { .home_data.home_data { flex-flow: row; } .home_data.home_data .data-grid { padding: 61px 0 61px 83px; column-gap: 5.875rem; } } .home-search { position: absolute; top: 2.375rem; left: 0; right: 0; margin: auto; padding: 1.25rem; width: 90vw; max-width: 53.5rem; background: rgba(255, 255, 255, 0.95); border-radius: 6px; z-index: 1; } .home-search-heading { color: #0D0D0D; font-size: 1.75rem; padding-right: 4rem; margin: 0; line-height: 1.1; } .home-searchbox-wrap { display: none; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .home-search { display: flex; align-items: center; justify-content: space-between; gap: 28px; top: 7.5rem; padding: 1.5rem 2.5rem; } .home-search-heading { font-size: clamp(1.5rem, 0.85rem + 1.3vw, 2rem); padding: 0.9375rem 0 0.9375rem 0; border-right: 4px solid #F2683A; flex: 1; } .home-searchbox-wrap { display: flex; flex-flow: column; } .home-search-links { display: flex; font-size: 0.875rem; white-space: nowrap; } .home-search-links h2 { font-weight: bold; font-size: inherit; margin-right: 6px; } .home-search-links ul { display: flex; align-items: center; max-width: 100%; overflow: hidden; margin: 0; padding: 0; list-style: none; } .home-search-links ul li { display: inline-block; margin-right: 4px; } .home-search-links ul li::after { content: ","; } .home-search-links ul li:last-child::after { content: ""; } .home-search-links ul a { text-decoration: none; display: inline-block; color: #0D0D0D; } .home-search-links ul a:hover, .home-search-links ul a:focus { text-decoration: underline; } .home-searchbox { margin: 0; width: 100%; max-width: 30rem; padding: 0; background: transparent; border: 1px solid #05649B; border-radius: 3px; overflow: hidden; position: relative; } .home-searchbox:hover, .home-searchbox:focus { border-color: #F9AF3F; } .home-searchbox:hover > a, .home-searchbox:focus > a { background: #F9AF3F url("_gfx/cmn/search-h.svg") no-repeat center center; background-size: 1.0625rem; } .home-searchbox > a { display: inline-block; position: absolute; top: 0; right: 0; bottom: 0; left: auto; height: 2.5rem; width: 2.5rem; border-radius: 0; background: #05649B url("_gfx/cmn/search.svg") no-repeat center center; background-size: 1.0625rem; text-indent: -4000px; overflow: hidden; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .home-searchbox > a:hover, .home-searchbox > a:focus { background: #F9AF3F url("_gfx/cmn/search-h.svg") no-repeat center center; background-size: 1.0625rem; } .home-searchbox input#home-search-text { color: #393939; font-size: 1rem !important; height: 2.5rem; line-height: 2.5rem !important; background: transparent; padding: 0 2.5rem 0 18px; font-family: 'Merriweather', serif; text-transform: none; width: 100%; border: none !important; } .home-searchbox input#home-search-text::-webkit-input-placeholder { font-size: 0.875rem; color: #393939; font-family: 'Merriweather', serif; text-transform: none; } .home-searchbox input#home-search-text:-moz-placeholder { font-size: 0.875rem; color: #393939; font-family: 'Merriweather', serif; text-transform: none; } .home-searchbox input#home-search-text::-moz-placeholder { font-size: 0.875rem; color: #393939; font-family: 'Merriweather', serif; text-transform: none; } .home-searchbox input#home-search-text:-ms-input-placeholder { font-size: 0.875rem; color: #393939; font-family: 'Merriweather', serif; text-transform: none; } } @media screen and (min-width: 62em) { .home-search { top: 10.625rem; } .home-search .home-searchbox { width: 480px; } } @media screen and (min-width: 85.375em) { .home-search { top: 12.8125rem; } } /*tools include mixins and other tools we need to include such as google fonts.*/ .visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } /*Generic styles needed for every project. */ @media screen and (min-width: 40.5em) and (max-width: 47.9375em) { .standardlayout .column.left_col, .standardthreecolumnlayout .column.left_col, .standardlayout .column.right_col, .standardthreecolumnlayout .column.right_col, .standardthreecolumnlayout .column.small_col, .twocolumnswithbottomlayout .column.left_col, .twocolumnswithbottomlayout .column.right_col, .threecolumnswithbottomlayout .column.left_col, .threecolumnswithbottomlayout .column.middle_col, .threecolumnswithbottomlayout .column.right_col, .twocolumnreverselayout .column.has_small_col, .twocolumnreverselayout .column.small_col { width: 100%; margin: 0 !important; } .title_widget, .content_area { padding: 10px; } .content_area.facebook_feed, .content_area.twitter_feed { padding: 0; } .sidenav, .small_col .sidenav { float: none; width: 100%; } .sidenav .mobile_header.mobile_only, .small_col .sidenav .mobile_header.mobile_only { display: block !important; } .sidenav ul li, .sidenav ul li.sidenav_expanded > a { display: none; } .sidenav.mobile_list ul li a, .sidenav.mobile_list ul li a:hover { padding: 0; font-weight: normal; } .mobile_list ul li, .facebook_feed ul li, .twitter_feed ul li, .small_box .box_content ul li { padding: 17px 7% 17px 16px; } .mobile_list ul li a, .mobile_list .box_bottomlink, .mobile_box .box_bottomlink, .mobile_list ul li a:hover { font-weight: bold; } .mobile_list .box_bottomlink, .mobile_box .box_bottomlink { display: block; } .small_box { margin-bottom: 0; } .standardthreecolumnlayout .small_col .small_box { display: block; margin-right: 0%; width: 100%; } .mobile_list .item-list a:hover { font-weight: normal; } .service_box .box_content > ul > li { border-bottom: 1px solid #c6c4c4 !important; } .standardthreecolumnlayout .small_col .minicalendar_widget { display: block; margin: 0 auto; } #view-full { display: block !important; } .mobile_only { display: block !important; } .mobile_hide { display: none !important; } .front_end_body table.responsive-table-data-mb:not(.non-responsive-table) { /*hide table header.*/ /* tr:nth-of-type(odd) { background-color: #EEE; }*/ } .front_end_body table.responsive-table-data-mb:not(.non-responsive-table) .hidden { display: none; } .front_end_body table.responsive-table-data-mb:not(.non-responsive-table) thead, .front_end_body table.responsive-table-data-mb:not(.non-responsive-table) tbody, .front_end_body table.responsive-table-data-mb:not(.non-responsive-table) th, .front_end_body table.responsive-table-data-mb:not(.non-responsive-table) td, .front_end_body table.responsive-table-data-mb:not(.non-responsive-table) tr { display: block; } .front_end_body table.responsive-table-data-mb:not(.non-responsive-table) thead tr, .front_end_body table.responsive-table-data-mb:not(.non-responsive-table) tr th { position: absolute; top: -9999999px; left: -999999px; } .front_end_body table.responsive-table-data-mb:not(.non-responsive-table) tr { border: 1px solid #CCC; } .front_end_body table.responsive-table-data-mb:not(.non-responsive-table) td { /*behave like a row*/ border: none; border-bottom: 1px solid #EEE; position: relative; padding-left: 50% !important; text-align: left; min-height: 18px; } .front_end_body table.responsive-table-data-mb:not(.non-responsive-table) td:before { /*now like a table header*/ position: absolute; /*top and left value mimic padding*/ top: 6px; left: 6px; padding-right: 10px; white-space: nowrap; content: attr(data-th) " "; font-weight: bold; } .front_end_body table.responsive-table-data-mb:not(.non-responsive-table) td img, .front_end_body table.responsive-table-data-mb:not(.non-responsive-table) td object { width: auto; height: auto; float: none; } .front_end_body table.responsive-table-data-mb:not(.non-responsive-table) td a.email_link { margin: 0px; } .front_end_body table.responsive-table-data-mb:not(.non-responsive-table) td .title_column { max-width: 100%; } .front_end_body table.responsive-table-data-mb:not(.non-responsive-table) td:first-child { padding-left: 50% !important; } .front_end_body table.responsive-table-data-dkt:not(.non-responsive-table) { /*hide table header.*/ /* tr:nth-of-type(odd) { background-color: #EEE; }*/ } .front_end_body table.responsive-table-data-dkt:not(.non-responsive-table) thead, .front_end_body table.responsive-table-data-dkt:not(.non-responsive-table) tbody, .front_end_body table.responsive-table-data-dkt:not(.non-responsive-table) th, .front_end_body table.responsive-table-data-dkt:not(.non-responsive-table) td, .front_end_body table.responsive-table-data-dkt:not(.non-responsive-table) tr { display: block; } .front_end_body table.responsive-table-data-dkt:not(.non-responsive-table) thead tr, .front_end_body table.responsive-table-data-dkt:not(.non-responsive-table) tr th { position: absolute; top: -9999999px; left: -999999px; } .front_end_body table.responsive-table-data-dkt:not(.non-responsive-table) tr { border: 1px solid #CCC; } .front_end_body table.responsive-table-data-dkt:not(.non-responsive-table) td { /*behave like a row*/ border: none; border-bottom: 1px solid #EEE; position: relative; padding-left: 50% !important; text-align: left; min-height: 18px; } .front_end_body table.responsive-table-data-dkt:not(.non-responsive-table) td:before { /*now like a table header*/ position: absolute; /*top and left value mimic padding*/ top: 6px; left: 6px; padding-right: 10px; white-space: nowrap; content: attr(data-th) " "; font-weight: bold; } .front_end_body table.responsive-table-data-dkt:not(.non-responsive-table) td img, .front_end_body table.responsive-table-data-dkt:not(.non-responsive-table) td object { width: auto; height: auto; float: none; } .front_end_body table.listtable td p.command_button.register_now_command_button { width: 100px !important; } } html { font-size: inherit; } *, *:after, *:before { box-sizing: content-box; } .sitewrapper, .sitewrapper *, .sitewrapper *:after, .sitewrapper *:before { box-sizing: border-box; } .progress { box-shadow: 0 0 0; height: auto; margin-bottom: 0px; } .collapse { display: inherit; } .sitewrapper a.phone_link, .sitewrapper a.phone_link:hover { color: #393939; text-decoration: none !important; white-space: nowrap; } /*setting default styles for html elements. */ body.front_end_body, .sitewrapper, .sitewrapper select, .sitewrapper input, .sitewrapper textarea, .sitewrapper table, #broken_links_reporter_form, body.dialog_body, body[radeditorbody], body[radeditorbody] table { font-size: 1.125rem !important; line-height: 1.5 !important; font-family: 'Nunito Sans', sans-serif !important; color: #393939; } .front_end_body :target:before, .front_end_body a[name]:before { content: ""; display: block; height: 5.5rem; /* fixed header height plus a little padding*/ position: relative; z-index: -1; } p { margin: 0 0 1em 0; font-family: 'Merriweather', serif; } table img { max-width: none; } .column select { min-width: 150px; } .front_end_body label { line-height: inherit; } legend { color: #0D0D0D; font-weight: bold; text-decoration: none; } .form_button, .column input[type=button], .column input[type=submit], .column input[type=reset], body.dialog_body input[type="submit"], body.dialog_body input[type="button"], body.dialog_body input[type="reset"], .front_end_body .command.primary, .front_end_body .column .command { background: #05649B !important; color: #ffffff !important; } .form_button:hover, .column input[type=button]:hover, .column input[type=submit]:hover, .column input[type=reset]:hover, .front_end_body input[type=submit].command.primary:hover, .front_end_body a.command.primary:hover { color: #393939 !important; background: #fff !important; border: 2px solid #C4C4C4 !important; } .column input[type="text"], .column.column input[type="submit"], .column input[type="password"], .column input[type="email"], .column textarea, .column select, .front_end_form input[type="text"], .front_end_form input[type="password"], .front_end_form input[type="email"], .front_end_form textarea, .front_end_form select { line-height: normal !important; } h1, .content_area h1, .reDropDownBody h1 { color: #0D0D0D; font-weight: bold; font-size: 2.5rem; font-family: 'Nunito Sans', sans-serif; } h2, .content_area h2, .reDropDownBody h2 { font-size: 2rem; color: #0D0D0D; font-weight: bold; font-family: 'Nunito Sans', sans-serif; } h3, .content_area h3, .reDropDownBody h3 { font-size: 1.75rem; color: #0D0D0D; font-weight: bold; font-family: 'Nunito Sans', sans-serif; } h4, .content_area h4, .reDropDownBody h4 { font-size: 1.5rem; color: #0D0D0D; font-weight: bold; font-family: 'Nunito Sans', sans-serif; } h5, .content_area h5, .reDropDownBody h5 { font-size: 1.375rem; color: #0D0D0D; font-weight: bold; font-family: 'Nunito Sans', sans-serif; } h6, .content_area h6, .reDropDownBody h6 { color: #0D0D0D; font-weight: bold; font-size: 100%; font-family: 'Nunito Sans', sans-serif; } .subtitle { font-size: 2rem; color: #0D0D0D; font-weight: bold; font-family: 'Nunito Sans', sans-serif; } .subtitle p, .subtitle a { color: #0D0D0D; font-weight: bold; } a, a:visited, .column a { color: #05649B; text-decoration: underline; } a:hover, a:focus { text-decoration: none; } a[name], a[name]:hover, a[name]:focus { color: #393939; text-decoration: none; } a img { border: 0; } a:before, a:after { text-decoration: underline; } a:before, a:after, a:hover:before, a:hover:after { text-decoration: none; } /** Objects that are reused within several components */ /*#region MOBILE LIST, MOBILE BOX This controls the mobile view for the Box Widgets in standard_3col.html and the side navigation. Rarely needs to be modified. Make sure arrow is centered, if not, adjust here. */ .mobile_header, .facebook_feed .mobile_header, .twitter_feed .mobile_header, .small_box .mobile_header { margin: 0; color: #ffffff; font-family: 'Nunito Sans', sans-serif; font-weight: bold; text-transform: uppercase; font-size: 1.2375rem; height: 40px; line-height: 30px; background: #05649B; padding: 6px 16px; } .small_box .mobile_header { display: block; } .mobile_list, .mobile_box { background: #fff; border: 0px; color: #393939; zoom: 1; } .mobile_list:before, .mobile_box:before { content: ''; display: block; } .mobile_list:after, .mobile_box:after { content: ''; display: table; clear: both; } .small_col .content_area.mobile_box { border-top: 1px solid #C4C4C4; background: #fff; } .mobile_box > div { background: #fff; padding: 10px; } .mobile_box { background: #fff; } .mobile_list ul, .facebook_feed ul, .twitter_feed ul { margin: 0; } .mobile_list ul li, .facebook_feed ul li, .twitter_feed ul li { width: 100%; background: #fff url(_gfx/cmn/mobile/mob_arrow.png) 96% 20px no-repeat; border-bottom: 1px solid #C4C4C4; border-top: 0; padding: 17px 7% 17px 16px; position: relative; zoom: 1; } .mobile_list ul li:before, .facebook_feed ul li:before, .twitter_feed ul li:before { content: ''; display: block; } .mobile_list ul li:after, .facebook_feed ul li:after, .twitter_feed ul li:after { content: ''; display: table; clear: both; } .mobile_list ul ul li:before, .facebook_feed ul ul li:before, .twitter_feed ul ul li:before { border: none; } .mobile_list a + .item-list { border-top: 0; } .mobile_list .item-list { padding: 0; } .mobile_list ul li a { border-top: 0; padding: 0; color: #393939; font-weight: bold; } .mobile_list ul li a:hover { color: #393939; } .mobile_list .item-list a { color: #393939; font-weight: normal; } .mobile_list .item-list a:hover { color: #393939; } .mobile_list .item_smalltext { padding: 0; border: 0; } .mobile_list .item_smalltext + .item_smalltext { font-style: normal; } .mobile_list .box_bottomlink, .mobile_box .box_bottomlink { background: #E7E7E7; border: 0; border-bottom: 1px solid #C4C4C4; color: #000; font-style: normal; font-weight: 700; text-align: right; padding: 7px 2% 7px 24px; clear: both; } .mobile_list .box_bottomlink:hover, .mobile_box .box_bottomlink:hover, .mobile_list .box_bottomlink:focus, .mobile_box .box_bottomlink:focus { text-decoration: underline; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .mobile_list, .mobile_box { background: transparent; } .mobile_box > div { background: transparent; padding: 0px; } .mobile_list ul li a, .mobile_list .box_bottomlink, .mobile_box .box_bottomlink, .mobile_list ul li a:hover { background: transparent none; font-weight: normal; } .mobile_list ul li { background: transparent none; border-bottom: 0px solid #C4C4C4; padding: 0; position: static; } .mobile_list ul li:before { display: none; } .mobile_list .box_bottomlink, .mobile_box .box_bottomlink { border: none; } } /* FlexSlider Necessary Generic Styles *********************************/ /* Browser Resets */ .flex-viewport { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .flexslider { position: relative; } .slides { zoom: 1; } .slides:before { content: ''; display: block; } .slides:after { content: ''; display: table; clear: both; } .slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } .flexslider .slides > li:first-child { display: block; -webkit-backface-visibility: visible; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */ /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child { display: block; } /* Control Nav */ .flex-control-nav { position: absolute; right: 16px; bottom: 10px; display: none; } .flex-control-nav li { float: left; } .flex-control-nav li a { cursor: pointer; border: 2px solid #fff; border-radius: 50%; text-indent: -4000px; overflow: hidden; text-align: left; display: block; width: 10px; height: 10px; margin-left: 6px; } .flex-control-nav li a.flex-active, .flex-control-nav li a:hover { background: #ccc; } .dialog_body.front_end_body { background: #fff; } .viClientDialog .vi-main { overflow: hidden; } .feedback_lightbox .vi-outer .vi-c .vi-main .vi-content iframe, .send_share_email_lightbox .vi-outer .vi-c .vi-main .vi-content iframe { width: 100% !important; } .dialog_body .feed_back_wrapper #feedback_sendemail_form .feedback_list li label, .front_end_body .send_email_wrapper .formlist label.content_label, .dialog_body .shareemail_list label { display: inline-block; width: 190px; min-width: 190px; vertical-align: top; } .send_email_wrapper .formlist label { min-width: 190px; } .front_end_body .formlist .feedback_message_textarea, .shareemail_list .shareemail_message_textarea, .front_end_form .feedback_list textarea, .send_email_wrapper .formlist textarea { width: 64.98422713%; height: 113px; } .list-filter select { width: 225px; max-width: 100%; } .list-filter, .alpha-filter { margin: 0 0 10px 0; clear: both; list-style: none; padding: 0; } .list-filter ul, .alpha-filter ul { list-style: none; padding: 0; } .list-filter ul li, .alpha-filter ul li { float: left; } .list-filter ul li:first-child:before, .alpha-filter ul li:first-child:before { content: ""; } .list-filter ul li:before, .alpha-filter ul li:before { color: Gray; content: "|"; } .alpha-filter .current { color: inherit; cursor: inherit; } .alpha-filter .current:hover { background: transparent; border-color: transparent; box-shadow: 0 0 0; color: inherit; } .alpha-filter a:hover { background: #05649B; border: solid 1px transparent; color: #fff !important; } .alpha-filter .current:hover { color: inherit !important; } /**link color**/ .list-pager a { color: #05649B !important; } .list-pager a.pg-normal:hover { background: #05649B; border: solid 1px transparent; color: #fff !important; } .detail-title, .detail-subtitle, .detail-intro { margin: 0 0 7px; } .detail-list-label.detail-list-label, .custom_fields label, .custom_fields .custom_field_label { width: 150px; -webkit-flex: 0 0 150px; -ms-flex: 0 0 150px; flex: 0 0 150px; } .list-main > li { border-bottom: 0px solid #C4C4C4; padding: 10px !important; } .detail-list > li, .custom_fields .custom_field_frontend_display { display: -ms-flexbox; display: -webkit-flex; display: flex; } .detail-content { zoom: 1; } .detail-content:before { content: ''; display: block; } .detail-content:after { content: ''; display: table; clear: both; } .business_directory_widget .detail-list-value a { min-width: 300px; } /* Default List Table Styling. Should match general table style in Interior comp. Modify padding and borders ONLY (if needed), otherwise do not modify. everything else controlled in settings.global or settings.colors Should match _components.tableData.less and _components.tableBox.less ================================================== */ .sitewrapper .listtable { width: 100%; border-collapse: separate !important; margin: 10px 0; empty-cells: show; border: solid 0px #C4C4C4 !important; background: #fff !important; } .sitewrapper .listtable th { border: 1px solid #05649B; font-weight: bold; padding: 6px 9px; background: #05649B !important; color: #ffffff !important; font-size: 1.125rem; font-family: 'Nunito Sans', sans-serif; vertical-align: top; text-transform: uppercase; } .sitewrapper .listtable th:hover { font-weight: bold; padding: 6px 9px; border: 1px solid #05649B; } .sitewrapper .listtable th a { white-space: normal; text-decoration: none; } .sitewrapper .listtable th a:hover, .sitewrapper .listtable th a:focus { text-decoration: underline; } .sitewrapper .listtable td { padding: 3px 9px 3px 9px !important; border: 0; border-bottom: solid 1px #C4C4C4; border-right: solid 1px #C4C4C4; font-size: 0.875rem; } .sitewrapper .listtable td:first-child { border-left: 1px solid #C4C4C4; } .sitewrapper .listtable tr:hover { background: #fff; } .sitewrapper .listtable tr:hover td { background: #fff !important; } .sitewrapper .listtable tr:hover > td a { color: #05649B !important; } .sitewrapper .listtable tr:hover > td, .sitewrapper .listtable tr:hover > td > p { color: #393939 !important; } .sitewrapper .listtable a.email_link { background-position: center 0; } .sitewrapper .listtable th a { color: #ffffff !important; } .sitewrapper table.listtable a.phone_link, .sitewrapper table.listtable a.phone_link:hover { color: #393939; text-decoration: none !important; } .front_end_body table.responsive-table-data-mb:not(.non-responsive-table) tr { width: 100%; } .front_end_body table.responsive-table-data-mb:not(.non-responsive-table) td::before { padding: 3px 9px 2px 9px; width: 37%; overflow: hidden; position: static; white-space: normal; vertical-align: top; display: table-cell; text-overflow: ellipsis; } .front_end_body table.responsive-table-data-mb:not(.non-responsive-table) td { min-height: 28px; padding-left: 0 !important; width: 100%; display: table; table-layout: fixed; overflow: hidden; } .front_end_body table.responsive-table-data-mb:not(.non-responsive-table) td:first-child { padding-left: 0 !important; } .front_end_body table.responsive-table-data-mb:not(.non-responsive-table) tr { border: 0px; border-bottom: 2px solid #05649B; } .front_end_body table.responsive-table-data-mb:not(.non-responsive-table) tr:last-child { border-bottom: 0; } @media screen and (max-width: 47.9375em) { .front_end_body table.responsive-table-data-mb:not(.non-responsive-table) { border: solid 1px #C4C4C4 !important; } .front_end_body table.responsive-table-data-mb:not(.non-responsive-table) td { width: 100% !important; } .front_end_body table.responsive-table-data-mb:not(.non-responsive-table) .mobile_hide { display: table !important; } .title_column { max-width: none; } } /***48em = 768px ***/ @media screen and (min-width: 48em) { .front_end_body table.responsive-table-data-mb:not(.non-responsive-table) td { padding-left: 9px !important; width: auto; display: table-cell; } .front_end_body table.responsive-table-data-mb:not(.non-responsive-table) td:first-child { padding-left: 9px !important; } .sitewrapper .listtable { border: solid 0px #C4C4C4 !important; } .sitewrapper .listtable td:last-child { border-bottom: solid 1px #C4C4C4 !important; } .staff_directory_widget, .rfp_widget, .service_directory_widget, .jobs_widget, .events_widget, .form_survey_widget, .facility_directory_list_view_widget, .poll_widget, .meeting_widget, .meeting_item_widget { overflow-x: auto; overflow-y: hidden; } } .small_box .item_new, .listtable span.item_new { color: #000; font-weight: bold; display: inline; } .empty_list { font-weight: bold; padding-top: 10px; text-align: center; } .small_box .empty_box { padding: 10px 10px 10px 16px; } .small_box .box_content ul.item-list li.item-email, .small_box .box_content ul.item-list li.item-phone, .small_box .box_content ul.item-list li.item-map { padding-left: 22px; margin-bottom: 3px; } .small_box .box_content ul.item-list li.item-email { background: url(_gfx/int/email_table.png) 0 center no-repeat; } .small_box .box_content ul.item-list li.item-email .email_link { cursor: pointer; } .small_box .box_content ul.item-list li.item-phone { background-position: 0 center; } .small_box .box_bottomlink:after { content: ""; font-size: 140%; line-height: 1; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .left_col .small_box .box_title, .left_col .twitter_feed .box_title, .left_col .facebook_feed .box_title, .left_col .small_box h2.mobile_header, .left_col .twitter_feed h2.mobile_header, .left_col .facebook_feed h2.mobile_header { background: #04517d; } .small_box, .twitter_feed, .facebook_feed { margin-bottom: 17px; vertical-align: top; clear: both; background: #fff !important; border: 1px solid #C4C4C4 !important; word-wrap: break-word; } .small_box .box_title, .twitter_feed .box_title, .facebook_feed .box_title, .small_box h2.mobile_header, .twitter_feed h2.mobile_header, .facebook_feed h2.mobile_header { color: #ffffff !important; font-weight: bold; line-height: 120%; font-size: 1.125rem !important; height: auto; padding: 8px 15px 8px 15px; text-align: left; display: block; text-transform: uppercase; background: #05649B; margin: -1px -1px 0 -1px; font-family: 'Nunito Sans', sans-serif; } .small_box .box_content, .twitter_feed .box_content, .facebook_feed .box_content { padding: 0px 15px 0 15px; } .small_box .box_content ul, .twitter_feed .box_content ul, .facebook_feed .box_content ul, .small_box.twitter_feed ul, .twitter_feed.twitter_feed ul, .facebook_feed.twitter_feed ul, .small_box.facebook_feed ul, .twitter_feed.facebook_feed ul, .facebook_feed.facebook_feed ul { margin: 0; padding: 0; list-style: none; padding: 7px 0 0 0; line-height: 130%; } .small_box .box_content ul li, .twitter_feed .box_content ul li, .facebook_feed .box_content ul li, .small_box.twitter_feed ul li, .twitter_feed.twitter_feed ul li, .facebook_feed.twitter_feed ul li, .small_box.facebook_feed ul li, .twitter_feed.facebook_feed ul li, .facebook_feed.facebook_feed ul li, .small_box.faq_box .box_content > ul > li, .twitter_feed.faq_box .box_content > ul > li, .facebook_feed.faq_box .box_content > ul > li, .small_box.service_box.mobile_list .box_content > ul > li, .twitter_feed.service_box.mobile_list .box_content > ul > li, .facebook_feed.service_box.mobile_list .box_content > ul > li { padding: 5px 0 7px 0; position: relative; } .small_box .box_bottomlink, .twitter_feed .box_bottomlink, .facebook_feed .box_bottomlink { float: right; margin: 6px -3px 13px 0; padding: 6px 15px; border-radius: 2px; background: #9EC3D7; text-transform: uppercase; color: #0D0D0D; font-weight: bold; font-size: 0.8125rem; font-family: 'Nunito Sans', sans-serif; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .small_box .box_bottomlink:hover, .twitter_feed .box_bottomlink:hover, .facebook_feed .box_bottomlink:hover { background: #F9AF3F; text-decoration: none; color: #393939; } .small_box .box_content ul a, .twitter_feed .box_content ul a, .facebook_feed .box_content ul a, .small_box.service_box .box_content li span, .twitter_feed.service_box .box_content li span, .facebook_feed.service_box .box_content li span, .small_box.faq_box ul .listfaq_q, .twitter_feed.faq_box ul .listfaq_q, .facebook_feed.faq_box ul .listfaq_q, .small_box .empty_box, .twitter_feed .empty_box, .facebook_feed .empty_box { color: #0D0D0D; text-decoration: none; font-size: 0.9375rem; font-weight: bold; font-family: 'Nunito Sans', sans-serif; } .small_box .box_content ul a:hover, .twitter_feed .box_content ul a:hover, .facebook_feed .box_content ul a:hover { text-decoration: underline; color: #0D0D0D; font-weight: bold; } .small_box .box_content ul img, .twitter_feed .box_content ul img, .facebook_feed .box_content ul img { margin-right: 3px; vertical-align: bottom; } .small_box .box_content .item_smalltext, .twitter_feed .box_content .item_smalltext, .facebook_feed .box_content .item_smalltext, .small_box .box_content ul.item-list li, .twitter_feed .box_content ul.item-list li, .facebook_feed .box_content ul.item-list li, .small_box.meeting_item_box ul span, .twitter_feed.meeting_item_box ul span, .facebook_feed.meeting_item_box ul span { margin: 0; color: #393939; font-size: 0.875rem; padding: 0; border: 0; } .small_box .document_breadcrumb, .twitter_feed .document_breadcrumb, .facebook_feed .document_breadcrumb { color: #393939; } .small_box .document_breadcrumb a, .twitter_feed .document_breadcrumb a, .facebook_feed .document_breadcrumb a { color: #0D0D0D; } .small_box .box_content ul.item-list li, .twitter_feed .box_content ul.item-list li, .facebook_feed .box_content ul.item-list li { font-size: 100%; padding: 0; } .small_box .box_content ul.item-list li a, .twitter_feed .box_content ul.item-list li a, .facebook_feed .box_content ul.item-list li a, .small_box.service_box .box_content ul.service_list li a, .twitter_feed.service_box .box_content ul.service_list li a, .facebook_feed.service_box .box_content ul.service_list li a { color: #393939; font-weight: normal; font-size: 0.875rem; } .small_box .box_content ul.item-list li a:hover, .twitter_feed .box_content ul.item-list li a:hover, .facebook_feed .box_content ul.item-list li a:hover, .small_box.service_box .box_content ul.service_list li a:hover, .twitter_feed.service_box .box_content ul.service_list li a:hover, .facebook_feed.service_box .box_content ul.service_list li a:hover { text-decoration: underline; } .small_box .item_new, .twitter_feed .item_new, .facebook_feed .item_new { margin-left: 5px; color: #0D0D0D; } .small_box .box_content ul.item-list, .twitter_feed .box_content ul.item-list, .facebook_feed .box_content ul.item-list { margin: 0; padding: 4px 0 0 0; border: 0; } .small_box .empty_box, .twitter_feed .empty_box, .facebook_feed .empty_box { padding: 10px 0; } .small_box .downloadmessage, .twitter_feed .downloadmessage, .facebook_feed .downloadmessage { width: 100%; } .small_box.staff_box .box_content ul.item-list li.item-phone, .small_box.business_box .box_content ul.item-list li.item-phone, .small_box.business_box .box_content ul.item-list li.item-map, .small_box.staff_box .box_content ul.item-list li.item-email a, .small_box.business_box .box_content ul.item-list li.item-email { line-height: 130%; border-bottom: none; font-size: 0.875rem; } .small_box.business_box .box_content ul.item-list li.item-email a, .small_box.business_box .box_content ul.item-list li.item-map a { font-size: inherit; } .small_box .box_content ul.item-list li.item-phone { background-position: 0 10%; } .small_box .box_content ul.item-list li.item-email { background-position: 0 10%; } .small_box .box_content ul.item-list li.item-map { background-position: 0 10%; } } body.front_end_body { background: #fff; -ms-overflow-style: scrollbar; overflow-x: hidden; } #sitebody { background: #ffffff; border-bottom: 1px solid #f0f0f0; } .container { padding: 0; } .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { padding-left: 0px; padding-right: 0px; } /***48em = 768px ***/ @media screen and (min-width: 48em) { body.front_end_body { background: #fff; background-position: center 0px; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; } #sitebody { border-bottom: 0px; } .container, #sitebody, #siteheader, #footercolumn { width: 730px; /*Width of site from 768px width up to 992px width*/ max-width: 730px; /*needed to overwrite backend product styles*/ } .mainSpan_wrapper, .mainSpan_wrapper_home { position: relative; z-index: 1; } .mainSpan_wrapper:before, .mainSpan_wrapper_home:before { position: absolute; top: 7rem; left: 0; right: 0; height: 4rem; background: #F2EFD5; content: ""; top: 11rem; transform: translateY(-100%); } .mainSpan_wrapper:after, .mainSpan_wrapper_home:after { position: absolute; top: 0; left: 0; right: 0; height: 7rem; background: #fff; content: ""; } .mainSpan_wrapper_home .sr { visibility: hidden; } /*Set layout posision and width*/ .container { margin-left: auto; margin-right: auto; } } /*62em = 992px*/ @media only screen and (min-width: 62em) { .container, #sitebody, #siteheader, #footercolumn { width: 950px; /*Width of site from 992px width up to 1200px width*/ max-width: 950px; /*needed to overwrite backend product styles*/ } } @media (min-width: 75em) { .container, #sitebody, #siteheader, #footercolumn { width: 1023px; /*maximum width of site, might change for each site*/ max-width: 1023px; } } @media (min-width: 85.375em) { .container, #sitebody, #siteheader, #footercolumn { width: 1302px; /*maximum width of site, might change for each site*/ max-width: 1302px; } } /** individual components **/ /*#region HEADER */ #siteheader { z-index: 1; margin-bottom: 0; position: relative; background: #fff; } #headercolumn { clear: both; float: none; width: auto; position: static; height: 9.625rem !important; } /***48em = 768px ***/ @media screen and (min-width: 48em) { #siteheader { height: 7rem; background: transparent; position: relative; margin: 0 auto; z-index: 3; } #siteheader:before { display: none; } #headercolumn { background-image: none !important; height: 7rem !important; display: flex; align-items: center; justify-content: flex-end; flex-flow: wrap; gap: 0 2rem; max-width: calc(100% - 268px); margin-inline: auto 0; } } #page_footer { padding: 37px 0 27px; font-size: 1rem; background: #fcfcfc; overflow: hidden; } #page_footer .footer_column { color: #0D0D0D; font-family: 'Nunito Sans', sans-serif; font-size: 1.125rem; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; margin: auto; padding-inline: 9vw; } #page_footer .footer-nav { display: flex; gap: 1.1em; justify-content: center; margin-top: 40px; } #page_footer .footer-nav a { white-space: nowrap; color: #0D0D0D; text-decoration: none; display: inline-block; position: relative; padding-left: 1.1em; border-left: 2px solid #F2683A; line-height: 1.25; font-size: 0.875rem; } #page_footer .footer-nav a:first-child { padding: 0; border: none; } #page_footer .footer-address { font-weight: bold; margin: 41px auto 0; text-align: center; } #page_footer .footer-address::before { content: ""; display: inline-block; width: 200vw; height: 1px; background: rgba(126, 140, 139, 0.25); position: relative; top: -25px; left: 50%; right: 50%; margin-inline: -100vw; } #page_footer .footer-phone { font-weight: bold; margin: 10px auto; } #page_footer .footer-copyright { font-size: 0.875rem; text-align: center; margin: auto; } #page_footer a { color: #0D0D0D; margin: 0; } #page_footer a:hover, #page_footer a:focus { text-decoration: underline; } #page_footer p { font-family: 'Nunito Sans', sans-serif; } #page_footer .footer-address, #page_footer .footer-phone, #page_footer .footer-copyright { padding-inline: 1rem; } #view-options { display: none; } /***48em = 768px ***/ @media screen and (min-width: 62em) { #page_footer .footer_column { padding-inline: 0; } #page_footer .footer-nav { justify-content: end; margin-left: auto; margin-top: 0; width: auto; } #page_footer .footer-nav a { font-size: inherit; } #page_footer .footer-address { margin: 41px 0 15px 0; padding: 0; display: flex; justify-content: center; width: 100%; gap: 47px; } #page_footer .footer-phone { margin: 41px auto 15px 0; padding-top: 25px; } #page_footer .footer-copyright { font-size: 1rem; } #page_footer .footer-address, #page_footer .footer-phone, #page_footer .footer-copyright { padding-inline: 0; } #view-options { display: none; } } #siteheader a#home_link { background: url(_gfx/cmn/logo-m.svg) center center no-repeat !important; background-size: contain !important; height: 55px; overflow: hidden; position: absolute; text-indent: -4000px; left: 0; margin: auto; right: 0; top: 5px; width: 80%; } /***48em = 768px ***/ @media screen and (min-width: 48em) { #siteheader a#home_link { height: auto; left: 0; top: 0px; bottom: 0; right: auto; width: 268px; max-width: 460px; background: url(_gfx/cmn/logo.svg) no-repeat !important; background-size: contain !important; background-position: 0 center !important; height: 100%; transform: translateY(-100%); margin-top: 7rem; } } #headercolumn #top_nav { display: none; } /***48em = 768px ***/ @media screen and (min-width: 48em) and (max-width: 51em) { #top_nav.right_adjust { padding-right: 20px; } } /***48em = 768px ***/ @media screen and (min-width: 48em) { #headercolumn #top_nav { display: flex; } #top_nav { color: #0D0D0D; padding: 0; max-width: 462px; display: flex; justify-content: flex-end; gap: 1.875rem; } #top_nav a { color: #0D0D0D; font-size: 1rem; text-decoration: none; position: relative; display: inline-block; font-family: 'Nunito Sans', sans-serif; font-weight: normal; } #top_nav a:hover { text-decoration: underline; } } /***62em = 992px ***/ @media screen and (min-width: 62em) and (max-width: 64em) { #top_nav.right_adjust { padding-right: 20px; } } /***62em = 992px ***/ @media screen and (min-width: 62em) { #top_nav { max-width: 682px; } } /***75em = 1200px ***/ @media screen and (min-width: 75em) { #top_nav { max-width: 755px; } } @media (min-width: 85.375em) { #top_nav { max-width: 1034px; } } .styled-button { display: inline-block; padding: 1rem 2rem; margin: 0.5rem 0; font-family: 'Nunito Sans', sans-serif; font-weight: normal; line-height: 1.5 !important; text-decoration: none; text-transform: none; background: #F9AF3F; color: #0D0D0D; vertical-align: middle; border: 0; border-radius: 0; transition: all 300ms ease; } .styled-button:hover, .styled-button:focus { background: #05649B; color: #fff; text-decoration: none; } a.styled-button, button.styled-button { display: inline-block; padding: 1rem 2rem; margin: 0.5rem 0; font-family: 'Nunito Sans', sans-serif; font-weight: normal; line-height: 1.5 !important; text-decoration: none; text-transform: none; background: #F9AF3F; color: #0D0D0D; vertical-align: middle; border: 0; border-radius: 0; transition: all 300ms ease; } a.styled-button:hover, button.styled-button:hover, a.styled-button:focus, button.styled-button:focus { background: #05649B; color: #fff; text-decoration: none; } .search-trigger, .top_links, .close_search, .search_overlay { display: none; } #searchbox { background: #05649B; border: 0; height: auto; margin: 0; padding: 10px; width: 100%; top: auto; bottom: 0; position: absolute; } #searchbox input#search_text { background: #fff; border: 0 none !important; /*keep important*/ border-radius: 0; color: #0D0D0D; font-size: 0.875rem !important; /*keep important*/ font-family: 'Merriweather', serif; height: 28px; line-height: 28px !important; margin: 0; padding: 0 36px 0 7px; width: 100%; } #searchbox input#search_text::-webkit-input-placeholder { color: #0D0D0D; font-size: 0.875rem; opacity: 1 !important; } #searchbox input#search_text:-moz-placeholder { color: #0D0D0D; font-size: 0.875rem; opacity: 1 !important; } #searchbox input#search_text::-moz-placeholder { opacity: 1 !important; color: #0D0D0D; font-size: 0.875rem; } #searchbox input#search_text:-ms-input-placeholder { color: #0D0D0D; font-size: 0.875rem; opacity: 1 !important; } #searchbox > a { background: url("_gfx/cmn/search-m.svg") no-repeat center center; border: 0 none !important; height: 28px !important; margin: 0; position: absolute; right: 12px; text-align: left; text-decoration: none; text-indent: -4000px; top: 0; bottom: 0; margin: auto; width: 29px; overflow: hidden; outline-offset: -1px; } /***48em = 768px ***/ @media screen and (min-width: 48em) { body:not(.sticky_header) .mainSpan_wrapper_home .top_search { display: none; } #searchbox { margin: 0; position: relative; width: 13.875rem; padding: 0; background: #fff; border: 1px solid #05649B; border-radius: 3px; overflow: hidden; } #searchbox > a { display: inline-block; right: 0; top: 0; height: 2.5rem !important; width: 2.5rem; border-radius: 0; background: #05649B url("_gfx/cmn/search.svg") no-repeat center center; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } #searchbox:hover, #searchbox:focus-within { border-color: #F9AF3F; } #searchbox:hover a, #searchbox:focus-within a { background: #F9AF3F url("_gfx/cmn/search-h.svg") no-repeat center center; } #searchbox input#search_text { color: #393939; font-size: 0.875rem !important; height: 2.5rem; line-height: 2.5rem !important; background: transparent; padding: 0 2.5rem 0 12px; font-family: 'Merriweather', serif; text-transform: none; } #searchbox input#search_text::-webkit-input-placeholder { font-size: 0.875rem; color: #393939; font-family: 'Merriweather', serif; text-transform: none; } #searchbox input#search_text:-moz-placeholder { font-size: 0.875rem; color: #393939; font-family: 'Merriweather', serif; text-transform: none; } #searchbox input#search_text::-moz-placeholder { font-size: 0.875rem; color: #393939; font-family: 'Merriweather', serif; text-transform: none; } #searchbox input#search_text:-ms-input-placeholder { font-size: 0.875rem; color: #393939; font-family: 'Merriweather', serif; text-transform: none; } } /***48em = 768px ***/ .header-translate { background: #F9AF3F; cursor: pointer; border: 0px solid #888; position: absolute; top: 66px; transition: all 300ms ease; width: 100%; } .header-translate::before { content: ""; position: absolute; left: -65px; top: 0; bottom: 0; right: 0; margin: auto; width: 16px; height: 16px; background: url(_gfx/cmn/translate-icon.svg); display: block; } .header-translate:hover, .header-translate:focus { background: #05649B; } .header-translate:hover::before, .header-translate:focus::before { background: url(_gfx/cmn/translate-icon-h.svg); } .header-translate:hover .skiptranslate.goog-te-gadget select.goog-te-combo, .header-translate:focus .skiptranslate.goog-te-gadget select.goog-te-combo { color: #fff !important; } .header-translate a { display: none; } .header-translate .skiptranslate.goog-te-gadget { color: #000 !important; font-size: 0px; } .header-translate .skiptranslate.goog-te-gadget select.goog-te-combo { top: 0px; border: 0 !important; width: 100%; padding: 0px 0px 0px 28px; position: relative; color: #0D0D0D !important; font-size: 1rem !important; background: transparent; margin: 0; height: 2.5rem; min-width: 0; cursor: pointer; text-align: center; } .header-translate .skiptranslate.goog-te-gadget select.goog-te-combo option { background: #fff; color: #000; } .header-translate select::-ms-expand { display: none; } .header-translate select { -o-appearance: none; -ms-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } @media screen and (min-width: 48em) { .header-translate { position: relative; top: auto; border-radius: 3px; width: auto; } .header-translate::before { left: 8px; right: auto; } .header-translate .skiptranslate.goog-te-gadget select.goog-te-combo { width: 6.5rem; text-align: left; } } #page_footer .social-icons { display: flex; gap: 10px; width: 100%; justify-content: center; } #page_footer .social-icons .social-link { display: inline-block; max-width: 50px; max-height: 50px; aspect-ratio: 1; text-decoration: none; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } #page_footer .social-icons .social-link:hover, #page_footer .social-icons .social-link:focus { text-decoration: none; } /*62em = 992px*/ @media only screen and (min-width: 62em) { #page_footer .social-icons { width: auto; justify-content: flex-start; } } .config_widget_template *, .config_widget_template *:after, .config_widget_template *:before { box-sizing: border-box; } .edit .widget_wrapper { padding: 0; } .config_widget_template .home_hero .flex-control-nav { z-index: 21; } .config_widget_template .home_hero:hover .flex-control-nav { z-index: 300; } .page.edit .column.column.sortable_col:not(.site_template_column):not(.page_edit_empty_col) { min-height: 40px; } .home_buttons .widget_wrapper_body.widget_wrapper_body { overflow: visible; } #configure_widgets #siteheader, #configure_widgets #sitebody, #configure_widgets #footercolumn, #configure_widgets #page_footer .footer_copyright { width: 100%; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .config_widget_template { max-width: 100%; overflow: hidden; position: relative; z-index: 1; } .config_widget_template .sr { visibility: visible; } .config_widget_template .top_col > div:first-of-type { position: absolute; top: 0; width: 100%; } .config_widget_template .vi-fullwidth-banner { width: 100vw; max-width: none; left: 50%; right: 50%; margin-left: -50vw !important; margin-right: -50vw; margin-bottom: -30px; } .config_widget_template .widget_wrapper .widget_wrapper_body.edit { min-height: 45px; } .edit .widget_wrapper .widget_wrapper_title.edit { text-align: left; } .config_widget_template .scroll-arrow { z-index: 300; } .config_widget_template .home_events .box_bottomlink, .config_widget_template .home_news .box_bottomlink { bottom: -100px; } .config_widget_template .home_video_thumbs .video-thumbnail-bottomlink, .config_widget_template .home_data .home-data-bottomlink { bottom: -100px; } .config_widget_template .home_spotlight.home_spotlight .box_bottomlink { right: -314px; } } /*62em = 992px*/ @media (min-width: 1200px) { .config_widget_template { clear: both; } } /***48em = 768px ***/ @media screen and (min-width: 48em) { .sticky_header .sitewrapper:before { position: fixed; height: 5.5rem; box-shadow: 0px 8px 14px rgba(0, 0, 0, 0.05); background: #fff; z-index: 7; top: 0; transform: translateY(0); transition: transform 0.3s ease-in-out; transition-delay: 0.2s; } .sticky_header #siteheader { z-index: 9; } .sticky_header #siteheader a#home_link { position: fixed; height: 5.5rem; left: auto; top: 0px; width: 120px; background-size: 100% auto !important; margin: 0 auto; transform: translateY(0); transition: transform 0.3s ease-in-out; transition-delay: 0.2s; } .sticky_header #siteheader #top_nav { display: none; } .sticky_header .top_search { position: fixed; max-width: 730px; width: 100%; margin: 0 auto; top: 0; } .sticky_header #searchbox { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; position: absolute; right: 0; left: auto; height: 40px; top: 22px; display: block; width: 9.6875rem; } .sticky_header .mainnav { top: auto; position: relative; } .sticky_header .mainnav .dropdownmenu { margin-left: 135px; margin-right: 13.75rem; width: 25.9375rem; position: fixed; top: 0; transform: translateY(0); transition: transform 0.3s ease-in-out; transition-delay: 0.2s; } .sticky_header .mainnav .dropdownmenu > li, .sticky_header .mainnav .dropdownmenu > li > a { font-size: 0.6875rem; height: 5.5rem; } .sticky_header #dropdownrootitem8 .widthcontainer1col, .sticky_header #dropdownrootitem7 .widthcontainer1col { left: -135px; } .sticky_header #dropdownrootitem8 .widthcontainer2col, .sticky_header #dropdownrootitem7 .widthcontainer2col, .sticky_header #dropdownrootitem6 .widthcontainer2col { left: -135px; } .sticky_header #dropdownrootitem5 .widthcontainer3col, .sticky_header #dropdownrootitem6 .widthcontainer3col, .sticky_header #dropdownrootitem7 .widthcontainer3col, .sticky_header #dropdownrootitem8 .widthcontainer3col { left: -135px; } .sticky_header #sitebody .dropdownmenu .widthcontainer4col, .sticky_header #sitebody .dropdownmenu .widthcontainer5col, .sticky_header #sitebody .dropdownmenu .widthcontainer6col, .sticky_header #sitebody .dropdownmenu .widthcontainer7col, .sticky_header #sitebody .dropdownmenu .widthcontainer8col { width: 730px; left: -135px; } } /*62em = 992px*/ @media only screen and (min-width: 62em) { .sticky_header .top_search { max-width: 950px; } .sticky_header #searchbox { width: 195px; } .sticky_header #siteheader a#home_link { width: 148px; } .sticky_header .mainnav .dropdownmenu { margin-left: 163px; width: 567px; } .sticky_header .mainnav .dropdownmenu > li > a { font-size: 0.75rem; } .sticky_header #sitebody .dropdownmenu .widthcontainer4col, .sticky_header #sitebody .dropdownmenu .widthcontainer5col, .sticky_header #sitebody .dropdownmenu .widthcontainer6col, .sticky_header #sitebody .dropdownmenu .widthcontainer7col, .sticky_header #sitebody .dropdownmenu .widthcontainer8col { width: 950px; left: -163px; } } /*75em = 1200px*/ @media only screen and (min-width: 75em) { .sticky_header .top_search { max-width: 1023px; } .sticky_header .mainnav .dropdownmenu { width: 640px; } .sticky_header .mainnav .dropdownmenu > li > a { font-size: 0.8125rem; } .sticky_header #sitebody .dropdownmenu .widthcontainer4col, .sticky_header #sitebody .dropdownmenu .widthcontainer5col, .sticky_header #sitebody .dropdownmenu .widthcontainer6col, .sticky_header #sitebody .dropdownmenu .widthcontainer7col, .sticky_header #sitebody .dropdownmenu .widthcontainer8col { width: 1023px; } } /*1366px*/ @media only screen and (min-width: 85.375em) { .sticky_header .top_search { max-width: 1302px; } .sticky_header .mainnav .dropdownmenu { width: 919px; } .sticky_header .mainnav .dropdownmenu > li > a { font-size: 0.9375rem; } .sticky_header #sitebody .dropdownmenu .widthcontainer4col, .sticky_header #sitebody .dropdownmenu .widthcontainer5col, .sticky_header #sitebody .dropdownmenu .widthcontainer6col, .sticky_header #sitebody .dropdownmenu .widthcontainer7col, .sticky_header #sitebody .dropdownmenu .widthcontainer8col { width: 1302px; } } #siteheader a.menu_trigger { /* background: url("_gfx/cmn/mobile/menu.png") no-repeat scroll center center rgba(0, 0, 0, 0);*/ cursor: pointer; height: 35px; left: 0; top: 0; position: absolute; overflow: hidden; text-indent: -4000px; width: 41px; display: block !important; background: #F2EFD5; /*&.mobile-menu-active { &:before { transform: rotate(45deg) translate(-2px, -1px); box-shadow: 0 0 0 0 transparent; } &:after { transform: rotate(-45deg) translate(0, -1px); } }*/ } #siteheader a.menu_trigger:before { content: ""; position: absolute; left: 0; top: 10px; right: 0; margin: auto; width: 21px; height: 3px; background: #0D0D0D; border: 1px solid #0D0D0D; border-radius: 3px; box-shadow: 0 6px 0 0 #0D0D0D; transform-origin: 0% 0%; transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), box-shadow 0.5s cubic-bezier(0.77, 0.2, 0.05, 1); } #siteheader a.menu_trigger:after { content: ""; position: absolute; left: 0; top: 22px; right: 0; margin: auto; width: 21px; height: 3px; background: #0D0D0D; border: 1px solid #0D0D0D; border-radius: 3px; transform-origin: 0% 100%; transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1); } body[data-menu-position=open] #siteheader a.menu_trigger:before { transform: rotate(45deg) translate(-2px, -1px); box-shadow: 0 0 0 0 transparent; } body[data-menu-position=open] #siteheader a.menu_trigger:after { transform: rotate(-45deg) translate(0, -1px); } /*#region MOBILE MAIN NAV */ .mainnav { display: none; } .jPanelMenu-panel #mobile_nav { display: none !important; } #jPanelMenu-menu { background: none repeat scroll 0 0 #05649B; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3); overflow-y: auto !important; display: block; } #jPanelMenu-menu .nav_tip { color: #F2EFD5; font-size: 0.8125rem; font-family: 'Nunito Sans', sans-serif; margin: 10px 5%; display: none; } #jPanelMenu-menu .dropdownmenu { border-top: 1px solid #1E74A5; display: block; list-style: none outside none; margin: 0; padding: 0 0 40px; } #jPanelMenu-menu .dropdownmenu ul { margin: 0; padding: 0; } #jPanelMenu-menu .dropdownmenu ul.menu_open { border-bottom: 1px solid #1E74A5; } #jPanelMenu-menu .dropdownmenu ul.menu_open { background: #04517d; } #jPanelMenu-menu .dropdownmenu ul ul { display: none; } #jPanelMenu-menu .dropdownmenu li { border-bottom: 1px solid #1E74A5; display: block; overflow: hidden; position: relative; } #jPanelMenu-menu .dropdownmenu li a { color: #F2EFD5; font-size: 0.875rem; font-weight: bold; display: inline-block; padding: 7px 0px 7px 5%; margin-right: 45px; text-decoration: none; text-transform: none; } #jPanelMenu-menu .dropdownmenu li a[href] { position: relative; } #jPanelMenu-menu .dropdownmenu li .expand_link { cursor: pointer; height: calc(1.5 * 1em + 5px); overflow: hidden; position: absolute; right: 0; text-indent: -4000px; top: 0; width: 100%; } #jPanelMenu-menu .dropdownmenu li .expand_link:before { content: ''; position: absolute; top: 0; bottom: 0; right: 17px; height: 2px; width: 10px; margin: auto; background: #F2EFD5; border-top-left-radius: 2px; border-bottom-left-radius: 2px; } #jPanelMenu-menu .dropdownmenu li .expand_link:after { content: ''; position: absolute; top: 0; bottom: 0; margin: auto; right: 21px; height: 10px; width: 2px; background: #F2EFD5; } #jPanelMenu-menu .dropdownmenu li.menu_active > .expand_link:after { transform: rotate(90deg); transition: transform 0.3s ease; } #jPanelMenu-menu .dropdownmenu li li { border-bottom: 0 none; background: #04517d; } #jPanelMenu-menu .dropdownmenu li li a { padding-left: 9%; text-transform: none; color: #F2EFD5; line-height: 1.5; } #jPanelMenu-menu .dropdownmenu li li .expand_link:before, #jPanelMenu-menu .dropdownmenu li li .expand_link:after { background: #F2EFD5; } #jPanelMenu-menu .dropdownmenu li li li { background: #033e60; } #jPanelMenu-menu .dropdownmenu li li li a { padding-left: 13%; color: #F2EFD5; } #jPanelMenu-menu .dropdownmenu li li li .expand_link:before, #jPanelMenu-menu .dropdownmenu li li li .expand_link:after { background: #F2EFD5; } #jPanelMenu-menu .dropdownmenu li li li li { background: #033451; } #jPanelMenu-menu .dropdownmenu li li li li a { padding-left: 17%; } #jPanelMenu-menu .dropdownmenu li li li li li { background: #022b42; } #jPanelMenu-menu .dropdownmenu > li:first-child, #jPanelMenu-menu .dropdownmenu > li.menu_active:first-child { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); } #jPanelMenu-menu #top_nav { color: #F2EFD5; display: block; padding: 8px 5% 0; margin-bottom: 55px; } #jPanelMenu-menu #top_nav a { color: #F2EFD5; margin: 0 12px 0 0; text-decoration: none; font-size: 0.8125rem; } #jPanelMenu-menu ul.dropdownmenu li:hover .megamenu_container { display: none; } #jPanelMenu-menu .dropdownmenu li:hover > ul, #jPanelMenu-menu .dropdownmenu li li:hover > ul { display: none; } #jPanelMenu-menu .inner_container { background: #04517d; } /***48em = 768px ***/ @media screen and (min-width: 48em) { #siteheader > a.menu_trigger, .expand_link { display: none !important; } .dropdownmenu { display: block; } } .breadcrumb { background-color: transparent; border-radius: 0px; margin: 0; padding: 0; min-height: 0; font-size: 0.7875rem; } .breadcrumb a, .breadcrumb { color: #444444 !important; line-height: 110%; } .breadcrumb a:last-child:after { content: " \00BB"; text-decoration: underline; position: absolute; margin-left: 3px; } .breadcrumb a:last-child:after { text-decoration: none; } .dashboard_header .breadcrumb a:last-child:after { display: none; } .breadcrumb a { text-decoration: underline !important; } .breadcrumb a:hover { text-decoration: none !important; } /***48em = 768px ***/ .detail-list-label-summary { display: inline-block; float: none; width: 250px; vertical-align: top; } .detail-list-value-summary { display: inline-block; margin: 0; } .calendar_Controls { width: 220px; } .outlookcalendar, .googleCal, .yahooCal { background: none; } #calendarControls { width: 240px; } #calendarControls a { font-size: inherit !important; width: auto; } /* Cal Month View ================================================== */ .calendar { border-collapse: separate; table-layout: auto; } .calendar .wcag_only { background: #fff; color: #000; } .calendar_eventtime { line-height: 1.5; padding: 3px 0 3px 0 !important; display: block; font-size: 100%; font-weight: normal; } .calendar_eventlink { line-height: 1.5; display: block; font-size: 100%; margin: 0px 0 10px 0; } .calendar_more { padding-top: 5px; margin-top: 30px; border-top: 1px solid #e2e2e2; display: none; } .calendar_more_link { background: url(_gfx/int/calendar_more.png) 0 center no-repeat; padding-left: 26px; font-size: 105%; display: block; line-height: 24px; } .calendar_more_link.hidden { display: none !important; } /***minicalendar widget****/ .minicalendar_widget, .calendar_widget { min-width: 170px; max-width: 310px; font-size: inherit !important; line-height: inherit !important; margin: 0 auto; padding-left: 0; padding-right: 0; background: transparent; position: relative; z-index: 2; overflow: visible; border: 0; } .minicalendar_widget .responsive-table-scroll, .calendar_widget .responsive-table-scroll { width: 100%; } .calendar_widget { min-width: 275px; } .small_col .minicalendar_widget, .standardlayout .left_col .minicalendar_widget, .standardthreecolumnlayout .left_col .minicalendar_widget { padding-top: 0; margin-bottom: 17px; clear: both; } .standardlayout .left_col .minicalendar_widget, .standardthreecolumnlayout .left_col .minicalendar_widget { width: 100%; margin: 0 auto 17px; max-width: 85vw; } .small_col .minicalendar_widget { width: 100%; } /*calendar mini grid - start*/ .calendar_mini_grid, .calendar_grid { width: 100%; background: transparent; max-width: 100% !important; } .calendar_mini_grid.calendar-mini-grid-title { background: #05649B; position: relative; } .calendar_mini_grid.calendar-mini-grid-title .calendar_title td, .calendar_mini_grid.calendar-mini-grid-title .calendar_grid .calendar_title { color: #ffffff; font-weight: bold; text-transform: none; font-size: 0.9375rem; } .calendar_mini_grid.calendar-mini-grid-title .calendar_title td a { color: #ffffff; } .left_col .calendar_mini_grid.calendar-mini-grid-title { background: #04517d; } .left_col .calendar_mini_grid .calendar_dayheader { background: #04517d; border-color: #04517d; } .calendar_mini_grid.calendar td.calendar_day_with_items, .calendar_grid.calendar td.calendar_day_with_items { cursor: pointer; } .calendar_mini_grid.calendar td.calendar_day_with_items > a, .calendar_grid.calendar td.calendar_day_with_items > a { text-decoration: underline; } .calendar_mini_grid.calendar td.calendar_day_with_items:hover { background: #F9AF3F; } .calendar_mini_grid.calendar td.calendar_day_with_items:hover .calendar_items, .calendar_grid td:hover .calendar_items { display: block; } .calendar_mini_grid .calendar_dayheader, .calendar_grid .calendar_dayheader { background: #05649B; color: #ffffff; font-size: 80%; font-family: 'Nunito Sans', sans-serif; line-height: 280%; padding: 2px 0 0 0; text-transform: uppercase; border: 1px solid #05649B; text-align: center; } .calendar_grid .calendar_dayheader { color: #05649B; text-indent: 12px; } .calendar_grid .calendar_dayheader:first-letter { color: #ffffff; } .calendar_mini_grid .calendar_dayheader { font-size: 0.6875rem; } .calendar_mini_grid .calendar_title_td { padding: 0; } .calendar_mini_grid .calendar_title, .calendar_grid .calendar_title { width: 100%; } .calendar_mini_grid .calendar_title td, .calendar_grid .calendar_title { height: 35px; background: transparent; padding: 0 !important; color: #0D0D0D; text-align: center; font-size: 110%; line-height: 28px !important; text-transform: uppercase; font-weight: bold; } .calendar_mini_grid .calendar_title td h2, .calendar_grid .calendar_title h2 { font-size: inherit; font-weight: inherit; color: inherit; margin: 0; font-family: 'Nunito Sans', sans-serif; } .calendar_mini_grid .calendar_title td { color: #fff; } .calendar_mini_grid .calendar_title td h2 { font-size: 0.9375rem; } .calendar_grid .calendar_title td.calendar_title_content { color: #0D0D0D; padding: 0; font-size: 110%; font-weight: bold; } .calendar_mini_grid .calendar_title td a { color: #0D0D0D; text-decoration: none; } .calendar_mini_grid .calendar_title td a:hover { text-decoration: underline; } .calendar_grid .calendar_title td.calendar_nextprev { padding: 0; } .calendar_mini_grid .calendar_title td.calendar_nextprev a, .calendar_grid td.calendar_nextprev a { background: transparent none; margin: 0 auto; width: 100%; min-height: 35px; text-indent: -4000px; overflow: hidden; text-align: left; display: block; cursor: pointer; position: relative; z-index: 0; } .calendar_mini_grid .calendar_title td.calendar_nextprev a:before, .calendar_grid td.calendar_nextprev a:before { content: "<"; position: absolute; top: 0; bottom: 0; left: 10px; width: 10px; z-index: 1; text-indent: 0; font-size: 100%; text-decoration: none; line-height: 35px; color: #fff; } .calendar_grid td.calendar_nextprev a { text-align: left; } .calendar_grid td.calendar_nextprev a.next:before, .calendar_mini_grid td.calendar_nextprev a.next:before { right: 10px; left: auto; content: ">"; } .calendar_mini_grid .calendar_title td.calendar_nextprev:first-child a, .calendar_grid td.calendar_nextprev:first-child a { background-position: 0 0; } .calendar_mini_grid td.calendar_day, .calendar_grid td.calendar_day, .calendar_mini_grid td.calendar_today, .calendar_grid td.calendar_today, .calendar_mini_grid td.calendar_weekendday, .calendar_grid td.calendar_weekendday, .calendar_mini_grid td.calendar_othermonthday, .calendar_grid td.calendar_othermonthday { font-size: 90%; line-height: 240%; padding: 0; background: transparent none; border: 1px solid #C4C4C4; border-top: 0; border-left: 0; height: auto; text-align: center; vertical-align: middle; padding: 1px 0 2px 0; } .calendar_mini_grid td.calendar_day:first-child, .calendar_grid td.calendar_day:first-child, .calendar_mini_grid td.calendar_today:first-child, .calendar_grid td.calendar_today:first-child, .calendar_mini_grid td.calendar_weekendday:first-child, .calendar_grid td.calendar_weekendday:first-child, .calendar_mini_grid td.calendar_othermonthday:first-child, .calendar_grid td.calendar_othermonthday:first-child { border-left: 1px solid #C4C4C4; } .calendar_mini_grid td.calendar_day, .calendar_mini_grid td.calendar_today, .calendar_mini_grid td.calendar_weekendday, .calendar_mini_grid td.calendar_othermonthday { font-size: 0.625rem; font-weight: normal; height: 30px; } .calendar_mini_grid .calendar_title td.calendar_nextprev a:before { font-size: 65%; } .minicalendar_widget .calendar_mini_grid td.calendar_today, .calendar_grid td.calendar_today { background: #9EC3D7; color: #0D0D0D; } .calendar_today > a, .calendar_mini_grid.calendar td.calendar_day_with_items.calendar_today > a { color: #0D0D0D !important; } .calendar_mini_grid td.calendar_day, .calendar_mini_grid td.calendar_weekendday, .calendar_mini_grid td.calendar_day > a, .calendar_mini_grid td.calendar_weekendday > a, .calendar_grid td.calendar_day, .calendar_grid td.calendar_weekendday, .calendar_grid td.calendar_day > a, .calendar_grid td.calendar_weekendday > a { color: #0D0D0D !important; } .calendar_mini_grid td.calendar_day, .calendar_mini_grid td.calendar_weekendday, .calendar_grid td.calendar_day, .calendar_grid td.calendar_weekendday { background: #fff; } .calendar_grid .calendar_othermonthday, .calendar_grid .calendar_othermonthday > a, .calendar_mini_grid .calendar_othermonthday, .calendar_mini_grid .calendar_othermonthday > a { color: #0D0D0D !important; } .calendar_grid td.calendar_othermonthday, .calendar_mini_grid td.calendar_othermonthday { background: #E7F0F5; } .calendar_mini_grid.calendar td.calendar_day_with_items .calendar_items, .calendar_grid .calendar_items { display: none; position: absolute; z-index: 100; margin-top: -1px; background-color: #f4f4f4; border: solid 1px #dddddd; min-width: 100px; min-height: 50px; text-align: left; padding: 5px; box-shadow: none; border-radius: 2px; } .calendar_mini_grid.calendar td.calendar_day_with_items .calendar_items .calendar_eventlink, .calendar_mini_grid.calendar td.calendar_day_with_items .calendar_items .calendar_eventtime, td.calendar_day_with_items.calendar_today .calendar_items a { color: #05649B !important; font-size: 100% !important; } .calendar_mini_grid.calendar td.calendar_day_with_items .calendar_items .calendar_eventtime, .calendar_grid.calendar .calendar_items .calendar_eventtime { color: #555555 !important; } @media screen and (max-width: 45em) { .minicalendar_widget .responsive-table-scroll.left_scroll, .calendar_widget .responsive-table-scroll.left_scroll { -webkit-mask-image: none; } } /***48em = 768px ***/ @media screen and (min-width: 48em) { .calendar_widget { max-width: 100%; font-size: inherit !important; line-height: inherit !important; } .calendar_widget:before { background: transparent none; } table.calendar_grid { background: transparent; border-spacing: 0; } .calendar_grid .calendar_dayheader { line-height: 32px; color: #ffffff; padding: 4px 2px 3px 2px; font-weight: bold; background: #05649B; text-transform: uppercase; font-size: 1.125rem; text-indent: 0; text-align: center; border-bottom: 0; } .calendar_grid .calendar_dayheader:first-letter { color: #ffffff; } .calendar_grid .calendar_title { width: 100%; background: transparent none; height: auto; } .calendar_grid .calendar_title td.calendar_title_content { padding: 11px 0 13px 0; width: 60%; font-weight: bold; color: #0D0D0D; overflow: visible; font-size: 1.5rem; text-transform: uppercase; } .calendar_grid .calendar_title td.calendar_nextprev { width: 20% !important; padding: 8px 0 0 0; text-align: left; } .calendar_grid .calendar_title td.calendar_nextprev:last-child { text-align: right; } .calendar_grid td.calendar_nextprev a { font-weight: normal; text-decoration: underline; color: #044A75; text-indent: 0; background-image: none; display: inline; font-size: 1.125rem; text-transform: none; white-space: pre; /*-------------------------------------------------------*/ /* For additional arrow on next and prev uncomment below */ /*-------------------------------------------------------*/ } .calendar_grid td.calendar_nextprev a.next:before { display: none; } .calendar_grid td.calendar_nextprev a.previous:before { display: none; } .calendar_grid td.calendar_nextprev a.prev:before { content: "<"; position: static; font-size: 100%; display: inline; } .calendar_grid td.calendar_nextprev a.next:after { content: ">"; } .calendar_grid td.calendar_nextprev a:hover { text-decoration: none; } .calendar_grid td.calendar_day, .calendar_grid td.calendar_today, .calendar_grid td.calendar_weekendday, .calendar_grid td.calendar_othermonthday { text-align: left; vertical-align: top; font-size: 1.25rem; font-weight: normal; padding: 8px 10px; border-bottom: 1px solid #C4C4C4; border-right: 1px solid #C4C4C4; height: 108px; word-wrap: break-word; line-height: 1.5; } .calendar_grid td.calendar_day:first-child, .calendar_grid td.calendar_today:first-child, .calendar_grid td.calendar_weekendday:first-child, .calendar_grid td.calendar_othermonthday:first-child { border-left: 1px solid #C4C4C4; } .calendar.calendar_grid td.calendar_day, .calendar.calendar_grid td.calendar_weekendday, .calendar.calendar_grid td.calendar_day > a, .calendar.calendar_grid td.calendar_weekendday > a { color: #0D0D0D !important; background: #fff; } .calendar_grid td.calendar_othermonthday, .calendar_grid .calendar_othermonthday > a, .calendar.calendar_grid td.calendar_othermonthday .calendar_eventtime { color: #0D0D0D !important; background: #E7F0F5; } .calendar_grid td.calendar_today { background: #9EC3D7; color: #0D0D0D; } .calendar_grid td.calendar_today .calendar_items .calendar_eventtime { color: #0D0D0D !important; } .calendar_grid td.calendar_today .calendar_items .calendar_eventlink { color: #0D0D0D !important; font-size: 0.875rem !important; } .calendar_grid td.calendar_today > a { color: #0D0D0D !important; } .calendar_grid.calendar td.calendar_day_with_items { cursor: default; } .calendar_grid .calendar_items { display: block; position: static; z-index: 1; margin-top: 0; background-color: transparent; border: solid 0 #dddddd; box-shadow: 0 0 0; min-width: 0; min-height: 0; text-align: left; padding: 0; font-family: 'Merriweather', serif; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .calendar_eventtime, .calendar_grid.calendar .calendar_items .calendar_eventtime { display: block; font-size: 0.75rem !important; color: #393939 !important; } .calendar_eventlink { font-size: 0.75rem !important; display: block; text-decoration: underline !important; color: #05649B !important; } .calendar_eventlink:hover { text-decoration: none !important; } .calendar_today .calendar_eventlink, .calendar_today .calendar_eventtime { color: #0D0D0D !important; } .calendar_more { display: block; } .current_month_title.mobile_hide { display: inline-block; } .calendar_day > a, .calendar_today > a, .calendar_weekendday > a, .calendar_othermonthday > a { text-decoration: none !important; } } .standardlayout .left_col .content_area, .standardthreecolumnlayout .left_col .content_area, .small_col .content_area, .standardlayout [vi-column=ColumnUserControl2] .content_area, .standardthreecolumnlayout [vi-column=ColumnUserControl2] .content_area, [vi-column=ColumnUserControl5] .content_area { vertical-align: top; clear: both; background: #fff !important; border: 1px solid #C4C4C4 !important; word-wrap: break-word; padding: 0px 10px 0 10px; } .standardlayout .left_col .content_area h1:first-child:not(.mobile_header), .standardthreecolumnlayout .left_col .content_area h1:first-child:not(.mobile_header), .small_col .content_area h1:first-child:not(.mobile_header), .standardlayout [vi-column=ColumnUserControl2] .content_area h1:first-child:not(.mobile_header), .standardthreecolumnlayout [vi-column=ColumnUserControl2] .content_area h1:first-child:not(.mobile_header), [vi-column=ColumnUserControl5] .content_area h1:first-child:not(.mobile_header), .standardlayout .left_col .content_area h2:first-child:not(.mobile_header), .standardthreecolumnlayout .left_col .content_area h2:first-child:not(.mobile_header), .small_col .content_area h2:first-child:not(.mobile_header), .standardlayout [vi-column=ColumnUserControl2] .content_area h2:first-child:not(.mobile_header), .standardthreecolumnlayout [vi-column=ColumnUserControl2] .content_area h2:first-child:not(.mobile_header), [vi-column=ColumnUserControl5] .content_area h2:first-child:not(.mobile_header), .standardlayout .left_col .content_area h3:first-child:not(.box_title), .standardthreecolumnlayout .left_col .content_area h3:first-child:not(.box_title), .small_col .content_area h3:first-child:not(.box_title), .standardlayout [vi-column=ColumnUserControl2] .content_area h3:first-child:not(.box_title), .standardthreecolumnlayout [vi-column=ColumnUserControl2] .content_area h3:first-child:not(.box_title), [vi-column=ColumnUserControl5] .content_area h3:first-child:not(.box_title) { margin: 0 -10px 10px; color: #ffffff; font-weight: bold; font-family: 'Nunito Sans', sans-serif; text-transform: uppercase; font-size: 1.2375rem; min-height: 40px; line-height: 28px; background: #05649B; padding: 6px 16px; } .content_area { font-family: 'Merriweather', serif; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .content_area { padding: 12px 0 0 0; } .content_area:first-child { padding-top: 0; } .small_col .content_area, .standardlayout .left_col .content_area, .standardthreecolumnlayout .left_col .content_area { margin: 0 0 17px 0; clear: both; background: #fff !important; border: 1px solid #C4C4C4 !important; position: relative; z-index: 1; padding: 13px 15px 5px 16px; font-size: 1.125rem; color: #393939; overflow: hidden; } .small_col .content_area p, .standardlayout .left_col .content_area p, .standardthreecolumnlayout .left_col .content_area p, .small_col .content_area ul, .standardlayout .left_col .content_area ul, .standardthreecolumnlayout .left_col .content_area ul, .small_col .content_area ol, .standardlayout .left_col .content_area ol, .standardthreecolumnlayout .left_col .content_area ol, .small_col .content_area li, .standardlayout .left_col .content_area li, .standardthreecolumnlayout .left_col .content_area li, .small_col .content_area div, .standardlayout .left_col .content_area div, .standardthreecolumnlayout .left_col .content_area div { color: #393939; } .small_col .content_area .subtitle, .standardlayout .left_col .content_area .subtitle, .standardthreecolumnlayout .left_col .content_area .subtitle, .small_col .content_area h1, .standardlayout .left_col .content_area h1, .standardthreecolumnlayout .left_col .content_area h1, .small_col .content_area h2, .standardlayout .left_col .content_area h2, .standardthreecolumnlayout .left_col .content_area h2, .small_col .content_area h3, .standardlayout .left_col .content_area h3, .standardthreecolumnlayout .left_col .content_area h3, .small_col .content_area h4, .standardlayout .left_col .content_area h4, .standardthreecolumnlayout .left_col .content_area h4, .small_col .content_area h5, .standardlayout .left_col .content_area h5, .standardthreecolumnlayout .left_col .content_area h5 { color: #0D0D0D; } .small_col .content_area h1, .standardlayout .left_col .content_area h1, .standardthreecolumnlayout .left_col .content_area h1, .small_col .content_area h2:not(.mobile_header), .standardlayout .left_col .content_area h2:not(.mobile_header), .standardthreecolumnlayout .left_col .content_area h2:not(.mobile_header), .small_col .content_area h3:not(.box_title), .standardlayout .left_col .content_area h3:not(.box_title), .standardthreecolumnlayout .left_col .content_area h3:not(.box_title) { margin-top: 10px; } .small_col .content_area h2:first-child:not(.mobile_header), .standardlayout .left_col .content_area h2:first-child:not(.mobile_header), .standardthreecolumnlayout .left_col .content_area h2:first-child:not(.mobile_header), .small_col .content_area h3:first-child:not(.box_title), .standardlayout .left_col .content_area h3:first-child:not(.box_title), .standardthreecolumnlayout .left_col .content_area h3:first-child:not(.box_title), .small_col .content_area h1:first-child:not(.mobile_header), .standardlayout .left_col .content_area h1:first-child:not(.mobile_header), .standardthreecolumnlayout .left_col .content_area h1:first-child:not(.mobile_header) { color: #ffffff !important; font-weight: bold; line-height: 120%; font-size: 1.125rem !important; padding: 8px 15px; text-align: left; font-family: 'Nunito Sans', sans-serif; text-transform: uppercase; background: #05649B; margin: -15px -16px 10px -17px; min-height: 0; } .small_col .content_area:empty, .standardlayout .left_col .content_area:empty, .standardthreecolumnlayout .left_col .content_area:empty { display: none; } } /***48em = 768px ***/ @media screen and (min-width: 48em) { .banner_col .image_widget:first-child .image_rotate_container, .standardlayout .right_col > .image_widget:first-child .image_rotate_container { background: transparent !important; top: 0 !important; left: 0 !important; } .banner_col .image_widget:first-child, .standardlayout .right_col .image_widget:first-child { position: relative; max-width: none; padding: 0; margin: 0px 0px 0 0px; width: auto; } } /***48em = 768px ***/ @media screen and (min-width: 48em) { #sitebody { width: 100%; max-width: none; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 60.83333333px 60.83333333px 60.83333333px 60.83333333px 60.83333333px 60.83333333px 60.83333333px 60.83333333px 60.83333333px 60.83333333px 60.83333333px 60.83333333px 1fr; grid-template-columns: 1fr 60.83333333px 60.83333333px 60.83333333px 60.83333333px 60.83333333px 60.83333333px 60.83333333px 60.83333333px 60.83333333px 60.83333333px 60.83333333px 60.83333333px 1fr; position: relative; background: transparent; padding: 0; margin: 0 auto; } #sitebody:before { -ms-grid-column: 1; -ms-grid-column-span: 14; -ms-grid-row: 1; -ms-grid-row-span: 3; grid-column: 1 / span 14; grid-row: 1 / span 3; content: ""; background: #fff; position: relative; z-index: -1; border-bottom: 0px solid #f0f0f0; margin-bottom: -59px; width: 100%; height: 100%; } #sitebody .top_col { -ms-grid-column: 2; -ms-grid-column-span: 12; -ms-grid-row: 1; -ms-grid-row-span: 1; grid-column: 2 / span 12; grid-row: 1 / span 1; position: relative; padding-top: 4rem; } #sitebody .bottom_col { -ms-grid-column: 2; -ms-grid-column-span: 12; -ms-grid-row: 3; -ms-grid-row-span: 1; grid-column: 2 / span 12; grid-row: 3 / span 1; } #sitebody .left_col { -ms-grid-column: 2; -ms-grid-column-span: 12; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-column: 2 / span 12; grid-row: 2 / span 1; } #sitebody .banner_col, #sitebody .has_small_col { -ms-grid-column: 2; -ms-grid-column-span: 12; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-column: 2 / span 12; grid-row: 2 / span 1; min-width: 1%; } #sitebody .right_col { -ms-grid-column: 2; -ms-grid-column-span: 12; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-column: 2 / span 12; grid-row: 2 / span 1; -ms-grid-column-align: end; justify-self: end; } #sitebody.standardlayout, #sitebody.standardthreecolumnlayout, #sitebody.twocolumnreverselayout { padding: 0; } #sitebody.standardlayout:before, #sitebody.standardthreecolumnlayout:before, #sitebody.twocolumnreverselayout:before { margin-bottom: 0; } #sitebody.standardlayout:after, #sitebody.standardthreecolumnlayout:after, #sitebody.twocolumnreverselayout:after { -ms-grid-column: 5; -ms-grid-column-span: 10; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-column: 5 / span 10; grid-row: 2 / span 1; content: ""; background: #fff; z-index: -1; display: block; height: auto; visibility: visible; border-bottom: 0px solid #f0f0f0; width: 100%; height: 100%; } #sitebody.standardlayout .top_col, #sitebody.standardthreecolumnlayout .top_col, #sitebody.twocolumnreverselayout .top_col { padding-top: 4rem; } #sitebody.standardlayout .top_col .content_area.content_area, #sitebody.standardthreecolumnlayout .top_col .content_area.content_area, #sitebody.twocolumnreverselayout .top_col .content_area.content_area { padding-top: 30px; } #sitebody.standardlayout .top_col > *:not(.vi-fullwidth-banner):last-child, #sitebody.standardthreecolumnlayout .top_col > *:not(.vi-fullwidth-banner):last-child, #sitebody.twocolumnreverselayout .top_col > *:not(.vi-fullwidth-banner):last-child { padding-bottom: 30px; } #sitebody.standardlayout:before, #sitebody.standardthreecolumnlayout:before { -ms-grid-column: 1; -ms-grid-column-span: 4; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-column: 1 / span 4; grid-row: 2 / span 1; content: ""; background: #05649B; margin: 0 0% 0 0; border-bottom: 0; } #sitebody.standardlayout .left_col.column.column.empty_col, #sitebody.standardthreecolumnlayout .left_col.column.column.empty_col { margin: 0 0% 0 0 !important; } #sitebody.standardlayout .left_col.column, #sitebody.standardthreecolumnlayout .left_col.column { width: 100%; margin: 0 0% 0 0; padding: 20px 10px 60px; background: #05649B; -ms-grid-column: 2; -ms-grid-column-span: 3; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-column: 2 / span 3; grid-row: 2 / span 1; } #sitebody.standardlayout .right_col.column, #sitebody.standardthreecolumnlayout .right_col.column { padding: 4.60829493% 0px 60px 4.60829493%; margin: 0; -ms-grid-column: 5; -ms-grid-column-span: 9; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-column: 5 / span 9; grid-row: 2 / span 1; width: 100%; } #sitebody.standardthreecolumnlayout .right_col.column { justify-content: space-between; } #sitebody.standardthreecolumnlayout .right_col.column > * { flex: 0 1 auto; } #sitebody.standardthreecolumnlayout .has_small_col { width: 100%; } #sitebody.standardthreecolumnlayout .small_col { width: 100%; margin: 0 !important; } #sitebody.standardthreecolumnlayout .small_col .small_box, #sitebody.standardthreecolumnlayout .small_col .minicalendar_widget { display: block; margin-right: auto; width: 100%; } #sitebody.twocolumnswithbottomlayout .left_col { -ms-grid-column: 2; -ms-grid-column-span: 12; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-column: 2 / span 12; grid-row: 2 / span 1; width: 50%; padding: 4.60829493% 2.30414747% 0 0px; } #sitebody.twocolumnswithbottomlayout .left_col .title_widget:first-child { margin-top: -15px; } #sitebody.twocolumnswithbottomlayout .right_col { -ms-grid-column: 2; -ms-grid-column-span: 12; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-column: 2 / span 12; grid-row: 2 / span 1; width: 50%; padding: 4.60829493% 0px 0 2.30414747%; float: right; -ms-grid-column-align: end; justify-self: end; } #sitebody.twocolumnswithbottomlayout .right_col .title_widget:first-child { margin-top: -15px; } #sitebody.twocolumnswithbottomlayout .bottom_col { width: 100%; padding: 20px 0px; } #sitebody.twocolumnswithbottomlayout .small_box { width: 100%; } #sitebody.threecolumnswithbottomlayout .top_col.column { margin-bottom: 0; } #sitebody.threecolumnswithbottomlayout .left_col.column { width: 33.33333333%; padding: 4.60829493% 0 0 0px; } #sitebody.threecolumnswithbottomlayout .left_col.column .title_widget:first-child { margin-top: -15px; } #sitebody.threecolumnswithbottomlayout .middle_col.column { width: 33.33333333%; padding: 4.60829493% 2.30414747% 0 2.30414747%; -ms-grid-column: 2; -ms-grid-column-span: 12; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-column: 2 / span 12; grid-row: 2 / span 1; -ms-grid-column-align: center; justify-self: center; } #sitebody.threecolumnswithbottomlayout .middle_col.column .title_widget:first-child { margin-top: -15px; } #sitebody.threecolumnswithbottomlayout .right_col.column { width: 33.33333333%; padding: 4.60829493% 0px 0 0; float: right; } #sitebody.threecolumnswithbottomlayout .right_col.column .title_widget:first-child { margin-top: -15px; } #sitebody.threecolumnswithbottomlayout .bottom_col.column { width: 100%; padding: 20px 0px; } #sitebody.threecolumnswithbottomlayout .small_box { width: 100%; } #sitebody.twocolumnreverselayout .has_small_col { width: 66.66666667%; padding: 4.60829493% 2.30414747% 0 0px; -ms-grid-column: 2; -ms-grid-column-span: 12; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-column: 2 / span 12; grid-row: 2 / span 1; } #sitebody.twocolumnreverselayout .has_small_col .title_widget:first-child { margin-top: -15px; } #sitebody.twocolumnreverselayout .small_col { -ms-grid-column: 2; -ms-grid-column-span: 12; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-column: 2 / span 12; grid-row: 2 / span 1; -ms-grid-column-align: end; justify-self: end; width: 33.33333333%; padding: 4.60829493% 0px 0 2.30414747%; margin: 0 !important; } } /*62em = 992px*/ @media only screen and (min-width: 62em) { #sitebody { -ms-grid-columns: 1fr 79.16666667px 79.16666667px 79.16666667px 79.16666667px 79.16666667px 79.16666667px 79.16666667px 79.16666667px 79.16666667px 79.16666667px 79.16666667px 79.16666667px 1fr; grid-template-columns: 1fr 79.16666667px 79.16666667px 79.16666667px 79.16666667px 79.16666667px 79.16666667px 79.16666667px 79.16666667px 79.16666667px 79.16666667px 79.16666667px 79.16666667px 1fr; } #sitebody.standardlayout .left_col.column.column.empty_col, #sitebody.standardthreecolumnlayout .left_col.column.column.empty_col { margin: 0 0% 0 0 !important; } #sitebody.standardthreecolumnlayout .has_small_col { width: 67%; } #sitebody.standardthreecolumnlayout .small_col { width: 30.6%; float: right; } } /*75em = 1200px*/ @media only screen and (min-width: 75em) { #sitebody { -ms-grid-columns: 1fr 85.25px 85.25px 85.25px 85.25px 85.25px 85.25px 85.25px 85.25px 85.25px 85.25px 85.25px 85.25px 1fr; grid-template-columns: 1fr 85.25px 85.25px 85.25px 85.25px 85.25px 85.25px 85.25px 85.25px 85.25px 85.25px 85.25px 85.25px 1fr; } } @media (min-width: 85.375em) { #sitebody { -ms-grid-columns: 1fr 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 1fr; grid-template-columns: 1fr 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 1fr; } #sitebody.standardlayout .left_col.column.column.empty_col, #sitebody.standardthreecolumnlayout .left_col.column.column.empty_col { margin: 0 0% 0 0 !important; } #sitebody.standardlayout .left_col.column, #sitebody.standardthreecolumnlayout .left_col.column { margin: 0 0% 0 0; } #sitebody.standardthreecolumnlayout .has_small_col { width: 68.81390593%; } #sitebody.standardthreecolumnlayout .small_col { width: 27.60736196%; } } /***Title Widget**/ .title_widget { clear: both; } .title_widget h1 { color: #0D0D0D; line-height: 120% !important; font-weight: bold; font-size: 2.5rem !important; text-transform: uppercase; font-family: 'Nunito Sans', sans-serif; padding: 0 0 0 0; margin: 24px 0 0 0; overflow: hidden; } .title_widget h2 { color: #0D0D0D; font-size: 2rem !important; font-weight: bold; line-height: 110%; margin-bottom: 10px; } .printer_friendly, .sharelink, .rss, .thickbox { padding-left: 0px; } .printer_friendly, .sharelink, .rss, .thickbox, .font_size, .font_size a { background: none; } .font_size a.font_larger, .font_size a.font_smaller { float: none; text-indent: 0px; display: inline-block; width: 15px; height: 16px; } .font_size a { display: inline-block; float: none; vertical-align: middle; } .text_size { margin-right: 0 !important; } .printer_friendly:before, .sharelink:before, .rss:before, .thickbox:before, .font_size a:before { font-family: 'Glyphicons Halflings'; display: inline-block; vertical-align: middle; width: 21px; font-size: 0.875rem; text-decoration: none; text-indent: 0; } .printer_friendly:before { content: "\e045"; color: #05649B; } .thickbox:before { content: "\e111"; color: #05649B; font-size: 0.875rem; } a.font_larger:before, a.font_smaller:before, .sharelink:before { color: #fff; background: #05649B; text-align: center; width: 15px; height: 15px; line-height: 15px; font-size: 0.56875rem; border-radius: 3px; } .sharelink:before { content: "\002b"; margin-right: 5px; } a.font_larger:before { content: "\002b"; } a.font_smaller:before { content: "\2212"; } #share { clear: left; } #share:hover .sharelink { text-decoration: none !important; } #share .sharelink { margin-left: 0; } #share ul { padding-bottom: 3px; } #share ul li { width: 48%; float: none; display: inline-block; vertical-align: top; line-height: 120%; } #share ul li a { height: auto; position: relative; background: transparent none; } #share ul li a:before { background: url("_gfx/int/share_icons.gif") no-repeat 0 0; height: 20px; content: ""; top: 0; left: 0; width: 20px; position: absolute; } #share ul li a.sharefacebook:before { background-position: 0 -150px; } #share ul li a.sharedel:before { background-position: 0 -200px; } #share ul li a.sharegoogle:before { background-position: 0 -225px; } #share ul li a.sharegoogleplus:before { background-position: 0 -25px; } #share ul li a.sharedigg:before { background-position: 0 -250px; } #share ul li a.sharetwitter:before { background-position: 0 -50px; } #share ul li a.sharestumble:before { background-position: 0 -100px; } #share ul li a.sharetumblr:before { background-position: 0 -125px; } #share ul li a.sharemyspace:before { background-position: 0 -75px; } #share ul li a.sharelinkedin:before { background-position: 0 -175px; } #share ul li a.sharereddit:before { background-position: 0 -275px; } #share > ul { margin-top: 0px; width: 275px; top: 25px; } #share:hover > ul { display: block; } .printer_friendly, .sharelink, .rss, .thickbox, .font_size, .font_size a { font-size: 0.7875rem !important; color: #444444 !important; text-decoration: underline !important; } .title_right > a:hover { text-decoration: none !important; } .font_size { text-decoration: none !important; } .font_size a { font-size: 100% !important; color: #444444 !important; text-decoration: none !important; } .rss { position: relative; } .rss:before, .rss:after { content: ""; position: absolute; } /* create circle */ .rss:before { width: 15px; height: 15px; border-radius: 3px; background: #05649B; left: 0; bottom: 0; position: static; margin-right: 5px; } /* create the two arcs */ .rss:after { border-color: #fff; border-style: double; border-width: 6px 6px 0 0; bottom: 1px; height: 10px; left: 2px; width: 10px; -moz-border-radius: 0 50px 0 0; -webkit-border-radius: 0 50px 0 0; border-radius: 0 50px 0 0; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .title_widget { padding: 18px 0 0 0; clear: both; } .title_widget h2 { padding: 0; } #pagebody:first-child + .title_widget { padding-top: 0; } .top_col .title_widget, .confirm_account_container.content_area, .top_col .redirect_helper_widget, .broken_links_reporter { padding: 4.60829493% 0px 0; } #sitebody .top_col .main_menu_widget + script + script + .content_area { padding-top: 4.60829493%; } .title_right { padding: 0 0 21px 0; float: right; } .title_right > a, .title_right > div { float: right; } .title_right > a:first-child, .title_right > div:first-child { margin-left: 18px; } .title_right #share { clear: none; } .title_right #share .sharelink { margin-left: 18px; } } .sidenav.sidenav ul li, .sidenav.sidenav ul li.sidenav_expanded > a { display: none; } .sidenav.open ul li.sidenav_expanded.sidenav_current, .sidenav.open ul li.sidenav_expanded.sidenav_current > ul > li, .sidenav.open > ul > li, .sidenav.open ul li.sidenav_expanded { display: block; } .sidenav.mobile_list ul li.sidenav_expanded { background: transparent; border: 0px; padding: 0; } .sidenav.mobile_list ul li a { font-weight: normal; } .sidenav.open h2:after { border-top: 7px solid #ffffff; border-left: 7px solid transparent; border-right: 7px solid transparent; top: 7px; left: 10px; } .sidenav h2:after { position: absolute; z-index: -1; top: 0; bottom: 0; left: 15px; width: 0; height: 0; margin: auto; border-left: 7px solid #ffffff; border-top: 7px solid transparent; border-bottom: 7px solid transparent; content: ""; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .sidenav.sidenav ul li, .sidenav.sidenav ul li.sidenav_expanded > a { display: block; } .sidenav > ul > li > a, .sidenav.mobile_list > ul > li > a { font-weight: bold; text-transform: none; } .sidenav > ul > li > a:hover, .sidenav.mobile_list > ul > li > a:hover, .sidenav > ul > li > a:focus, .sidenav.mobile_list > ul > li > a:focus { font-weight: bold; } .sidenav { width: 100%; float: left; position: relative; padding: 0; margin: 0 0 17px 0; background: #05649B; } .sidenav ul { margin: 0; padding: 0; list-style: none; } .sidenav ul li { position: relative; } .sidenav ul li a, .sidenav ul li a:hover, .sidenav ul li a:focus { color: #ffffff; font-size: 0.9375rem; text-decoration: none; display: block; padding: 10px 7px 10px 12%; line-height: 120%; position: relative; z-index: 1; font-weight: normal; border-bottom: 1px solid #05649B; word-wrap: break-word; } .standardlayout .left_col .sidenav, .standardthreecolumnlayout .left_col .sidenav { background: transparent; margin: 0 -10px 17px; width: auto; float: none; zoom: 1; min-width: calc(100% + 20px); } .standardlayout .left_col .sidenav:before, .standardthreecolumnlayout .left_col .sidenav:before { content: ''; display: block; } .standardlayout .left_col .sidenav:after, .standardthreecolumnlayout .left_col .sidenav:after { content: ''; display: table; clear: both; } .sidenav ul li.sidenav_haschildren > a:before { /*position: absolute; content: ""; background: transparent; width: 0; height: 0; left: 5%; top: 33%; border-left: 4px solid @arrow-haschildren; border-right: 4px solid transparent; border-top: 4px solid transparent; border-bottom: solid 4px transparent;*/ position: absolute; content: "+"; background: transparent; top: 0; bottom: 0; left: 5%; padding: 0; height: 10px; line-height: 6px; margin: auto; } .sidenav ul li.sidenav_expanded > a { background: transparent; color: #ffffff; border-bottom: 1px solid #05649B; } .sidenav ul li.sidenav_expanded > a:before { /* position: absolute; content: ""; background: transparent; width: 0; height: 0; left: 5%; top: 42%; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid @arrow-expanded; border-bottom: solid 4px transparent;*/ position: absolute; content: "-"; background: transparent; top: 0; bottom: 0; left: 5%; padding: 0; font-size: 150%; height: 10px; line-height: 6px; margin: auto; } .sidenav > ul > li.sidenav_expanded + li > a { border-top: 1px solid #05649B; } /*second level */ .sidenav ul li li.sidenav_expanded > a { background: transparent; color: #ffffff; border-bottom: 0px solid #05649B; } .sidenav ul li li.sidenav_expanded > a:before { /* position: absolute; content: ""; background: transparent; width: 0; height: 0; left: 14px; top: 13px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid @arrow-expanded; border-bottom: solid 4px transparent; */ } .sidenav ul li.sidenav_current > a, .sidenav ul li.sidenav_current.sidenav_expanded > a { background: #F2EFD5; color: #0D0D0D; font-weight: bold; /*border-bottom: 1px solid @sidenav-item-border;*/ /*&:before { position: absolute; content: ""; width: 0; height: 0; left: 5%; top:12px; background: transparent; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid @arrow-current; } &:hover:before { border-left: 4px solid @arrow-current-hover; }*/ } .sidenav ul li li.sidenav_current > a:before, .sidenav ul li li.sidenav_haschildren > a:before { left: 12%; } .sidenav ul li li li.sidenav_current > a:before, .sidenav ul li li li.sidenav_haschildren > a:before { left: 20%; } .sidenav ul li li li li.sidenav_current > a:before, .sidenav ul li li li li.sidenav_haschildren > a:before { left: 24%; } .sidenav ul li li li li li.sidenav_current > a:before, .sidenav ul li li li li li.sidenav_haschildren > a:before { left: 28%; } .sidenav ul li li li li li li.sidenav_current > a:before, .sidenav ul li li li li li li.sidenav_haschildren > a:before { left: 32%; } .sidenav ul li li li li li li li.sidenav_current > a:before, .sidenav ul li li li li li li li.sidenav_haschildren > a:before { left: 36%; } .sidenav ul li li a { padding-left: 20% !important; } .sidenav ul li li li a { padding-left: 28% !important; /*second level*/ background: transparent; } .sidenav ul li li li li a { padding-left: 32% !important; } .sidenav ul li li li li li a { padding-left: 36% !important; } .sidenav ul li li li li li li a { padding-left: 40% !important; } .sidenav ul li li.sidenav_expanded > a:hover, .sidenav ul li li.sidenav_expanded > a:focus, .sidenav ul li li a:hover, .sidenav ul li li a:focus { border-bottom: 0px solid #ffffff; margin-top: 0px; } .sidenav ul li li a { background: transparent; color: #ffffff; margin-top: 0px; border: 0; } .sidenav ul li a:hover, .sidenav ul li a:focus, .sidenav ul li li > a:hover, .sidenav ul li li > a:focus { color: #0D0D0D !important; background: #F9AF3F !important; } .small_col .sidenav { float: left; background: #05649B; } } .int_buttons.int_buttons { display: block; clear: both; background: transparent; } .int_buttons.int_buttons ul { margin: 0; padding: 0; list-style: none; margin: 0px -5px; display: -ms-flexbox; -ms-flex-wrap: wrap; -ms-flex-direction: column; -webkit-flex-flow: row wrap; flex-flow: row wrap; display: -webkit-box; display: flex; margin-bottom: -10px; } .int_buttons.int_buttons ul li { display: inline-block; /*for graceful degradation of flexbox in IE 8/9*/ -webkit-box-flex: auto; -ms-flex: auto; flex: auto; width: 285px; margin: 0 5px; padding: 0 0px 10px 0; max-width: calc(100% - 10px ); } .int_buttons.int_buttons .button-link { background: #9EC3D7; border: 0px solid #F9AF3F; border-radius: 0px; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: middle; -ms-flex-align: middle; align-items: middle; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 125px; position: relative; width: 100%; text-decoration: none; text-align: center; } .int_buttons.int_buttons .button-link:hover, .int_buttons.int_buttons .button-link:focus { text-decoration: none; background: #F9AF3F; border: 0px solid #F2EFD5; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); } .int_buttons.int_buttons .button-link:hover .button-text, .int_buttons.int_buttons .button-link:focus .button-text { color: #0D0D0D; } .int_buttons.int_buttons img { bottom: 55px; left: 0; right: 0; margin: auto; position: absolute; top: 11px; max-width: 65px; max-height: 60px; } .int_buttons.int_buttons .button-text { color: #0D0D0D; font-size: 18px; font-weight: bold; font-family: 'Nunito Sans', sans-serif; text-transform: none; line-height: 1.25; vertical-align: middle; padding: 70px 10px 0; -ms-flex: 0 1 100%; -webkit-flex: 0 1 100%; flex: 0 1 100%; max-height: 115px; overflow: hidden; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .small_col .int_buttons.int_buttons.int_buttons, .left_col .int_buttons.int_buttons.int_buttons { border: 0 !important; padding: 0; background: transparent !important; margin-bottom: 17px; } #sitebody.standardlayout .top_col .int_buttons, #sitebody.standardthreecolumnlayout .top_col .int_buttons { padding-left: 0; padding-right: 0; } #sitebody.standardlayout .top_col .main_menu_widget + script + script + .int_buttons, #sitebody.standardthreecolumnlayout .top_col .main_menu_widget + script + script + .int_buttons { padding-top: 30px; } } /** IMAGE BUTTON WIDGET **/ .vi-img-buttons .vi-img-buttons-item { width: auto; min-width: 224px; max-width: none; flex: 1 1 26%; } .vi-img-buttons .vi-img-buttons-link { height: 100%; } .vi-img-buttons .vi-img-buttons-title { font-family: 'Nunito Sans', sans-serif; font-weight: bold; font-size: 1.125rem; text-transform: none; max-height: 3.2em; } .vi-img-buttons .vi-img-buttons-desc { font-size: 1.0125rem; line-height: 1.5; max-height: calc(4em * 1.5 + 6px); } .vi-img-buttons .vi-img-buttons-desc::before { border-top: 1px solid; } @media screen and (min-width: 75em) { .vi-img-buttons .vi-img-buttons-item { max-width: calc(33% - 15px); } } /** IMAGE TILE WIDGET **/ .vi-img-overlay-buttons .vi-img-overlay-title { font-family: 'Nunito Sans', sans-serif; font-weight: bold; font-size: 1.125rem; text-transform: none; } .vi-img-overlay-buttons .vi-img-overlay-desc { font-size: 1.0125rem; line-height: 1.5; max-height: calc(5em* 1.5 + 15px); } .vi-img-overlay-buttons .vi-img-overlay-desc::before { border-top: 1px solid; } /*@int-nav-arrows-width: 30px; //navigation arrows width @int-nav-arrows-height: 38px; //navigation arrows height @int-nav-arrows-bg: url(_gfx/home/button_arrows.png) 0 0 no-repeat; //navigation arrows background image (sprite) @int-nav-arrows-bg-position-hover: 0 -40px; //navigation prev arrow background position on hover @int-nav-next-bg-position: -32px 0; //navigation next arrow background position @int-nav-next-bg-position-hover: -32px -40px; //navigation next arrow background position on hover //update the "50%" for different navigation arrow positions @int-nav-arrows-top-desktop: ~"calc(50% - " (@int-nav-arrows-height/2) ~")"; //navigation arrows position on desktop @int-nav-prev-left: 10px; //navigation previous arrow left position @int-nav-next-right: 10px; //navigation next arrow right position */ /*generally should not be updated*/ .int_collage { display: block; width: 100%; /*.flex-direction-nav { a { width: @int-nav-arrows-width; height: @int-nav-arrows-height; margin: -@int-nav-arrows-height/2 0 0 0; display: block; position: absolute; top: @int-mobile-img-height/2; cursor: pointer; text-indent: -9999px; background: @int-nav-arrows-bg; z-index: 3; overflow: hidden; -webkit-transform:scale(0.5); transform:scale(0.5); &:hover { background-position: @int-nav-arrows-bg-position-hover; } } .flex-next { right: @int-nav-next-right; display: block; background-position: @int-nav-next-bg-position; } .flex-next:hover { background-position: @int-nav-next-bg-position-hover; } .flex-prev { left: @int-nav-prev-left; display: block; } .flex-disabled { cursor: default; } }*/ } .int_collage:first-child { margin-top: 0; } .int_collage .slides { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .int_collage .slides li { overflow: hidden; background: rgba(0, 0, 0, 0.7); position: relative; } .int_collage .slides li > a { display: block; width: 100%; } .int_collage .slides img { margin: 0 auto; display: block; max-height: 450px; } .int_collage .slide_content { width: 100%; padding: 10px; overflow: hidden; } .int_collage .slide_title { margin: 0 0 5px 0; font-size: 1.0625rem; font-weight: bold; color: #fff; max-height: 2.7625rem; overflow: hidden; font-family: inherit; text-transform: none; line-height: 1.3; } .int_collage .slide_title a { color: #fff; text-decoration: none; } .int_collage .slide_title:hover a { color: #fff; text-decoration: underline; } .int_collage .slide_description { color: #fff; font-size: 0.8125rem; font-weight: normal; font-family: inherit; line-height: 1.3; max-height: 3.16875rem; overflow: hidden; margin: 0; } .int_collage .flex-control-nav { right: 0; left: 0; display: block; position: absolute; z-index: 3; top: 10px; bottom: auto; margin: 0 auto; text-align: center; } .int_collage .flex-control-nav li { display: inline-block; float: none; } .int_collage .flex-control-nav a { height: 15px; width: 15px; border-radius: 50%; background: transparent; border: 2px solid #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); margin: 0 3px; } .int_collage .flex-control-nav a.flex-active, .int_collage .flex-control-nav a:hover { background: #fff; border: 2px solid #fff; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .int_collage { overflow: hidden; /*.flex-direction-nav { a { top: @int-nav-arrows-top-desktop; margin: 0; -webkit-transform: scale(1); transform: scale(1); } }*/ } .int_collage .slides li { display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; min-width: 100%; background: rgba(0, 0, 0, 0.7); } .int_collage .slides img { width: 100%; } .int_collage .slide_content { padding: 10px 30px 40px 30px; left: 0; bottom: 0; top: auto; right: 0; position: absolute; width: 100%; background: rgba(0, 0, 0, 0.7); } .int_collage .flex-control-nav { top: auto; bottom: 10px; left: 0; right: 0; } .top_col .int_collage { width: 100%; } #sitebody.standardlayout .top_col .int_collage:last-child, #sitebody.standardthreecolumnlayout .top_col .int_collage:last-child, #sitebody.twocolumnreverselayout .top_col .int_collage:last-child { padding-bottom: 0; } } /***62em = 992px ***/ @media screen and (min-width: 62em) { .int_collage .slide_title { font-size: 1.25rem; max-height: 3.25rem; } .int_collage .slide_description { font-size: 0.875rem; max-height: 3.4125rem; } } /***75em = 1200px ***/ .vi-service-finder .filter-panel .filter-block[data-step]::after { background: #fff; } .vi-service-finder .filter-panel .filter-block[data-step].active::after { background: #044a73; color: #ffffff !important; } .vi-service-finder .filter-panel .filter-button.active .filter-button-link { color: #ffffff; background: #05649B; } .spotlight-container.vi-spotlight-img-left .vi-spotlight-img-frame, .spotlight-container.vi-spotlight-img-right .vi-spotlight-img-frame { -webkit-flex: auto; -ms-flex: auto; flex: auto; width: 150px; } .spotlight-container .slick_wrapper { padding: 0; background: transparent; box-sizing: content-box; overflow: hidden; position: relative; } .spotlight-container .slick-initialized .slick-slide { display: block; } .spotlight-container .slick_wrapper { width: 100%; } .spotlight-container .slick-slide { float: left; height: 100%; min-height: 1px; } .spotlight-container .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .spotlight-container .vi-spotlight-slides { margin: 0 auto; position: relative; width: 100%; opacity: 0; height: 0; overflow: hidden; padding: 10px 34px 20px 34px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .spotlight-container .vi-spotlight-slides.slick-initialized { opacity: 1; height: auto; } .spotlight-container .slick-list { width: 100%; position: relative; overflow: hidden; margin: 0; padding: 0; } .spotlight-container .slick-dots { right: 0; left: 0; display: block; position: relative; z-index: 3; bottom: 0; margin: 0 auto; text-align: center; width: auto; min-width: 0; padding: 20px 0 0 0; } .spotlight-container .slick-dots li { display: inline-block; float: none; } .spotlight-container .slick-dots li button { height: 20px; width: 20px; border-radius: 50%; background: #b9c6cc; border: 0 solid #fff; margin: 0 5px; transition: background 0.2s ease-in-out; text-indent: -4000px; overflow: hidden; text-align: left; display: block; cursor: pointer; } .spotlight-container .slick-dots li.slick-active button, .spotlight-container .slick-dots li:hover button { background: #ccc; background: #7e96a1; border: 0 solid #fff; } .spotlight-container .slick-arrow { width: 34px; height: 44px; margin: 0; position: absolute; top: calc(50% - 22px); cursor: pointer; text-indent: -9999px; z-index: 3; overflow: hidden; background: rgba(237, 241, 242, 0.85); display: block !important; padding: 0; border-radius: 0; border: 0; } .spotlight-container .slick-arrow:before { content: ""; display: block; left: 2px; top: 6px; bottom: 0; right: 0; position: absolute; width: 24px; height: 24px; border-bottom: 6px solid #929fa5; border-left: 6px solid #929fa5; transform: rotate(45deg); transform-origin: bottom; transition: border-color 0.2s ease-in-out; } .spotlight-container .slick-arrow:hover:before { border-color: #575560; } .spotlight-container .slick-prev { left: 0; } .spotlight-container .slick-next { right: 0; } .spotlight-container .slick-next:before { transform: rotate(-135deg); transform-origin: center center; top: 10px; left: 0; } .spotlight-container .slick-autoplay-toggle-button { position: absolute; top: auto; right: 20px; bottom: 10px; left: auto; z-index: 3; display: block; text-indent: -4000px; cursor: pointer; width: 49px; height: 49px; border: 0; padding: 0; } .spotlight-container .slick-autoplay-toggle-button .slick-pause-icon, .spotlight-container .slick-autoplay-toggle-button .slick-play-icon { width: 49px; height: 49px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .spotlight-container .slick-autoplay-toggle-button .slick-pause-icon { background: url(_gfx/cmn/play-pause.png) no-repeat left center; background-size: auto 56px; } .spotlight-container .slick-autoplay-toggle-button .slick-pause-icon:hover { -moz-opacity: 0.8; -khtml-opacity: 0.8; -webkit-opacity: 0.8; opacity: 0.8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); filter: alpha(opacity=80); } .spotlight-container .slick-autoplay-toggle-button .slick-play-icon { background: url(_gfx/cmn/play-pause.png) no-repeat right center; background-size: auto 56px; } .spotlight-container .slick-autoplay-toggle-button .slick-play-icon:hover { -moz-opacity: 0.8; -khtml-opacity: 0.8; -webkit-opacity: 0.8; opacity: 0.8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); filter: alpha(opacity=80); } /***48em = 768px ***/ @media screen and (min-width: 48em) { .spotlight-container .vi-spotlight-slides { padding-left: calc(3.5% + 15px); padding-right: calc(3.5% + 15px); } .spotlight-container .slick-arrow { margin: auto; } .spotlight-container .slick-prev { left: 0; right: calc( 96.5% - 15px ); } .spotlight-container .slick-next { right: 0; left: calc( 96.5% - 15px ); } } /*62em = 992px*/ .business_box.mobile_list ul li li, .staff_box.mobile_list ul li li, .service_box.mobile_list ul li li, .faq_box.mobile_list ul li li { background: transparent none; border: 0; padding: 0; } .business_box.mobile_list .box_content > ul > li > a, .staff_box.mobile_list .box_content > ul > li > a { font-weight: bold; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .business_box.mobile_list .box_content > ul > li > a, .staff_box.mobile_list .box_content > ul > li > a { font-weight: bold; } } .staff_box .email_link { cursor: pointer; } .small_box.faq_box .box_content > ul > li { padding: 17px 7% 17px 16px; } .small_box.faq_box .box_content li:before, .small_box.faq_box .box_content li:after { display: none; } .small_box.faq_box .box_content .listfaq_a a { color: #05649B; text-decoration: underline; display: inline; } .small_box.faq_box .box_content .listfaq_a a:hover { text-decoration: none; } .small_box.faq_box .box_content li:before, .small_box.faq_box .box_content li:after { display: none; } .listfaq_a_content { zoom: 1; } .listfaq_a_content:before { content: ''; display: block; } .listfaq_a_content:after { content: ''; display: table; clear: both; } .small_box.faq_box .box_content ul .listfaq_a_content a { font-weight: normal; display: inline; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .small_box.faq_box .box_content > ul > li { padding: 5px 0 7px 0; } .small_box.faq_box .box_content ul ul { margin-top: 0; padding-top: 0; } .small_box.faq_box .box_content ul ul li { border: 0; font-size: 110%; } .small_box.faq_box .listfaq_q_content { text-decoration: none; } .small_box.faq_box .listfaq_q_content:hover { text-decoration: underline; } .small_box.faq_box .box_content ul .listfaq_a_content a { font-size: inherit; font-weight: normal; text-decoration: underline; } .small_box.faq_box .box_content ul .listfaq_a_content a:hover { text-decoration: none; } .small_box.faq_box .box_content .listfaq_a { color: #393939; font-size: 0.875rem; } .small_box.faq_box .box_content .listfaq_a p, .small_box.faq_box .box_content .listfaq_a ul, .small_box.faq_box .box_content .listfaq_a ol, .small_box.faq_box .box_content .listfaq_a li, .small_box.faq_box .box_content .listfaq_a div, .small_box.faq_box .box_content .listfaq_a span { color: #393939; font-size: inherit; } } .service_box .box_content .toggle_service { background: none; border: 0 none; display: block; width: auto; margin: 0; overflow: hidden; padding: 0; text-indent: -9999em; vertical-align: top; position: absolute; top: 18px; bottom: 17px; left: 16px; right: 7%; z-index: 1; } .service_box .box_content .toggle_service:before { content: ""; background: #05649B url(_gfx/int/+.png) 1px 1px no-repeat; border-radius: 50%; width: 16px; height: 16px; position: absolute; top: 4px; left: 0px; } .service_box .box_content .toggle_service.hide_service:before { background: #05649B url(_gfx/int/-.png) 1px 1px no-repeat; } .small_box.service_box .box_content > ul > li > span { display: block; padding-left: 20px; line-height: 170%; } .service_box .box_content ul.service_list { margin: 0; padding: 2px 0 2px 20px; position: relative; z-index: 1; } .service_box .box_content ul.service_list li { padding: 2px 0; } .service_box .box_content ul.service_list li a { border-top: 0; font-weight: normal; line-height: 130%; } .service_box .box_content > ul > li { border-top: 0; padding-top: 18px; } .service_box .box_content > ul > li:first-child { border: 0; border-bottom: 1px solid #C4C4C4; } .service_box .box_content > ul > li > span { font-weight: bold; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .service_box .box_content .toggle_service { top: 0px; bottom: 0px; left: 0px; right: 0; } .service_box .box_content .toggle_service:before { top: 9px; } .small_box.service_box ul li span { padding: 0; } } .twitter_feed, .facebook_feed { padding: 0 !important; } .twitter_feed ul li img, .facebook_feed ul li img { float: left; margin-right: 10px; margin-bottom: 5px; display: block; height: 50px; width: 50px; } .twitter_feed ul li span.box_date, .facebook_feed ul li span.box_date { float: right; font-size: 80%; text-transform: uppercase; margin-left: 5px; margin-right: 10px; } .twitter_feed ul li h4, .facebook_feed ul li h4 { line-height: 130% !important; margin: 0; font-size: inherit; } .twitter_feed ul li h4 a, .facebook_feed ul li h4 a, .twitter_feed ul li h4 a:hover, .facebook_feed ul li h4 a:hover { font-size: 100%; } .twitter_feed ul li a, .facebook_feed ul li a, .twitter_feed ul li a:hover, .facebook_feed ul li a:hover { text-decoration: none; font-size: 110%; } .twitter_feed ul li a span, .facebook_feed ul li a span, .twitter_feed ul li a:hover span, .facebook_feed ul li a:hover span { text-decoration: none; } .twitter_feed ul li p, .facebook_feed ul li p { margin: 0; font-size: 95%; padding: 0; border: 0; line-height: 130%; } .twitter_feed ul li p a, .facebook_feed ul li p a { font-size: 100%; display: inline; color: #05649B; text-decoration: underline; font-weight: normal; } .twitter_feed ul li p a:hover, .facebook_feed ul li p a:hover { text-decoration: none; font-weight: normal; font-size: 100%; display: inline; color: #05649B; } .twitter_feed .box_bottomlink:after, .facebook_feed .box_bottomlink:after { content: ""; font-size: 140%; line-height: 1; } .twitter_feed ul li h4 span { display: block; } /***48em = 768px ***/ @media screen and (min-width: 48em) { #sitebody .twitter_feed, #sitebody .facebook_feed { padding: 0; box-shadow: 0 0 0; overflow: visible; } #sitebody .twitter_feed ul, #sitebody .facebook_feed ul { padding: 7px 15px 0 16px; } #sitebody .twitter_feed ul li .box_date, #sitebody .facebook_feed ul li .box_date { margin-right: 0; } #sitebody .twitter_feed ul li h4, #sitebody .facebook_feed ul li h4 { font-size: 0.875rem; } #sitebody .twitter_feed ul li h4 a, #sitebody .facebook_feed ul li h4 a, #sitebody .twitter_feed ul li h4 a:hover, #sitebody .facebook_feed ul li h4 a:hover { color: #0D0D0D; font-weight: bold; font-family: 'Nunito Sans', sans-serif; text-decoration: none; } #sitebody .twitter_feed ul li h4 a span, #sitebody .facebook_feed ul li h4 a span, #sitebody .twitter_feed ul li h4 a:hover span, #sitebody .facebook_feed ul li h4 a:hover span { color: #0D0D0D; font-weight: bold; } #sitebody .twitter_feed ul li h4 a:hover, #sitebody .facebook_feed ul li h4 a:hover { text-decoration: underline; } #sitebody .twitter_feed ul li p, #sitebody .facebook_feed ul li p { font-size: 0.875rem; color: #393939; } #sitebody .twitter_feed .box_bottomlink, #sitebody .facebook_feed .box_bottomlink { margin-right: 12px; } } #sitebody.splash_page { overflow: hidden; max-width: 100%; padding: 10px; word-wrap: break-word; } /***48em = 768px ***/ @media screen and (min-width: 48em) { #sitebody.splash_page { display: block; background: transparent !important; max-width: 1023px; max-width: 1302px; border-radius: 0px; margin: 15px auto 15px auto; padding: 150px 0 0 0 !important; min-height: 500px; /*.form_button { background: @header-background-color !important; color: contrast(@header-background-color) !important; &:hover { background: lighten(@header-background-color,10%) !important; } }*/ } } .broken_links_reporter { word-wrap: break-word; } .error_recaptcha_field { margin: 10px 0; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .broken_links_reporter.broken_links_reporter { margin: 0; } } .web_site_account_unconfirm_message_container { padding: 10px 0 1px 20px; } .my_dashboard_page .dashboard_block_wrapper .dashboard_block .block_title { background-color: #05649B; } .sso_login_container .sso_login_box { max-width: 100%; min-height: 180px; padding: 15px; border: 1px solid #d0d0d0; margin: 15px 20px 0 0; float: left; width: 100%; } .sso_login_container #sso_login_form ol.formlist .sso_login_email input[type="text"] { width: 100%; } .sso_login_container .panel-body { padding: 0; } .sso_login_container .validation-summary-errors .panel-body ul li a { color: #aa0823; } .sso_login_container .social_account_login_list > li > a { width: 100%; } .sso_login_container .social_account_login_box { width: 100%; padding: 15px; margin: 15px 10px 0 0; } .sso_login_container .social_account_login_box label { margin: 0; } .sso_login_container .social_account_login_box li { margin-bottom: 5px !important; } .sso_login_container li.sso_login_password { display: table; width: 100%; margin-bottom: 8px; } .sso_login_container li.sso_login_password input#SsoLoginPassword { display: table-cell; width: 74%; height: 30px; } .sso_login_container li.sso_login_password input.command.primary.log_in_button { display: table-cell; width: 25%; margin-left: 1%; padding-left: 0; padding-right: 0; font-size: 0.8125rem !important; height: 30px; border: 0 !important; } .sso_login_container .sso_login_title { text-align: center; font-weight: bold; text-transform: capitalize; letter-spacing: 0px; } .sso_login_container .sso_login_hint { text-align: center; font-size: 1.0625rem; font-weight: 500; } .sso_login_container .sso_login_hint label { font-weight: 500; } .sso_login_container li.sso_keep_logged { display: flex; align-items: center; padding: 0 !important; } .sso_login_container li.sso_keep_logged input[type=checkbox]#KeepLogged { margin-top: 0; } .sso_login_container li.sso_keep_logged label { margin: 0 !important; } .sso_login_container .panel-heading, .sso_login_container .panel-body, .sso_login_container .sso_login_box .formlist li a, .sso_login_container li.sso_keep_logged label { font-size: 0.9375rem; } .sso_login_container .panel-heading, .sso_login_container .panel-body { padding: 0; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .sso_login_container { max-width: 670px; margin: 0 auto; } .sso_login_container .sso_login_header, .sso_login_container .sso_login_hint { text-align: center; } .sso_login_container .content_area .sso_login_form_box { display: -ms-flexbox; display: -webkit-flex; display: flex; } .sso_login_container .content_area .sso_login_box { margin: 15px 2% 0 0; width: 48%; max-width: 400px; min-height: 0; } .sso_login_container .content_area .social_account_login_box { margin-left: 2%; width: 48%; min-height: 0; } } .search .paging span a:hover { background: #05649B; } .vision_search .search_button { width: auto; min-width: 0; } .vision_search .advanced_searchbox input.textfield { height: auto; min-height: 17px; } .vision_search .search_panel { float: none; width: 100%; } .vision_search .search_panel .vision_search_arrow { cursor: pointer; display: block; } .vision_search .search_panel .vision_search_arrow_down { border-top: 10px solid #ffffff; } .vision_search .search_panel .vision_search_arrow_up { border-bottom: 10px solid #ffffff; } .vision_search .search_panel .search_options_link { padding-right: 10px; margin: 0 !important; width: 100%!important; } .vision_search .search_panel .advanced_searchbox.normal .sort_by_label, .vision_search .search_panel .advanced_searchbox.normal .items_per_page_label { width: auto; } .vision_search .search_panel .search_container { width: 100% !important; margin: 0 !important; } .vision_search .search_panel div.search_features { border: 1px solid #C4C4C4; border-left: 0; border-right: 0; margin-left: 0; background: #fff; clear: both; min-height: 0px; margin-top: 0; width: 100%; } .vision_search .search_panel div.search_features .advanced_searchbox.normal { float: none; height: auto; min-width: 0px; } .vision_search .search_panel div.search_features .advanced_searchbox.normal .sort_by_label, .vision_search .search_panel div.search_features .advanced_searchbox.normal .items_per_page_label { display: block; margin-top: 4px; } .vision_search .search_panel div.search_features .advanced_searchbox.normal .normal { float: left; min-width: 140px; } .vision_search .search_panel div.search_features .advanced_searchbox.normal .search_per_page, .vision_search .search_panel div.search_features .advanced_searchbox.normal .advanced_searchbox_sort_by_container { float: none; } .vision_search .search_panel div.search_features .advanced_searchbox > div > p { height: auto; } .vision_search .search_panel div.search_features .basic_searchbox { float: none; } .vision_search .search_panel .search_result, .vision_search .search_panel .search_result_alternate { padding: 0 10px 20px; } .vision_search .search_panel .search_result_url { word-wrap: break-word; } .vision_search .search_panel .popular_searches_box > p.popular_searches_box_title { padding-left: 10px; } .vision_search .search_panel .popular_searches_box > div { padding: 10px; } .vision_search .search_panel .search_summary { padding-left: 10px; } .vision_search .search_filters { float: none; margin: 25px 0 10px 0 !important; width: 100% !important; } .vision_search .search_filters .search_filter { border: 0px; border-bottom: 1px solid #C4C4C4; margin-bottom: 10px; padding: 0; box-shadow: 0 0 0; width: 100%; background: transparent; } .vision_search .search_filters .search_filter:before { display: none; } .vision_search .search_filters .search_filter label { display: inline; } .vision_search .search_filters .search_filter .filter_header { color: #ffffff; background: #05649B; border-bottom: 0; padding: 7px 10px; position: relative; margin: 0; } .vision_search .search_filters .search_filter ol { padding: 0px 15px; } .vision_search .advanced_searchbox_sort_by_container { margin-right: 10px; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .vision_search { margin: 12px 20px; } .vision_search .search_panel > div.search_filters, .vision_search .search_panel > div:not(.search_filters) { margin: 0 !important; } .vision_search .search_panel div.search_features { border: 1px solid #C4C4C4; background: #fff; color: #393939; } .vision_search .search_panel div.search_features .advanced_searchbox.normal { float: right; height: auto; min-width: 350px; width: auto; } .vision_search .search_panel div.search_features .advanced_searchbox.normal .sort_by_label, .vision_search .search_panel div.search_features .advanced_searchbox.normal .items_per_page_label { display: inline-block; margin-top: 0px; } .vision_search .search_panel div.search_features .advanced_searchbox.normal select { max-width: 110px; width: 110px; min-width: 0; line-height: 28px !important; height: 28px !important; } .vision_search .search_panel div.search_features .advanced_searchbox.normal select.items_per_page { width: 50px; } .vision_search .search_panel div.search_features .advanced_searchbox.normal .search_per_page, .vision_search .search_panel div.search_features .advanced_searchbox.normal .advanced_searchbox_sort_by_container { float: right; line-height: 28px; margin-bottom: 0; } .vision_search .search_panel div.search_features .basic_searchbox { float: left; margin-bottom: 0; } .vision_search .search_panel .popular_searches_box > p.popular_searches_box_title { padding-left: 0px; } .vision_search .search_panel .popular_searches_box > div { padding: 0 0 10px 0; } .vision_search .search_panel .search_result, .vision_search .search_panel .search_result_alternate { padding: 0 0 20px; } .vision_search .search_panel .search_summary { padding-left: 0px; } .vision_search .search_panel .search_options_link { margin-right: 0px; } .vision_search .search_filters .search_filter { border: 0px; } .vision_search .search_filters .search_filter .filter_header { color: #ffffff; background: #05649B; } .vision_search .search_filters .search_filter ol { padding: 0px 15px 10px; color: #0D0D0D; } .vision_search .search_panel > div.search_filters .search_filter { padding-right: 0px; } .advanced_searchbox.normal .advanced_searchbox_sort_by_container { width: auto; } .advanced_searchbox.normal .search_per_page, .advanced_searchbox.normal .sort_by_label, .advanced_searchbox.normal .items_per_page_label { width: auto; } } @media only screen and (min-width: 68em) { .vision_search .search_panel > div, .vision_search .search_panel .search_container { width: 70% !important; } .vision_search .search_panel .search_filters { width: 26% !important; margin: 0 0 10px 0 !important; } .vision_search .search_panel .search_filters .search_filter { margin-top: 0; } .vision_search .search_panel > div.loading.mask { width: 100% !important; } .vision_search .vision_search_arrow { top: 10px; } } #cse input.gsc-search-button { background: #05649B !important; color: #ffffff !important; } #cse * { box-sizing: content-box; } #cse .gsc-control-cse { zoom: 1; background: transparent !important; padding: 0 !important; border: 0px !important; } #cse .gsc-control-cse:before { content: ''; display: block; } #cse .gsc-control-cse:after { content: ''; display: table; clear: both; } #cse .gsc-tabsArea { border-bottom: 1px solid #C4C4C4 !important; } #cse .gsc-tabHeader { margin-left: 10px; border: 1px solid #C4C4C4 !important; border-bottom: 0 !important; border-top-left-radius: 3px; border-top-right-radius: 3px; background: #fff !important; } #cse .gsc-tabHeader.gsc-tabhActive, #cse .gsc-tabHeader:hover { background: #fff !important; } #cse .gsc-refinementHeader { border: 1px solid #C4C4C4 !important; background: #fff !important; } #cse .gsc-refinementHeader.gsc-refinementhActive, #cse .gsc-refinementHeader:hover { background: #fff !important; } #cse .gsc-result { border: 0px !important; } #cse .gsc-result .gs-result > * { padding: 0 !important; margin: 0 !important; } #cse input[type=image].gsc-search-button { background: #05649B !important; border: 2px solid transparent !important; box-sizing: content-box; } #cse .gsc-option-menu-item { background: gray; } #cse .gsc-option-menu, #cse .gsc-selected-option-container { background: whiteSmoke !important; border-radius: 2px 2px 2px 2px; } .accordion_widget.accordion_widget.mn-accordion .accordion-item { margin-bottom: 10px; } .accordion_widget.accordion_widget.mn-accordion .accordion-item > .accordion-heading { background-color: #05649B; color: #ffffff; font-family: 'Nunito Sans', sans-serif; font-size: 1.125rem; font-weight: bold; padding-right: 4em; } .accordion_widget.accordion_widget.mn-accordion .accordion-item > .accordion-heading .icon { margin: auto; top: 0; bottom: 0; width: 10px; height: 10px; } .accordion_widget.accordion_widget.mn-accordion .accordion-item > .accordion-heading .icon i { display: none; } .accordion_widget.accordion_widget.mn-accordion .accordion-item > .accordion-heading .icon:before { content: ''; position: absolute; top: 0; bottom: 0; right: 0; height: 2px; margin: auto; width: 10px; background: #ffffff; } .accordion_widget.accordion_widget.mn-accordion .accordion-item > .accordion-heading .icon:after { content: ''; position: absolute; top: 0; bottom: 0; right: 4px; margin: auto; height: 10px; width: 2px; background: #ffffff; transition: transform 0.2s ease; } .accordion_widget.accordion_widget.mn-accordion .accordion-item.state-open > .accordion-heading { background-color: #05649B; color: #ffffff; } .accordion_widget.accordion_widget.mn-accordion .accordion-item.state-open > .accordion-heading .icon:after { transform: rotate(90deg); transition: transform 0.2s ease; } .accordion_widget.accordion_widget.mn-accordion .accordion-item > .accordion-content { color: #393939; border: none; background-color: #fff; } .accordion_widget.accordion_widget.mn-accordion .accordion-item > .accordion-content .inner-content { padding: 1em; } .LBD_CaptchaDiv { max-width: 100%; } .LBD_CaptchaDiv .LBD_CaptchaImageDiv { max-width: 87%; } .LBD_CaptchaDiv .LBD_CaptchaImageDiv a { max-width: 100%; } .LBD_CaptchaDiv .LBD_CaptchaImageDiv img { border: 1px solid #d0d0d0 !important; } .LBD_CaptchaDiv > div.LBD_CaptchaImageDiv:first-child { border: 0; } .LBD_CaptchaIconsDiv { margin-left: 3px !important; } #recaptcha_image { overflow: hidden; } .content-filter-widget .searchicon.searchicon.searchicon, .content-filter-widget .searchicon.searchicon.searchicon:hover { background: transparent url("_gfx/cmn/search_filter_bg.png") no-repeat scroll 0 center !important; } .content-filter-widget.content-filter-widget { z-index: auto !important; } .document_widget { margin-bottom: 17px; } .document_widget li { position: relative; } .document_widget li img { position: absolute; left: 0; top: 0px; margin-top: 0; } .document_widget li a { padding-left: 21px; display: block; } .doc_folder_img { float: left; } .document_folder_box .content_link, .document_list_box .content_link { max-width: 100%; word-wrap: break-word; } .document_list_box.document_list_box > a[name]:before, .document_folder_box.document_folder_box > a[name]:before { display: none; } .document_list_box.document_list_box .no-results, .document_folder_box.document_folder_box .no-results { padding: 10px 0 10px 16px; display: block; color: #0D0D0D; font-weight: bold; font-size: 0.875rem; } .document_folder_box .document_breadcrumb { margin-left: 16px; margin-top: 8px; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .document_list_box.document_list_box .no-results, .document_folder_box.document_folder_box .no-results { padding-left: 0; } .document_folder_box .document_breadcrumb { margin-left: 0px; margin-top: 0; } } .downloadmessage { padding-bottom: 5px; } .downloadmessage img { margin: 2px; } .eNotification_widget .form_label { width: 250px; } #sitebody .checkboxlist-container .enotification_cats_list.formlist li { width: 31.3% !important; } #sitebody .checkboxlist-container label, .front_end_body .enotification_widget_category_checkboxlist label { width: calc(100% - 40px) !important; white-space: normal; } #sitebody .checkboxlist-container .formlist li { width: 31.3% !important; margin-left: -3px; padding-left: 2% !important; } #sitebody .checkboxlist-container .formlist li:nth-child(3n+4), #sitebody .checkboxlist-container .formlist li:first-child { padding-left: 0% !important; width: 33.3% !important; } .enotification_cats_list li > a { float: left; } .enotification_cats_list li > a.email_btn, .legend_info a.email_btn, .enotification_cats_list li > a, .legend_info a { width: 19px; background-position: 0 center; } .facility_directory_widgets .facility_detail_page .facility_item_header, .facility_directory_widgets .listtype_listformated .facility_item_header { background: #05649B; margin: 0 0 15px; } .facility_directory_widgets .listtype_listformated .facility_item_header h2 { margin: 0; } .facility_directory_widgets .listtype_listformated .facility_item_header a.facility_item_name, .facility_directory_widgets .facility_detail_page .facility_item_header h2.facility_item_name { color: #ffffff; font-size: 1.125rem; font-family: 'Nunito Sans', sans-serif; font-weight: bold; text-decoration: underline; padding: 8px 15px; } .facility_directory_widgets .listtype_listformated .facility_item_header a.facility_item_name:hover, .facility_directory_widgets .facility_detail_page .facility_item_header h2.facility_item_name:hover { text-decoration: none; } #sitebody .facility_directory_widgets .facility_item_infos2 span.item_label, #sitebody .facility_directory_widgets .facility_item_infos1 span.item_label { font-size: 0.9375rem; font-family: 'Nunito Sans', sans-serif; font-weight: bold; text-transform: none; color: #0D0D0D; } #sitebody .facility_directory_widgets .facility_item_infos2 span.item_value, #sitebody .facility_directory_widgets .facility_item_infos1 span.item_value, #sitebody .facility_directory_widgets .facility_item_amenties > li { font-size: 0.875rem; color: #393939; } .sitewrapper .content_area .facility_mapmarker_infos a.phone_link, .sitewrapper .content_area .facility_mapmarker_infos a.phone_link:hover { color: #393939; } .facility_directory_map_view_widget .multicats_container ol li input, .facility_directory_map_view_widget .multicats_container ol li span.catimage_holder { float: left; } .facility_directory_map_view_widget .multicats_container ol li input { height: 18px; } #sitebody .facility_directory_map_view_widget .multicats_container ol li input + label { width: calc(100% - 52px) !important; } .facility_directory_widgets .listtype_listformated .list-main > li { padding: 0 !important; border: none !important; margin: 10px 0; background: #E7F0F5; } .facility_directory_widgets .listtype_listformated a.facility_item_photo_link img { border: none; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .facility_directory_widgets .listtype_listformated a.facility_item_photo_link, .facility_directory_widgets .facility_detail_page .facility_item_photo { max-width: 350px; width: 50%; margin: 0 15px 15px; } #sitebody .facility_directory_widgets .facility_item_infos1, #sitebody .facility_directory_widgets .facility_item_infos2 { width: 25%; margin: 0; padding-left: 15px; } } .onecolumnlayout .top_col figure.vi-fullwidth-banner:first-of-type, .twocolumnswithbottomlayout .top_col figure.vi-fullwidth-banner:first-of-type, .threecolumnswithbottomlayout .top_col figure.vi-fullwidth-banner:first-of-type { margin-top: -7.8125vw; } #sitebody .vi-fullwidth-banner.vi-fullwidth-banner { min-width: 100vw; } .faq_widget .listfaq { padding: 1.25em 1.8em; border: 1px solid #C4C4C4; } .faq_widget .listfaq a { text-transform: none; text-decoration: underline !important; } .faq_widget .listfaq a:hover { text-decoration: none !important; } .faq_widget .listfaq_q h2, .faq_widget .listfaq_q h3 { font-size: 1em; font-weight: normal; text-transform: none; text-decoration: underline; color: #05649B; } .faq_widget .listfaq_q h2:hover, .faq_widget .listfaq_q h3:hover { text-decoration: none; } .faq_widget .listfaq_a { margin-bottom: 1em; } .faq_widget .faq_header { color: #0D0D0D; font-size: 2rem !important; font-weight: bold; } .faq_widget .faq_header + ul { margin: 0.4em 0 1em; } .faqtab_section { border: 1px solid #05649B; background: #fff; color: #393939; } .faqtab_section td, .faqtab_section label { color: #393939; } .faqtab_section h1, .faqtab_section h2, .faqtab_section h3, .faqtab_section h4, .faqtab_section h5, .faqtab_section .subtitle { color: #393939; } .faq_tab_nav li a { color: #05649B; } .faq_tab_nav li a.active_faqtab { border: 1px solid #05649B; border-right: 1px solid #fff; background: #fff; color: #393939; border-left: 5px solid #05649B; } h3.faqtab_question, .faqtab_popup { color: #393939; } h3.faqtab_question:before, .faqtab_popup:before { background: #05649B; color: #ffffff; line-height: 1.2em; width: 1.2em; height: 1.2em; border-radius: 50%; } .faqtab_section h3.faqtab_question { color: #393939; } .faq_mobile_nav { z-index: 1; } .faq_mobile_nav select { border: 1px solid #05649B !important; border-bottom: 0px !important; } .viClientDialog .faq_container_dialog { color: #404040; padding-top: 10px; padding-bottom: 15px; } .viClientDialog .faq_container_dialog .listfaq_q { font-size: 110%; } .listfaq_answers .listfaq_q a[name]:before { display: none; } .listfaq_answers .faq_header + ul { margin-bottom: 20px; } .form_survey_widget .answer_container textarea { min-width: 0; width: 100%; } .front_end_body .form_survey_widget .formlist, .sitewrapper .form_survey_widget .formlist { width: 100%; } .recaptcha { width: auto !important; } .form_survey_widget .answer_container .form_answers_edit_table { display: table; width: 100%; } .form_survey_widget .answer_container { overflow-y: hidden; overflow-x: auto; margin: 0 0 5px 5px; } .question_container .question_content p { margin: 0; } .form_submit_container .recaptcha_container { margin: 20px 0 0; } .form_survey_widget .command_box.form_submit_footer { padding-top: 20px; margin-top: 0; clear: both; } .form_survey_widget .question_container .question_content .question_text_container { display: inline; } .form_survey_widget label:empty, .form_submit_header:empty { display: none; } .form_survey_widget .question_container.static_text { margin-top: 0px; padding: 0 5px; } .form_survey_widget .answer_container input.voter_input.selection_other { margin-top: 3px; margin-left: 22px; } .form_survey_widget .form_submit_container .form_answers_edit_table td input.voter_input[type="radio"] { margin-left: 0px; } .form_survey_widget.form_survey_widget .single_matrix label { width: auto; } div.file_input_item > input.file_input_ori { top: 0; } .form-phone { width: 135px!important; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .form_survey_widget .command_wrapper { border: 1px solid transparent; height: 20px; margin: 5px 0; width: auto; } .form_survey_widget .command_wrapper:hover { background: #fff; border-color: #C4C4C4; border-radius: 10px; } } /****image widget*******/ .image_widget { margin: 0; overflow: hidden; position: relative; display: block; width: 100%; } .no_image.image_widget { display: none; } .small_col .image_widget, .standardlayout .left_col .image_widget, .standardthreecolumnlayout .left_col .image_widget { clear: both; width: 100%; max-width: 100%; margin-bottom: 17px; } .small_col .image_widget { width: 89.6% !important; margin: 0px auto 17px auto; } .image_rotate_container { left: 0; opacity: 0; position: absolute; top: 0; width: 100%; z-index: 3; } .image_rotate_container.current { opacity: 1; z-index: 5; } .image_rotate_container.prev { z-index: 4; } .image_widget img { display: block; width: 100%; } .image_rotate_caption { position: absolute; bottom: 0px; opacity: 0.8; color: #ffffff; background: #222222; display: block; width: 96%; text-align: center; padding: 5px 2%; min-height: 20px; line-height: 100%; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .image_widget .image_rotate_container { background: transparent !important; } #sitebody.standardlayout .top_col .image_widget:last-child, #sitebody.standardthreecolumnlayout .top_col .image_widget:last-child, #sitebody.twocolumnreverselayout .top_col .image_widget:last-child { padding-bottom: 0; } } #alert_controls { overflow: visible; font-size: 0; text-decoration: none; border: none; padding: 0; background: #D50000; color: #ffffff; } #alert_controls:before { font-family: Glyphicons Halflings; content: "\e258\e258"; transform: rotate(-90deg) scale(1, 1.5); display: block; letter-spacing: -3px; font-weight: bold; color: #ffffff; text-decoration: none; text-indent: 0; margin: 0; font-size: 0.5rem; } #alert_controls.hide { background: #D50000; display: block !important; /*overwrite bootstrap .hide class*/ bottom: 0; } #alert_controls.hide:hover { bottom: 0; height: 30px; width: 28px; } #alert_controls.hide:after { content: "Hide"; background: #D50000; color: #ffffff; position: absolute; border-radius: 4px; text-indent: 0; display: none; padding: 5px 10px 6px; right: 2px; font-size: 0.75rem; top: 43px; font-family: 'Nunito Sans', sans-serif; } #alert_controls.hide:hover:after { display: block; } #alert_controls.hide + .important_alert_wrapper:before { position: absolute; right: 8px; bottom: -8px; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #D50000; content: ""; display: none; } #alert_controls.hide:hover + .important_alert_wrapper:before { display: block; } #alert_controls.show { background: #D50000; border-bottom-left-radius: 5px; width: 28px; height: 30px; } #alert_controls.show:hover { width: 28px; } #alert_controls.show:before { transform: rotate(90deg) scale(1, 1.6); } #alert_controls.show:after { content: "Show"; background: #D50000; color: #ffffff; position: absolute; border-radius: 4px; text-indent: 0; display: none; padding: 3px 8px 4px; right: 37px; font-size: 0.75rem; top: 5px; font-family: 'Nunito Sans', sans-serif; } #alert_controls.show:hover:after { display: block; } .alert_right { background: none; } .alert_container:before { content: ""; top: 4px; left: auto; position: absolute; right: 27px; bottom: 4px; z-index: -1; width: 1px; height: auto; border-right: 1px solid rgba(255, 255, 255, 0.25); z-index: 5; } .alert_container { background-image: none; box-shadow: rgba(0, 0, 0, 0.08); padding: 0; margin: 0; z-index: 20; font-weight: bold; font-family: 'Nunito Sans', sans-serif; } .alert_container.alert--closed:after { position: absolute; right: 30px; top: 10px; width: 0; height: 0; border-left: 7px solid #D50000; border-bottom: 7px solid transparent; border-top: 7px solid transparent; content: ""; display: none; } .alert_container.alert--closed:hover:after { display: block; } .alert_container.alert--closed:hover #alert_controls.show:after { display: block; } .alert_container .important_alert_wrapper { background: #D50000; box-shadow: 0px 2px 4px hsla(0, 0%, 0%, 0.08); } .alert_container .important_alert, .alert_container .important_alert h1, .alert_container .important_alert h2, .alert_container .important_alert h3, .alert_container .important_alert h4, .alert_container .important_alert h5, .alert_container .important_alert a, .alert_container .important_alert .subtitle { color: #ffffff; } .alert_container .important_alert h2 { font-size: 160%; } .alert_container .important_alert h2:first-child { display: inline; margin-top: 20px; margin-bottom: 10px; text-transform: none; font-size: 0.875rem; } .alert_container .important_alert p { display: block; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .alert_container .important_alert { font-size: 0.875rem !important; font-weight: bold; line-height: 1.3 !important; margin: 0 auto; overflow: hidden; padding: 0; max-width: 1023px; max-width: 1302px; } } .jobs_widget .detail-list-label, .jobs_widget .custom_fields label { width: 150px; } .meeting_widget .detail-list-value { white-space: nowrap; } .widget_container_div { border: 1px solid #C4C4C4; background: #fff; } .small_box.meeting_box { background: transparent none; border: 0; padding: 0; } .small_box.meeting_box h1.mobile_header { display: none; } .small_box.meeting_box .box_header { margin: 0; padding: 0; border: none; } .small_box.meeting_box .box_title { /*width: 100%;*/ color: #ffffff !important; font-weight: bold !important; line-height: 120%; font-size: 1.125rem !important; height: auto; padding: 8px 15px 8px 15px; text-align: left; display: block; text-transform: uppercase; background: #05649B; margin: -1px -1px 0 -1px; font-family: 'Nunito Sans', sans-serif; } .small_box.meeting_box .mobile_list .box_content > ul > li > a, .staff_box.mobile_list .box_content > ul > li > a { font-weight: bold; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .small_box.meeting_box .mobile_list .box_content > ul > li > a, .staff_box.mobile_list .box_content > ul > li > a { font-weight: bold; } } span.sticky { display: block; float: left; padding-left: 15px; background: url(_gfx/cmn/pin.gif) 0 0 no-repeat; } .news_widget .list-main > li { background: rgba(5, 100, 155, 0.06); margin-bottom: 10px; } .front_end_body form .command_box { padding-left: 0; } .poll_widget .poll_vote_view .command_box a.viewVoteResultLink { font-weight: bold; } .poll_widget .poll_vote_result_view .poll_answers .graphic_line .graphic_percent { background: #05649B; } .poll_widget .poll_vote_result_view .poll_answers .graphic_line { border: 1px solid #05649B; } .slideshow_link a { color: #ffffff !important; } .photo_album_widget .standard_list ul li:hover { background: transparent; cursor: default; } .photo_album_widget .ad-gallery { position: relative; z-index: 1; } .slideshow_link { background: #05649B !important; color: #ffffff !important; } .ad-gallery.ad-gallery .ad-image-wrapper .ad-image { z-index: 3; } .ad-gallery .ad-image-wrapper .ad-image .ad-image-description { width: auto !important; right: 3px; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .ad-preloads { display: none; } } .rss_feeds_content_type a.rss_link { background: none; position: relative; } .rss_feeds_content_type a.rss_link:before { position: absolute; content: ""; left: 0; top: 0px; width: 15px; height: 15px; background: url(_gfx/int/title_icons.png) 0 -15px no-repeat; } .rss_feeds_content_type .rss_feeds_content_type_title { border-bottom: 1px solid #C4C4C4; } .rss_feeds_content_type .content_type_name { color: #0D0D0D; font-size: 120%; } .rss_feed_content .item_graytext { margin-left: 10px; } .service_directory_widget .listtable th:last-child { text-align: center; width: 100px; } .service_directory_widget .listtable th:first-child { text-align: center; width: 33%; } .service_directory_widget .listtable { table-layout: fixed; } .column.sortable_col .service_directory_widget .listtable { table-layout: auto; } .service_request_widget fieldset.upload_container { display: block; } .service_request_widget fieldset.upload_container legend { display: block; } .service_request_widget legend { color: #0D0D0D; font-weight: bold; text-decoration: none; } /** header colors **/ .service_request_post_listable th { background: #05649B !important; color: #ffffff !important; } .service_request_widget .service_request_category > h2 { font-size: 100%; } .sitemap_col .root-level a { color: #0D0D0D; font-weight: bold; text-decoration: none; } .sitemap_widget .siteMapCategoryView > .sitemap_col ul li a { max-width: 100%; padding-right: 5px; } .sitemap_col { width: 100% !important; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .sitemap_col { width: 50% !important; } } /*62em = 992px*/ @media only screen and (min-width: 62em) { .sitemap_col { width: 33% !important; } } .staff_directory_widget .listtable th:last-child { text-align: center; } .staff_directory_widget .listtable th:last-child:hover { text-align: center; } .staff_directory_widget > img { margin-right: 10px; } .staff_directory_widget .detail-list-label { width: 175px; } .ui-widget.tabbed_widget { font-size: 1.125rem; } .ui-widget.tabbed_widget .ui-tabs-nav { align-items: center; margin-top: 0; font-size: 1.125rem; font-weight: normal; } .ui-widget.tabbed_widget .tab-title .ui-tabs-anchor { color: #393939; font-family: 'Nunito Sans', sans-serif; font-weight: bold; line-height: 1.5; max-height: 1.5em; overflow: hidden; word-break: break-all; padding: 0; } .ui-widget.tabbed_widget .ui-tabs-tab.ui-state-default { border: none; background-color: #ECECEC; color: #393939; padding: 0.75em 1em; font-size: 1.125rem; font-weight: bold; } .ui-widget.tabbed_widget .ui-tabs-tab.ui-tabs-active.ui-state-active, .ui-widget.tabbed_widget .tab-title.ui-state-hover { border: none; color: #ffffff; background-color: #05649B; padding: 0.75em 1em; font-size: 1.125rem; font-weight: bold; } .ui-widget.tabbed_widget .ui-tabs-tab.ui-tabs-active.ui-state-active .ui-tabs-anchor, .ui-widget.tabbed_widget .tab-title.ui-state-hover .ui-tabs-anchor { color: #ffffff; } .ui-widget.tabbed_widget .tab-item.ui-widget-content { border: 1px solid #C4C4C4; border-top: 2px solid #05649B; background-color: #fff; font-family: 'Nunito Sans', sans-serif; font-size: 1em; color: #393939; } .ui-widget.tabbed_widget .tab-item.ui-widget-content a { color: #05649B; } #top_bar > * { font-size: 90%; } #top_bar li a.admin_more { box-sizing: content-box; } .custom_alert { background: #FFEE00; padding: 15px 20px; color: #0D0D0D; font-size: 18px; } .custom_alert .alert_title { font-weight: bold; } .custom_alert .alert_time { font-size: 14px; } .t1-get-care .dropdownmenu > li.active:not(:hover)::before { width: 0; } .t1-get-care .dropdownmenu > li.active > a:not(:hover) { transform: none; } .t1-gc-accordion { padding-bottom: 160px; } .t1-gc-accordion .t1-gc-header { font-family: 'Nunito Sans', sans-serif; font-size: 2.5rem; color: #0D0D0D; text-align: center; margin-bottom: 2.125rem; } .t1-gc-accordion .accordion_widget.accordion_widget.mn-accordion .accordion-item > .accordion-heading { text-transform: uppercase; } .t1-gc-accordion .accordion_widget.accordion_widget.mn-accordion .accordion-item.state-open > .accordion-heading { background-color: #F2EFD5; color: #0D0D0D; } .t1-gc-accordion .accordion_widget.accordion_widget.mn-accordion .accordion-item.state-open > .accordion-heading .icon::before, .t1-gc-accordion .accordion_widget.accordion_widget.mn-accordion .accordion-item.state-open > .accordion-heading .icon::after { background: #0D0D0D; } .t1-gc-accordion .accordion_widget.accordion_widget.mn-accordion .accordion-item:hover > .accordion-heading, .t1-gc-accordion .accordion_widget.accordion_widget.mn-accordion .accordion-item:focus > .accordion-heading { background-color: #F9AF3F; color: #0D0D0D; } .t1-gc-accordion .accordion_widget.accordion_widget.mn-accordion .accordion-item:hover > .accordion-heading .icon::before, .t1-gc-accordion .accordion_widget.accordion_widget.mn-accordion .accordion-item:focus > .accordion-heading .icon::before, .t1-gc-accordion .accordion_widget.accordion_widget.mn-accordion .accordion-item:hover > .accordion-heading .icon::after, .t1-gc-accordion .accordion_widget.accordion_widget.mn-accordion .accordion-item:focus > .accordion-heading .icon::after { background: #0D0D0D; } .t1-gc-buttons { display: block; padding: 60px 0 60px; } .t1-gc-buttons .buttons-grid { display: flex; flex-flow: row wrap; gap: 14px 20px; justify-content: center; } .t1-gc-buttons .button-item { flex: 1 100%; max-width: 19.375rem; } .t1-gc-buttons .button-link { display: block; text-decoration: none; background: transparent; background-position: center center; background-size: contain; width: 100%; height: 100%; position: relative; padding: 23px 0 0 62px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .t1-gc-buttons a.button-link:hover, .t1-gc-buttons a.button-link:focus { text-decoration: none; } .t1-gc-buttons a.button-link:hover .button-text, .t1-gc-buttons a.button-link:focus .button-text { background: #F2683A; } .t1-gc-buttons a.button-link:hover .button-img-wrap, .t1-gc-buttons a.button-link:focus .button-img-wrap { background: #F9AF3F; } .t1-gc-buttons .button-img-wrap { display: flex; justify-content: center; align-items: center; background: #9EC3D7; aspect-ratio: 1; border-radius: 50%; width: 107px; position: absolute; inset: 0 auto auto 0; transition: background 300ms ease; } .t1-gc-buttons .button-img { max-width: 40px; max-height: 40px; width: 100%; height: 100%; } .t1-gc-buttons .button-text { display: flex; flex-flow: column; background: #05649B; transition: background 300ms ease; padding: 1.125rem 2.5rem 0 4.0625rem; height: 100%; } .t1-gc-buttons .button-title { color: #fff; display: block; font-size: 1.25rem; font-weight: bold; font-family: 'Nunito Sans', sans-serif; line-height: 1.5; width: 100%; margin: 0 0 0.5em 0; } .t1-gc-buttons .button-description { color: #fff; font-size: 0.875rem; line-height: 1.5; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .t1-gc-buttons .buttons-grid { justify-content: center; } .t1-gc-buttons .button-item { flex: 1 34%; } } /***62em = 992px ***/ @media screen and (min-width: 62em) { .t1-gc-buttons .buttons-grid { gap: 43px 20px; } } /***75em = 1200px ***/ @media screen and (min-width: 75em) { .t1-gc-buttons .button-item { flex: 1 21%; } } @media screen and (min-width: 85.375em) { .t1-gc-buttons .buttons-grid { justify-content: start; } } .t1-gc-facility-map { padding-bottom: 112px; } .t1-gc-facility-map .t1-gc-header { font-family: 'Nunito Sans', sans-serif; font-size: 2.5rem; color: #0D0D0D; text-align: center; margin-bottom: 1.3125rem; } .t1-gc-facility-map .vi-esri-map { border: 1px solid #B6B6B6; } .t1-get-care .onecolumnlayout .top_col figure.t1-gc-banner:first-of-type { margin-top: 0; } .t1-gc-banner.vi-fullwidth-banner .vi-banner-item { padding: 0; min-height: 21.875rem; height: auto; } .t1-gc-banner.vi-fullwidth-banner .vi-banner-content { background: transparent; position: relative; } .t1-gc-banner.vi-fullwidth-banner .vi-banner-title { color: #0D0D0D; margin-bottom: 19px; font-size: 3.5625rem; max-height: none; overflow: visible; } .t1-gc-banner.vi-fullwidth-banner .vi-banner-description { font-size: 1.125rem; color: #0D0D0D; padding-top: 28px; line-height: 1.5; max-height: none; overflow: visible; } .t1-gc-banner.vi-fullwidth-banner .vi-banner-description::before { background: rgba(13, 13, 13, 0.15); width: 502px; max-width: 92%; height: 2px; } .t1-gc-banner.vi-fullwidth-banner .vi-banner-img { max-width: 100vw; } @media screen and (min-width: 85.375em) { .t1-gc-banner.vi-fullwidth-banner .vi-banner-title { font-size: 4.8125rem; } .t1-gc-banner.vi-fullwidth-banner .vi-banner-description { font-size: 1.25rem; } } .t1-health-plan .dropdownmenu > li.active:not(:hover)::before { width: 0; } .t1-health-plan .dropdownmenu > li.active > a:not(:hover) { transform: none; } /* .t1-health-plan .t1-gc-accordion { padding-bottom: 160px; .t1-gc-header { font-family: @header-font-family; font-size: unit(40px/16px, rem); color: @title-color; text-align: center; margin-bottom: unit(34px/16px, rem); } .accordion_widget.accordion_widget { &.mn-accordion .accordion-item > .accordion-heading { text-transform: uppercase; } //the active/hovered title bar background and text &.mn-accordion .accordion-item.state-open > .accordion-heading { background-color: #F2EFD5; color: @title-color; .icon { &::before, &::after { background: @title-color; } } } &.mn-accordion .accordion-item:hover, &.mn-accordion .accordion-item:focus { > .accordion-heading { background-color: @color2; color: @title-color; .icon { &::before, &::after { background: @title-color; } } } } } } */ /* @t1-hp-buttons-padding: 60px 0 60px; //Buttons Widget padding on mobile (Shorthand: top, right, bottom, left) @t1-hp-button-spacing: 20px; //space between buttons @t1-hp-button-width: unit(310px/16px, rem); //width of buttons @t1-hp-button-height: unit(159px/16px, rem); //height of buttons @t1-hp-button-background: @color1; //background of each individual button (color or image) @t1-hp-button-background-hover: #F2683A; //background of each individual button buttons on hover (color or image) @t1-hp-button-title-size: unit(20px/16px, rem); //size of buttons text @t1-hp-button-title-max-lines: 1; @t1-hp-button-description-size: unit(14px/16px, rem); //size of buttons text on tablet @t1-hp-button-description-max-lines: 3; @t1-hp-button-description-line-height: 1.5; //line height of buttons text (px or ratio or percent) @t1-hp-button-color: contrast(@t1-hp-button-background, @title-color, #fff); //color of buttons text @t1-hp-button-img-max-width: 40px; //width of the widest icon used @t1-hp-button-img-max-height: 40px; //height of the tallest icon used. @t1-hp-button-img-background: @color4; @t1-hp-button-img-background-hover: @color2; */ /* .t1-health-plan { .t1-gc-buttons { display: block; padding: @t1-hp-buttons-padding; .buttons-grid { display: flex; flex-flow: row wrap; gap: 14px @t1-hp-button-spacing; justify-content: center; } .button-item { flex: 1 100%; max-width: @t1-hp-button-width; aspect-ratio: unit(@t1-hp-button-width) ~"/" unit(@t1-hp-button-height); } .button-link { display: block; text-decoration: none; background: transparent; background-position: center center; background-size: contain; width: 100%; height: 100%; position: relative; padding: 23px 0 0 62px; .transition(); } a.button-link { &:hover, &:focus { text-decoration: none; .button-text { background: @t1-hp-button-background-hover; } .button-img-wrap { background: @t1-hp-button-img-background-hover; } } } //if it uses images .button-img-wrap { display: flex; justify-content: center; align-items: center; background: @t1-hp-button-img-background; aspect-ratio: 1; border-radius: 50%; width: 107px; position: absolute; inset: 0 auto auto 0; transition: background 300ms ease; } .button-img { max-width: @t1-hp-button-img-max-width; max-height: @t1-hp-button-img-max-height; width: 100%; height: 100%; } .button-text { display: flex; flex-flow: column; background: @t1-hp-button-background; transition: background 300ms ease; padding: unit(18px/16px, rem) unit(40px/16px, rem) 0 unit(65px/16px, rem); height: 100%; } .button-title { color: @t1-hp-button-color; display: block; font-size: @t1-hp-button-title-size; font-weight: bold; font-family: @header-font-family; line-height: 1.5; height: 1.5em; overflow: hidden; width: 100%; margin: 0 0 .5em 0; } .button-description { color: @t1-hp-button-color; font-size: @t1-hp-button-description-size; line-height: @t1-hp-button-description-line-height; height: 1em * @t1-hp-button-description-line-height * @t1-hp-button-description-max-lines; overflow: hidden; } } @media screen and (min-width: 48em) { .t1-gc-buttons { .buttons-grid { justify-content: center; } .button-item { flex: 1 34%; } } } @media screen and (min-width: 62em) { .t1-gc-buttons { .buttons-grid { gap: 43px @t1-hp-button-spacing; } } } @media screen and (min-width: 75em) { .t1-gc-buttons { .button-item { flex: 1 21%; } } } @media screen and (min-width: 85.375em) { .t1-gc-buttons { .buttons-grid { justify-content: start; } } } } */ .t1-health-plan .onecolumnlayout .top_col figure.t1-gc-banner:first-of-type { margin-top: 0; } /* .t1-health-plan { .t1-gc-banner.vi-fullwidth-banner { .vi-banner-item { padding: 0; min-height: 350px; } .vi-banner-content { background: transparent; } .vi-banner-title { color: @title-color; margin-bottom: 19px; font-size: unit(57px/16px, rem); } .vi-banner-description { font-size: unit(18px/16px, rem); color: @title-color; padding-top: 28px; line-height: 1.5; max-height: calc(~"3em + 28px"); &::before { background: rgba(13, 13, 13, 0.15); width: 502px; max-width: 92%; height: 2px; } } .vi-banner-img { max-width: 100vw; } } @media screen and (min-width: 85.375em) { .t1-gc-banner { .vi-banner-title { font-size: unit(77px/16px, rem); } .vi-banner-description { font-size: unit(20px/16px, rem); } } } } */ .t1-health-plan .vi-spotlight { padding: 0; } .t1-health-plan .vi-spotlight .spotlight-container::before { content: ""; position: absolute; left: 50%; right: 50%; width: 100vw; height: 100%; margin-left: -50vw; margin-right: -50vw; background: #05649B; } .t1-health-plan .vi-spotlight .spotlight-container .vi-spotlight-slides { padding-block: 56px; } .t1-health-plan .vi-spotlight .spotlight-container .vi-spotlight-img-frame { width: 100%; } .t1-health-plan .vi-spotlight .spotlight-container .vi-spotlight-img { max-height: 302px; aspect-ratio: 493/302; } .t1-health-plan .vi-spotlight .spotlight-container .vi-spotlight-info-header { color: #fff; font-family: 'Nunito Sans', sans-serif; font-size: 1.5rem; font-weight: bold; margin-bottom: 20px; overflow: visible; max-height: none; } .t1-health-plan .vi-spotlight .spotlight-container .vi-spotlight-info-desc { color: #fff; font-size: 1.125rem; font-weight: normal; margin-bottom: 24px; overflow: visible; max-height: none; line-height: 1.5; } .t1-health-plan .vi-spotlight .spotlight-container .vi-spotlight-info-more { background: #F2EFD5; color: #0D0D0D; font-weight: bold; font-size: 0.8125rem; font-family: 'Nunito Sans', sans-serif; padding-block: 8px 6px; } .t1-health-plan .vi-spotlight .spotlight-container .vi-spotlight-info-more:hover, .t1-health-plan .vi-spotlight .spotlight-container .vi-spotlight-info-more:focus { background: #F9AF3F; } .t1-health-plan .vi-spotlight .spotlight-container .slick-arrow { background: transparent; } .t1-health-plan .vi-spotlight .spotlight-container .slick-arrow::before { border-color: #fff; } .t1-health-plan .vi-spotlight .spotlight-container .slick-arrow:hover::before, .t1-health-plan .vi-spotlight .spotlight-container .slick-arrow:focus::before { border-color: #F9AF3F; } @media screen and (min-width: 48em) { .t1-health-plan .vi-spotlight.vi-spotlight-img-left .vi-spotlight-img-frame, .t1-health-plan .vi-spotlight.vi-spotlight.vi-spotlight-img-right .vi-spotlight-img-frame { padding: 0 60px; flex: 1; } .t1-health-plan .vi-spotlight .vi-spotlight-img { max-width: 493px; } } @media screen and (min-width: 85.375em) { .t1-health-plan .vi-spotlight .slick-track, .t1-health-plan .vi-spotlight .slick-slide > div, .t1-health-plan .vi-spotlight .vi-spotlight-item { height: 100%; } } .tier1_equity_home_events.tier1_equity_home_events { display: flex; flex-flow: column; gap: 1.8125rem 1.8125rem; padding: 2.5rem 2.25rem 3.75rem; position: relative; } .tier1_equity_home_events.tier1_equity_home_events::before { content: ""; position: absolute; top: 0; right: 50%; bottom: auto; left: 50%; z-index: 0; width: 100vw; height: 100%; margin-left: -50vw; margin-right: -50vw; background: #9EC3D7; display: block; } .tier1_equity_home_events_list { position: relative; } .tier1_equity_home_events_list .events-container { position: relative; text-align: center; } .tier1_equity_home_events_list .events-list { display: flex; flex-flow: column; gap: 14px; align-items: end; } .tier1_equity_home_events_list .events-item { margin: 0; width: 100%; text-align: left; } .tier1_equity_home_events_list .event-link { display: flex; align-items: center; gap: 0; text-decoration: none; background: transparent; position: relative; } .tier1_equity_home_events_list .event-link:hover, .tier1_equity_home_events_list .event-link:focus { text-decoration: none; } .tier1_equity_home_events_list .event-link:hover .event-title, .tier1_equity_home_events_list .event-link:focus .event-title { text-decoration: none; } .tier1_equity_home_events_list .event-link:hover .event-title, .tier1_equity_home_events_list .event-link:focus .event-title, .tier1_equity_home_events_list .event-link:hover .event-time, .tier1_equity_home_events_list .event-link:focus .event-time { padding-left: 5px; } .tier1_equity_home_events_list .event-link:hover .event-date, .tier1_equity_home_events_list .event-link:focus .event-date { background: #F9AF3F; width: clamp(7.1875rem, 7.1875rem + 0vw, 7.1875rem); border-color: #05649B; } .tier1_equity_home_events_list .event-link:hover .event-month, .tier1_equity_home_events_list .event-link:focus .event-month, .tier1_equity_home_events_list .event-link:hover .event-day, .tier1_equity_home_events_list .event-link:focus .event-day { color: #0D0D0D; } .tier1_equity_home_events_list .event-date { display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; flex: 0 1 auto; line-height: 1.5; position: relative; left: 0; width: clamp(5.375rem, 4.34rem + 2.97vw, 6.875rem); height: clamp(5.375rem, 4.34rem + 2.97vw, 6.875rem); background: #05649B; background-position: right bottom; border-right: 4px solid #F9AF3F; transition: all 300ms ease; } .tier1_equity_home_events_list .event-month { text-transform: uppercase; font-size: clamp(0.875rem, 0.725rem + 0.615vw, 1.25rem); font-weight: normal; font-family: 'Nunito Sans', sans-serif; color: #fff; transition: color 300ms ease; } .tier1_equity_home_events_list .event-day { font-size: clamp(1.75rem, 1.45rem + 1.23vw, 2.5rem); font-weight: bold; font-family: 'Nunito Sans', sans-serif; color: #fff; line-height: 0.9; } .tier1_equity_home_events_list .event-info { display: flex; flex-flow: column nowrap; justify-content: center; flex: 1; background: #fff; border-radius: 0 4px 4px 0; height: 5.375rem; padding-inline: 0.625rem 0.625rem; } .tier1_equity_home_events_list .event-title { color: #0D0D0D; font-size: clamp(1.125rem, 0.975rem + 0.615vw, 1.5rem); font-family: 'Nunito Sans', sans-serif; font-weight: bold; margin: 0; line-height: 1.1; max-height: 3.3em; overflow: hidden; transition: padding 300ms ease; } .tier1_equity_home_events_list .event-time { color: #393939; font-size: clamp(0.75rem, 0.675rem + 0.3vw, 0.9375rem); font-family: 'Merriweather', serif; margin: 0; transition: padding 300ms ease; } .tier1_equity_home_events_list .events-more { display: inline-block; margin-top: 1.625rem; background: #F2EFD5; color: #0D0D0D; border-radius: 2px; font-size: 1.125rem; font-weight: bold; height: 3.125rem; line-height: 3.125rem; padding-inline: 20px; margin-inline: auto; text-decoration: none; text-transform: uppercase; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .tier1_equity_home_events_list .events-more:hover, .tier1_equity_home_events_list .events-more:focus { background: #F9AF3F; color: #0D0D0D; text-decoration: none; } @media screen and (min-width: 48em) { .tier1_equity_home_events.tier1_equity_home_events { padding: 4.6875rem 0 5rem; } .tier1_equity_home_events_list .event-date { height: 6.875rem; } .tier1_equity_home_events_list .event-info { padding-inline: 1.5625rem 1.5625rem; height: 6.875rem; } } @media screen and (min-width: 62em) { .tier1_equity_home_events.tier1_equity_home_events { flex-flow: row; justify-content: space-between; gap: 2.625rem 3.75rem; } .tier1_equity_home_events.tier1_equity_home_events .events-container { margin-top: 6.375rem; } .tier1_equity_home_events.tier1_equity_home_events .events-list { gap: 31px; } .tier1_equity_home_events.tier1_equity_home_events .events-more { float: right; margin-top: 2.1875rem; } } @media screen and (min-width: 85.375em) { .tier1_equity_home_events.tier1_equity_home_events { gap: 2.625rem 6.9375rem; } .tier1_equity_home_events.tier1_equity_home_events .events-list { align-items: start; gap: 31px; } .tier1_equity_home_events.tier1_equity_home_events .events-item { width: 100%; } .tier1_equity_home_events.tier1_equity_home_events .event-info { height: 6.875rem; } } .tier1_equity_home_calendar.tier1_equity_home_calendar { width: 100%; max-width: 100%; font-family: 'Nunito Sans', sans-serif; padding: 0; margin-bottom: 0; position: relative; } .tier1_equity_home_calendar.tier1_equity_home_calendar .tier1_equity_home_events { gap: 0; padding: 0; display: block; } .tier1_equity_home_calendar.tier1_equity_home_calendar .tier1_equity_home_events:before { display: none; } .tier1_equity_home_calendar.tier1_equity_home_calendar .tier1_equity_home_events .tier1_equity_home_calendar .home-events-header { display: none; } .tier1_equity_home_calendar.tier1_equity_home_calendar h2.widget_header:not(:first-of-type), .tier1_equity_home_calendar.tier1_equity_home_calendar h2.home-events-header:not(:first-of-type) { display: none; } .tier1_equity_home_calendar.tier1_equity_home_calendar .home-events-header { color: #0D0D0D; font-family: 'Nunito Sans', sans-serif; font-size: 3.125rem; font-weight: bold; margin: 0 auto 3.125rem 0; padding-left: 0px; border-left: 0px solid #F9AF3F; line-height: 0.6; letter-spacing: 1.5px; display: none; } .tier1_equity_home_calendar.tier1_equity_home_calendar .home-events-header:first-of-type { display: block; } .tier1_equity_home_calendar.tier1_equity_home_calendar .minicalendar_widget { max-width: none; height: 23.125rem; background: #fff; border-radius: 6px; } .tier1_equity_home_calendar.tier1_equity_home_calendar .calendar_mini_grid.calendar-mini-grid-title { background: #fff; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; } .tier1_equity_home_calendar.tier1_equity_home_calendar .calendar_mini_grid.calendar-mini-grid-title td { background: #fff; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; text-align: left; width: 100%; } .tier1_equity_home_calendar.tier1_equity_home_calendar .calendar_mini_grid.calendar-mini-grid-title .current_month_title, .tier1_equity_home_calendar.tier1_equity_home_calendar .calendar_mini_grid.calendar-mini-grid-title .short_current_month_title, .tier1_equity_home_calendar.tier1_equity_home_calendar .calendar_mini_grid.calendar-mini-grid-title .current_month_title a, .tier1_equity_home_calendar.tier1_equity_home_calendar .calendar_mini_grid.calendar-mini-grid-title .short_current_month_title a { color: #0D0D0D; font-size: clamp(1.125rem, 0.8rem + 1.4vw, 2rem); margin: 0.75em 0 0.55em clamp(0.9375rem, 0.65rem + 1.2vw, 1.6875rem); font-family: 'Nunito Sans', sans-serif; text-transform: none; font-weight: bold; } .tier1_equity_home_calendar.tier1_equity_home_calendar .calendar_mini_grid.calendar-mini-grid-title .calendar_nextprev { position: absolute; right: clamp(0.9375rem, 0.65rem + 1.2vw, 1.6875rem); top: 10px; width: 25px !important; height: 35px; } .tier1_equity_home_calendar.tier1_equity_home_calendar .calendar_mini_grid.calendar-mini-grid-title .calendar_nextprev a { color: #044A75; } .tier1_equity_home_calendar.tier1_equity_home_calendar .calendar_mini_grid.calendar-mini-grid-title .calendar_nextprev a::before { content: ""; display: block; left: 0; top: 0; bottom: 0; right: 0; position: absolute; width: 12px; height: 12px; margin: auto; border-bottom: 4px solid #05649B; border-left: 4px solid #05649B; transform: rotate(45deg); transform-origin: center; color: #044A75; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .tier1_equity_home_calendar.tier1_equity_home_calendar .calendar_mini_grid.calendar-mini-grid-title .calendar_nextprev a:hover:not(.disabled)::before, .tier1_equity_home_calendar.tier1_equity_home_calendar .calendar_mini_grid.calendar-mini-grid-title .calendar_nextprev a:focus:not(.disabled)::before { border-color: #0D0D0D; } .tier1_equity_home_calendar.tier1_equity_home_calendar .calendar_mini_grid.calendar-mini-grid-title .calendar_nextprev a.prev { right: 21px; color: #05649B; } .tier1_equity_home_calendar.tier1_equity_home_calendar .calendar_mini_grid.calendar-mini-grid-title .calendar_nextprev a.next { transform: rotate(-180deg); left: auto; right: 0; top: 0px; } .tier1_equity_home_calendar.tier1_equity_home_calendar .calendar_dayheader { background: #9EC3D7; border: 1px solid #9EC3D7; font-family: 'Nunito Sans', sans-serif; font-size: clamp(0.6875rem, 0.45rem + 0.9vw, 1.25rem); line-height: clamp(1.8125rem, 1.28rem + 2.15vw, 3.125rem); padding: 0; color: #0D0D0D; font-weight: bold; } .tier1_equity_home_calendar.tier1_equity_home_calendar .calendar_dayheader:first-child { -webkit-border-radius: 6px 0 0 6px; -moz-border-radius: 6px 0 0 6px; border-radius: 6px 0 0 6px; } .tier1_equity_home_calendar.tier1_equity_home_calendar .calendar_dayheader:last-child { -webkit-border-radius: 0 6px 6px 0; -moz-border-radius: 0 6px 6px 0; border-radius: 0 6px 6px 0; } .tier1_equity_home_calendar.tier1_equity_home_calendar td.calendar_day, .tier1_equity_home_calendar.tier1_equity_home_calendar td.calendar_weekendday, .tier1_equity_home_calendar.tier1_equity_home_calendar td.calendar_othermonthday, .tier1_equity_home_calendar.tier1_equity_home_calendar td.calendar_today { border-color: #fff; font-size: clamp(0.6875rem, 0.45rem + 0.9vw, 1.25rem); font-weight: normal; line-height: 45px; font-family: 'Nunito Sans', sans-serif; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; padding: 0; border: none; } .tier1_equity_home_calendar.tier1_equity_home_calendar td.calendar_day:first-child, .tier1_equity_home_calendar.tier1_equity_home_calendar td.calendar_weekendday:first-child, .tier1_equity_home_calendar.tier1_equity_home_calendar td.calendar_othermonthday:first-child, .tier1_equity_home_calendar.tier1_equity_home_calendar td.calendar_today:first-child { border-left: 0; } .tier1_equity_home_calendar.tier1_equity_home_calendar td.calendar_day:last-child, .tier1_equity_home_calendar.tier1_equity_home_calendar td.calendar_weekendday:last-child, .tier1_equity_home_calendar.tier1_equity_home_calendar td.calendar_othermonthday:last-child, .tier1_equity_home_calendar.tier1_equity_home_calendar td.calendar_today:last-child { border-right: 0; } .tier1_equity_home_calendar.tier1_equity_home_calendar td.calendar_day:hover, .tier1_equity_home_calendar.tier1_equity_home_calendar td.calendar_weekendday:hover, .tier1_equity_home_calendar.tier1_equity_home_calendar td.calendar_othermonthday:hover, .tier1_equity_home_calendar.tier1_equity_home_calendar td.calendar_today:hover { background: transparent; } .tier1_equity_home_calendar.tier1_equity_home_calendar td.calendar_day a, .tier1_equity_home_calendar.tier1_equity_home_calendar td.calendar_weekendday a, .tier1_equity_home_calendar.tier1_equity_home_calendar td.calendar_othermonthday a, .tier1_equity_home_calendar.tier1_equity_home_calendar td.calendar_today a { color: #393939 !important; } .tier1_equity_home_calendar.tier1_equity_home_calendar tr:last-child td.calendar_day, .tier1_equity_home_calendar.tier1_equity_home_calendar tr:last-child td.calendar_today, .tier1_equity_home_calendar.tier1_equity_home_calendar tr:last-child td.calendar_weekendday, .tier1_equity_home_calendar.tier1_equity_home_calendar tr:last-child td.calendar_othermonthday { border-bottom: 0; } .tier1_equity_home_calendar.tier1_equity_home_calendar td.calendar_day, .tier1_equity_home_calendar.tier1_equity_home_calendar td.calendar_weekendday { background: transparent; color: #393939 !important; } .tier1_equity_home_calendar.tier1_equity_home_calendar td.calendar_day:hover, .tier1_equity_home_calendar.tier1_equity_home_calendar td.calendar_weekendday:hover { color: #393939 !important; } .tier1_equity_home_calendar.tier1_equity_home_calendar table.calendar_mini_grid { background: #fff; table-layout: auto; padding: 0 20px 20px; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; } .tier1_equity_home_calendar.tier1_equity_home_calendar table.calendar_mini_grid tbody tr:first-child td:nth-child(1 of .calendar_othermonthday)::before, .tier1_equity_home_calendar.tier1_equity_home_calendar table.calendar_mini_grid tbody tr:last-child td:nth-child(1 of .calendar_othermonthday)::before { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .tier1_equity_home_calendar.tier1_equity_home_calendar table.calendar_mini_grid tbody tr:first-child td:nth-last-child(1 of .calendar_othermonthday)::before, .tier1_equity_home_calendar.tier1_equity_home_calendar table.calendar_mini_grid tbody tr:last-child td:nth-last-child(1 of .calendar_othermonthday)::before { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .tier1_equity_home_calendar.tier1_equity_home_calendar td.calendar_othermonthday { color: #393939 !important; position: relative; background: transparent; } .tier1_equity_home_calendar.tier1_equity_home_calendar td.calendar_othermonthday::before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; margin: auto; width: 100%; height: 29px; background: #E7F0F5; } .tier1_equity_home_calendar.tier1_equity_home_calendar td.calendar_othermonthday a { color: #393939 !important; } .tier1_equity_home_calendar.tier1_equity_home_calendar td.calendar_othermonthday:hover, .tier1_equity_home_calendar.tier1_equity_home_calendar td.calendar_othermonthday:focus { background: transparent; } .tier1_equity_home_calendar.tier1_equity_home_calendar .calendar_mini_grid td.calendar_today { background: #fff; color: #393939 !important; position: relative; z-index: 1; } .tier1_equity_home_calendar.tier1_equity_home_calendar .calendar_mini_grid td.calendar_today::before { content: ""; top: 0; left: 0; position: absolute; right: 0; bottom: 0; z-index: -1; width: 26px; height: 26px; background: transparent; border: 2px solid #F2683A; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: auto; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); } .tier1_equity_home_calendar.tier1_equity_home_calendar .calendar_mini_grid td.calendar_today a { color: #393939 !important; } .tier1_equity_home_calendar.tier1_equity_home_calendar .calendar_mini_grid .calendar_day_with_items { text-decoration: none !important; position: relative; z-index: auto; } .tier1_equity_home_calendar.tier1_equity_home_calendar .calendar_mini_grid .calendar_day_with_items a { text-decoration: none !important; } .tier1_equity_home_calendar.tier1_equity_home_calendar .calendar_mini_grid .calendar_day_with_items::before { content: ""; top: 0; left: 0; position: absolute; right: 0; bottom: 0; width: 26px; height: 26px; background: #F9AF3F; margin: auto; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; opacity: 0; z-index: -1; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .tier1_equity_home_calendar.tier1_equity_home_calendar .calendar_mini_grid .calendar_day_with_items::after { content: ""; top: auto; left: 0; position: absolute; right: 0; bottom: 10px; z-index: -1; width: 5px; height: 5px; background: #F2683A; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: auto; z-index: 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .tier1_equity_home_calendar.tier1_equity_home_calendar .calendar_mini_grid .calendar_day_with_items:hover, .tier1_equity_home_calendar.tier1_equity_home_calendar .calendar_mini_grid .calendar_day_with_items:focus { text-decoration: none !important; z-index: 2; background: transparent; } .tier1_equity_home_calendar.tier1_equity_home_calendar .calendar_mini_grid .calendar_day_with_items:hover::before, .tier1_equity_home_calendar.tier1_equity_home_calendar .calendar_mini_grid .calendar_day_with_items:focus::before { opacity: 1; } .tier1_equity_home_calendar.tier1_equity_home_calendar .calendar_mini_grid .calendar_day_with_items:hover a, .tier1_equity_home_calendar.tier1_equity_home_calendar .calendar_mini_grid .calendar_day_with_items:focus a { text-decoration: none !important; } .tier1_equity_home_calendar.tier1_equity_home_calendar .calendar_mini_grid .calendar_day_with_items .calendar_items { background-color: #FFFFFF; border-top: 4px solid #F9AF3F; border-radius: 4px; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); color: #0D0D0D; padding: 0.625rem; min-width: 225px; bottom: 85%; left: 50%; right: auto; transform: translateX(-50%); } .tier1_equity_home_calendar.tier1_equity_home_calendar .calendar_mini_grid .calendar_day_with_items .calendar_items .calendar_item { display: flex; flex-flow: column; margin-bottom: 5px; } .tier1_equity_home_calendar.tier1_equity_home_calendar .calendar_mini_grid .calendar_day_with_items .calendar_items .calendar_eventtime { color: #0D0D0D !important; font-size: 0.75rem !important; font-weight: normal; order: 1; } .tier1_equity_home_calendar.tier1_equity_home_calendar .calendar_mini_grid .calendar_day_with_items .calendar_items .calendar_eventlink { font-family: 'Nunito Sans', sans-serif; color: #0D0D0D !important; font-size: 0.875rem !important; font-weight: bold; text-decoration: none !important; order: 0; margin: 0; max-height: 1.5em; overflow: hidden; } .tier1_equity_home_calendar.tier1_equity_home_calendar .calendar_mini_grid .calendar_day_with_items .calendar_items .calendar_eventlink:hover, .tier1_equity_home_calendar.tier1_equity_home_calendar .calendar_mini_grid .calendar_day_with_items .calendar_items .calendar_eventlink:focus { text-decoration: underline; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .tier1_equity_home_calendar.tier1_equity_home_calendar { padding: 0; margin: 0; display: inline-block; vertical-align: top; } .tier1_equity_home_calendar.tier1_equity_home_calendar .home-events-header { font-size: 3.75rem; margin: 0 auto 4.0625rem 0; } .tier1_equity_home_calendar.tier1_equity_home_calendar .calendar_mini_grid td.calendar_today::before { width: 70%; max-width: 46px; height: auto; aspect-ratio: 1; } .tier1_equity_home_calendar.tier1_equity_home_calendar .calendar_mini_grid .calendar_day_with_items::before { width: 70%; max-width: 46px; height: auto; aspect-ratio: 1; } } /*62em = 992px*/ @media only screen and (min-width: 62em) { .tier1_equity_home_calendar.tier1_equity_home_calendar { min-height: 511px; } .tier1_equity_home_calendar.tier1_equity_home_calendar table.calendar_mini_grid tbody { transform: translateY(8px); } .tier1_equity_home_calendar.tier1_equity_home_calendar .minicalendar_widget { height: auto; aspect-ratio: 1; } .tier1_equity_home_calendar.tier1_equity_home_calendar table.calendar_mini_grid { padding: 0 clamp(0.9375rem, 0.65rem + 1.2vw, 1.6875rem); } .tier1_equity_home_calendar.tier1_equity_home_calendar td.calendar_day, .tier1_equity_home_calendar.tier1_equity_home_calendar td.calendar_weekendday, .tier1_equity_home_calendar.tier1_equity_home_calendar td.calendar_othermonthday, .tier1_equity_home_calendar.tier1_equity_home_calendar td.calendar_today { line-height: 54px; } .tier1_equity_home_calendar.tier1_equity_home_calendar td.calendar_othermonthday::before { height: 42px; } } @media (min-width: 75em) { .tier1_equity_home_calendar.tier1_equity_home_calendar { max-width: 555px; width: 100%; margin-left: 0; } .tier1_equity_home_calendar.tier1_equity_home_calendar table.calendar_mini_grid tbody { transform: translateY(18px); } .tier1_equity_home_calendar.tier1_equity_home_calendar td.calendar_day, .tier1_equity_home_calendar.tier1_equity_home_calendar td.calendar_weekendday, .tier1_equity_home_calendar.tier1_equity_home_calendar td.calendar_othermonthday, .tier1_equity_home_calendar.tier1_equity_home_calendar td.calendar_today { line-height: 62px; } .tier1_equity_home_calendar.tier1_equity_home_calendar td.calendar_othermonthday::before { height: 50px; } .tier1_equity_home_calendar.tier1_equity_home_calendar .calendar_mini_grid .calendar_day_with_items::after { bottom: 15px; } } @media (min-width: 85.375em) { .tier1_equity_home_calendar.tier1_equity_home_calendar { margin: 0; } .tier1_equity_home_calendar.tier1_equity_home_calendar .calendar_mini_grid.calendar-mini-grid-title { background: #fff; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; } .tier1_equity_home_calendar.tier1_equity_home_calendar .calendar_mini_grid.calendar-mini-grid-title td { background: #fff; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; text-align: left; width: 100%; } .tier1_equity_home_calendar.tier1_equity_home_calendar .calendar_mini_grid.calendar-mini-grid-title .current_month_title, .tier1_equity_home_calendar.tier1_equity_home_calendar .calendar_mini_grid.calendar-mini-grid-title .short_current_month_title, .tier1_equity_home_calendar.tier1_equity_home_calendar .calendar_mini_grid.calendar-mini-grid-title .current_month_title a, .tier1_equity_home_calendar.tier1_equity_home_calendar .calendar_mini_grid.calendar-mini-grid-title .short_current_month_title a { color: #0D0D0D; font-size: clamp(1.125rem, 0.8rem + 1.4vw, 2rem); margin: 0.75em 0 0.55em clamp(0.9375rem, 0.65rem + 1.2vw, 1.6875rem); font-family: 'Nunito Sans', sans-serif; text-transform: none; font-weight: bold; } .tier1_equity_home_calendar.tier1_equity_home_calendar .calendar_mini_grid.calendar-mini-grid-title .calendar_nextprev { position: absolute; right: clamp(0.9375rem, 0.65rem + 1.2vw, 1.6875rem); top: 22px; width: 25px !important; height: 35px; } .tier1_equity_home_calendar.tier1_equity_home_calendar .calendar_mini_grid.calendar-mini-grid-title .calendar_nextprev a::before { content: ""; display: block; left: 0; top: 0; bottom: 0; right: 0; position: absolute; width: 18px; height: 18px; margin: auto; border-bottom: 4px solid #05649B; border-left: 4px solid #05649B; transform: rotate(45deg); transform-origin: center; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .tier1_equity_home_calendar.tier1_equity_home_calendar .calendar_mini_grid.calendar-mini-grid-title .calendar_nextprev a:hover:not(.disabled)::before, .tier1_equity_home_calendar.tier1_equity_home_calendar .calendar_mini_grid.calendar-mini-grid-title .calendar_nextprev a:focus:not(.disabled)::before { border-color: #0D0D0D; } .tier1_equity_home_calendar.tier1_equity_home_calendar .calendar_mini_grid.calendar-mini-grid-title .calendar_nextprev a.prev { right: 38px; } .tier1_equity_home_calendar.tier1_equity_home_calendar .calendar_mini_grid.calendar-mini-grid-title .calendar_nextprev a.next { transform: rotate(-180deg); left: auto; right: 0; top: 1px; } } .tier1_equity_home_data { background: transparent; position: relative; } .tier1_equity_home_data::before { content: ""; position: absolute; top: 0; right: 50%; bottom: auto; left: 50%; z-index: 0; width: 100vw; height: 100%; margin-left: -50vw; margin-right: -50vw; background: #F2EFD5; display: block; } .tier1_equity_home_data .home-data-container { padding: 3.6875rem 0.625rem 3.6875rem 0.625rem; } .tier1_equity_home_data .home-data-header { margin: 0 0 1.4375rem 0; font-size: 25px; font-weight: 700; color: #121215; text-transform: uppercase; font-family: inherit; text-align: center; display: none; position: relative; line-height: normal; width: auto; height: 5.8125rem; width: 100%; padding: 0; text-indent: -9999px; background: url(_gfx/home/data-viz-title.svg) center top no-repeat; background-size: contain; } .tier1_equity_home_data .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 6.875rem 0 0 0; } .tier1_equity_home_data .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .tier1_equity_home_data .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } .tier1_equity_home_data .slick-initialized .slick-slide { display: block; } .tier1_equity_home_data .slick-arrow { width: clamp(30px, 8vw, 50px); aspect-ratio: 1; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: auto; cursor: pointer; text-indent: -9999px; z-index: 3; overflow: hidden; display: block !important; padding: 0; border-radius: 50%; border: 0; background: #00492B; } .tier1_equity_home_data .slick-arrow:before { content: ""; display: block; left: 10%; top: 0; bottom: 0; right: 0; position: absolute; margin: auto; background: url(_gfx/cmn/ui-arrow-left.svg) center center / contain no-repeat; width: 38%; aspect-ratio: 1; border: none; transform: none; } .tier1_equity_home_data .slick-next { left: auto; right: 0; } .tier1_equity_home_data .slick-next:before { background: url(_gfx/cmn/ui-arrow-right.svg) center center / contain no-repeat; right: 10%; left: 0; } .tier1_equity_home_data .data-top { position: relative; } .tier1_equity_home_data .data-top > p { font-family: 'Nunito Sans', sans-serif; position: absolute; top: 0; bottom: auto; left: 0; right: 0; margin: auto; width: auto; height: auto; z-index: 0; color: #0D0D0D; font-size: 1.5rem; font-weight: 600; letter-spacing: 0.24px; } .tier1_equity_home_data .data-image-frame { margin: auto; height: 100%; overflow: hidden; } .tier1_equity_home_data .home-data-box { flex: auto; max-width: 100%; padding: 1.75rem 1.75rem 2.5625rem 1.5rem; position: relative; width: 100%; margin: 0 auto 1.25rem; background: #FFFFFF 0% 0% no-repeat padding-box; border-radius: 4px; height: 100%; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .tier1_equity_home_data .data-number { color: #0D0D0D; font-family: 'Nunito Sans', sans-serif; font-size: 2.375rem; font-weight: bold; margin: 2.0625rem auto 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1.2em; text-align: left; letter-spacing: 0.48px; } .tier1_equity_home_data .data-desc { line-height: 1.3em; overflow: hidden; text-align: left; font-family: inherit; font-size: 1.125rem; font-weight: normal; color: #393939; letter-spacing: 0.44px; margin: 0 0 1rem; padding: 0 0 1rem; text-transform: none; position: relative; letter-spacing: 0.18px; } .tier1_equity_home_data .data-desc:before { content: ''; position: absolute; top: auto; bottom: 0; left: 0; right: 0; margin: auto; width: 100%; height: 2px; background: #F9AF3F; z-index: 0; } .tier1_equity_home_data .data-short-desc { color: #393939; text-align: left; line-height: 1.3em; font-size: 1rem; letter-spacing: 0.16px; margin: 0; overflow: hidden; text-transform: none; } .tier1_equity_home_data .home-data-content { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; -moz-box-wrap: wrap; -webkit-box-wrap: wrap; -ms-flexbox-wrap: wrap; flex-wrap: wrap; justify-content: center; margin: 0 -15px; max-width: 100%; margin-inline: auto; padding-inline: 1.625rem; position: relative; } .tier1_equity_home_data .home-data-content img { display: none; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; max-height: 100%; max-width: 100%; } .tier1_equity_home_data .home-data-content a { text-decoration: none; position: relative; display: block; vertical-align: middle; } .tier1_equity_home_data .home-data-content a:hover { text-decoration: none; } .tier1_equity_home_data .home-data-bottomlink { color: #0D0D0D; font-size: 0.8125rem; font-weight: 700; background: #F9AF3F; width: 7.25rem; height: 2.0625rem; line-height: 2.0625rem; font-family: inherit; text-transform: uppercase; margin: 2.25rem auto 0; padding: 0; text-decoration: none; text-align: center; border: 0px solid #CEE8D3; border-radius: 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; display: table; position: relative; padding: 0 0.625rem; float: left; overflow: hidden; } .tier1_equity_home_data .home-data-bottomlink:after { content: " \203A"; display: inline-block; font-size: 140%; margin: 0 0 0 10px; vertical-align: top; display: none; } .tier1_equity_home_data .home-data-bottomlink:hover { color: #0D0D0D; background: #F2EFD5; text-decoration: none; border: 0px solid #00492B; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .tier1_equity_home_data .home-data-container { padding: 3.6875rem 0rem 3.6875rem 0rem; } .tier1_equity_home_data .home-data-content { padding: 0; } .tier1_equity_home_data .home-data-box { max-width: calc( 33.3% - 22px); margin-bottom: 0; } .tier1_equity_home_data .home-data-bottomlink { right: 0px; margin: 1.75rem auto 0; font-size: 0.8125rem; } } /***62em = 992px ***/ @media screen and (min-width: 62em) { .tier1_equity_home_data .home-data-container { padding: 4.9375rem 0rem 4.9375rem 0rem; } .tier1_equity_home_data .data-desc { font-size: 1rem; } .tier1_equity_home_data .data-short-desc { font-size: 1rem; } .tier1_equity_home_data .home-data-bottomlink { font-size: 0.8125rem; } } @media (min-width: 75em) { .tier1_equity_home_data .data-number { font-size: 3rem; } .tier1_equity_home_data .home-data-header { margin: 0 0 10.1875rem 0; } .tier1_equity_home_data .data-desc { font-size: 1.125rem; } .tier1_equity_home_data .data-short-desc { font-size: 1rem; } .tier1_equity_home_data .home-data-content { margin: 0; max-width: none; } .tier1_equity_home_data .home-data-content a { display: table-cell; } } .tier1-equity-vi-spotlight { padding: 0; } .tier1-equity-vi-spotlight.vi-spotlight-img-left .vi-spotlight-img-frame, .tier1-equity-vi-spotlight.vi-spotlight-img-right .vi-spotlight-img-frame { -webkit-flex: 100%; -ms-flex: 100%; flex: 100%; width: 100%; } .tier1-equity-vi-spotlight.vi-spotlight-img-left .vi-spotlight-img-frame .vi-spotlight-img-link:focus, .tier1-equity-vi-spotlight.vi-spotlight-img-right .vi-spotlight-img-frame .vi-spotlight-img-link:focus { outline-offset: -2px; } .tier1-equity-vi-spotlight.vi-spotlight-img-left .vi-spotlight-info, .tier1-equity-vi-spotlight.vi-spotlight-img-right .vi-spotlight-info { width: 100%; } .tier1-equity-spotlight-container { position: relative; } .tier1-equity-spotlight-container::before { content: ""; position: absolute; top: 0; right: 50%; bottom: auto; left: 50%; z-index: 0; width: 100vw; height: 100%; margin-left: -50vw; margin-right: -50vw; background: #05649B; display: block; } .tier1-equity-spotlight-container .vi-spotlight-img-frame { -webkit-flex: 100%; -ms-flex: 100%; flex: 100%; width: 100%; max-width: 100%; max-height: 12.1875rem; aspect-ratio: 1; padding: 0 1.625rem; margin: 0; } .tier1-equity-spotlight-container .vi-spotlight-img { max-height: unset; max-width: 100%; margin: 0 auto; width: 100%; height: 100%; object-fit: cover; object-position: center; aspect-ratio: 1; } .tier1-equity-spotlight-container .vi-spotlight-info { padding: 1.25rem 1.625rem 1.25rem 1.625rem; } .tier1-equity-spotlight-container .vi-spotlight-info-header { color: #FFFFFF; letter-spacing: 0.32px; font-size: 2rem; margin-bottom: 0.5rem; } .tier1-equity-spotlight-container .vi-spotlight-info-desc { color: #fff; font-size: 1.125rem; margin-bottom: 1.5rem; } .tier1-equity-spotlight-container .vi-spotlight-info-more { width: 116px; height: 2.0625rem; line-height: 2.1875rem; background: #F2EFD5; color: #0D0D0D; padding: 0 14px; font-size: 0.8125rem; font-weight: bold; text-transform: uppercase; text-align: center; font-family: 'Nunito Sans', sans-serif; overflow: hidden; } .tier1-equity-spotlight-container .vi-spotlight-info-more .slide-link-text { display: block; } .tier1-equity-spotlight-container .vi-spotlight-info-more:hover, .tier1-equity-spotlight-container .vi-spotlight-info-more:focus { background: #F9AF3F; } .tier1-equity-spotlight-container .slick_wrapper { padding: 0; background: transparent; box-sizing: content-box; overflow: hidden; position: relative; } .tier1-equity-spotlight-container .slick-initialized .slick-slide { display: block; } .tier1-equity-spotlight-container .slick_wrapper { width: 100%; } .tier1-equity-spotlight-container .slick-slide { float: left; height: 100%; min-height: 1px; } .tier1-equity-spotlight-container .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .tier1-equity-spotlight-container .vi-spotlight-slides { margin: 0 auto; position: relative; width: 100%; opacity: 0; height: 0; overflow: hidden; padding: 3.75rem 0.625rem 2.5rem; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .tier1-equity-spotlight-container .vi-spotlight-slides.slick-initialized { opacity: 1; height: auto; } .tier1-equity-spotlight-container .slick-list { width: 100%; position: relative; overflow: hidden; margin: 0; padding: 0; } .tier1-equity-spotlight-container .slick-dots { right: 0; left: 0; display: block; position: relative; z-index: 3; bottom: 0; margin: 0 auto; text-align: center; width: auto; min-width: 0; padding: 20px 0 0 0; } .tier1-equity-spotlight-container .slick-dots li { display: inline-block; float: none; } .tier1-equity-spotlight-container .slick-dots li button { height: 20px; width: 20px; border-radius: 50%; background: #b9c6cc; border: 0 solid #fff; margin: 0 5px; transition: background 0.2s ease-in-out; text-indent: -4000px; overflow: hidden; text-align: left; display: block; cursor: pointer; } .tier1-equity-spotlight-container .slick-dots li.slick-active button, .tier1-equity-spotlight-container .slick-dots li:hover button { background: #ccc; background: #7e96a1; border: 0 solid #fff; } .tier1-equity-spotlight-container .slick-arrow { width: 34px; height: 44px; margin: 0; position: absolute; top: calc(50% - 22px); cursor: pointer; text-indent: -9999px; z-index: 3; overflow: hidden; background: rgba(237, 241, 242, 0); display: block !important; padding: 0; border-radius: 0; border: 0; transform: scale(0.7); } .tier1-equity-spotlight-container .slick-arrow:before { content: ""; display: block; left: 2px; top: 6px; bottom: 0; right: 0; position: absolute; width: 24px; height: 24px; border-bottom: 6px solid #FFFFFF; border-left: 6px solid #FFFFFF; transform: rotate(45deg); transform-origin: bottom; transition: border-color 0.2s ease-in-out; } .tier1-equity-spotlight-container .slick-arrow:hover:before { border-color: #F9AF3F; } .tier1-equity-spotlight-container .slick-prev { left: 0; } .tier1-equity-spotlight-container .slick-next { right: 0; } .tier1-equity-spotlight-container .slick-next:before { transform: rotate(-135deg); transform-origin: center center; top: 10px; left: 0; } .tier1-equity-spotlight-container .slick-autoplay-toggle-button { position: absolute; top: auto; right: 20px; bottom: 10px; left: auto; z-index: 3; display: block; text-indent: -4000px; cursor: pointer; width: 49px; height: 49px; border: 0; padding: 0; } .tier1-equity-spotlight-container .slick-autoplay-toggle-button .slick-pause-icon, .tier1-equity-spotlight-container .slick-autoplay-toggle-button .slick-play-icon { width: 49px; height: 49px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .tier1-equity-spotlight-container .slick-autoplay-toggle-button .slick-pause-icon { background: url(_gfx/cmn/play-pause.png) no-repeat left center; background-size: auto 56px; } .tier1-equity-spotlight-container .slick-autoplay-toggle-button .slick-pause-icon:hover { -moz-opacity: 0.8; -khtml-opacity: 0.8; -webkit-opacity: 0.8; opacity: 0.8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); filter: alpha(opacity=80); } .tier1-equity-spotlight-container .slick-autoplay-toggle-button .slick-play-icon { background: url(_gfx/cmn/play-pause.png) no-repeat right center; background-size: auto 56px; } .tier1-equity-spotlight-container .slick-autoplay-toggle-button .slick-play-icon:hover { -moz-opacity: 0.8; -khtml-opacity: 0.8; -webkit-opacity: 0.8; opacity: 0.8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); filter: alpha(opacity=80); } /***48em = 768px ***/ @media screen and (min-width: 48em) { .tier1-equity-vi-spotlight.vi-spotlight-img-left .vi-spotlight-img-frame, .tier1-equity-vi-spotlight.vi-spotlight-img-right .vi-spotlight-img-frame { -webkit-flex: auto; -ms-flex: auto; flex: auto; width: auto; max-width: 18.875rem; max-height: 18.875rem; } .tier1-equity-vi-spotlight.vi-spotlight-img-left .vi-spotlight-info, .tier1-equity-vi-spotlight.vi-spotlight-img-right .vi-spotlight-info { width: 150px; } .tier1-equity-spotlight-container .vi-spotlight-img-frame { -webkit-flex: auto; -ms-flex: auto; flex: auto; width: auto; max-width: 18.875rem; max-height: 18.875rem; padding: 0; } .tier1-equity-spotlight-container .vi-spotlight-slides { padding: 3.75rem 2.5rem; } .tier1-equity-spotlight-container .vi-spotlight-info { padding: 1.25rem 0.9375rem 1.25rem 3.6875rem; } .tier1-equity-spotlight-container .vi-spotlight-info-header { font-size: clamp(1.375rem, 0.9583rem + 0.8681vw, 2rem); } .tier1-equity-spotlight-container .vi-spotlight-info-desc { font-size: clamp(0.875rem, 0.7083rem + 0.3472vw, 1.125rem); } .tier1-equity-spotlight-container .slick-arrow { margin: auto; transform: scale(1); } .tier1-equity-spotlight-container .slick-prev { left: 0; right: auto; } .tier1-equity-spotlight-container .slick-next { right: 0; left: auto; } } /*62em = 992px*/ @media only screen and (min-width: 62em) { .tier1-equity-spotlight-container .vi-spotlight-slides { padding: 3.5625rem 3.75rem 3.5625rem 6.625rem; } } @media (min-width: 75em) { .tier1-equity-vi-spotlight.vi-spotlight-img-left .vi-spotlight-img-frame, .tier1-equity-vi-spotlight.vi-spotlight-img-right .vi-spotlight-img-frame { -webkit-flex: auto; -ms-flex: auto; flex: auto; width: auto; max-width: 37.0625rem; max-height: 18.875rem; width: 37.0625rem; height: 18.875rem; } .tier1-equity-vi-spotlight.vi-spotlight-img-left .vi-spotlight-img-frame .vi-spotlight-img-link, .tier1-equity-vi-spotlight.vi-spotlight-img-right .vi-spotlight-img-frame .vi-spotlight-img-link { display: block; height: 100%; } .tier1-equity-spotlight-container .vi-spotlight-img-frame { max-width: 37.0625rem; max-height: 18.875rem; width: 37.0625rem; height: 18.875rem; } } .onecolumnlayout .top_col figure.tier1-equity-vi-fullwidth-banner:first-of-type, .twocolumnswithbottomlayout .top_col figure.tier1-equity-vi-fullwidth-banner:first-of-type, .threecolumnswithbottomlayout .top_col figure.tier1-equity-vi-fullwidth-banner:first-of-type { margin-top: -7.8125vw; } .onecolumnlayout .top_col figure.tier1-equity-vi-fullwidth-banner:first-of-type { margin-top: 0; } #sitebody .tier1-equity-vi-fullwidth-banner.tier1-equity-vi-fullwidth-banner { min-width: 100vw; } .tier1-equity-vi-fullwidth-banner.vi-fullwidth-banner .vi-banner-content { background: transparent; } .tier1-equity-vi-fullwidth-banner.vi-fullwidth-banner .vi-banner-title { color: #0D0D0D; font-size: 3.5625rem; font-weight: bold; margin-bottom: 0.9375rem; } .tier1-equity-vi-fullwidth-banner.vi-fullwidth-banner .vi-banner-description { color: #0D0D0D; font-size: 1.25rem; padding-top: 1.75rem; } .tier1-equity-vi-fullwidth-banner.vi-fullwidth-banner .vi-banner-description:before { background: #0d0d0d 0% 0% no-repeat padding-box; opacity: 0.15; height: 0.125rem; width: 19.25rem; } .tier1-equity-vi-fullwidth-banner.vi-fullwidth-banner .vi-banner-slides .vi-banner-img { max-width: 100%; } .tier1-equity-vi-fullwidth-banner.vi-fullwidth-banner .vi-banner-slides .vi-banner-item { min-height: 346px; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .tier1-equity-vi-fullwidth-banner.vi-fullwidth-banner .vi-banner-slides .vi-banner-item { min-height: 160px; } .tier1-equity-vi-fullwidth-banner.vi-fullwidth-banner .vi-banner-title { font-size: clamp(2.3125rem, 1.4792rem + 1.7361vw, 3.5625rem); } .tier1-equity-vi-fullwidth-banner.vi-fullwidth-banner .vi-banner-description { font-size: clamp(1rem, 0.8333rem + 0.3472vw, 1.25rem); } .tier1-equity-vi-fullwidth-banner.vi-fullwidth-banner .vi-banner-description:before { width: clamp(12.625rem, 8.875rem + 18.75vw, 31.375rem); } } .tier1-equity-custom-content { padding: 4.375rem 2.25rem; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .tier1-equity-custom-content { padding: 6.25rem 0; } .tier1-equity-custom-content h2 { font-size: 2.5rem !important; margin-bottom: 1.25rem; } } .onecolumnlayout .top_col figure.tier1-healthdata-vi-fullwidth-banner:first-of-type, .twocolumnswithbottomlayout .top_col figure.tier1-healthdata-vi-fullwidth-banner:first-of-type, .threecolumnswithbottomlayout .top_col figure.tier1-healthdata-vi-fullwidth-banner:first-of-type { margin-top: -7.8125vw; } .onecolumnlayout .top_col figure.tier1-healthdata-vi-fullwidth-banner:first-of-type { margin-top: 0; } #sitebody .tier1-healthdata-vi-fullwidth-banner.tier1-healthdata-vi-fullwidth-banner { min-width: 100vw; } .tier1-healthdata-vi-fullwidth-banner.vi-fullwidth-banner .vi-banner-content { background: rgba(5, 100, 155, 0.9); } .tier1-healthdata-vi-fullwidth-banner.vi-fullwidth-banner .vi-banner-title { color: #F2EFD5; font-size: 2.5rem; font-weight: bold; margin-bottom: 1.6875rem; line-height: 1.28; } .tier1-healthdata-vi-fullwidth-banner.vi-fullwidth-banner .vi-banner-title a { color: #F2EFD5; } .tier1-healthdata-vi-fullwidth-banner.vi-fullwidth-banner .vi-banner-description { color: #FFFFFF; font-size: 1.375rem; padding-top: 1.1875rem; max-height: inherit; } .tier1-healthdata-vi-fullwidth-banner.vi-fullwidth-banner .vi-banner-description:before { background: #F2EFD5; opacity: 1; height: 0.125rem; width: 9.875rem; } .tier1-healthdata-vi-fullwidth-banner.vi-fullwidth-banner .vi-banner-slides .vi-banner-img { max-width: 100%; } .tier1-healthdata-vi-fullwidth-banner.vi-fullwidth-banner .vi-banner-slides .vi-banner-item { min-height: 346px; /*&:before{ .multiple_bgs(0,0,0,0,100%,100%); background: rgba(5, 100, 155, .9); }*/ } /***48em = 768px ***/ @media screen and (min-width: 48em) { .tier1-healthdata-vi-fullwidth-banner.vi-fullwidth-banner .vi-banner-slides .vi-banner-item { min-height: 300px; } } .tier1-healthdata-vi-spotlight { padding: 0; } .tier1-healthdata-vi-spotlight.vi-spotlight-img-left .vi-spotlight-img-frame, .tier1-healthdata-vi-spotlight.vi-spotlight-img-right .vi-spotlight-img-frame { -webkit-flex: 100%; -ms-flex: 100%; flex: 100%; width: 100%; } .tier1-healthdata-vi-spotlight.vi-spotlight-img-left .vi-spotlight-info, .tier1-healthdata-vi-spotlight.vi-spotlight-img-right .vi-spotlight-info { width: 100%; } .tier1-healthdata-spotlight-container { position: relative; } .tier1-healthdata-spotlight-container::before { content: ""; position: absolute; top: 0; right: 50%; bottom: auto; left: 50%; z-index: 0; width: 100vw; height: 100%; margin-left: -50vw; margin-right: -50vw; background: #05649B; display: block; } .tier1-healthdata-spotlight-container .vi-spotlight-img-frame { -webkit-flex: 100%; -ms-flex: 100%; flex: 100%; width: 100%; max-width: 100%; max-height: 12.1875rem; aspect-ratio: 1; padding: 0 2.5rem; margin: 0; } .tier1-healthdata-spotlight-container .vi-spotlight-img { max-height: unset; max-width: 100%; margin: 0 auto; width: 100%; height: 100%; object-fit: cover; object-position: center; aspect-ratio: 1; } .tier1-healthdata-spotlight-container .vi-spotlight-info { padding: 1.25rem 2.5rem; } .tier1-healthdata-spotlight-container .vi-spotlight-info-header { color: #F2EFD5; letter-spacing: 0.32px; font-size: 2rem; margin-bottom: 0.875rem; max-height: inherit; } .tier1-healthdata-spotlight-container .vi-spotlight-info-desc { color: #fff; font-size: 1.125rem; margin-bottom: 2.5625rem; line-height: 1.66; max-height: inherit; } .tier1-healthdata-spotlight-container .vi-spotlight-info-more { width: 168px; height: 3.125rem; line-height: 3.125rem; background: #F2EFD5; color: #0D0D0D; padding: 0 14px; font-size: 1.125rem; font-weight: bold; text-transform: uppercase; text-align: center; font-family: 'Nunito Sans', sans-serif; overflow: hidden; border-radius: 2px; letter-spacing: 0.9px; position: relative; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .tier1-healthdata-spotlight-container .vi-spotlight-info-more .slide-link-text { display: block; position: relative; z-index: 1; } .tier1-healthdata-spotlight-container .vi-spotlight-info-more:before { content: ""; top: auto; left: auto; position: absolute; right: 0; bottom: 0; z-index: -1; width: 50px; height: 100%; background: url(_gfx/cmn/t1-healthdata/button-graphic-h.svg) no-repeat center center; background-size: contain; opacity: 0; z-index: 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .tier1-healthdata-spotlight-container .vi-spotlight-info-more:after { content: ""; top: -1px; left: 151px; position: absolute; right: auto; bottom: 0; z-index: -1; width: 10px; height: 13px; background: url(_gfx/cmn/t1-healthdata/button-arrow.svg) no-repeat center center; background-size: contain; opacity: 0; z-index: 1; margin: auto; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .tier1-healthdata-spotlight-container .vi-spotlight-info-more:hover, .tier1-healthdata-spotlight-container .vi-spotlight-info-more:focus { background: #F9AF3F; padding: 0 31px 0 14px; width: 185px; } .tier1-healthdata-spotlight-container .vi-spotlight-info-more:hover:before, .tier1-healthdata-spotlight-container .vi-spotlight-info-more:focus:before, .tier1-healthdata-spotlight-container .vi-spotlight-info-more:hover:after, .tier1-healthdata-spotlight-container .vi-spotlight-info-more:focus:after { opacity: 1; } .tier1-healthdata-spotlight-container .slick_wrapper { padding: 0; background: transparent; box-sizing: content-box; overflow: hidden; position: relative; } .tier1-healthdata-spotlight-container .slick-initialized .slick-slide { display: block; } .tier1-healthdata-spotlight-container .slick_wrapper { width: 100%; } .tier1-healthdata-spotlight-container .slick-slide { float: left; height: 100%; min-height: 1px; } .tier1-healthdata-spotlight-container .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .tier1-healthdata-spotlight-container .vi-spotlight-slides { margin: 0 auto; position: relative; width: 100%; opacity: 0; height: 0; overflow: hidden; padding: 3.75rem 0.625rem 2.5rem; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .tier1-healthdata-spotlight-container .vi-spotlight-slides.slick-initialized { opacity: 1; height: auto; } .tier1-healthdata-spotlight-container .slick-list { width: 100%; position: relative; overflow: hidden; margin: 0; padding: 0; } .tier1-healthdata-spotlight-container .slick-dots { right: 0; left: 0; display: block; position: relative; z-index: 3; bottom: 0; margin: 0 auto; text-align: center; width: auto; min-width: 0; padding: 20px 0 0 0; } .tier1-healthdata-spotlight-container .slick-dots li { display: inline-block; float: none; } .tier1-healthdata-spotlight-container .slick-dots li button { height: 20px; width: 20px; border-radius: 50%; background: #b9c6cc; border: 0 solid #fff; margin: 0 5px; transition: background 0.2s ease-in-out; text-indent: -4000px; overflow: hidden; text-align: left; display: block; cursor: pointer; } .tier1-healthdata-spotlight-container .slick-dots li.slick-active button, .tier1-healthdata-spotlight-container .slick-dots li:hover button { background: #ccc; background: #7e96a1; border: 0 solid #fff; } .tier1-healthdata-spotlight-container .slick-arrow { width: 50px; height: 50px; margin: 0; position: absolute; top: calc(50% - 22px); cursor: pointer; text-indent: -9999px; z-index: 3; overflow: hidden; background: #ffffff; display: block !important; padding: 0; border-radius: 25px; border: 0; transform: scale(0.7); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .tier1-healthdata-spotlight-container .slick-arrow.slick-disabled { pointer-events: none; } .tier1-healthdata-spotlight-container .slick-arrow.slick-disabled:before { opacity: 0.5; } .tier1-healthdata-spotlight-container .slick-arrow:before { content: ""; display: block; left: 0; top: 0px; bottom: 0; right: 5px; position: absolute; width: 14px; height: 22px; background: url(_gfx/cmn/t1-healthdata/ui-arrow-L.svg) no-repeat center center; background-size: contain; margin: auto; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .tier1-healthdata-spotlight-container .slick-arrow:hover { background: #F9AF3F; } .tier1-healthdata-spotlight-container .slick-prev { left: 0; } .tier1-healthdata-spotlight-container .slick-next { right: 0; } .tier1-healthdata-spotlight-container .slick-next:before { right: 0; left: 5px; background-image: url(_gfx/cmn/t1-healthdata/ui-arrow-R.svg); } .tier1-healthdata-spotlight-container .slick-autoplay-toggle-button { position: absolute; top: auto; right: 20px; bottom: 10px; left: auto; z-index: 3; display: block; text-indent: -4000px; cursor: pointer; width: 49px; height: 49px; border: 0; padding: 0; } .tier1-healthdata-spotlight-container .slick-autoplay-toggle-button .slick-pause-icon, .tier1-healthdata-spotlight-container .slick-autoplay-toggle-button .slick-play-icon { width: 49px; height: 49px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .tier1-healthdata-spotlight-container .slick-autoplay-toggle-button .slick-pause-icon { background: url(_gfx/cmn/play-pause.png) no-repeat left center; background-size: auto 56px; } .tier1-healthdata-spotlight-container .slick-autoplay-toggle-button .slick-pause-icon:hover { -moz-opacity: 0.8; -khtml-opacity: 0.8; -webkit-opacity: 0.8; opacity: 0.8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); filter: alpha(opacity=80); } .tier1-healthdata-spotlight-container .slick-autoplay-toggle-button .slick-play-icon { background: url(_gfx/cmn/play-pause.png) no-repeat right center; background-size: auto 56px; } .tier1-healthdata-spotlight-container .slick-autoplay-toggle-button .slick-play-icon:hover { -moz-opacity: 0.8; -khtml-opacity: 0.8; -webkit-opacity: 0.8; opacity: 0.8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); filter: alpha(opacity=80); } /***48em = 768px ***/ @media screen and (min-width: 48em) { .tier1-healthdata-vi-spotlight.vi-spotlight-img-left .vi-spotlight-img-frame, .tier1-healthdata-vi-spotlight.vi-spotlight-img-right .vi-spotlight-img-frame { -webkit-flex: auto; -ms-flex: auto; flex: auto; width: auto; max-width: 18.875rem; max-height: 18.875rem; } .tier1-healthdata-vi-spotlight.vi-spotlight-img-left .vi-spotlight-info, .tier1-healthdata-vi-spotlight.vi-spotlight-img-right .vi-spotlight-info { width: 150px; } .tier1-healthdata-spotlight-container .vi-spotlight-img-frame { -webkit-flex: auto; -ms-flex: auto; flex: auto; width: auto; max-width: 18.875rem; max-height: 18.875rem; padding: 0; } .tier1-healthdata-spotlight-container .vi-spotlight-slides { padding: 3.75rem 2.5rem; } .tier1-healthdata-spotlight-container .vi-spotlight-info { padding: 1.25rem 0 1.25rem 1.875rem; } .tier1-healthdata-spotlight-container .vi-spotlight-info-header { font-size: clamp(1.375rem, 0.9583rem + 0.8681vw, 2rem); } .tier1-healthdata-spotlight-container .vi-spotlight-info-desc { font-size: clamp(0.875rem, 0.7083rem + 0.3472vw, 1.125rem); } .tier1-healthdata-spotlight-container .slick-arrow { margin: auto; transform: scale(1); } .tier1-healthdata-spotlight-container .slick-prev { left: 0; right: auto; } .tier1-healthdata-spotlight-container .slick-next { right: 0; left: auto; } } /*62em = 992px*/ @media only screen and (min-width: 62em) { .tier1-healthdata-spotlight-container .vi-spotlight-slides { padding: 3.75rem 6.3125rem; } } @media (min-width: 75em) { .tier1-healthdata-vi-spotlight.vi-spotlight-img-left .vi-spotlight-img-frame, .tier1-healthdata-vi-spotlight.vi-spotlight-img-right .vi-spotlight-img-frame { -webkit-flex: auto; -ms-flex: auto; flex: auto; width: auto; max-width: 32.8125rem; max-height: 24.6875rem; } .tier1-healthdata-spotlight-container .vi-spotlight-img-frame { max-width: 32.8125rem; max-height: 24.6875rem; } } .tier1-healthdata-data { background: transparent; /*&:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width:100%; height:100%; background: url(_gfx/home/dataviz-bg.jpg) center center no-repeat; background-size:cover; //display: none; z-index: -1; }*/ } .tier1-healthdata-data .home-data-container { padding: 30px 10px 60px; } .tier1-healthdata-data .home-data-header { margin: 0 0 26px; font-size: 1.5rem; font-weight: 700; color: #05649B; text-transform: none; font-family: 'Nunito Sans', sans-serif; text-align: center; width: auto; letter-spacing: 2.4px; display: inline-flex; left: 50%; /* right: 0; */ position: relative; transform: translateX(-50%); } .tier1-healthdata-data .home-data-header:before, .tier1-healthdata-data .home-data-header:after { content: ""; top: 0; left: -16px; position: absolute; right: auto; bottom: 0; z-index: -1; width: 4px; height: 40px; background: #F2683A; margin: auto; } .tier1-healthdata-data .home-data-header:after { right: -16px; left: auto; } .tier1-healthdata-data .data-image-frame { margin: 0 0 14px; height: 40px; position: relative; display: none; } .tier1-healthdata-data .home-data-box { width: 230px; height: 230px; padding: 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; position: relative; cursor: pointer; border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; margin-bottom: 70px; } .tier1-healthdata-data .data-number { color: #0D0D0D; font-family: 'Nunito Sans', sans-serif; font-size: 1.5rem; font-weight: 700; margin: 0 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1.375; max-height: 2.0625rem; text-align: center; letter-spacing: 1.92px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .tier1-healthdata-data .data-desc { text-transform: none; line-height: 1.366; overflow: hidden; text-align: center; font-family: inherit; font-size: 1.625rem; font-weight: 700; color: #0D0D0D; overflow: visible; letter-spacing: 1.2px; margin: 10px auto 0; position: absolute; top: 100%; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .tier1-healthdata-data .data-desc:after { content: ""; top: auto; left: 0; position: absolute; right: 0; bottom: -5px; z-index: -1; width: 40px; height: 4px; background: #F2683A; margin: auto; opacity: 0; visibility: hidden; } .tier1-healthdata-data .home-data-content { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -moz-box-wrap: wrap; -webkit-box-wrap: wrap; -ms-flexbox-wrap: wrap; flex-wrap: wrap; gap: 15px; justify-content: center; } .tier1-healthdata-data .home-data-content img { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; max-height: 40px; max-width: 40px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .tier1-healthdata-data .home-data-content .data-link { text-decoration: none; position: relative; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; background: url(_gfx/cmn/t1-healthdata/dataviz-bg.svg) no-repeat center center; background-size: 107%; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .tier1-healthdata-data .home-data-content .data-link[href]:hover, .tier1-healthdata-data .home-data-content .data-link:focus { text-decoration: none; background-image: url(_gfx/cmn/t1-healthdata/dataviz-bg-h.svg); } .tier1-healthdata-data .home-data-content .data-link[href]:hover .data-number, .tier1-healthdata-data .home-data-content .data-link:focus .data-number { color: #DD4918; text-decoration: none; } .tier1-healthdata-data .home-data-content .data-link[href]:hover .data-desc, .tier1-healthdata-data .home-data-content .data-link:focus .data-desc { color: #DD4918; } .tier1-healthdata-data .home-data-content .data-link[href]:hover .data-desc:after, .tier1-healthdata-data .home-data-content .data-link:focus .data-desc:after { opacity: 1; visibility: visible; } .tier1-healthdata-data .bottomlink_box { display: none; padding-bottom: 30px; } .tier1-healthdata-data .home-data-bottomlink { color: #4255A2; font-size: 1rem; font-weight: 700; background: #FFFFFF; width: 181px; height: 59px; line-height: 53px; font-family: inherit; text-transform: none; margin: 10px auto 0; padding: 0; text-decoration: none; text-align: center; border: 3px solid #1E90CF; border-radius: 8px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; letter-spacing: 1.6px; display: none; } .tier1-healthdata-data .home-data-bottomlink:hover { color: #FFFFFF; background: #20719D; text-decoration: none; border-color: #20719D; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .tier1-healthdata-data .home-data-header { font-size: 2rem; color: #05649B; } .tier1-healthdata-data .home-data-container { padding: 45px 0px 95px; } .tier1-healthdata-data .home-data-header { margin: 0 0 43px 0; } .tier1-healthdata-data .home-data-box { width: 171px; height: 171px; margin-bottom: 0; } .tier1-healthdata-data .data-desc { font-size: 1.5rem; } .tier1-healthdata-data .bottomlink_box { flex-wrap: nowrap; padding-top: 0; padding-bottom: 70px; padding-left: 0; padding-right: 0; } .tier1-healthdata-data .home-data-bottomlink { right: 0px; margin: 0 auto; flex: 0 1 auto; font-size: 1rem; } } /***62em = 992px ***/ @media screen and (min-width: 62em) { .tier1-healthdata-data .home-data-container { padding: 42px 0 105px; } .tier1-healthdata-data .home-data-header { font-size: 2.5rem; } .tier1-healthdata-data .home-data-box { width: 252px; height: 252px; padding: 0; } .tier1-healthdata-data .data-number { font-size: 2.125rem; max-height: 2.921875rem; } .tier1-healthdata-data .data-desc { font-size: 1.625rem; } .tier1-healthdata-data .home-data-bottomlink { font-size: 1rem; height: 59px; line-height: 59px; } } @media (min-width: 75em) { .tier1-healthdata-data .home-data-bottomlink { font-size: 1rem; } .tier1-healthdata-data .home-data-box { width: 270px; height: 270px; padding: 0; } .tier1-healthdata-data .home-data-content { gap: 30px; } .tier1-healthdata-data .data-number { font-size: 2.5rem; max-height: 3.4375rem; } .tier1-healthdata-data .data-desc { font-size: 1.75rem; } } @media (min-width: 85.375em) { .tier1-healthdata-data .home-data-box:before { width: 288px; } .tier1-healthdata-data .home-data-content { gap: 65px; } .tier1-healthdata-data .home-data-box { width: 328px; height: 328px; } .tier1-healthdata-data .data-number { font-size: 3rem; max-height: 4.125rem; } .tier1-healthdata-data .data-desc { font-size: 1.875rem; } } .tier1-healthdata-image-tiles .vi-img-overlay-header { font-size: 1rem; font-weight: bold; line-height: 1.5; position: relative; } .tier1-healthdata-image-tiles .vi-img-overlay-header:before { content: "HIGHLIGHTS"; position: absolute; top: -15px; left: 0; line-height: 4px; border-left: 13px solid #F9AF3F; padding-left: 7px; color: #0d0d0d; font-size: 0.875rem; } .tier1-healthdata-image-tiles .vi-img-overlay-link { border-radius: 0px 0px 0px 30px; box-shadow: 6px 6px 6px rgba(126, 140, 139, 0.11); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .tier1-healthdata-image-tiles .vi-img-overlay-link:hover, .tier1-healthdata-image-tiles .vi-img-overlay-link:focus { box-shadow: 0px 6px 18px rgba(126, 140, 139, 0.36); } .tier1-healthdata-image-tiles .vi-img-overlay-link:hover .vi-img-overlay-overlay, .tier1-healthdata-image-tiles .vi-img-overlay-link:focus .vi-img-overlay-overlay { background: #ffffff !important; } .tier1-healthdata-image-tiles .vi-img-overlay-link:hover .vi-img-overlay-title, .tier1-healthdata-image-tiles .vi-img-overlay-link:focus .vi-img-overlay-title, .tier1-healthdata-image-tiles .vi-img-overlay-link:hover .vi-img-overlay-desc, .tier1-healthdata-image-tiles .vi-img-overlay-link:focus .vi-img-overlay-desc { color: #0D0D0D !important; } .tier1-healthdata-image-tiles .vi-img-overlay-link:hover .vi-img-overlay-desc:before, .tier1-healthdata-image-tiles .vi-img-overlay-link:focus .vi-img-overlay-desc:before { width: 100%; } .tier1-healthdata-image-tiles .vi-img-overlay-list { min-width: inherit; justify-content: center; } .tier1-healthdata-image-tiles .vi-img-overlay-text { padding: 19px 20px 0; } .tier1-healthdata-image-tiles .vi-img-overlay-overlay { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .tier1-healthdata-image-tiles .vi-img-overlay-title { text-transform: uppercase; letter-spacing: 0.4px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .tier1-healthdata-image-tiles .vi-img-overlay-desc { font-size: 0.875rem; margin-top: 11px; padding-top: 11px; max-height: inherit; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .tier1-healthdata-image-tiles .vi-img-overlay-desc:before { width: 0; border-top-color: #0D0D0D; border-top-width: 3px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .tier1-healthdata-image-tiles .vi-img-overlay-buttons { padding: 30px 15px; } .tier1-healthdata-image-tiles .vi-img-overlay-buttons:after { content: ""; top: 0; left: 50%; position: absolute; right: 50%; bottom: auto; z-index: -1; width: 100vw; height: 100%; margin-left: -50vw; margin-right: -50vw; background: #F8F8F8; visibility: visible; } /***25em = 400px ***/ @media screen and (min-width: 25em) { .tier1-healthdata-image-tiles .vi-img-overlay-link { padding-top: 128.6%; } .tier1-healthdata-image-tiles .vi-img-overlay-item { width: 11.5625rem; max-width: 11.5625rem; } } /***48em = 768px ***/ /***62em = 992px ***/ @media screen and (min-width: 62em) { .tier1-healthdata-image-tiles .vi-img-overlay-header { font-size: 1.25rem; color: #ffffff; flex: 0 0 auto; width: 9.375rem; } .tier1-healthdata-image-tiles .vi-img-overlay-header:before { color: #F2EFD5; } .tier1-healthdata-image-tiles .vi-img-overlay-buttons { display: flex; align-items: center; padding: 40px 0; position: relative; } .tier1-healthdata-image-tiles .vi-img-overlay-buttons:before { content: ""; top: 0; left: -381px; position: absolute; right: auto; bottom: auto; z-index: -1; width: 531px; height: 100%; background: url(_gfx/cmn/t1-healthdata/highlights-bg-img.jpg) right bottom no-repeat; background-size: cover; z-index: 0; } .tier1-healthdata-image-tiles .vi-img-overlay-list { padding-left: 20px; justify-content: flex-start; } } @media (min-width: 85.375em) { .tier1-healthdata-image-tiles .vi-img-overlay-header { width: 13.875rem; } .tier1-healthdata-image-tiles .vi-img-overlay-list { padding-left: 81px; } .tier1-healthdata-image-tiles .vi-img-overlay-title { font-size: 1.25rem; } .tier1-healthdata-image-tiles .vi-img-overlay-title { font-size: 1.25rem; } .tier1-healthdata-image-tiles .vi-img-overlay-desc { font-size: 0.9375rem; } .tier1-healthdata-image-tiles .vi-img-overlay-item { margin: 0 16px; width: 13.875rem; max-width: 13.875rem; } .tier1-healthdata-image-tiles .vi-img-overlay-buttons:before { left: -309px; } } /* * * .text-zoom-113 class is added when the browser hits a minimum * of 113% zoomed for text only. * * */ .text-zoom-113 { /** Disable all transitions in zoomed layout to revent any delays **/ /**** Forces containers to 1302px ****/ /**** For Wide layouts ****/ } .text-zoom-113 * { -webkit-transition: all 0s ease-out !important; -moz-transition: all 0s ease-out !important; -o-transition: all 0s ease-out !important; transition: all 0s ease-out !important; } .text-zoom-113 .container, .text-zoom-113 .mainnav, .text-zoom-113 #siteheader, .text-zoom-113 #footercolumn { max-width: 1302px; width: 100%; } .text-zoom-113 #sitebody.homepagelayout { -ms-grid-columns: 1fr 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 1fr; grid-template-columns: 1fr 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 1fr; } .text-zoom-113 #sitebody { -ms-grid-columns: 1fr 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 1fr; grid-template-columns: 1fr 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 1fr; } .text-zoom-113.sticky_header { /**** Sticky Header Overrides ****/ } .text-zoom-113.sticky_header .dropdownmenu { width: 919px; } .text-zoom-113.sticky_header #searchbox > a { width: 29px; } .text-zoom-113.sticky_header #searchbox input#search_text { height: 1.5em; line-height: 1.5 !important; } .text-zoom-113 .mainSpan_wrapper_home { /**** Home Page Overrides ****/ } .desktop_only { display: none !important; } @media screen and (min-width: 48em) { .mobile_only { display: none !important; } .desktop_only { display: block !important; } } .hidden[style*="block"] { display: block !important; } div#google-infowindow *, div#google-infowindow *:before, div#google-infowindow *:after { background: #fff !important; } .notranslate { background: transparent !important; } .hide-text-indent { min-width: 0 !important; } .column #sitebody.splash_page { width: 100%; } .esri-popup__header-title { font-size: 1rem !important; } /* This is the editor style sheet, containing styles that will be used in the content editor tools. */ /* Fonts ================================================== */ @font-face { font-family: 'Nunito Sans'; font-style: italic; font-weight: 400; font-stretch: normal; font-display: swap; src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe1kMImSLYBIv1o4X1M8cce4OdVisMz5nZRqy6cmmmU3t2FQWEAEOvV9wNvrwlNstMKW3Y6K5WMwXeVy3GboJ0kTHmqP91Ug.ttf) format('truetype'); } @font-face { font-family: 'Nunito Sans'; font-style: normal; font-weight: 400; font-stretch: normal; font-display: swap; src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe1mMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp5F5bxqqtQ1yiU4G1ilntA.ttf) format('truetype'); } @font-face { font-family: 'Nunito Sans'; font-style: normal; font-weight: 700; font-stretch: normal; font-display: swap; src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe1mMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp5F5bxqqtQ1yiU4GMS5ntA.ttf) format('truetype'); } @font-face { font-family: 'Merriweather'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/merriweather/v30/u-4m0qyriQwlOrhSvowK_l5-eSZJ.ttf) format('truetype'); } @font-face { font-family: 'Merriweather'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/merriweather/v30/u-440qyriQwlOrhSvowK_l5Oew.ttf) format('truetype'); } @font-face { font-family: 'Merriweather'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/merriweather/v30/u-4n0qyriQwlOrhSvowK_l52xwNpXw.ttf) format('truetype'); } /******************************/ /**************************/ /********************************************* The variables below normally use one of the more generic variables defined above. Modify below this line only if design is different from standard template ************************************************/ /********* end generic variables used in multiple places */ /************************/ /************************/ /*other month day text color*/ /********************************************* The variables below normally use one of the more generic variables defined above. Modify below this line only if design is different from standard template ************************************************/ /*** border color for listtable and tableData/tableBox classes*/ @font-face { font-family: 'Glyphicons Halflings'; src: url('fonts/glyphicons-halflings-regular.eot'); src: url('fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('fonts/glyphicons-halflings-regular.woff') format('woff'), url('fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); } /*settings and theme files include variables*/ a, a:visited, .column a { color: #05649B; text-decoration: underline; } a:hover, a:focus { text-decoration: none; } a[name], a[name]:hover, a[name]:focus { color: #393939; text-decoration: none; } a img { border: 0; } a:before, a:after { text-decoration: underline; } a:before, a:after, a:hover:before, a:hover:after { text-decoration: none; } body.front_end_body, .sitewrapper, .sitewrapper select, .sitewrapper input, .sitewrapper textarea, .sitewrapper table, #broken_links_reporter_form, body.dialog_body, body[radeditorbody], body[radeditorbody] table { font-size: 1.125rem !important; line-height: 1.5 !important; font-family: 'Nunito Sans', sans-serif !important; color: #393939; } .front_end_body :target:before, .front_end_body a[name]:before { content: ""; display: block; height: 5.5rem; /* fixed header height plus a little padding*/ position: relative; z-index: -1; } p { margin: 0 0 1em 0; font-family: 'Merriweather', serif; } table img { max-width: none; } h1, .content_area h1, .reDropDownBody h1 { color: #0D0D0D; font-weight: bold; font-size: 2.5rem; font-family: 'Nunito Sans', sans-serif; } h2, .content_area h2, .reDropDownBody h2 { font-size: 2rem; color: #0D0D0D; font-weight: bold; font-family: 'Nunito Sans', sans-serif; } h3, .content_area h3, .reDropDownBody h3 { font-size: 1.75rem; color: #0D0D0D; font-weight: bold; font-family: 'Nunito Sans', sans-serif; } h4, .content_area h4, .reDropDownBody h4 { font-size: 1.5rem; color: #0D0D0D; font-weight: bold; font-family: 'Nunito Sans', sans-serif; } h5, .content_area h5, .reDropDownBody h5 { font-size: 1.375rem; color: #0D0D0D; font-weight: bold; font-family: 'Nunito Sans', sans-serif; } h6, .content_area h6, .reDropDownBody h6 { color: #0D0D0D; font-weight: bold; font-size: 100%; font-family: 'Nunito Sans', sans-serif; } .subtitle { font-size: 2rem; color: #0D0D0D; font-weight: bold; font-family: 'Nunito Sans', sans-serif; } .subtitle p, .subtitle a { color: #0D0D0D; font-weight: bold; } /* Default Data Table Styling. Should match general table style in Interior comp. Modify padding and borders ONLY (if needed), otherwise do not modify. everything else controlled in settings.global or settings.colors. Should match _objects.listtable.less and _components.tableBox.less ================================================== */ table.tableData { font-weight: normal; background: #fff; margin-bottom: 14px; border: 0px solid #C4C4C4; border-spacing: 0px; width: auto; } table.tableData th { text-transform: uppercase; padding: 6px 9px; text-align: left; background: #05649B !important; color: #ffffff; font-weight: bold; font-size: 1.125rem; font-family: 'Nunito Sans', sans-serif; } table.tableData th a { color: #ffffff !important; } table.tableData th p { padding: 0; margin: 0; color: #ffffff; } table.tableData a { color: #05649B; } table.tableData p { color: #393939; } table.tableData td { color: #393939; font-size: 0.875rem; } table.tableData tr td { border-left: 1px solid #C4C4C4; } table.tableData tr td:last-child { border-right: 1px solid #C4C4C4; } table.tableData tr:hover { background: #fff; } table.tableData tr:hover > td a { color: #05649B !important; } table.tableData tr:hover > td, table.tableData tr:hover > td > p { color: #393939 !important; } table.tableData { border-collapse: separate; } table.tableData tbody tr:first-child td { border-top: 0; } table.tableData th { border-left: 1px solid #05649B; } table.tableData thead { border: 1px solid #05649B; } table.tableData td { border: 0; border-bottom: 1px solid #C4C4C4; padding: 3px 9px 3px 9px; } table.tableData td p { padding: 0; margin: 0; } @media screen and (max-width: 48em) { body:not([radeditorbody]) table.tableData { width: 100% !important; } } /* Default Data Table Styling. Should match general table style in Interior comp. Modify padding and borders ONLY (if needed), otherwise do not modify. everything else controlled in settings.global or settings.colors. Should match _objects.listtable.less and _components.tableData.less ================================================== */ table.tableBox { font-weight: normal; background: #fff; margin-bottom: 14px; border: 0px solid #C4C4C4; border-spacing: 0px; width: auto; } table.tableBox th { text-transform: uppercase; padding: 6px 9px; text-align: left; background: #05649B !important; color: #ffffff; font-weight: bold; font-size: 1.125rem; font-family: 'Nunito Sans', sans-serif; } table.tableBox th a { color: #ffffff !important; } table.tableBox th p { padding: 0; margin: 0; color: #ffffff; } table.tableBox a { color: #05649B; } table.tableBox p { color: #393939; } table.tableBox td { color: #393939; font-size: 0.875rem; } table.tableBox tr td { border-left: 1px solid #C4C4C4; } table.tableBox tr td:last-child { border-right: 1px solid #C4C4C4; } table.tableBox tr:hover { background: #fff; } table.tableBox tr:hover > td a { color: #05649B !important; } table.tableBox tr:hover > td, table.tableBox tr:hover > td > p { color: #393939 !important; } table.tableBox { border-bottom: 1px solid #C4C4C4; } table.tableBox th, table.tableBox td { padding: 5px; } table.tableBox td { border-top: 1px solid #C4C4C4; } .styled-button { display: inline-block; padding: 1rem 2rem; margin: 0.5rem 0; font-size: 1.125rem; font-family: 'Nunito Sans', sans-serif; font-weight: normal; line-height: 1.5 !important; white-space: nowrap; text-decoration: none; text-transform: none; background: #FBB040; color: #181818 !important; vertical-align: middle; border: 0; border-radius: 0; transition: all 300ms ease; } .styled-button:hover, .styled-button:focus { background: #D7DF23; text-decoration: none; } a.styled-button, button.styled-button { display: inline-block; padding: 1rem 2rem; margin: 0.5rem 0; font-size: 1.125rem; font-family: 'Nunito Sans', sans-serif; font-weight: normal; line-height: 1.5 !important; white-space: nowrap; text-decoration: none; text-transform: none; background: #FBB040; color: #181818 !important; vertical-align: middle; border: 0; border-radius: 0; transition: all 300ms ease; } a.styled-button:hover, button.styled-button:hover, a.styled-button:focus, button.styled-button:focus { background: #D7DF23; text-decoration: none; }