/* Theme Name: GeneratePress Child, UCSC - BE Variant Theme URI: https://generatepress.com Description: Customized GeneratePress child theme Author: Barretto-Co. Author URI: http://barretto-co.com/ Template: generatepress Version: 0.0.27 */ /* Fonts Imports (DO NOT PUT ANYTHING ABOVE THIS! IT BREAKS THE FONT IMPORT!) */ /* Google Fonts */ /* Roboto */ /* Imports */ /* Declarations */ .roboto { font-family: 'Roboto', sans-serif; } /* ## Root Controllers */ :root { --dcr_mobilePadding: 5.55vw; --dcr_mobileH2: 24px; --dcr_mobileP: 18px; --dcr_mobileP-LH: 1.583; } /* Fonts */ h1 { font-family: 'Roboto', sans-serif; font-size: 44px; font-weight: 700; letter-spacing: -.1px; line-height: 1.3; } article.post h1 { font-size: 36px; line-height: 1.3; letter-spacing: normal; } h2 { font-family: 'Roboto', sans-serif; font-size: 36px; font-weight: 700; line-height: 38px; letter-spacing: normal; } @media all and (max-width: 767px) { h2 { font-size: var(--dcr_mobileH2); line-height: var(--dcr_mobileP-LH); } } h3 { font-family: 'Roboto', sans-serif; font-size: 22px; font-weight: 400; line-height: 1.3; letter-spacing: normal; } h4 { font-family: 'Roboto', sans-serif; } h5 { font-family: 'Roboto', sans-serif; } h6 { font-family: 'Roboto', sans-serif; } p, li:not(.type-post) { font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 400; line-height: 1.33; letter-spacing: 0.12px; } a, a:link, a:visited, a:active { color: #003c6c; text-decoration: none; } a:hover { text-decoration: underline; -webkit-text-decoration-color: #ffc500; text-decoration-color: #ffc500; text-decoration-skip-ink: auto; text-decoration-thickness: 0.18em; text-underline-offset: 0.12em; } /* Editor Specific Styling (PRE) */ /* .block-editor-block-inspector__advanced { display: none !important } */ #editor .dcs_hideFromEditor, .dcs_hideFromEditor { display: none !important; } #editor :where(.wp-block) { margin-top: initial; margin-bottom: initial; } #editor .dcs_heroImageSlide { position: relative !important; opacity: 1 !important; } #editor .dcs_heroImageSlide .wp-block-cover { position: relative !important; display: flex !important; } #editor .dcs_heroImageSlide .wp-block { margin-left: initial; } /* Global */ /* Hide Codes */ body:not(.block-editor-page) .dch_all, body:not(.block-editor-page) .dch_global { display: none !important; } @media all and (min-width: 1303px) { body:not(.block-editor-page) .dch_desktop { display: none !important; } } @media all and (min-width: 1261px) and (max-width: 1302px) { body:not(.block-editor-page) .dch_tablet { display: none !important; } } @media all and (max-width: 1260px) { body:not(.block-editor-page) .dch_mobile { display: none !important; } } /* Max Width Controllers */ .site-content .dcs_mwc { margin: 0 auto; } .site-content .dcs_mw1111 { max-width: 1111px; } .site-content .dcs_mw1000 { max-width: 1000px; } .site-content .dcs_mw968 { max-width: 968px; } .site-content .dcs_mw920 { max-width: 920px; } /* Top Bar */ .top-bar { background: #00396c; } .top-bar .inside-top-bar { padding: 0px 120px; } @media all and (max-width: 767px) { .top-bar .inside-top-bar { padding: 0px var(--dcr_mobilePadding); } } .top-bar .inside-top-bar aside, .top-bar .inside-top-bar aside > div, .top-bar .inside-top-bar aside > div ul#menu-top-bar { width: 100%; } .top-bar .inside-top-bar aside > div ul#menu-top-bar { position: relative; justify-content: right; display: block; text-align: right; } @media all and (max-width: 767px) { .top-bar .inside-top-bar aside > div ul#menu-top-bar { justify-content: left; text-align: left; } } .top-bar .inside-top-bar aside > div ul#menu-top-bar > li { display: inline-block; } .top-bar .inside-top-bar aside > div ul#menu-top-bar > li:first-child { position: absolute; left: 0px; } @media all and (max-width: 767px) { .top-bar .inside-top-bar aside > div ul#menu-top-bar > li:first-child { position: initial; left: initial; } } @media all and (max-width: 767px) { .top-bar .inside-top-bar aside > div ul#menu-top-bar > li:not(:first-child) { display: none; } } .top-bar .inside-top-bar aside > div ul#menu-top-bar > li a { display: inline-block; padding-top: 23px; padding-bottom: 18px; font-family: 'Roboto', sans-serif; font-size: 12px; font-weight: 500; color: rgba(255,255,255,1); letter-spacing: 1.1px; text-transform: uppercase; text-decoration: none; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } @media all and (max-width: 767px) { .top-bar .inside-top-bar aside > div ul#menu-top-bar > li a { padding-top: 17px; padding-bottom: 12px; } } .top-bar .inside-top-bar aside > div ul#menu-top-bar > li:not(.menu-item-has-children):not(:first-child) a:hover { opacity: 0.6; } .top-bar .inside-top-bar aside > div ul#menu-top-bar > li:first-child a { color: #F29813; font-size: 14px; font-weight: 400; letter-spacing: 0.79px; text-transform: initial; } .top-bar .inside-top-bar aside > div ul#menu-top-bar > li:first-child:hover a { color: #FFF; } .top-bar .inside-top-bar aside > div ul#menu-top-bar > li:first-child a::before { content: " "; position: relative; top: 1px; display: inline-block; margin-right: 5px; width: 10px; height: 10px; background-image: url(/wp-content/uploads/2022/07/UCSC_Left-Chevron-Orange.png); background-size: contain; background-repeat: no-repeat; } /* Legacy Code */.top-bar .inside-top-bar aside > div ul#menu-top-bar > li.menu-item-has-children > a { color: #FFF; }/* END Legacy Code */ .top-bar .inside-top-bar aside > div ul#menu-top-bar > li.dcs_gold.menu-item-has-children > a { color: #F29813; } .top-bar .inside-top-bar aside > div ul#menu-top-bar > li.menu-item-has-children > a::after { content: " "; position: relative; top: 1px; display: inline-block; transform: rotate(270deg); margin-left: 5px; width: 10px; height: 10px; background-image: url(/wp-content/uploads/2022/07/UCSC_Left-Chevron-Orange.png); background-size: contain; background-repeat: no-repeat; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .top-bar .inside-top-bar aside > div ul#menu-top-bar > li.menu-item-has-children:hover > a::after { transform: rotate(270deg) scale(-1); } /* Sub-Menus */ .top-bar .inside-top-bar aside > div ul#menu-top-bar > li.menu-item-has-children:hover > ul { position: absolute; top: 56px; left: initial; right: 0px; z-index: 2000; display: block; margin-left: 0px; margin-top: 0px; width: 324px; padding-top: 16px; padding-bottom: 21px; background: rgba(255,255,255,.95); text-align: right; } .top-bar .inside-top-bar aside > div ul#menu-top-bar > li.menu-item-has-children > ul li { margin-left: 0px; margin-right: 0px; } .top-bar .inside-top-bar aside > div ul#menu-top-bar > li.menu-item-has-children > ul li a { padding: 0px 17px; color: rgba(0, 60, 108, 1); font-size: 12px; font-weight: 500; letter-spacing: 0.85px; line-height: 19px; text-transform: initial; } .top-bar .inside-top-bar aside > div ul#menu-top-bar > li.menu-item-has-children > ul li a:hover { color: #F29813; } .top-bar .inside-top-bar aside > div ul#menu-top-bar > li.menu-item-has-children > ul li a hr { position: relative; left: -17px; margin-top: 11px; margin-bottom: 5px; width: 324px; background: rgba(0, 60, 108, .2); } /* Header (above Navigation, below Top Bar) */ header.site-header { background: #033054; } header.site-header .inside-header { padding: 55px 120px 20px; } @media all and (max-width: 767px) { header.site-header .inside-header { padding: 16px var(--dcr_mobilePadding); } } /* Primary Menu Wrapper */ nav#site-navigation { background: #033054; border-bottom: 4px solid #F29813; } nav#site-navigation .inside-navigation { padding-left: 120px; padding-right: 120px; } /* Mobile Toggle */ nav#site-navigation .inside-navigation button.menu-toggle { position: absolute; top: -139px; /* Fixed: 49px; */ right: 0px; padding: 0px var(--dcr_mobilePadding); font-family: 'Roboto', sans-serif; color: rgba(255,255,255,1); font-size: 20px; font-weight: 400; letter-spacing: -0.2px; } nav#site-navigation .inside-navigation button.menu-toggle .mobile-menu { display: none; } /* Primary Menu */ nav#site-navigation .inside-navigation #primary-menu { width: 100%; } @media all and (max-width: 767px) { nav#site-navigation .inside-navigation #primary-menu { position: absolute; top: -82px; /* Fixed: 108px; */ left: 0px; z-index: 9999; width: 100%; } } /* Primary Menu, Top Level Wrapper */ nav#site-navigation .inside-navigation #primary-menu ul#menu-primary-menu { display: flex; justify-content: space-between; background: #FFF; } @media all and (max-width: 767px) { nav#site-navigation:not(.toggled) .inside-navigation #primary-menu ul#menu-primary-menu { display: none; } } /* Primary Menu, Top Level Items */ nav#site-navigation .inside-navigation #primary-menu ul#menu-primary-menu > li { flex-grow: 1; vertical-align: middle; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } nav#site-navigation .inside-navigation #primary-menu ul#menu-primary-menu > li, nav#site-navigation .inside-navigation #primary-menu ul#menu-primary-menu > li > a { background: #FFF; } nav#site-navigation .inside-navigation #primary-menu ul#menu-primary-menu > li a { vertical-align: middle; padding-top: 12px; padding-bottom: 10px; font-family: 'Roboto', sans-serif; font-size: 17px; font-weight: 500; color: #003C6C; letter-spacing: 0px; text-align: center; line-height: 1; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } /* Quick Links */ nav#site-navigation .inside-navigation #primary-menu ul#menu-primary-menu > li.dcs_quickLinks { display: none; } nav#site-navigation .inside-navigation #primary-menu ul#menu-primary-menu > li.dcs_quickLinks a { background: #00396c !important; } @media all and (max-width: 767px) { nav#site-navigation .inside-navigation #primary-menu ul#menu-primary-menu > li a { padding-left: var(--dcr_mobilePadding); text-align: left; } /* Mobile Quick Links */ nav#site-navigation .inside-navigation #primary-menu ul#menu-primary-menu > li.dcs_quickLinks { display: list-item; } nav#site-navigation .inside-navigation #primary-menu ul#menu-primary-menu > li.dcs_quickLinks a, nav#site-navigation .inside-navigation #primary-menu ul#menu-primary-menu > li.dcs_quickLinks a span.dropdown-menu-toggle { background: #00396c; text-transform: uppercase; color: #FFF; } /* Toggle */ nav#site-navigation .inside-navigation #primary-menu ul#menu-primary-menu > li.dcs_quickLinks a span.dropdown-menu-toggle { color: #FFF; } /* First Mobile Quick Link */ nav#site-navigation .inside-navigation #primary-menu ul#menu-primary-menu > li:not(.dcs_quickLinks) + li.dcs_quickLinks > a { padding-top: 20px; } /* Quick Link */ nav#site-navigation .inside-navigation #primary-menu ul#menu-primary-menu > li.dcs_quickLinks > a, /* legacy */ nav#site-navigation .inside-navigation #primary-menu ul#menu-primary-menu > li.dcs_quickLinks:last-child > a { color: #FFF; -webkit-transition: all 0ms ease-in-out; -moz-transition: all 0ms ease-in-out; -o-transition: all 0ms ease-in-out; transition: all 0ms ease-in-out; } /* Variant: Gold */ nav#site-navigation .inside-navigation #primary-menu ul#menu-primary-menu > li.dcs_quickLinks.dcs_gold > a { color: #F29813; } /* Toggled Open */ nav#site-navigation .inside-navigation #primary-menu ul#menu-primary-menu > li.dcs_quickLinks:not(.sfHover) > a { padding-bottom: 20px; } /* Mobile Quick Links Sub-Menus */ nav#site-navigation .inside-navigation #primary-menu ul#menu-primary-menu > li.dcs_quickLinks.menu-item li.menu-item { border-bottom: 0px solid rgba(255,255,255,0); } nav#site-navigation .inside-navigation #primary-menu ul#menu-primary-menu > li.dcs_quickLinks.menu-item li.menu-item a { padding-left: calc(var(--dcr_mobilePadding) + 20px); padding-right: calc(var(--dcr_mobilePadding) + 20px); text-transform: initial; color: #FFF; } /* Mobile Last Child in Quick Links Sub-Menu */ nav#site-navigation .inside-navigation #primary-menu ul#menu-primary-menu > li.dcs_quickLinks.menu-item li.menu-item:last-child a { padding-bottom: 20px; } /* Horizontal Rules */ nav#site-navigation .inside-navigation #primary-menu ul#menu-primary-menu > li.dcs_quickLinks.menu-item li.menu-item a hr { margin-top: 0px; margin-bottom: 0px; width: calc(100% - 20px); background-color: #FFF; } } nav#site-navigation .inside-navigation #primary-menu ul#menu-primary-menu > li:hover > a { background: initial; color: #F29813; } nav#site-navigation .inside-navigation #primary-menu ul#menu-primary-menu > li a span.dropdown-menu-toggle { position: relative; color: #003C6C; opacity: .4; } nav#site-navigation .inside-navigation #primary-menu ul#menu-primary-menu > li a span.dropdown-menu-toggle > span { position: absolute; top: calc(50% - 15px); -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } @media all and (max-width: 767px) { nav#site-navigation .inside-navigation #primary-menu ul#menu-primary-menu > li a span.dropdown-menu-toggle > span { top: calc(50% - 3px); right: var(--dcr_mobilePadding); } } nav#site-navigation .inside-navigation #primary-menu ul#menu-primary-menu > li:hover a span.dropdown-menu-toggle span { transform: scale(-1); top: calc(50% - 12px); } @media all and (max-width: 767px) { nav#site-navigation .inside-navigation #primary-menu ul#menu-primary-menu > li:hover a span.dropdown-menu-toggle span, nav#site-navigation .inside-navigation #primary-menu ul#menu-primary-menu > li.sfHover a span.dropdown-menu-toggle span { transform: initial; top: calc(50% - 3px); } } /* Primary Menu, Sub-Menu */ nav#site-navigation .inside-navigation #primary-menu ul#menu-primary-menu > li ul.sub-menu { width: 300px; padding-top: 4px; background: rgba(255,255,255,0); box-shadow: initial; } @media all and (max-width: 767px) { nav#site-navigation .inside-navigation #primary-menu ul#menu-primary-menu > li ul.sub-menu { width: 100%; } nav#site-navigation .inside-navigation #primary-menu ul#menu-primary-menu > li.dcs_quickLinks ul.sub-menu { padding-top: 0px; } } nav#site-navigation .inside-navigation #primary-menu ul#menu-primary-menu > li ul.sub-menu li { background: #efefef; } nav#site-navigation .inside-navigation #primary-menu ul#menu-primary-menu > li ul.sub-menu li:not(:last-child) { border-bottom: 1px solid rgba(120, 120, 128, 0.2); } nav#site-navigation .inside-navigation #primary-menu ul#menu-primary-menu > li ul.sub-menu li > a { background: initial; font-size: 16px; line-height: 1.3; font-weight: 500; text-align: left; } nav#site-navigation .inside-navigation #primary-menu ul#menu-primary-menu > li ul.sub-menu li:hover a { color: #F29813; } nav#site-navigation .inside-navigation #primary-menu ul#menu-primary-menu > li ul.sub-menu li:first-child a { padding-top: 28px; } @media all and (max-width: 767px) { nav#site-navigation .inside-navigation #primary-menu ul#menu-primary-menu > li ul.sub-menu li:first-child a { padding-top: 12px; } } /* Primary Menu > Search */ nav#site-navigation .inside-navigation .menu-bar-items { position: absolute; top: -100px; right: 120px; border-bottom: 1px solid rgba(255, 255, 255, .6); } @media all and (max-width: 767px) { nav#site-navigation .inside-navigation .menu-bar-items { top: -116px; /* Fixed: 71px; */ right: calc(39px + var(--dcr_mobilePadding)); border-bottom: 0px solid rgba(255, 255, 255, .6); } } nav#site-navigation .inside-navigation .menu-bar-items span a { position: relative; width: 192px; height: 23px; padding-left: 0px; padding-right: 0px; background: initial; color: rgba(255, 255, 255, .6); font-size: 14px; } @media all and (max-width: 767px) { nav#site-navigation .inside-navigation .menu-bar-items span a { width: initial; } } nav#site-navigation .inside-navigation .menu-bar-items span a::before { content: "Search"; position: absolute; left: 0px; top: calc(50% - 6px); transform: translateY(-50%); font-family: 'Roboto', sans-serif; line-height: 1; } @media all and (max-width: 767px) { nav#site-navigation .inside-navigation .menu-bar-items span a::before { display: none; } } nav#site-navigation .inside-navigation .menu-bar-items span.close-search a::before { visibility: hidden; } nav#site-navigation .inside-navigation .menu-bar-items span a span { position: absolute; right: 0px; top: calc(50% - 6px); transform: translateY(-50%); } /* Search Form */ nav#site-navigation .inside-navigation form.search-form { z-index: 100; left: initial; right: 141px; top: -108px; width: 170px; } @media all and (max-width: 767px) { nav#site-navigation .inside-navigation form.search-form { right: 95px; top: -124px; padding-right: 20px; border-bottom: 1px solid rgba(255,255,255,.5); } } nav#site-navigation .inside-navigation form.search-form input.search-field { opacity: 1; height: 20px; padding-top: 7px; padding-left: 5px; background: initial; font-size: 14px; } /* Global: Body; */ body { background: #FFF; /* Resolves overflow issue */ max-width: 100vw; overflow-x: hidden; } /* Resolves issue with WP Admin bar showing for non-logged in users */ /* Legacy Code */ body:not(.logged-in) { margin-top: 0px; } /* END Legacy Code */ body:not(.logged-in) #wpadminbar { display: none; } /* Featured Images */ /* Custom Disable */ body.dcs_hideFeaturedImage .featured-image { display: none; } body.featured-image-active .featured-image { position: relative; margin-top: 0px; } body.featured-image-active .featured-image::after { content: " "; position: absolute; top: 0px; left: 0px; z-index: 90; width: 100%; height: 50px; background: linear-gradient(180deg, rgba(0,0,0,.3) 0%, rgba(0,0,0,0) 100%); } /* Breadcrumbs */ body .dcg_customBreadcrumb, /* Legacy */ .site-content .dcg_custombreadcrumb { padding-top: 10px; padding-left: 120px; padding-right: 120px; font-family: 'Roboto', sans-serif; font-size: 11px; font-weight: 500; letter-spacing: 0.8px; line-height: 24px; text-transform: uppercase; } body.logged-in.featured-image-active .dcg_customBreadcrumb, body.logged-in.dcs_hasHeroImageSlider .dcg_customBreadcrumb { transform: translateY(32px); } /* Mobile, not when Featured Image or Hero Slider exists */ @media all and (max-width: 767px) { body:not(.featured-image-active):not(.dcs_hasHeroImageSlider) .dcg_customBreadcrumb, /* Legacy */ .site-content .dcg_custombreadcrumb { padding-left: var(--dcr_mobilePadding); padding-right: var(--dcr_mobilePadding); } } /* All Pages */ /* All Pages > When Featured Image is present */ body.page.featured-image-active:not(.dcs_hasHeroImageSlider) .dcg_customBreadcrumb { position: absolute; top: 229px; z-index: 100; color: #FFF; } @media all and (max-width: 1076px) { /* Set to width when main navigation first breaks to 2 rows */ body.page.featured-image-active:not(.dcs_hasHeroImageSlider) .dcg_customBreadcrumb { top: 268px; } } @media all and (max-width: 769px) { body.page.featured-image-active:not(.dcs_hasHeroImageSlider) .dcg_customBreadcrumb { top: 276px; } } @media all and (max-width: 767px) { body.page.featured-image-active:not(.dcs_hasHeroImageSlider) .dcg_customBreadcrumb { top: 146px; left: calc(20vw / 3.76); } } /* All Pages > When Hero Slider is present */ body.page.dcs_hasHeroImageSlider .dcg_customBreadcrumb { position: absolute; top: 227px; z-index: 100; color: #FFF; } @media all and (max-width: 1440px) { body.page.dcs_hasHeroImageSlider .dcg_customBreadcrumb { left: calc(120vw / 14.4); padding-left: 0px; } } @media all and (max-width: 1076px) { /* Set to width when main navigation first breaks to 2 rows */ body.page.dcs_hasHeroImageSlider .dcg_customBreadcrumb { top: 263px; } } @media all and (max-width: 960px) { body.page.dcs_hasHeroImageSlider .dcg_customBreadcrumb { top: 258px; } } @media all and (max-width: 835px) { body.page.dcs_hasHeroImageSlider .dcg_customBreadcrumb { left: calc(20vw / 3.76); } } @media all and (max-width: 767px) { body.page.dcs_hasHeroImageSlider .dcg_customBreadcrumb { top: 137px;; left: calc(20vw / 3.76); } } body.page.dcs_hasHeroImageSlider .dcg_customBreadcrumb a { color: #FFF; -webkit-text-decoration-color: #FFF; text-decoration-color: #FFF; } body.page.dcs_hasHeroImageSlider .dcg_customBreadcrumb a:hover { color: #ffc500; -webkit-text-decoration-color: #ffc500; text-decoration-color: #ffc500; } /* Page Specific */ /* Page Specific > Homepage */ body.home .dcg_customBreadcrumb { /* Disables on Homepage */ display: none; } /* All Posts */ /* All Posts > When Featured Image is present */ body.single-post.featured-image-active:not(.dcs_hasHeroImageSlider) .dcg_customBreadcrumb { position: absolute; top: 229px; z-index: 100; padding-left: 140px; color: #FFF; } @media all and (max-width: 1076px) { /* Set to width when main navigation first breaks to 2 rows */ body.single-post.featured-image-active:not(.dcs_hasHeroImageSlider) .dcg_customBreadcrumb { top: 268px; } } @media all and (max-width: 769px) { body.single-post.featured-image-active:not(.dcs_hasHeroImageSlider) .dcg_customBreadcrumb { top: 276px; } } @media all and (max-width: 767px) { body.single-post.featured-image-active:not(.dcs_hasHeroImageSlider) .dcg_customBreadcrumb { top: 146px; padding-left: 20px; } } /* All Posts > When Hero Slider is present */ body.single-post.dcs_hasHeroImageSlider .dcg_customBreadcrumb { top: 227px; } @media all and (max-width: 1440px) { body.single-post.dcs_hasHeroImageSlider .dcg_customBreadcrumb { left: calc(120vw / 14.4); padding-left: 0px; } } @media all and (max-width: 1076px) { /* Set to width when main navigation first breaks to 2 rows */ body.single-post.dcs_hasHeroImageSlider .dcg_customBreadcrumb { top: 263px; } } @media all and (max-width: 960px) { body.single-post.dcs_hasHeroImageSlider .dcg_customBreadcrumb { top: 258px; } } @media all and (max-width: 835px) { body.single-post.dcs_hasHeroImageSlider .dcg_customBreadcrumb { left: calc(20vw / 3.76); } } @media all and (max-width: 767px) { body.single-post.dcs_hasHeroImageSlider .dcg_customBreadcrumb { top: 137px;; left: calc(20vw / 3.76); } } body.single-post.dcs_hasHeroImageSlider .dcg_customBreadcrumb a { color: #FFF; -webkit-text-decoration-color: #FFF; text-decoration-color: #FFF; } body.single-post.dcs_hasHeroImageSlider .dcg_customBreadcrumb a:hover { color: #ffc500; -webkit-text-decoration-color: #ffc500; text-decoration-color: #ffc500; } /* Typography */ .site-content .dcg_customBreadcrumb a { text-decoration: underline; -webkit-text-decoration-color: #003c6c; text-decoration-color: #003c6c; text-decoration-skip-ink: auto; text-decoration-thickness: 0.18em; text-underline-offset: 0.12em; } .site-content .dcg_customBreadcrumb a:hover { color: #ffc500; text-decoration-color: #ffc500; text-decoration-color: #ffc500; } /* When Featured Image is present */ body.featured-image-active .site-content .dcg_customBreadcrumb a { color: #FFF; -webkit-text-decoration-color: #FFF; text-decoration-color: #FFF; } body.featured-image-active .site-content .dcg_customBreadcrumb a:hover { color: #ffc500; text-decoration-color: #ffc500; text-decoration-color: #ffc500; } /* Controls Top & Bottom Padding of Main Content/Article Area */ .site-content .inside-article { padding-top: 40px; padding-bottom: 40px; } /* Addresses Horizontal Width & Positioning */ .separate-containers .comments-area, .separate-containers .inside-article, .separate-containers .page-header, .separate-containers .paging-navigation { padding-left: 120px; padding-right: 120px; } @media all and (max-width: 767px) { .separate-containers .comments-area, .separate-containers .inside-article, .separate-containers .page-header, .separate-containers .paging-navigation { padding-left: var(--dcr_mobilePadding); padding-right: var(--dcr_mobilePadding); } } /* Wide Variant */ .entry-content > .alignwide, body:not(.no-sidebar) .entry-content > .alignfull { margin-left: -120px; width: calc(100% + 240px); max-width: calc(100% + 240px); } @media all and (max-width: 767px) { .entry-content > .alignwide, body:not(.no-sidebar) .entry-content > .alignfull { margin-left: calc(var(--dcr_mobilePadding) * -1); width: calc(100% + (var(--dcr_mobilePadding) * 2)); max-width: calc(100% + (var(--dcr_mobilePadding) * 2)); } body.no-sidebar .entry-content .alignfull { margin-left: calc(var(--dcr_mobilePadding) * -1); margin-right: calc(var(--dcr_mobilePadding) * -1); } } /* Nested Wide Variant */ .entry-content > .alignwide .alignwide { margin-left: 0px; width: initial; max-width: 100%; } /* Controls spacing after each element */ .entry-content > [class*="wp-block-"]:not(:last-child) { margin-bottom: 0px; } /* Controls Non-Text Link Styling */ .site-content .wp-block-image a img { -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .site-content .wp-block-image a:hover img { filter: grayscale(100%); } /* Removes bottom margin on last page element */ .entry-content > :last-child { margin-bottom: 0px; } /* Global: Single Page; */ /* Relational Posts */ body.page figure.wp-block-post-featured-image { aspect-ratio: 1 / .75; } body.page figure.wp-block-post-featured-image a { width: 100%; height: 100%; } body.page figure.wp-block-post-featured-image img { width: 100%; height: 100%; object-fit: cover; } body.page .wp-block-query .wp-block-post-date { margin-top: 8px; } body.page .wp-block-query h2.wp-block-post-title { margin-top: 6px; font-size: 22px; line-height: 1.2; } /* Pagination */ body.page .wp-block-query .wp-block-query-pagination { margin-top: 20px; } body.page .wp-block-query .wp-block-query-pagination span.page-numbers.current { color: #f29813; font-weight: 700; } /* Global: Single Post Page; */ /* Featured Image Support */ .single-post.featured-image-active { } /* Page Preparation */ .single-post.featured-image-active .site-main { margin-top: 0px; } .single-post.featured-image-active .inside-article { padding-top: 0px; } /* Byline */ .single-post .byline { display: block; } /* Social Sharing */ .single-post .scriptlesssocialsharing { } .single-post .scriptlesssocialsharing a { background-color: initial; } .single-post .scriptlesssocialsharing a, .single-post .scriptlesssocialsharing a::before { color: #003C6C; } .single-post .scriptlesssocialsharing a:hover, .single-post .scriptlesssocialsharing a:hover::before { color: rgb(242,152,19); } /* Relational Posts */ .single-post figure.wp-block-post-featured-image { aspect-ratio: 1 / .75; } .single-post figure.wp-block-post-featured-image a { width: 100%; height: 100%; } .single-post figure.wp-block-post-featured-image img { width: 100%; height: 100%; object-fit: cover; } .single-post .wp-block-query .wp-block-post-date { margin-top: 8px; } .single-post .wp-block-query h2.wp-block-post-title { margin-top: 6px; font-size: 22px; line-height: 1.2; } /* Pagination */ .single-post .wp-block-query .wp-block-query-pagination { margin-top: 20px; } .single-post .wp-block-query .wp-block-query-pagination span.page-numbers.current { color: #f29813; font-weight: 700; } /* Global Element: Buttons; */ .site-content .wp-block-buttons a { display: inline-block; padding: 8px 33px 8px !important; background: rgba(0,60,108,1) !important; border: 2px solid #F29813 !important; border-radius: 0px; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 500; letter-spacing: 0px; line-height: 24px; text-decoration: none; color: #FFF !important; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .site-content .wp-block-buttons a:hover { background: #F29813 !important; color: rgba(0,60,108,1) !important; } /* Element: Local List; */ .site-content #lclst_widget_footer { /* Disables logo across whole site */ display: none !important } /* Within Callouts with Full Width BG */ /* Typography */ .site-content .dcp_calloutFullWidthBg .localist-widget, .site-content .dcp_calloutFullWidthBg .localist-widget .event-detail-title, .site-content .dcp_calloutFullWidthBg .localist-widget .event-short-date, .site-content .dcp_calloutFullWidthBg .localist-widget .event-card .content > p { font-family: 'Roboto', sans-serif !important; } /* Date */ .site-content .dcp_calloutFullWidthBg .localist-widget .event-short-date { font-weight: 700; } /* Month */ .site-content .dcp_calloutFullWidthBg .localist-widget .event-short-date abbr { text-decoration: initial; } /* Event Description */ .site-content .dcp_calloutFullWidthBg .localist-widget .event-card .content > p { font-size: 14px; font-weight: 400; line-height: 1.33; letter-spacing: 0.12px; } .site-content .dcp_calloutFullWidthBg .localist-widget { display: flex; justify-content: space-between; font-family: 'Roboto', sans-serif !important; } .site-content .dcp_calloutFullWidthBg .localist-widget .event-list li { margin-right: 0px; max-width: initial; width: 33%; } @media all and (max-width: 720px) { .site-content .dcp_calloutFullWidthBg .localist-widget .event-list li { width: 50%; } } @media all and (max-width: 480px) { .site-content .dcp_calloutFullWidthBg .localist-widget .event-list li { width: 100%; } } .site-content .dcp_calloutFullWidthBg .localist-widget .event-list li .event-card { margin-bottom: 0px; height: auto; padding-bottom: 25px; } .site-content .dcp_calloutFullWidthBg .localist-widget .event-list li .event-card header { height: auto; overflow: visible; } .site-content .dcp_calloutFullWidthBg .localist-widget .event-list li .event-card header h2.event-title { position: relative; white-space: initial; margin-bottom: 0px; height: 99px; padding: 16px 51px 16px 20px; background: #033054; overflow-y: hidden; color: #FFF; font-size: 18px; line-height: 1.3; } .site-content .dcp_calloutFullWidthBg .localist-widget .event-list li .event-card header h2.event-title::after { content: " "; width: 100%; height: 35px; position: absolute; bottom: 0px; left: 0px; background: linear-gradient(0deg, rgba(0,0,0,.4) 0%, rgba(0,0,0,0) 100%); } .site-content .dcp_calloutFullWidthBg .localist-widget .event-list li .event-card header time.event-short-date { left: initial; right: 0px; top: 12px; background: initial; } /* Event Details (hover state) */ .site-content .dcp_calloutFullWidthBg .localist-widget .event-list li .event-card .event-details { padding-top: 16px; background: rgb(0 0 0 / 80%); } /* Event Title */ .site-content .dcp_calloutFullWidthBg .localist-widget .event-detail-title { color: #FFF; font-size: 18px; line-height: 1.3; } .site-content .dcp_calloutFullWidthBg .localist-widget .event-list li .event-card .start-time { display: none; } .site-content .dcp_calloutFullWidthBg .localist-widget img { } /* Global Elements: Page Specific; */ /* Top and Bottom margin & padding of main content area */ /* About */ body.page-id-430 .inside-article, /* Homepage */ body.page-id-575 .inside-article, /* 25th Anniversary */ body.page-id-825 .inside-article { padding-top: 0px; padding-bottom: 0px; } /* About */ body.page-id-430 main.site-main, /* Homepage */ body.page-id-575 main.site-main, /* 25th Anniversary */ body.page-id-825 main.site-main { margin-top: 0px; margin-bottom: 0px; } /* About */ body.page-id-430 .entry-content, /* Homepage */ body.page-id-575 .entry-content, /* 25th Anniversary */ body.page-id-825 .entry-content { margin-top: 0px; } /* Titles */ /* About */ body.page-id-430 header.entry-header, /* Homepage */ body.page-id-575 header.entry-header, /* 25th Anniversary */ body.page-id-825 header.entry-header { display: none; } /* Pattern: Intro Paragraph */ .site-content .dcp_sectionTitle { padding: 77px 0px 20px; } @media all and (max-width: 767px) { .site-content .dcp_sectionTitle { padding: 77px 16px 20px; } } .site-content .dcp_sectionTitle h2, .site-content .dcp_sectionTitle p { font-family: 'Roboto', sans-serif; /* text-align: center; */ color: rgba(33,33,33,1); font-size: 24px; font-weight: 400; } @media all and (max-width: 767px) { .site-content .dcp_sectionTitle h2, .site-content .dcp_sectionTitle p { font-size: var(--dcr_mobileP); line-height: var(--dcr_mobileP-LH); } } .site-content .dcp_sectionTitle h2 { color: rgba(0,60,108,1); font-size: 36px; font-weight: 700; line-height: 38px; } @media all and (max-width: 767px) { .site-content .dcp_sectionTitle h2 { font-size: var(--dcr_mobileH2); } } .site-content .dcp_sectionTitle p { } /* Variant, Unique: 25 Voices Intro; */ .site-content .dcp_sectionTitle.dcu_25voiceIntro p { margin-bottom: 0px; } /* Pattern: Callout, Image & Text; */ .site-content .dcp_calloutImageAndText { padding: 64px 120px; } @media all and (max-width: 767px) { .site-content .dcp_calloutImageAndText { padding-left: var(--dcr_mobilePadding); padding-right: var(--dcr_mobilePadding); } } /* Variant: Background Image; */ .site-content .dcp_calloutImageAndText.dcs_BgImage { background-image: url(/work/2022/ucsc/be/wp-content/uploads/2022/08/UCSC-BE_Pattern-2-267x257@2x.png); background-repeat: repeat; background-size: 293px; } .site-content .dcp_calloutImageAndText > div { justify-content: center; } @media all and (max-width: 767px) { .site-content .dcp_calloutImageAndText figure { text-align: center; } } /* Typography */ /* Grouped */ .site-content .dcp_calloutImageAndText h2, .site-content .dcp_calloutImageAndText p { margin-bottom: 40px; font-family: 'Roboto', sans-serif; color: rgba(255,255,255,1); font-size: 24px; font-weight: 400; line-height: 38px; } @media all and (max-width: 767px) { .site-content .dcp_calloutImageAndText h2, .site-content .dcp_calloutImageAndText p { font-size: var(--dcr_mobileP); line-height: var(--dcr_mobileP-LH); } } /* Individual */ /* h2 */ .site-content .dcp_calloutImageAndText h2 { color: rgba(242, 152, 19, 1); font-size: 36px; font-weight: 500; } @media all and (max-width: 767px) { .site-content .dcp_calloutImageAndText h2 { margin-bottom: 20px; font-size: 24px; font-weight: 700; } } } .site-content .dcp_calloutImageAndText h2:first-child { margin-top: 30px; } /* P */ .site-content .dcp_calloutImageAndText p { } .site-content .dcp_calloutImageAndText p:last-child { margin-bottom: 0px; } .site-content .dcp_calloutImageAndText p:last-child a { font-size: 14px; } /* Links */ .site-content .dcp_calloutImageAndText a { color: rgba(255,255,255,1); } /* Pattern: Callout, Image with Text Cover; */ .site-content .dcp_calloutImageWithTextCover { } .site-content .dcp_calloutImageWithTextCover > .wp-block-columns { width: 100%; column-gap: 0; } /* Block Cover */ .site-content .dcp_calloutImageWithTextCover > .wp-block-columns .wp-block-cover { min-height: initial; padding: 0px 0px; } .site-content .dcp_calloutImageWithTextCover > .wp-block-columns .wp-block-cover img { position: initial; } .site-content .dcp_calloutImageWithTextCover h2, .site-content .dcp_calloutImageWithTextCover p { position: absolute; top: 25px; left: 40px; margin-bottom: 0px; font-family: 'Roboto', sans-serif; color: rgba(255,255,255,1); font-size: 36px; font-weight: 700; line-height: 48px; } .site-content .dcp_calloutImageWithTextCover p { top: initial; bottom: 37px; font-size: 24px; font-weight: 400; letter-spacing: 0.2px; line-height: 32px; } /* Pattern: 2 Up Side by Side (Image & Text); */ .site-content .dcp_2upImgAndText { column-gap: initial; grid-row-gap: initial; margin-bottom: 7px; } @media all and (max-width: 767px) { .site-content .dcp_2upImgAndText { margin-bottom: 0px; } } .site-content .dcp_2upImgAndText .wp-block-cover { min-height: 100%; padding: 0px 0px; } /* Image Column */ .site-content .dcp_2upImgAndText figure { margin-bottom: 0px; height: 100%; } .site-content .dcp_2upImgAndText figure > img { min-height: initial; min-width: initial; height: 100%; width: 100%; max-height: initial; max-width: initial; object-fit: cover; } /* Text Column */ /* Text Container */ .site-content .dcp_2upImgAndText .wp-block-cover .wp-block-group > div { margin-left: 0px; max-width: 600px; padding: 45px 40px 40px; } @media all and (max-width: 767px) { .site-content .dcp_2upImgAndText .wp-block-cover .wp-block-group > div { max-width: initial; } } /* Text Itself */ .site-content .dcp_2upImgAndText .wp-block-cover .wp-block-group > div h2, .site-content .dcp_2upImgAndText .wp-block-cover .wp-block-group > div p { font-family: 'Roboto', sans-serif; color: rgba(33,33,33,1); font-size: 17px; font-weight: 400; line-height: 28px; } @media all and (max-width: 767px) { .site-content .dcp_2upImgAndText .wp-block-cover .wp-block-group > div h2, .site-content .dcp_2upImgAndText .wp-block-cover .wp-block-group > div p { font-size: var(--dcr_mobileP); line-height: var(--dcr_mobileP-LH); } } .site-content .dcp_2upImgAndText .wp-block-cover .wp-block-group > div h2 { color: rgba(255,255,255,1); font-size: 36px; font-weight: 500; line-height: 38px; } @media all and (max-width: 767px) { .site-content .dcp_2upImgAndText .wp-block-cover .wp-block-group > div h2 { font-size: var(--dcr_mobileH2); font-weight: 700; } } .site-content .dcp_2upImgAndText .wp-block-cover .wp-block-group > div p { } /* Pattern: Call to Action, Image; */ .site-content .dcp_ctaImage { margin-top: -1px; } .site-content .dcp_ctaImage > div { position: relative; padding: 0px 0px; } .site-content .dcp_ctaImage img { } /* Typography */ .site-content .dcp_ctaImage h2, .site-content .dcp_ctaImage p, .site-content .dcp_ctaImage a { font-family: 'Roboto', sans-serif; color: #FFF; } /* Headlines */ .site-content .dcp_ctaImage h2 { font-size: 48px; font-weight: 700; letter-spacing: 0.4px; line-height: 60px; } @media all and (max-width: 767px) { .site-content .dcp_ctaImage h2 { font-size: calc(32vw / 7.67); line-height: 1.3; } } /* Button Support */ .site-content .dcp_ctaImage p.dcs_button { margin-bottom: 0px; } .site-content .dcp_ctaImage p.dcs_button a { display: inline-block; padding: 3px 33px 5px; background: rgba(0,60,108,1); border: 2px solid #F29813; border-radius: 0px; font-size: 16px; font-weight: 500; letter-spacing: 0px; line-height: 24px; text-decoration: none; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .site-content .dcp_ctaImage p.dcs_button a:hover { background: #F29813; color: rgba(0,60,108,1); } /* Remove Bottom Margin */ .site-content .dcp_ctaImage.dcs_noMarginBottom figure { margin-bottom: 0px; } /* Style 1 */ .site-content .dcp_ctaImage.dcs_style1 p.dcs_button { position: absolute; bottom: 83px; left: 50%; transform: translateX(-50%); } @media all and (max-width: 767px) { .site-content .dcp_ctaImage.dcs_style1 p.dcs_button { bottom: 31px; } } /* Style 2 */ .site-content .dcp_ctaImage.dcs_style2 .wp-block-group__inner-container > .wp-block-group { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center; } /* Typography */ .site-content .dcp_ctaImage.dcs_style2 h2 { margin-bottom: 50px; } @media all and (max-width: 767px) { .site-content .dcp_ctaImage.dcs_style2 h2 { margin-bottom: calc(50vw / 7.67); } } .site-content .dcp_ctaImage.dcs_style2 p.dcs_button a { padding: 8px 33px 8px; } @media all and (max-width: 767px) { .site-content .dcp_ctaImage.dcs_style2 p.dcs_button a { padding: calc(8vw / 7.67) calc(33vw / 7.67) calc(8vw / 7.67); } } /* Pattern: Call to Action, Copver Image; */ .site-content .dcp_ctaCoverImage { aspect-ratio: 1440 / 700; } @media all and (max-width: 767px) { .site-content .dcp_ctaCoverImage { aspect-ratio: initial; padding-top: 60px; padding-bottom: 60px; } } /* Typography */ .site-content .dcp_ctaCoverImage h2, .site-content .dcp_ctaCoverImage p, .site-content .dcp_ctaCoverImage a { font-family: 'Roboto', sans-serif; color: #FFF; } .site-content .dcp_ctaCoverImage h2 { margin-bottom: 50px; font-size: 48px; font-weight: 700; letter-spacing: 0.4px; line-height: 60px; } @media all and (max-width: 767px) { .site-content .dcp_ctaCoverImage h2 { margin-bottom: calc(50vw / 7.67); } } /* Buttons */ .site-content .dcp_ctaCoverImage .dcs_button { } .site-content .dcp_ctaCoverImage .dcs_button a { display: inline-block; padding: 8px 33px 8px; border: 2px solid #FFF; border-radius: 0px; background: initial; font-size: 16px; font-weight: 500; letter-spacing: 0px; line-height: 24px; text-decoration: none; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .site-content .dcp_ctaCoverImage .dcs_button a:hover { background: #F29813; color: rgba(0, 60, 108, 1); } @media all and (max-width: 767px) { .site-content .cp_ctaCoverImage .dcs_button a { padding: calc(8vw / 7.67) calc(33vw / 7.67) calc(8vw / 7.67); } } /* Pattern: Info Cards; */ .site-content .dcp_infoCards { padding: 75px 120px 67px; background-image: url(/work/2022/ucsc/be/wp-content/uploads/2022/08/UCSC-BE_Social-Background-1440x964@REV1.png); background-size: cover; } @media all and (max-width: 767px) { .site-content .dcp_infoCards { padding: 75px var(--dcr_mobilePadding) 67px; } } /* Columns */ .site-content .dcp_infoCards > .wp-block-columns { margin: 0 auto; max-width: 1200px; column-gap: 22px; } /* Typography */ .site-content .dcp_infoCards h2, .site-content .dcp_infoCards p, .site-content .dcp_infoCards a { font-family: 'Roboto', sans-serif; color: #FFF; } .site-content .dcp_infoCards h2 { margin-bottom: 55px; font-size: 32px; font-weight: 700; line-height: 1.33; } @media all and (max-width: 767px) { .site-content .dcp_infoCards h2 { margin-bottom: 24px; font-size: var(--dcr_mobileH2); } } /* Cards */ .site-content .dcp_infoCards h2 + .wp-block-group { height: 638px; padding: 0px 0px 0px; background: #FFF; overflow-y: scroll; } .site-content .dcp_infoCards > .wp-block-columns .wp-block-group > div figure { margin-bottom: 24px; } /* Typography */ .site-content .dcp_infoCards > .wp-block-columns .wp-block-group > div h3, .site-content .dcp_infoCards > .wp-block-columns .wp-block-group > div p, .site-content .dcp_infoCards > .wp-block-columns .wp-block-group > div a { color: rgba(0,60,108,1); font-size: 16px; font-weight: 400; line-height: 1.5; } .site-content .dcp_infoCards > .wp-block-columns .wp-block-group > div h3 { padding: 0px 22px; font-size: 18px; font-weight: 500; line-height: 1.22; } .site-content .dcp_infoCards > .wp-block-columns .wp-block-group > div p { padding: 0px 22px; } .site-content .dcp_infoCards > .wp-block-columns .wp-block-group > div a { font-size: 14px; line-height: 1.714; } /* Recent News */ .site-content .dcp_infoCards .dcs_recentNews { } .site-content .dcp_infoCards .dcs_recentNews .wp-block-rss { margin: 0px 0px 0px; padding: 19px 27px; } .site-content .dcp_infoCards .dcs_recentNews .wp-block-rss li { margin-bottom: 20px; } /* Upcoming Events */ .site-content .dcp_infoCards .dcs_upcomingEvents { } .site-content .dcp_infoCards .dcs_upcomingEvents .localist-widget { } .site-content .dcp_infoCards .dcs_upcomingEvents ul { margin: 0px 0px; } .site-content .dcp_infoCards .dcs_upcomingEvents .lw_event_item_image { float: initial; max-width: initial; } .site-content .dcp_infoCards .dcs_upcomingEvents img { width: 100%; } .site-content .dcp_infoCards .dcs_upcomingEvents .lw_event_meta { position: relative; } /* Bottom of Column */ .site-content .dcp_infoCards .dcs_socialBar { margin-top: 55px; } .site-content .dcp_infoCards .dcs_socialBar a { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .site-content .dcp_infoCards .dcs_socialBar a:hover { opacity: .6; } /* Social Media Links */ .site-content .dcp_infoCards .dcs_socialBar > * { line-height: 1; } /* Icons */ .site-content .dcp_infoCards .dcs_socialBar > figure { margin: 0px 3px; } /* Buttons */ .site-content .dcp_infoCards p.dcs_button { margin-top: 50px; text-align: center; } .site-content .dcp_infoCards p.dcs_button a { display: inline-block; padding: 4px 33px; background: initial; border: 2px solid #FFF; border-radius: 0px; font-size: 16px; font-weight: 500; letter-spacing: 0px; line-height: 24px; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .site-content .dcp_infoCards p.dcs_button a:hover { background: #FFF; color: rgba(0, 60, 108, 1); } /* Pattern: Standard Text; */ .site-content .dcp_standardText { margin-bottom: 70px !important; column-gap: 45px; } .site-content .dcp_standardText .wp-block-group__inner-container { padding: 40px 0px 0px; } @media all and (max-width: 767px) { .site-content .dcp_standardText .wp-block-group__inner-container { padding: 0px 0px 0px; } } .site-content .dcp_standardText figure { margin-bottom: 25px; } /* Typography */ .site-content .dcp_standardText h2, .site-content .dcp_standardText p { font-family: 'Roboto', sans-serif; color: rgba(33,33,33,1); font-size: 14px; font-weight: 400; line-height: 21px; } @media all and (max-width: 767px) { .site-content .dcp_standardText h2, .site-content .dcp_standardText p { font-size: var(--dcr_mobileP); line-height: var(--dcr_mobileP-LH); } } .site-content .dcp_standardText h2 { margin-bottom: 15px; color: rgba(0,60,108,1); font-size: 24px; font-weight: 700; line-height: 1.2; } @media all and (max-width: 767px) { .site-content .dcp_standardText h2 { font-size: var(--dcr_mobileH2); line-height: 1.2; } } .site-content .dcp_standardText p { } .site-content .dcp_standardText .wp-block-column p:last-of-type { margin-bottom: 0px; } /* Variant: Max Width 920; */ .site-content .dcp_standardText.dcs_style2 h2 { margin-bottom: 25px; } /* Variant: Style #2; */ .site-content .dcp_standardText.dcs_style3 h2 { font-size: 24px; } /* Pattern: WP Carousel Pro; */ .site-content .dcs_wpCarousel { flex-direction: column; padding: 43px 20px; background-image: url(/work/2022/ucsc/be/wp-content/uploads/2022/08/UCSC-BE_Pattern-2-267x257@2x.png); background-repeat: repeat; background-size: 293px; } .site-content .dcs_wpCarousel > div { width: 1320px; max-width: 100%; } /* Navigation */ .site-content .dcs_wpCarousel > div i.fa { font-size: 32px; color: #FFF; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .site-content .dcs_wpCarousel > div i.fa:hover { color: #00396c } /* Content */ .site-content .dcs_wpCarousel .slick-slide .wpcp-single-item { width: 100%; border-right: 1px solid #FFF !important; } @media all and (max-width: 480px) { .site-content .dcs_wpCarousel .slick-slide:not(.slick-current) .wpcp-single-item { border-right: 0px !important; } } @media all and (max-width: 479px) { .site-content .dcs_wpCarousel .slick-slide .wpcp-single-item { border-right: 0px !important; } } .site-content .dcs_wpCarousel .slick-slide.slick-current + .slick-slide.slick-active + .slick-slide.slick-active .wpcp-single-item { border-right: 0px !important; } .site-content .dcs_wpCarousel .wpcp-single-item .wpcp-single-content { display: flex; flex-direction: column; justify-content: center; } /* Content */ .site-content .dcs_wpCarousel .wpcp-single-item .wpcp-single-content > * { margin: 0 auto; max-width: 265px; } /* Typography */ .site-content .dcs_wpCarousel h2, .site-content .dcs_wpCarousel p { font-family: 'Roboto', sans-serif; } /* Section Title */ .site-content .dcs_wpCarousel > h2 { padding-top: 10px; padding-bottom: 20px; color: #FFF; font-size: 32px; font-weight: 700; /* text-align: center; */ line-height: 24px; } /* Slide Body */ .site-content .dcs_wpCarousel .wpcp-single-item .wpcp-single-content > h2 { margin-top: 0px; margin-bottom: 25px; font-size: 60px; font-weight: 500; color: #FFF; text-align: center; line-height: 1; } /* If h2 is ONLY element */ .site-content .dcs_wpCarousel .wpcp-single-item .wpcp-single-content > h2:only-child { margin-bottom: 0px; max-width: 384px; font-size: 32px; color: #FFF; line-height: 1.125; } @media all and (max-width: 1440px) { .site-content .dcs_wpCarousel .wpcp-single-item .wpcp-single-content > h2:only-child { font-size: calc(32vw / 14.4); } } @media all and (max-width: 800px) { .site-content .dcs_wpCarousel .wpcp-single-item .wpcp-single-content > h2:only-child { font-size: 24px; } } .site-content .dcs_wpCarousel .wpcp-single-item .wpcp-single-content > p { font-size: 18px; font-weight: 700; line-height: 1.55; color: #FFF; } .site-content .dcs_wpCarousel .wpcp-single-item .wpcp-single-content > p:not(:first-of-type) { margin-bottom: 0px; } .site-content .dcs_wpCarousel .wpcp-single-item .wpcp-single-content > .removed { padding-top: 10px; padding-bottom: 20px; color: #FFF; font-size: 32px; font-weight: 700; text-align: center; line-height: 24px; } /* Variant: Background, Yellow; */ .site-content .dcs_wpCarousel.dcs_Bg-Yellow { background-image: url(/work/2022/ucsc/be/wp-content/uploads/2022/08/UCSC-BE_Pattern-1_Repeating@2x.png); } .site-content .dcs_wpCarousel.dcs_Bg-Yellow .wpcp-single-item .wpcp-single-content > * { max-width: 384px; color: #003c6c; } /* Pattern: Callout, Image above Text; */ .site-content .dcp_calloutsImageAboveText { } .site-content .dcp_calloutsImageAboveText > .wp-block-columns { width: 100%; column-gap: 0; } .site-content .dcp_calloutsImageAboveText > .wp-block-columns > .wp-block-column { padding-bottom: 30px; } /* Block Cover */ .site-content .dcp_calloutsImageAboveText > .wp-block-columns .wp-block-cover { position: relative; min-height: initial; padding: 0px 0px; aspect-ratio: 1440 / 840; } @media all and (max-width: 767px) { .site-content .dcp_calloutsImageAboveText > .wp-block-columns .wp-block-cover { display: block; } } .site-content .dcp_calloutsImageAboveText > .wp-block-columns .wp-block-cover > span.wp-block-cover__background { aspect-ratio: 1440 / 840; } .site-content .dcp_calloutsImageAboveText > .wp-block-columns .wp-block-cover img { position: initial; flex-shrink: 0; } .site-content .dcp_calloutsImageAboveText > .wp-block-columns .wp-block-cover .wp-block-cover__inner-container { position: initial; } .site-content .dcp_calloutsImageAboveText > .wp-block-columns .wp-block-cover h2 { position: absolute; left: 40px; top: 20px; font-family: 'Roboto', sans-serif; font-size: 36px; font-weight: 700; color: #FFF; /* text-align: left; */ line-height: 48px; } @media all and (max-width: 767px) { .site-content .dcp_calloutsImageAboveText > .wp-block-columns .wp-block-cover h2 { position: initial; margin: 30px auto 0px; padding: 0px var(--dcr_mobilePadding); font-size: var(--dcr_mobileH2); color: rgba(0,60,108,1); } } .site-content .dcp_calloutsImageAboveText > .wp-block-columns .wp-block-cover h2 a { color: #FFF; text-decoration: underline; -webkit-text-decoration-color: #ffc500; text-decoration-color: #ffc500; text-decoration-skip-ink: auto; text-decoration-thickness: 0.18em; text-underline-offset: 0.12em; } /* Text Below Block Cover */ .site-content .dcp_calloutsImageAboveText > .wp-block-columns .wp-block-cover + p { margin-top: 30px; } @media all and (max-width: 767px) { .site-content .dcp_calloutsImageAboveText > .wp-block-columns .wp-block-cover + p { margin-top: 0px; } } .site-content .dcp_calloutsImageAboveText > .wp-block-columns .wp-block-cover .wp-block-cover__inner-container { position: initial; } .site-content .dcp_calloutsImageAboveText > .wp-block-columns p { margin: 0px auto 25px auto; max-width: 640px; padding-left: 40px; padding-right: 40px; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 400; color: rgba(33,33,33,1); letter-spacing: 0.12px; line-height: 24px; } @media all and (max-width: 767px) { .site-content .dcp_calloutsImageAboveText > .wp-block-columns p { max-width: initial; padding-left: var(--dcr_mobilePadding); padding-right: var(--dcr_mobilePadding); font-size: var(--dcr_mobileP); line-height: var(--dcr_mobileP-LH); } } .site-content .dcp_calloutsImageAboveText > .wp-block-columns p a { color: rgba(33,33,33,1); text-decoration: underline; } @media all and (max-width: 767px) { .site-content .dcp_calloutsImageAboveText > .wp-block-columns p a { font-size: 16px; } } /* Pattern: Callout, Full Width Background; */ .site-content .dcp_calloutFullWidthBg { padding: 77px 120px 60px; background-color: rgba(245, 245, 245, 1); } @media all and (max-width: 767px) { .site-content .dcp_calloutFullWidthBg { padding: 40px var(--dcr_mobilePadding) 23px; } } /* Typography */ .site-content .dcp_calloutFullWidthBg h2, .site-content .dcp_calloutFullWidthBg h3, .site-content .dcp_calloutFullWidthBg p { font-family: 'Roboto', sans-serif; color: rgba(33,33,33,1); font-size: 14px; font-weight: 400; line-height: 24px; } @media all and (max-width: 767px) { .site-content .dcp_calloutFullWidthBg h2, .site-content .dcp_calloutFullWidthBg h3, .site-content .dcp_calloutFullWidthBg p { font-size: var(--dcr_mobileP); line-height: var(--dcr_mobileP-LH); } } .site-content .dcp_calloutFullWidthBg h2 { margin-bottom: 20px; color: rgba(0,60,108,1); font-size: 24px; font-weight: 700; } @media all and (max-width: 767px) { .site-content .dcp_calloutFullWidthBg h2 { font-size: var(--dcr_mobileH2); } } .site-content .dcp_calloutFullWidthBg h3 { margin-bottom: 0px; font-size: 16px; font-weight: 500; } @media all and (max-width: 767px) { .site-content .dcp_calloutFullWidthBg h3 { font-size: 18px; font-weight: 700; } } .site-content .dcp_calloutFullWidthBg p { } .site-content .dcp_calloutFullWidthBg > div { justify-content: center; } .site-content .dcp_calloutFullWidthBg > div.wp-block-columns .wp-block-columns { column-gap: 25px; } @media all and (max-width: 782px) { .site-content .dcp_calloutFullWidthBg.dcs_mobileReverse > .wp-block-columns .wp-block-columns { flex-direction: column-reverse; } } /* Variant: Style #2; */ /* Typography */ .site-content .dcp_calloutFullWidthBg.dcs_style2 p { font-size: 24px; font-weight: 400; line-height: 1.583; } @media all and (max-width: 767px) { .site-content .dcp_calloutFullWidthBg.dcs_style2 p { font-size: 18px; } } /* Pattern: Hero with Custom Breadcrumb; */ .site-content .dcp_heroWithCustomBreadcrumb { } .site-content .dcp_heroWithCustomBreadcrumb > div { position: relative; padding: 0px 0px; } .site-content .dcp_heroWithCustomBreadcrumb > div p { position: absolute; top: 21px; left: 8.33%; font-family: 'Roboto', sans-serif; color: #FFF; font-size: 12px; font-weight: 500; letter-spacing: 0.8px; line-height: 24px; text-transform: uppercase; } .site-content .dcp_heroWithCustomBreadcrumb > div p a { color: #FFF; text-decoration: none; } .site-content .dcp_heroWithCustomBreadcrumb > div p a:hover { text-decoration: underline; } /* Pattern: 25th Anniversary Timeline; */ .site-content .dcp_25thAnniversaryTimeline { padding-bottom: 35px; } /* Content Block Dates */ .site-content .dcp_25thAnniversaryTimeline .story-time p { font-family: 'Roboto', sans-serif; opacity: 0.4; color: rgba(33,33,33,1); font-size: 20px; font-weight: 500; letter-spacing: -0.22px; line-height: 16px; } /* Timeline */ /* Icons */ .site-content .dcp_25thAnniversaryTimeline .timeline-block-icon { top: 96px; left: calc(50% - 7px); width: 12px; height: 12px; } /* Previous/Next Buttons */ .site-content .dcp_25thAnniversaryTimeline .swiper-button-prev, .site-content .dcp_25thAnniversaryTimeline .swiper-button-next { top: 108px; left: -28px; width: 28px; height: 28px; border-radius: 9999px; background: #003c6c; opacity: 1; } .site-content .dcp_25thAnniversaryTimeline .swiper-button-next { left: initial; right: -28px; } .site-content .dcp_25thAnniversaryTimeline .swiper-button-prev::after, .site-content .dcp_25thAnniversaryTimeline .swiper-button-next::after { position: relative; left: -1px; color: #FFF; font-size: 14px; font-weight: 700; } @media all and (max-width: 767px) { .site-content .dcp_25thAnniversaryTimeline .swiper-button-prev::after, .site-content .dcp_25thAnniversaryTimeline .swiper-button-next::after { left: 9px; } } .site-content .dcp_25thAnniversaryTimeline .swiper-button-next::after { left: 1px; } @media all and (max-width: 767px) { .site-content .dcp_25thAnniversaryTimeline .swiper-button-next::after { left: -9px; } } /* Content Blocks */ .site-content .dcp_25thAnniversaryTimeline .timeline-block-detail { margin: 41px auto 0px; max-width: 296px; border-radius: 0px; box-shadow: initial; } .site-content .dcp_25thAnniversaryTimeline .story-details { padding-bottom: 0px; background: #EEEEEE; } .site-content .dcp_25thAnniversaryTimeline .story-details .story-image { line-height: 1; } .site-content .dcp_25thAnniversaryTimeline .story-details .story-content { margin-top: -2px; padding: 0px 0px; } /* Typogrpahy */ .site-content .dcp_25thAnniversaryTimeline .story-details h3, .site-content .dcp_25thAnniversaryTimeline .story-details p { margin-bottom: 0px; padding: 18px 18px; text-align: left; font-family: 'Roboto', sans-serif; } .site-content .dcp_25thAnniversaryTimeline .story-details h3{ background: #033054; color: #FFF; font-size: 16px; font-weight: 500; letter-spacing: -0.17px; line-height: 22px; text-decoration: none; } .site-content .dcp_25thAnniversaryTimeline .story-details h3 a { color: #FFF; text-decoration: none; } .site-content .dcp_25thAnniversaryTimeline p { opacity: 0.6; color: rgba(33,33,33,1); font-size: 14px; font-weight: 400; letter-spacing: -0.15px; line-height: 22px; text-decoration: none; } .site-content .dcp_25thAnniversaryTimeline p a { color: rgba(33,33,33,1); text-decoration: none; } /* Pattern: 25 Voices of Baskin; */ .site-content .dcp_voicesOfBaskin { } /* Individual Cards */ /* Spacing */ .site-content .dcp_voicesOfBaskin .awsm-grid-card { margin: 0px 0px; padding: 0px 0px; } /* Hover, Default */ .site-content .dcp_voicesOfBaskin .awsm-grid-card figcaption { display: none; } /* Hover, Custom */ .site-content .dcp_voicesOfBaskin .awsm-grid-card img { aspect-ratio: 1000 / 700; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; filter: grayscale(1); } .site-content .dcp_voicesOfBaskin .awsm-grid-card img:hover { filter: grayscale(0); } /* Modal Contents */ /* Wrapper */ .site-content .dcp_voicesOfBaskin .awsm-modal-items-main { pointer-events: none; } /* Navigation Elements */ .site-content .dcp_voicesOfBaskin .awsm-nav-item { pointer-events: initial; } /* Global Title */ /* .site-content .dcp_voicesOfBaskin .awsm-modal-content::before { content: "25 Voices of Baskin"; display: block; position: relative; left: -37px; top: -24px; width: calc(100% + 74px); min-height: 50px; padding: 25px 37px 17px; background: #F29813; color: #FFF; font-size: 30px; line-height: 1.267; font-family: 'Roboto', sans-serif; font-weight: 500; } */ /* Full Card Wrapper */ .site-content .dcp_voicesOfBaskin .awsm-modal-content { /* padding: 24px 37px; */ pointer-events: initial; } /* Body Text (Right Column) Wrapper */ .site-content .dcp_voicesOfBaskin .awsm-modal-content .awsm-modal-details .awsm-modal-content-inner::before { content: "25 Voices of Baskin"; display: block; margin-bottom: 11px; color: #F29813; font-size: 14px; line-height: initial; text-transform: uppercase; font-family: 'Roboto', sans-serif; font-weight: 400; } .site-content .dcp_voicesOfBaskin .awsm-modal-content .awsm-modal-details .awsm-modal-content-inner { /* padding-top: 18px; */ } /* Typography */ .site-content .dcp_voicesOfBaskin .awsm-modal-content h2, .site-content .dcp_voicesOfBaskin .awsm-modal-content h3, .site-content .dcp_voicesOfBaskin .awsm-modal-content p { color: rgba(33,33,33,0.8); font-size: 14px; line-height: 1.571; letter-spacing: -0.15px; font-family: 'Roboto', sans-serif; font-weight: 400; text-transform: initial; } .site-content .dcp_voicesOfBaskin .awsm-modal-content h2 { margin-bottom: 0px; font-size: 21px; line-height: 1.33; letter-spacing: -0.23px; font-weight: 500; } .site-content .dcp_voicesOfBaskin .awsm-modal-content h2 + h3 { margin-top: -5px; font-size: 16px; line-height: 1.714; letter-spacing: 0.15px; } .site-content .dcp_voicesOfBaskin .awsm-modal-content p:first-of-type { padding-top: 18px; } /* Embed: Twitter; */ .site-content .twitter-timeline { max-height: initial; overflow-y: initial; } .site-content .twitter-timeline a { color: #033054 !important; } /* Pattern: Hero Image Slider; */ /* Page Preparations */ body.dcs_hasHeroImageSlider { } /* Featured Image */ body.dcs_hasHeroImageSlider .featured-image { display: none; } /* Page Content */ body.dcs_hasHeroImageSlider .site-main { margin-top: 0px; } body.dcs_hasHeroImageSlider .inside-article { padding-top: 0px; } body.dcs_hasHeroImageSlider .entry-content { margin-top: 0px; } /* Page Title */ body.dcs_hasHeroImageSlider .entry-header { display: none; } /* Hero Slider */ .site-content .dcp_heroImageSlider { position: relative; } body.dcs_hasHeroImageSlider .dcp_heroImageSlider::after { content: " "; position: absolute; top: 0px; left: 0px; z-index: 90; width: 100%; height: 50px; background: linear-gradient(180deg, rgba(0,0,0,.3) 0%, rgba(0,0,0,0) 100%); } .site-content .dcp_heroImageSlider > div { position: relative; aspect-ratio: 2880 / 1400; padding: 0px 0px; } @supports not (aspect-ratio: 2880 / 1400) { .site-content .dcp_heroImageSlider > div::before { display: block; content: ""; width: 100%; padding-top: calc((35 / 72) * 100%); } } @media all and (max-width: 835px) { .site-content .dcp_heroImageSlider > div { aspect-ratio: 834 / 1194; } } /* Element: Individual Slides; */ .site-content .dcs_heroImageSlide { position: absolute; top: 0px; z-index: 1; opacity: 0; min-width: 100%; -webkit-transition: all 0ms ease-in-out; -moz-transition: all 0ms ease-in-out; -o-transition: all 0ms ease-in-out; transition: all 0ms ease-in-out; } /* Animation Toggles */ .site-content .dcs_heroImageSlide.dcs_activeSlide { z-index: 3; opacity: 1; } .site-content .dcs_heroImageSlide.dcs_targetSlide { z-index: 4; opacity: 1; /* Controls how quickly slides fade */ -webkit-transition: opacity 1000ms ease-in-out; -moz-transition: opacity 1000ms ease-in-out; -o-transition: opacity 1000ms ease-in-out; transition: opacity 1000ms ease-in-out; } /* Single Slide Groupings */ .site-content .dcs_heroImageSlide > div { position: relative; aspect-ratio: 2880 / 1400; padding: 0px 0px; } @supports not (aspect-ratio: 2880 / 1400) { .site-content .dcs_heroImageSlide > div::before { display: block; content: ""; width: 100%; padding-top: calc((35 / 72) * 100%); } } @media all and (max-width: 835px) { .site-content .dcs_heroImageSlide > div { aspect-ratio: 834 / 1194; } } /* Block Covers */ .site-content .dcs_heroImageSlide .wp-block-cover { position: absolute; top: 0px; z-index: 1; width: 100%; padding: 60px 120px; } .site-content .dcs_heroImageSlide .wp-block-cover:nth-child(1) { z-index: 2; /* Adjusts aspect ratios for various devices */ aspect-ratio: 2880 / 1400; } @supports not (aspect-ratio: 2880 / 1400) { .site-content .dcs_heroImageSlide .wp-block-cover::before { display: block; content: ""; width: 100%; padding-top: calc((35 / 72) * 100%); } } @media all and (max-width: 835px) { .site-content .dcs_heroImageSlide .wp-block-cover:nth-child(1) > *:nth-child(-1n + 2) { display: none; } } .site-content .dcs_heroImageSlide .wp-block-cover:nth-child(2) { aspect-ratio: 834 / 1194; } @media all and (min-width: 835px) { .site-content .dcs_heroImageSlide .wp-block-cover:nth-child(2) { display: none; } } /* Inner Content Container (Text/Body Content) */ .site-content .dcs_heroImageSlide .wp-block-cover__inner-container { position: absolute; top: 60px; left: 120px; max-width: calc(100% - 590px); } @media all and (max-width: 1440px) { .site-content .dcs_heroImageSlide .wp-block-cover__inner-container { top: calc(60vw / 14.4); left: calc(120vw / 14.4); max-width: calc(100% - (590vw / 14.4)); } } @media all and (max-width: 835px) { .site-content .dcs_heroImageSlide .wp-block-cover__inner-container { top: calc(20vw / 3.76); left: calc(20vw / 3.76); max-width: calc(100% - (40vw / 3.76)); } } @media all and (max-width: 700px) { .site-content .dcs_heroImageSlide .wp-block-cover__inner-container { top: calc(25vw / 3.76); } } @media all and (max-width: 550px) { .site-content .dcs_heroImageSlide .wp-block-cover__inner-container { top: calc(30vw / 3.76); } } @media all and (max-width: 450px) { .site-content .dcs_heroImageSlide .wp-block-cover__inner-container { top: calc(35vw / 3.76); } } /* Text Content Elements */ .site-content .dcs_heroImageSlide .dcs_eyebrow, .site-content .dcs_heroImageSlide .dcs_headline, .site-content .dcs_heroImageSlide .dcs_subhead, .site-content .dcs_heroImageSlide .dcs_link { display: table; margin-bottom: 0px; } .site-content .dcs_heroImageSlide .dcs_eyebrow { margin-bottom: 8px; padding: 10px 24px; background: #033054; color: rgba(255,255,255,1); font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 700; font-style: normal; letter-spacing: -0.17px; line-height: 22px; } @media all and (max-width: 1440px) { .site-content .dcs_heroImageSlide .dcs_eyebrow { margin-bottom: calc(8vw / 14.4); padding: calc(10vw / 14.4) calc(24vw / 14.4); font-size: calc(16vw / 14.4); line-height: calc(22vw / 14.4); } } @media all and (max-width: 835px) { .site-content .dcs_heroImageSlide .dcs_eyebrow { margin-bottom: calc(8vw / 3.76); padding: calc(6vw / 3.76) calc(12vw / 3.76); font-size: calc(9vw / 3.76); line-height: calc(14vw / 3.76); } } .site-content .dcs_heroImageSlide .dcs_headline { position: relative; left: initial; display: inline; padding: 0px 20px; background: rgba(255,255,255,1); box-shadow: initial; box-decoration-break: clone; -webkit-box-decoration-break: clone; color: rgba(242,152,19,1); font-family: 'Roboto', sans-serif; font-size: 80px; font-weight: 700; font-style: normal; letter-spacing: -0.87px; line-height: 89px; } @media all and (max-width: 1440px) { .site-content .dcs_heroImageSlide .dcs_headline { padding: 0px calc(20vw / 14.4); font-size: calc(80vw / 14.4); line-height: calc(89vw / 14.4); } } @media all and (max-width: 835px) { .site-content .dcs_heroImageSlide .dcs_headline { padding: 0px calc(15vw / 3.76); font-size: calc(40vw / 3.76); line-height: calc(44.5vw / 3.76); } } .site-content .dcs_heroImageSlide .dcs_subhead { margin-top: 16px; padding-left: 24px; font-size: 22px; line-height: 24px; text-shadow: 0px 0px 20px rgb(0 0 0); } @media all and (max-width: 1440px) { .site-content .dcs_heroImageSlide .dcs_subhead { margin-top: calc(16vw / 14.4); padding-left: calc(24vw / 14.4); font-size: calc(22vw / 14.4); line-height: calc(24vw / 14.4); } } @media all and (max-width: 835px) { .site-content .dcs_heroImageSlide .dcs_subhead { margin-top: calc(5vw / 3.76); padding-left: calc(14vw / 3.76); font-size: calc(16vw / 3.76); line-height: calc(22vw / 3.76); } } .site-content .dcs_heroImageSlide .dcs_link { margin-top: 0px; padding: 0px 0px; border: none; line-height: 0; } .site-content .dcs_heroImageSlide .dcs_link a { display: inline-block; margin-top: 32px; padding: 12px 24px; border: 2px solid #F29813; color: rgba(255,255,255,1); font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 700; font-style: normal; letter-spacing: 0px; text-align: center; line-height: 24px; text-decoration: none; text-shadow: 0px 0px 20px rgb(0 0 0); } @media all and (max-width: 1440px) { .site-content .dcs_heroImageSlide .dcs_link a { margin-top: calc(32vw / 14.4); padding: calc(12vw / 14.4) calc(24vw / 14.4); border: calc(2vw / 14.4) solid #F29813; font-size: calc(16vw / 14.4); line-height: calc(24vw / 14.4); } } @media all and (max-width: 835px) { .site-content .dcs_heroImageSlide .dcs_link a { margin-top: calc(5vw / 3.76); padding: calc(7vw / 3.76) calc(15vw / 3.76); border: calc(2vw / 3.76) solid #F29813; font-size: calc(11vw / 3.76); line-height: calc(18vw / 3.76); } } .site-content .dcs_heroImageSlide .dcs_link a:hover { background: #F29813; color: rgba(0,60,108,1); text-shadow: initial; } /* Footer */ .site-footer { border-top: 4px solid #F29813; } @media all and (max-width: 767px) { .site-footer .wp-block-buttons.is-content-justification-center { justify-content: initial; } .site-footer .has-text-align-center, .site-footer .has-text-align-right { text-align: left; } } .site-footer .footer-widgets, .site-footer .site-info { background: rgba(0, 60, 108, 1); font-family: 'Roboto', sans-serif; color: rgba(255,255,255,1); font-size: 13px; font-weight: 400; letter-spacing: -0.14px; line-height: 18px; } /* Widget Area #1 */ .site-footer .footer-widgets .footer-widget-1 > aside { margin-bottom: 8px; } .site-footer .footer-widgets .footer-widget-1 > aside:not(:last-of-type)::after { content: " "; position: relative; top: -2px; display: inline-block; width: 214px; height: 1px; background-color: #FFF; } /* Widget Area #2 */ .site-footer .footer-widgets .footer-widget-2 > aside { margin-bottom: 19px; } .site-footer .footer-widgets .footer-widget-2 > aside .dcs_button { } .site-footer .footer-widgets .footer-widget-2 > aside .dcs_button a { display: inline-block; padding: 4px 33px; background: initial; border: 2px solid #F29813; border-radius: 0px; font-size: 16px; font-weight: 500; letter-spacing: 0px; line-height: 24px; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .site-footer .footer-widgets .footer-widget-2 > aside .dcs_button a:hover { background: #F29813; color: rgba(0, 60, 108, 1); } .site-footer .footer-widgets .footer-widget-2 > aside p { font-size: 16px; font-weight: 400; letter-spacing: -0.17px; line-height: 22px; } /* Widget Area #3 */ .site-footer .footer-widgets .footer-widget-3 .dcs_socialMediaLink { justify-content: space-between; margin-left: auto; margin-right: 0px; max-width: 217px; } @media all and (max-width: 767px) { .site-footer .footer-widgets .footer-widget-3 .dcs_socialMediaLink { margin-left: initial; margin-right: initial; } } .site-footer .footer-widgets .footer-widget-3 .dcs_socialMediaLink img { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .site-footer .footer-widgets .footer-widget-3 > aside { position: relative; } .site-footer .footer-widgets .footer-widget-3 > aside:not(:last-of-type)::after { content: " "; position: absolute; bottom: -14px; right: 0px; left: initial; display: inline-block; width: 217px; height: 1px; background-color: #FFF; } @media all and (max-width: 767px) { .site-footer .footer-widgets .footer-widget-3 > aside:not(:last-of-type)::after { right: initial; } } .site-footer .footer-widgets .footer-widget-3 > aside a { color: rgba(255,255,255,1); font-size: 16px; font-weight: 400; font-style: normal; letter-spacing: -0.17px; line-height: 22px; text-decoration: none; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .site-footer .footer-widgets .footer-widget-3 > aside a:hover { opacity: 0.6; } /* Custom Copyright Bar */ .site-footer .site-info .footer-bar { font-family: 'Roboto', sans-serif; color: rgba(255,255,255,1); font-size: 13px; font-weight: 400; letter-spacing: -0.14px; line-height: 16px; } /* Default Copyright Bar */ .site-footer .site-info .copyright-bar { display: none; } /* BE Coding */ /*Additional CSS for p tags */ .has-large-font-size { line-height: 110%; } /*Heading Padding for WP Carousel */ .sp-wpcp-2423 h2 { padding: 10px 10px 0 10px; font-size: 22px; line-height: 1.3em; } .sp-wpcp-2423 p { padding: 0 10px 10px 10px; } .rsa-container-border { border-left: 4px solid #ccc; box-sizing: border-box; padding: 10px 10px 0px 10px; } .rsarssspace .wp-block-rss__item {margin: 1em 0 1em 0 ;} @media all and (min-width: 768px){ .tiled-page .section-body .rsa-left { display: -webkit-flex; -webkit-flex-direction: row wrap; display: flex; flex-flow: row wrap; justify-content: flex-start;} } /* For Upcoming Events on Dept Pages */ .rsa-events .localist_widget_container .action_button a { background: #003C6C; color: #fff; } .rsa-events .localist_widget_container .action_button a:hover { text-decoration: underline; background-color: #003c6c; text-underline-offset: 0.12em; -webkit-text-decoration-color: #ffc500; text-decoration-color: #ffc500; text-decoration-thickness: 0.12em; } .rsa-events .localist_widget_container div.lw_event_item_title { line-height: 1.7em; } /* Events on HomePage*/ .home-events .index-events .localist_widget_container div.lw_event_item_title { color: #444; font-weight: bold; line-height: inherit; margin-bottom: 10px; } .rsahome-events .localist_widget_container div.lw_event_item_title { line-height: 1.5em; margin-bottom: 10px; } .rsa-padding { padding: 20px;} .rsa-career-list li {font-size: 20px; font-weight: 400; line-height: 1.583;} .rsa-leading {line-height: inherit;} /*For Leading-line height on H2 tags */ .site-content .dcp_calloutFullWidthBg .rsa-leading h2 {line-height: inherit;} /* Inline Block Style with lines for seprartion */ .rsalist-line { list-style: none; } .rsalist-line li{ display: inline-block; margin-right: 0.25rem; padding-right: 0.5rem; border-right: 1px solid #3C3C3C; line-height: 1; font-size: large; } .rsalist-line li:last-child{ margin-right: 0; padding-right: 0; border-right: 0; }