/* Theme Name: OSU HR Theme URI: Version: 1.0 Description: Author: Super */ a { font-family: inherit; text-decoration: none; color: #ba0c2f; border-bottom: 1px solid #ba0c2f; } a:focus { color: #ba0c2f; border-bottom: none; outline: 2px solid #2E7FA1; outline-offset: 2px; } a:hover { color: #212325; border-bottom-color: #212325; background-color: #eff1f2; } a.print { margin-bottom: 5px; } a[target="_blank"]:after { content: "\f116"; font-family: bux-icons; display: inline-block; padding-left: 0.25rem; padding-right: 0.25rem; } img.file-icon { padding: 0 2px; display: inline; } img.alignleft { float: left; padding: 0 25px 25px 0; vertical-align: top; } img.alignright { float: right; padding: 0 0 25px 25px; vertical-align: top; } ul.padded, ol.padded { list-style-type: disc; padding: inherit; } ul.padded ul, ol.padded ul { margin-top: 10px; margin-bottom: 20px; } ul.padded > li, ol.padded > li { margin-bottom: 10px; } ul.indented-list { padding-left: 60px; } sup { font-size: 60%; position: relative; top: 0em; left: 0em; } /* COLORS */ .color-red, .red, .scarlet { color: #ba0c2f; } .color-gray, .gray { color: #a7b1b7; } .color-white, .white { color: #ffffff; } .color-black, .black { color: #000000; } .color-green { color: #8edd65; } .color-purple { color: #830065; } .color-teal { color: #26686d; } .color-orange { color: #ff6a39; } .color-gold { color: #dcaa37; } .color-blue { color: #41b6e6; } .callout-content_navigation ul li.color-purple { border-color: #830065; } .callout-content_navigation ul li.color-red { border-color: #ba0c2f; } .callout-content_navigation ul li.color-orange { border-color: #ff6a39; } .callout-content_navigation ul li.color-teal { border-color: #26686d; } .callout-content_navigation ul li.color-blue { border-color: #41b6e6; } .callout-content_navigation ul li.color-green { border-color: #8edd65; } /* GENERAL STYLES */ .content-wrapper { max-width: 1450px; margin-left: auto; margin-right: auto; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .no-gutter { padding-left: 0; padding-right: 0; } .screen-reader-only, .sr-only, .visually-hidden { position: absolute!important; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } .align-left { float: left; margin: 0 20px 10px 0; } .align-right { float: right; margin: 0 0 10px 20px; } .hide { display: none; } .show { display: ; } .print-only { display: none; } .vert-align-middle { display: table; width: 100%; height: 100%; } .vert-align-middle > span { display: table-cell; vertical-align: middle; } /* -------------------------------------------------- BUX ELEMENT OVERRIDES -------------------------------------------------- */ /* OSU NAVBAR */ .bux-osu-nav .bux-container { padding: 0 1%; } .bux-osu-nav .bux-container .bux-osu-nav__osu-logo-link { border-bottom: none; } /* BUCKEYE ALERT */ .bux-buckeye-alert .bux-buckeye-alert-container { max-width: 1450px; margin-left: auto; margin-right: auto; } /* BUX HEADER */ header.bux-header { padding-top: 0; } /* BUX ALERT MESSAGES */ .bux-alert { margin-bottom: 24px; } .bux-alert .bux-alert__message-text ul { font-family: "BuckeyeSerif", Georgia, serif; } .bux-alert.bux-alert--error a { color: #fff; border-bottom: 1px solid #fff; } .bux-alert.bux-alert--error a:focus { color: #212325; background-color: #eff1f2; } .bux-alert.bux-alert--error a:hover { color: #212325; background-color: #eff1f2; border-bottom-color: #fff; } .bux-alert .bux-alert__message-text p:last-child { margin-bottom: 0; } /* BUX H1 */ h1 { margin-bottom: 25px; } /* BUX ACCORDIONS */ .bux-accordion__trigger:active { border-top: 2px solid #eff1f2; } .bux-accordion__panel ul, .bux-accordion__panel ol { font-family: BuckeyeSerif; } .bux-accordion__panel h4:not(:first-child) { border-top: 1px solid #dfe3e5; padding-top: 16px; } /* BUX TABLES */ table.bux-table { font-family: BuckeyeSans; margin: 20px 0 30px; } table.bux-table td.left, table.bux-table th.left { text-align: left; } table.bux-table td.right, table.bux-table th.right { text-align: right; } table.bux-table td.center, table.bux-table th.center { text-align: center; } table.bux-table td.middle, table.bux-table th.middle { vertical-align: middle; } table.bux-table p, table.bux-table ul, table.bux-table ol { font-family: BuckeyeSans; } /* BUX PAGINATION */ .bux-pagination .bux-pagination__link { border-bottom: none; } /* BUX LISTICLE */ .bux-listicle { margin-top: 20px; } .bux-listicle__title-number { min-width: 32px; } .bux-listicle__title-text a:hover { text-decoration: none; } /* BUX PANEL */ .bux-panel__heading { margin-top: 0!important; } /* BUX LINK LIST */ a.bux-text-link { border-bottom: none; } a.bux-text-link:hover { background: none; } /* -------------------------------------------------- end BUX ELEMENT OVERRIDES -------------------------------------------------- */ body { font-weight: 400; font-size: 1rem; line-height: 1.5; font-family: BuckeyeSerif; color: #212325; } /* HEADER */ a.skip-content { position: absolute!important; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } a.skip-content:focus { position: relative!important; overflow:visible; font-family: BuckeyeSans; color: #212325; border-bottom: none; outline: 2px solid #212325; outline-offset: 2px; margin: 20px; } header .site-header-container { padding: 10px 3% 20px; } header .site-header-container .bux-header__site-name-container { width: 60%; float: left; margin-right: 16px; padding-top: 32px; } header .site-header-container .bux-header__site-name-container a { border-bottom: none; } header .site-header-container .nav-upper { float: right; text-align: right; margin: 0 0 10px; } header .site-header-container .nav-upper a { font-size: 1rem; font-weight: 400; border-bottom: none; } header .site-header-container .nav-upper a:hover { border-bottom: 1px solid #212325; background-color: #eff1f2; } header .site-header-container .nav-upper ul { margin-bottom: 10px; } header .site-header-container .nav-upper ul li { display: inline-block; } header .site-header-container .nav-upper ul li:not(:last-child):after { padding: 0 10px; content: "|"; } header .site-header-container .nav-upper .header-search { font-family: BuckeyeSans; display: block; padding-top: 4px } header .site-header-container .nav-upper .header-search form { position: relative; height: 36px; } header .site-header-container .nav-upper .header-search form input { padding: 0.375rem 0.5rem 0.3125rem; color: #3f4443; line-height: 1; height: 36px; width: 70%; } header .site-header-container .nav-upper .header-search form button { padding: 0.375rem 0.5rem 0.3125rem; height: 36px; } header .site-header-container .nav-upper .header-search form button:after { content: "\f012"; font-family: bux-icons; } /*PRIMARY NAV*/ header .main-nav-container { position: relative; background-color: #eff1f2; border-top: 1px solid #dfe3e5; border-bottom: 1px solid #dfe3e5; margin-top: 40px; } header .main-nav-container nav { padding: 0 3%; } header .main-nav-container nav ul.nav-main { float: right; clear: right; text-align: right; padding: 0; margin: 0; } header .main-nav-container nav ul.nav-main > li { float: left; display: block; } header .main-nav-container nav ul.nav-main > li.mobile-only { display: none; } header .main-nav-container nav ul.nav-main > li.has-submenu button { background: none; color: #212325; font-weight: 700; font-size: 1rem; border: none; padding: 7px 0; } header .main-nav-container nav ul.nav-main > li.has-submenu button:hover { /*text-decoration: underline;*/ color: #ba0c2f; } header .main-nav-container nav ul.nav-main > li.has-submenu button:after { content: "\f007"; font-family: bux-icons; vertical-align: bottom; font-size: 0.875rem; padding-left: 0.5em; } header .main-nav-container nav ul.nav-main > li > a.nav-main-link, header .main-nav-container nav ul.nav-main > li.has-submenu > .nav-main-link { display: block; margin: 0; padding: 10px 20px; cursor: pointer; } header .main-nav-container nav ul.nav-main > li > a.nav-main-link, header .main-nav-container nav ul.nav-main > li.has-submenu > .nav-main-link > a { float: left; border-bottom: none; color: #212325; font-size: 1rem; font-weight: 700; } /*header .main-nav-container nav ul.nav-main > li.has-submenu > .nav-main-link > a:after { content: "\f007"; font-family: bux-icons; vertical-align: bottom; font-size: 0.875rem; padding-left: 0.5em; }*/ header .main-nav-container nav ul.nav-main > li:hover > a.nav-main-link, header .main-nav-container nav ul.nav-main > li.open > a.nav-main-link, header .main-nav-container nav ul.nav-main > li:hover > .nav-main-link > a, header .main-nav-container nav ul.nav-main > li.open > .nav-main-link > a { text-decoration: underline; color: #ba0c2f; background: none; } header .main-nav-container nav ul.nav-main > li:nth-child(5) > .nav-main-link { padding-right: 0; } /*header .main-nav-container nav ul.nav-main > li:nth-child(5) > .nav-main-link:after { content: "\f005"; font-family: bux-icons; vertical-align: bottom; font-size: 0.875rem; padding-left: 0.5em; }*/ /*SECONDARY NAV*/ header .main-nav-container nav ul.nav-main > li.has-submenu > .nav-main-link .nav-submenu-container { display: none; position: absolute; top: 40px; left: 0; right: 0; width: 100%; z-index: 102; cursor: default; } /*header .main-nav-container nav ul.nav-main > li.has-submenu:hover > .nav-main-link .nav-submenu-container,*/ header .main-nav-container nav ul.nav-main > li.has-submenu.open > .nav-main-link .nav-submenu-container { display: block; } header .main-nav-container nav ul.nav-main > li.has-submenu > .nav-main-link .nav-submenu { margin-top: 15px; background-color: #fff; border-top: 1px solid #dfe3e5; border-bottom: 1px solid #dfe3e5; color: black; } header .main-nav-container nav ul.nav-main > li.has-submenu > .nav-main-link .nav-submenu .nav-secondary-wrapper { position: relative; margin-top: 1px; margin-bottom: 1px; max-width: none; background-color: #f6f7f8; } header .main-nav-container nav ul.nav-submenu-secondary { float: right; padding: 0 50px 0 0; margin: 0 auto; text-align: left; } header .main-nav-container nav ul.nav-submenu-secondary > li { display: block; float: left; margin: 0; padding: 0 15px; } header .main-nav-container nav ul.nav-submenu-secondary > li > .nav-submenu-link { display: block; padding: 15px 0; margin: 0; cursor: pointer; } header .main-nav-container nav ul.nav-submenu-secondary > li > a.nav-submenu-link, header .main-nav-container nav ul.nav-submenu-secondary > li > .nav-submenu-link > a { border-bottom: none; font-size: 1rem; color: #212325; font-weight: 700; } header .main-nav-container nav ul.nav-submenu-secondary > li > .nav-submenu-link:hover, header .main-nav-container nav ul.nav-submenu-secondary > li.open > .nav-submenu-link, header .main-nav-container nav ul.nav-submenu-secondary > li > .nav-submenu-link:hover > a, header .main-nav-container nav ul.nav-submenu-secondary > li.open > .nav-submenu-link > a { text-decoration: underline; color: #ba0c2f; background: none; } /*header .main-nav-container nav ul.nav-submenu-secondary > li.has-submenu > .nav-submenu-link > a:after { content: "\f007"; font-family: bux-icons; vertical-align: bottom; font-size: 0.75rem; padding-left: 0.25em; }*/ /* TERTIARY NAV */ header .main-nav-container nav .nav-tertiary-wrapper { display: none; position: absolute; left: 0; right: 0; width: 100%; top: 50px; padding: 20px; cursor: default; background-color: #f6f7f8; border-bottom: 1px solid #dfe3e5; } /*header .main-nav-container nav ul.nav-submenu-secondary > li.has-submenu:hover .nav-tertiary-wrapper,*/ header .main-nav-container nav ul.nav-submenu-secondary > li.has-submenu.open .nav-tertiary-wrapper { display: block; } header .main-nav-container nav ul.nav-submenu-tertiary { float: right; padding: 0 60px; margin: 0; position: relative; } header .main-nav-container nav ul.nav-submenu-tertiary:before { content: 'Quick Links:'; position: absolute; left: -60px; top: 0; bottom: 0; height: 120px; width: 120px; line-height: 120px; font-size: 0.75rem; font-family: BuckeyeSans; color: #3f4443; font-weight: 600; text-transform: uppercase; text-align: center; } header .main-nav-container nav ul.nav-submenu-tertiary > li { display: block; float: left; margin-right: 5px; } header .main-nav-container nav ul.nav-submenu-tertiary > li:last-child { margin-right: 0; } header .main-nav-container nav ul.nav-submenu-tertiary > li > a { display: table; position: relative; width: 120px; height: 120px; text-align: center; background-color: #646a6e; color: #fff; font-size: 1rem; line-height: 1.2; font-weight: 400; text-transform: none; text-decoration: none; } header .main-nav-container nav ul.nav-submenu-tertiary > li > a span { display: table-cell; vertical-align: middle; padding: 10px; color: #fff; } header .main-nav-container nav ul.nav-submenu-tertiary > li > a span:after { position: absolute; display: block; content: ''; top: 0; right: 0; width: 0; height: 0; border-top: 10px solid #212325; border-left: 10px solid transparent; } header .main-nav-container nav ul.nav-submenu-tertiary > li:hover > a, header .main-nav-container nav ul.nav-submenu-tertiary > li > a:focus { background-color: #ba0c2f; color: #fff; } /*MOBILE NAV */ header .main-nav-container nav .nav-mobile { display: none; } header .main-nav-container nav ul.nav-submenu-secondary > li > .nav-submenu-link .nav-mobile-toggle { display: none; } /* GLOBAL PAGE TEMPLATE STYLES */ main { position: relative; } main ul li, main ol li { margin-bottom: 10px; } main li > ul, main li > ol { margin-top: 10px; } main h2.download-tools { border: none; margin: 0; background: none; font-size: 1.35rem } main h2.download-tools > .fa-file { margin-right: 10px; color: #ba0c2f; } /* BREADCRUMBS */ .breadcrumbs .content-wrapper nav { padding: 0 3%; font-family: BuckeyeSans,HelveticaNeue,Helvetica,Arial,sans-serif; } .page-id-511 .breadcrumbs, .page-id-515 .breadcrumbs, .page-id-519 .breadcrumbs, .page-id-1989 .breadcrumbs { display: none; } /* hides on Benefits, Life Events, HR Services and Awards pages */ /* SECTION HEADER */ .callout-section_header { font-family: BuckeyeSerif,Georgia,serif; color: #ba0c2f; font-weight: 900; font-size: 2.625rem; line-height: 1.2; margin: 25px 0; text-align: center; } .callout-section_header a { border-bottom: none; } .callout-section_header a:hover { border-bottom: 1px solid #212325; } .callout-section_header p { font-family: BuckeyeSans,HelveticaNeue,Helvetica,Arial,sans-serif; color: #212325; font-weight: 700; font-size: 1.375rem; line-height: 1.25; font-style: italic; } /* PAGE HEADER AND SUBHEADER */ .callout-page_header { margin: 25px 0; text-align: center; } .callout-page_header > .h2-with-sub { margin-bottom: -60px; } .callout-page_subheader { margin: 1em auto; font-weight: 700; font-size: 1.375rem; line-height: 1.25; text-align: center; } .callout-subpage_header { margin: 1em auto; font-weight: 700; font-size: 1.375rem; line-height: 1.25; text-align: center; } /* MAIN CONTENT SECTION CONTAINERS */ .callout-two_columns .content-wrapper { padding: 25px 0; } .callout-two_columns.columns-small .content-wrapper { max-width: 1000px; } .callout-two_columns.callout-two_columns_70-30 .content-left { width: 70%; float: left; padding-left: 3%; padding-right: 7.5%; } .callout-two_columns.callout-two_columns_70-30 .content-right { width: 25%; float: right; margin-right: 3%; } .callout-two_columns.callout-two_columns_50-50 .content-left { width: 50%; float: left; padding-right: 3%; padding-left: 3%; } .callout-two_columns.callout-two_columns_50-50 .content-right { width: 50%; float: right; padding-left: 3%; padding-right: 3%; } .callout-content { margin: 25px auto; } .callout-content .content-wrapper { padding: 25px 50px; } .callout-content.content-small .content-wrapper { max-width: 1000px; } /* HEADER 2 SPACING WITHIN CONTENT */ .callout-two_columns.callout-two_columns_70-30 .content-left .callout-two_columns-content_subheader h2, .callout-two_columns.callout-two_columns_70-30 .content-left .callout-two_columns-content h2, .callout-two_columns.callout-two_columns_50-50 .content-left .callout-two_columns-content_subheader h2, .callout-two_columns.callout-two_columns_50-50 .content-right .callout-two_columns-content_subheader h2, .callout-two_columns.callout-two_columns_50-50 .content-left .callout-two_columns-content h2, .callout-two_columns.callout-two_columns_50-50 .content-right .callout-two_columns-content h2 { margin-top: 20px; } /* CONTENT LEFT/RIGHT HEADERS */ .callout-two_columns .content-left h3 { font-weight: 700; font-size: 1.375rem; line-height: 1.75rem; } .callout-two_columns .content-left h3 > a:hover, .callout-two_columns .content-right h3 > a:hover { text-decoration: none; } .callout-two_columns .content-left h4 { font-weight: 700; } .callout-two_columns .content-left h5 { font-weight: 700; } .callout-two_columns .content-left h6 { font-weight: 700; } /* MAIN CONTENT GLOBAL STYLES */ .callout-two_columns-content .header-icon, .callout-two_columns-content_header .header-icon { float: left; height: 100%; max-height: 44px; width: auto; margin-right: 10px; } /* TWO COLUMN CONTENT */ .two-columns { -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; } .callout-two_columns-two_columns { margin: 0 0 25px; } .callout-two_columns .callout-two_columns-two_columns .column { width: 50%; float: left; } .callout-two_columns .callout-two_columns-two_columns .column:first-child { padding-right: 15px; } .callout-two_columns .callout-two_columns-two_columns .column:last-child { padding-left: 15px; } /* BANNER IMAGEs */ .callout-banner_image .content-wrapper { padding: 0; max-height: 500px; overflow: hidden; } .callout-two_columns .callout-two_columns-banner_image { margin: 25px auto; } .callout-two_columns .callout-two_columns-banner_image:first-child { margin-top: 0; } .callout-two_columns .callout-two_columns-banner_image_with_overlay { margin: 25px auto; position: relative; } .callout-two_columns .callout-two_columns-banner_image_with_overlay:first-child { margin-top: 0; } .callout-two_columns .callout-two_columns-banner_image_with_overlay .content-image { background-size: cover; background-position: center center; background-repeat: no-repeat; } .callout-two_columns .callout-two_columns-banner_image_with_overlay.no-picture .content-overlay { position: relative; } .callout-two_columns .callout-two_columns-banner_image_with_overlay .content-overlay { position: absolute; bottom: 20px; left: 20px; right: 25%; display: block; padding: 40px; background-color: #f6f7f8; } .callout-two_columns .callout-two_columns-banner_image_with_overlay .content-overlay h2 { font-size: 1rem; color: #ba0c2f; } .callout-two_columns .callout-two_columns-banner_image_with_overlay .content-overlay p { font-family: BuckeyeSans; font-size: 1.5rem; line-height: 1.25; } .callout-two_columns .callout-two_columns-banner_image_with_overlay .content-overlay .content-button { float: left; } /* CONTENT BUTTONS */ .content-button { font-family: BuckeyeSans,HelveticaNeue,Helvetica,Arial,sans-serif; display: inline-block; font-size: 1rem; font-weight: 700; padding: 1.25em; color: #fff; background-color: #d1d2d4; vertical-align: middle; text-decoration: none; border-bottom: none; } .content-button:after { display: inline-block; content: "\f005"; font-family: bux-icons; margin: 0 0 0 .5rem; vertical-align: bottom; } .content-button.before:before { display: inline-block; content: "\f005"; font-family: bux-icons; transform: rotate(0); margin: 0 .5rem; } .content-button.no-arrow:after { display: none; } .content-button.color-white { background-color: #ffffff; color: #ba0c2f; border: 2px solid #ba0c2f; } .content-button.color-white:hover { background-color: #212325; color: #ffffff; border: 2px solid #212325; } .content-button.color-red { background-color: #ba0c2f; color: #ffffff; } .content-button.color-blue { background-color: #41b6e6; color: #ffffff; } .content-button.color-orange { background-color: #ff6a39; color: #ffffff; } .content-button.color-green { background-color: #8edd65; color: #ffffff; } .content-button.color-brown { background-color: #946037; color: #ffffff; } .content-button.color-pink { background-color: #fb637e; color: #ffffff; } .content-button.color-purple { background-color: #830065; color: #ffffff; } .content-button.color-aqua { background-color: #6bbbab; color: #ffffff; } .content-button.color-teal { background-color: #26686d; color: #ffffff; } .content-button.color-gold { background-color: #ffb600; color: #ffffff; } .content-button.button-wide { padding: 1.25em 4em; } .content-button.button-rounded { border-radius: 3px; } .content-button.download:after { content: none; } .content-button.external:after { content: none; } .content-button:hover, .content-button.color-red:hover, .content-button.color-blue:hover, .content-button.color-orange:hover, .content-button.color-green:hover, .content-button.color-brown:hover, .content-button.color-pink:hover, .content-button.color-purple:hover, .content-button.color-aqua:hover, .content-button.color-teal:hover, .content-button.color-gold:hover, .content-button.button-wide:hover, .content-button.button-rounded:hover { background-color: #212325; color: #ffffff; } /*NEEDED ANYMORE? - CARRIED OVER FROM CSS/STYLE.CSS FILE */ button.red { background-color: #bb0000; color: #ffffff; font-weight: 400; text-transform: uppercase; font-size: 15px; padding: 1em 2.5em; border: none; } button.red:hover { background-color: #960000; } /* CONTENT SLIDE BUTTONS */ .content-slide { display: none; } ul.content-slides-buttons { list-style: none; padding-left: 0; margin: 1.5em 0 0; padding-bottom: 0; } ul.content-slides-buttons li { float: left; width: 12px; height: 12px; margin: 4px 6px 4px 4px; font-size: 1px; line-height: 1; background-color: #cfd4d8; cursor: pointer; -webkit-transition: background-color .2s ease-in-out; -moz-transition: background-color .2s ease-in-out; -o-transition: background-color .2s ease-in-out; -ms-transition: background-color .2s ease-in-out; transition: background-color .2s ease-in-out; } ul.content-slides-buttons li:hover { background-color: #212325; } ul.content-slides-buttons li:focus { outline: 2px solid #2E7FA1; outline-offset: 2px; } ul.content-slides-buttons.color-red li.active { background-color: #ba0c2f; } ul.content-slides-buttons.color-green li.active { background-color: #8edd65; } ul.content-slides-buttons.color-purple li.active { background-color: #830065; } ul.content-slides-buttons.color-teal li.active { background-color: #26686d; } ul.content-slides-buttons.button-rounded li { border-radius: 50%; } /* ACCORDIONS */ .callout-accordions { margin-top: 25px; margin-bottom: 25px; clear: both; } main > .callout-accordions.content-wrapper { padding: 25px 50px;} /*pages with 100% width only*/ .callout-accordions.content-wrapper { padding: 0;} .callout-accordions .accordions-no-results { display: none; } /* PAGE SEARCH BOX */ .search-filter { position: relative; padding-left: 28px; border: 1px solid #3f4443; border-width: 1px 0; margin-top: 25px; margin-bottom: 25px; } .search-filter > img { position: absolute; left: 0; top: 28px; width: 24px; height: auto; } .search-filter input { display: block; width: 100%; border: 0; padding: 20px; font-size: 24px; color: #393839; line-height: 36px; } .search-filter input:focus { border: 2px solid #3492b8; padding: 18px; } .search-filter form label { display: none; text-transform: uppercase; font-family: BuckeyeSans; } .search-filter form input[type="submit"] { display: none; } /* PAGE SEARCH BOX */ .callout-search { margin: 25px auto; } .callout-search .search-filter { margin-top: 0; } .callout-search .search-filter input[type="submit"] { display: none; } .callout-search label { font-weight: 700; text-transform: uppercase; font-family: BuckeyeSans; } /* TILES */ .callout-two_columns_70-30 .callout-small_gray_tile_links { margin: 0 auto 25px; } .callout-two_columns_70-30 .callout-small_gray_tile_links .content-tile:hover, .callout-two_columns_70-30 .callout-small_gray_tile_links .content-tile:focus { background-color: #212325; } .callout-two_columns_70-30 .callout-small_gray_tile_links .content-tile:hover > span span, .callout-two_columns_70-30 .callout-small_gray_tile_links .content-tile:focus > span span { color: #fff; } .callout-two_columns_70-30 .callout-small_gray_tile_links .content-tile > span span { border-bottom: 0; } .callout-two_columns_70-30 .content-tile { float: left; width: 120px; height: 120px; position: relative; margin: 10px 10px 0 0; text-decoration: none; border: none; background-color: #646a6e; } .callout-two_columns_70-30 .content-tile > span { display: table; width: 100%; height: 100%; } .callout-two_columns_70-30 .content-tile > span span { display: table-cell; height: 100%; vertical-align: middle; text-align: center; border-bottom: 6px solid; padding: 0 3%; font-weight: 600; line-height: 1.25; font-family: BuckeyeSans; color: #fff; font-size: 1rem; } .callout-two_columns_70-30 .content-tile > span span img { display: block; width: 50px; height: auto; margin: 0 auto 5px; } .callout-two_columns_70-30 .content-tile.color-red > span span { border-color: #ba0c2f; } .callout-two_columns_70-30 .content-tile.color-red:hover, .callout-two_columns_70-30 .content-tile.color-red:focus { background-color: #ba0c2f; } .callout-two_columns_70-30 .content-tile.color-blue > span span { border-color: #41b6e6; } .callout-two_columns_70-30 .content-tile.color-blue:hover, .callout-two_columns_70-30 .content-tile.color-blue:focus { background-color: #41b6e6; } .callout-two_columns_70-30 .content-tile.color-orange > span span { border-color: #ff6a39; } .callout-two_columns_70-30 .content-tile.color-orange:hover, .callout-two_columns_70-30 .content-tile.color-orange:focus { background-color: #ff6a39; } .callout-two_columns_70-30 .content-tile.color-green > span span { border-color: #8edd65; } .callout-two_columns_70-30 .content-tile.color-green:hover, .callout-two_columns_70-30 .content-tile.color-green:focus { background-color: #8edd65; } .callout-two_columns_70-30 .content-tile.color-brown > span span { border-color: #946037; } .callout-two_columns_70-30 .content-tile.color-brown:hover, .callout-two_columns_70-30 .content-tile.color-brown:focus { background-color: #946037; } .callout-two_columns_70-30 .content-tile.color-pink > span span { border-color: #fb637e; } .callout-two_columns_70-30 .content-tile.color-pink:hover, .callout-two_columns_70-30 .content-tile.color-pink:focus { background-color: #fb637e; } .callout-two_columns_70-30 .content-tile.color-purple > span span { border-color: #841d5d; } .callout-two_columns_70-30 .content-tile.color-purple:hover, .callout-two_columns_70-30 .content-tile.color-purple:focus { background-color: #841d5d; } .callout-two_columns_70-30 .content-tile.color-aqua > span span { border-color: #6bbbab; } .callout-two_columns_70-30 .content-tile.color-aqua:hover, .callout-two_columns_70-30 .content-tile.color-aqua:focus { background-color: #6bbbab; } .callout-two_columns_70-30 .content-tile.color-teal > span span { border-color: #26686d; } .callout-two_columns_70-30 .content-tile.color-teal:hover, .callout-two_columns_70-30 .content-tile.color-teal:focus { background-color: #26686d; } .callout-two_columns_70-30 .content-tile.color-gold > span span { border-color: #ffb600; } .callout-two_columns_70-30 .content-tile.color-gold:hover, .callout-two_columns_70-30 .content-tile.color-gold:focus { background-color: #ffb600; } /* LARGE GRAY TILES */ .callout-gray_tile_blocks { margin: 25px auto; } .callout-gray_tile_blocks h2 { font-size: 1rem; color: #ba0c2f; } /*.callout-gray_tile_blocks .content-wrapper { padding: 0 50px; }*/ .callout-gray_tile_blocks .content-tile-link { float: left; width: 180px; height: 180px; background-color: #eff1f2; margin-right: 9px; margin-bottom: 9px; font-size: 1.125rem; font-weight: 600; font-family: BuckeyeSans,HelveticaNeue,Helvetica,Arial,sans-serif; color: #ba0c2f; text-decoration: none; text-align: center; } .callout-gray_tile_blocks .content-tile-link:hover, .callout-gray_tile_blocks .content-tile-link:focus { background-color: #212325; color: #fff; } .callout-gray_tile_blocks .content-tile-link.has-border { border-bottom: 6px solid #ba0c2f; } .callout-gray_tile_blocks .content-tile-link span.vert-align-middle > span { padding: 0 10%; } /* SIDEBAR AND 70/30 RIGHT COLUMN */ .callout-two_columns .callout-two_columns-sidebar { background-color: #eff1f2; margin-bottom: 25px; } .callout-two_columns .callout-two_columns-sidebar .content-sidebar-header { display: block; text-align: center; padding: 7.5% 10% 5%; color: #fff; } .callout-two_columns .callout-two_columns-sidebar a.content-sidebar-header:focus { border-bottom: none; outline: 2px solid #2E7FA1; outline-offset: 2px; } .callout-two_columns .callout-two_columns-sidebar a.content-sidebar-header:hover h2, .callout-two_columns .callout-two_columns-sidebar a.content-sidebar-header:hover p { text-decoration: underline; } .callout-two_columns .callout-two_columns-sidebar .content-sidebar-header h2, .callout-two_columns .callout-two_columns-sidebar .content-sidebar-header p { line-height: 1.333; margin-bottom: 0; font-size: 1.625rem; font-weight: 600; font-family: BuckeyeSans,HelveticaNeue,Helvetica,Arial,sans-serif; color: #fff; } .callout-two_columns .callout-two_columns-sidebar .content-sidebar-header .content-sidebar-header-dash { font-size: 150%; line-height: 1; } .callout-two_columns .callout-two_columns-sidebar .content-sidebar-content { padding: 25px; font-family: BuckeyeSans; } .callout-two_columns .callout-two_columns-sidebar .content-sidebar-content h2 { font-size: 1.25rem; margin-bottom: 15px; } .callout-two_columns .callout-two_columns-sidebar .content-sidebar-content p, .callout-two_columns .callout-two_columns-sidebar .content-sidebar-content ul { font-family: BuckeyeSans; } .callout-two_columns .callout-two_columns-sidebar .content-sidebar-content .bux-accordion { border-bottom-color: #dfe3e5; } .callout-two_columns .callout-two_columns-sidebar .content-sidebar-content .bux-accordion h3.bux-accordion__heading { margin-bottom: 0; } .callout-two_columns .callout-two_columns-sidebar .content-sidebar-content .bux-accordion .bux-accordion__trigger { background-color: #eff1f2; border-top-color: #dfe3e5; } .callout-two_columns .callout-two_columns-sidebar .content-sidebar-content .bux-accordion .bux-accordion__trigger:focus, .callout-two_columns .callout-two_columns-sidebar .content-sidebar-content .bux-accordion .bux-accordion__trigger:hover { background-color: #dfe3e5; } .callout-two_columns .callout-two_columns-sidebar .content-sidebar-content .bux-accordion .bux-accordion__panel { background-color: #eff1f2; } .callout-two_columns .callout-two_columns-sidebar .content-sidebar-content ul, .callout-two_columns.callout-two_columns_70-30 .content-right .content-accordion-content ul { padding-left: 25px; } .callout-two_columns .callout-two_columns-sidebar .content-sidebar-content .bux-accordion .bux-accordion__panel ul { padding-left: 10px; } /* RIGHT COLUMN STATS */ .callout-two_columns .callout-two_columns-stats { padding-bottom: 15px; font-family: BuckeyeSans; } .callout-two_columns .callout-two_columns-stats .content-stat { position: relative; height: 80px; border-top: 1px solid #cfd4d8; padding: 10px 15px 10px 6em; } .callout-two_columns .callout-two_columns-stats .content-stat:last-of-type { border-bottom: 1px solid #cfd4d8; } .callout-two_columns .callout-two_columns-stats .content-stat strong { position: absolute; left: 0; top: 10px; display: block; font-size: 2.5rem; font-weight: 700; } .callout-two_columns .callout-two_columns-stats .content-stat.longstat { padding-left: 0; padding-bottom: 25px; padding-top: 0; } .callout-two_columns .callout-two_columns-stats .content-stat.longstat strong { position: relative; } /* BLOCK LINKS */ .callout-block_links { padding: 50px 0; background-color: #dfe3e5; } .callout-block_links h2 { font-size: 2.625rem; font-weight: 600; text-align: center; margin: 0 0 0.5em; } .callout-block_links .content-links { text-align: center; } .callout-block_links .content-links a.content-link { font-family: BuckeyeSans; display: inline-block; background-color: #fff; border-bottom: 6px solid #646a6e; text-transform: uppercase; padding: 1em 2em; margin: 0.5em; text-decoration: none; } .callout-block_links .content-links .content-link:after { display: inline-block; font-size: 80%; content: "\f005"; font-family: bux-icons; vertical-align: bottom; margin: 0 .5em; } .callout-block_links .content-links .content-link:hover, .callout-block_links .content-links .content-link:focus { background-color: #212325; color: #fff!important; } /* PROFILE BLOCKS */ .callout-profile_blocks .content-wrapper { padding: 0 50px; } .callout-profile_blocks .content-profiles { font-family: BuckeyeSans; margin: 50px auto; text-align: center; } .callout-profile_blocks .content-profiles .content-profile { width: 400px; max-width: 100%; display: inline-block; padding: 1%; vertical-align: middle; } .callout-profile_blocks .content-profiles .content-profile .content-profile-image { display: block; border-bottom: 12px solid #868e92; } .callout-profile_blocks .content-profiles .content-profile .content-profile-content { padding: 25px 25px 50px; background-color: #eff1f2; } .callout-profile_blocks .content-profiles .content-profile .content-profile-content h2 { line-height: 2.3rem; } .callout-profile_blocks .content-profiles .content-profile .content-profile-content h2 > a:hover { text-decoration: none; } .callout-profile_blocks .content-profiles .content-profile .content-profile-content .content-profile-header { font-size: 1.5rem; line-height: 2.25rem; font-weight: 800; font-family: BuckeyeSans, HelveticaNeue, Helvetica, Arial, sans-serif; color: #212325; margin: 0 0 8px; } .callout-profile_blocks .content-profiles .content-profile .content-profile-content .content-profile-text { font-size: 1.25rem; margin: 1em auto; } .callout-profile_blocks .content-profiles .content-profile .content-profile-content .content-button { margin-top: 1em; display: inline-block; } .callout-profile_blocks .content-profiles .content-profile .content-profile-content .content-button:focus { background-color: #212325!important; color: #fff!important; } /* THREE COLUMNS WITH IMAGE OVERLAY */ .callout-three_columns_and_image .content-wrapper { padding: 0 150px; margin: 25px auto; background-size: cover; background-position: center center; background-repeat: no-repeat; } .callout-three_columns_and_image .content-columns { max-width: 100%; margin: 75px auto; background: #ffffff; } .callout-three_columns_and_image .content-columns h2 { font-size: 2.25rem; font-weight: 600; margin: 1em auto 0; padding: 0 25px; } .callout-three_columns_and_image .content-columns .content-column { font-family: BuckeyeSans; font-size: 1.25rem; margin: 50px auto; width: 33.33%; float: left; padding: 15px 50px; text-align: left; } /* LEADERSHIP PROFILES */ .callout-leadership_profiles { margin: 50px auto; font-family: BuckeyeSans; } .callout-leadership_profiles .content-wrapper { padding: 0 50px; } .callout-leadership_profiles .content-wrapper .content-directory .directory-container { display: flex; flex-wrap: wrap; } .callout-leadership_profiles .content-wrapper .content-directory .directory-container .directory-entry { float: left; display: flex; flex-direction: column; flex: 1; padding-top: 4px; } .callout-leadership_profiles .content-wrapper .content-directory .directory-container .directory-entry-img { padding: 0 10px 10px; } .callout-leadership_profiles .content-wrapper .content-directory .directory-container .directory-entry-text { text-align: center; padding: 0 10px; } .callout-leadership_profiles .content-wrapper .content-directory .directory-container .leadership-title { font-size: 1.125rem; font-weight: 800; padding: 0.25em 0; } /* RESPONSIVE VIDEO CONTAINER */ .video-container { float: none; clear: both; width: 100%; position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; text-align: center; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #cfd4d8; } /* CONTENT TOP NAVIGATION WITH ARROWS */ .callout-content_navigation { padding: 0 25px; } .callout-content_navigation ul { padding: 0; margin: 25px auto 50px; text-align: center; } .callout-content_navigation ul li { display: inline-block; position: relative; border-bottom: 7px solid #ba0c2f; color: black; margin: 0 3px 10px; } .callout-content_navigation ul li.color-red { border-color: #ba0c2f; } .callout-content_navigation ul li.color-blue { border-color: #41b6e6; } .callout-content_navigation ul li.color-orange { border-color: #ff6a39; } .callout-content_navigation ul li.color-green { border-color: #8edd65; } .callout-content_navigation ul li.color-brown { border-color: #946037; } .callout-content_navigation ul li.color-pink { border-color: #fb637e; } .callout-content_navigation ul li.color-purple { border-color: #830065; } .callout-content_navigation ul li.color-aqua { border-color: #6bbbab; } .callout-content_navigation ul li.color-teal { border-color: #26686d; } .callout-content_navigation ul li.color-gold { border-color: #ffb600; } .callout-content_navigation ul li.active:after { position: absolute; display: block; content: ''; left: 50%; top: 100%; margin-top: 7px; margin-left: -10px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #ba0c2f; } .callout-content_navigation ul li.active.color-red:after { border-top-color: #ba0c2f; } .callout-content_navigation ul li.active.color-blue:after { border-top-color: #41b6e6; } .callout-content_navigation ul li.active.color-orange:after { border-top-color: #ff6a39; } .callout-content_navigation ul li.active.color-green:after { border-top-color: #8edd65; } .callout-content_navigation ul li.active.color-brown:after { border-top-color: #946037; } .callout-content_navigation ul li.active.color-pink:after { border-top-color: #fb637e; } .callout-content_navigation ul li.active.color-purple:after { border-top-color: #830065; } .callout-content_navigation ul li.active.color-aqua:after { border-top-color: #6bbbab; } .callout-content_navigation ul li.active.color-teal:after { border-top-color: #26686d; } .callout-content_navigation ul li.active.color-gold:after { border-top-color: #ffb600; } .callout-content_navigation ul li a { font-family: BuckeyeSans,HelveticaNeue,Helvetica,Arial,sans-serif; display: inline-block; width: 145px; font-weight: 600; line-height: 1.1; padding: 0.5rem 2px; border-bottom: none; margin: 5px 0; color: #212325; } /* FOOTER */ footer .footer-upper .content-wrapper { padding: 75px 150px 75px 75px; background-size: 115px 121px; background-position: bottom right 50px; background-repeat: no-repeat; } footer .footer-upper .content-wrapper p, footer .footer-upper .content-wrapper ul { font-family: BuckeyeSans; font-size: 0.875rem; } footer .footer-upper h2 { font-size: 1.125rem; } footer .footer-upper ul { margin: 0 0 1em 0; padding: 0; list-style: none; } footer .footer-upper ul li { margin-bottom: 5px; } footer .footer-upper .footer-upper-left { float: left; width: 20%; margin-right: 7.5%; border-right: 1px solid #212325; } footer .footer-upper .footer-upper-content { float: left; width: 20%; margin-right: 6.25%; } footer .footer-upper .footer-upper-content:last-child { margin-right: 0; } footer .footer-lower { border-top: 50px solid #ba0c2f; background-color: #eff1f2; } footer .footer-lower .content-wrapper { padding: 50px 75px; } footer .footer-lower .content-wrapper .footer-left { width: 60%; float: left; max-width: 300px; } footer .footer-lower .content-wrapper .footer-left img { max-width: 300px; height: auto; margin-bottom: 16px; } footer .footer-lower .content-wrapper .footer-left p { font-family: BuckeyeSans; font-size: 0.875rem; margin-bottom: 0; } footer .footer-lower .content-wrapper .footer-right { width: 40%; float: right; text-align: right; } /*REMOVE DOWN TO 519 AFTER CACHE IS CLEARED */ footer .footer-lower .content-wrapper .footer-right ul.social-media { margin-top: 0; } footer .footer-lower .content-wrapper .footer-right ul.social-media li { display: inline-block; list-style-type: none; } footer .footer-lower .content-wrapper .footer-right ul.social-media li a { color: #212325; border-bottom: none; background-color: #eff1f2; margin: 0 0 1em 0.25em; width: 4em; padding: 1em 0 .8em 0; text-align: center; display: block; } footer .footer-lower .content-wrapper .footer-right ul.social-media li a:hover { background-color: #dfe3e5; } footer .footer-lower .content-wrapper .footer-right ul.bux-social-links li a:after { display: none; } footer .footer-lower .content-wrapper .footer-right .fine-print { margin-top: 16px; } footer .footer-lower .content-wrapper .footer-right .fine-print p { font-family: BuckeyeSans; margin: 0; font-size: 0.75rem; } footer .footer-lower .content-wrapper .footer-right .fine-print .footer-links { padding-top: 16px; margin-bottom: 16px; } footer .footer-lower .content-wrapper .footer-right .footer-links button:hover { color: #ffffff; background: none; border: none; text-decoration: none; } footer .footer-lower .content-wrapper .footer-right .footer-links #ot-sdk-btn.ot-sdk-show-settings { font-family: inherit; text-decoration: none; color: #ba0c2f; border-bottom: 1px solid #ba0c2f; border-top: none; border-right: none; border-left: none; padding: 0; font-size: inherit; line-height: 1.0; } footer .footer-lower .content-wrapper .footer-right .footer-links #ot-sdk-btn.ot-sdk-show-settings:focus { border-bottom: none; outline: 2px solid #2E7FA1; outline-offset: 2px; } footer .footer-lower .content-wrapper .footer-right .footer-links #ot-sdk-btn.ot-sdk-show-settings:hover { color: #212325; border-bottom-color: #212325; background-color: #ffffff; } /* HOME PAGE */ .page-template-home .content-top .content-banner { position: relative; } .page-template-home .content-top .content-banner .content-slider { position: absolute; width: 40%; min-width: 500px; bottom: 50px; background-color: #fff; } .page-template-home .content-top .content-banner .content-slider.left { left: 50px; } .page-template-home .content-top .content-banner .content-slider.right { right: 50px; } .page-template-home .content-top .content-banner .content-slide { padding: 30px 30px; } .page-template-home .content-top .content-banner .content-slide h3 { font-size: 1rem; font-weight: 700; margin: 0 0 1rem; text-transform: uppercase; color: #ba0c2f; } .page-template-home .content-top .content-banner .content-slide p { font-family: BuckeyeSans; font-size: 1.75rem; line-height: 1.2; font-weight: 400; margin: 0 0 1rem; } .page-template-home .content-top .content-banner .content-slide .content-button { float: left; margin: 0 auto; } .page-template-home .content-top .content-banner .content-slides-buttons { margin: 25px 0; padding: 0 30px; } .page-template-home .content-top .content-tile { float: left; width: 16.333%; position: relative; margin-right: 0.4%; margin-top: 0.4%; border-bottom: none; } .page-template-home .content-top .content-tile:last-child { margin-right: 0; float: right; } .page-template-home .content-top .content-tile .content-tile-bg { width: 100%; height: auto; /*opacity: 0.75;*/ } .page-template-home .content-top .content-tile:hover .content-tile-bg { opacity: 0.75; } .page-template-home .content-top .content-tile .content-tile-overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; } .page-template-home .content-top .content-tile .content-tile-overlay > span { display: table; width: 100%; height: 100%; } .page-template-home .content-top .content-tile .content-tile-overlay > span span { display: table-cell; height: 100%; vertical-align: middle; text-align: center; border-bottom: 12px solid; } .page-template-home .content-top .content-tile .content-tile-overlay > span span strong:after { content: "\f005"; font-family: bux-icons; color: #ffffff; vertical-align: bottom; margin: 0 .25em;} .page-template-home .content-top .content-tile .content-tile-overlay > span span img { display: block; width: 100px; height: auto; margin: 0 auto 20px; } .page-template-home .content-top .content-tile .content-tile-overlay > span span strong { font-family: BuckeyeSans; display: block; padding: 0 10%; min-height: 36px; font-size: 1.25rem; font-weight: 700; line-height: 1.375; color: #fff; text-transform: uppercase; } .page-template-home .content-middle { padding: 75px 50px; } .page-template-home .content-middle h2 { color: #212325; text-align: center; margin-bottom: 50px; font-size: 1rem; text-transform: uppercase; } .page-template-home .content-middle .feature-buttons { width: 100%; display: flex; } .page-template-home .content-middle .feature-buttons .content-button { font-size: 1.125rem; font-weight: 600; padding: 1.25rem; margin-bottom: 20px; flex: 1; text-align: center; line-height: 1.25; } .page-template-home .content-middle .feature-buttons .content-button:first-child { margin-right: 20px; } .page-template-home .content-middle .content-left { width: 50%; float: left; padding: 0 50px; } .page-template-home .content-middle .content-right { width: 50%; float: left; padding: 0 50px; } .page-template-home .content-middle .content-article h3 > a:hover { text-decoration: none; } .page-template-home .content-middle .content-article p.content-article-date { font-family: BuckeyeSans; font-size: 0.875rem; color: #868e92; font-weight: 700; padding-top: 1.25em; margin-bottom: 0.25em; text-transform: uppercase; } .page-template-home .content-middle .content-article p.content-article-text { font-family: BuckeyeSans; font-size: 1.125rem; } .page-template-home .content-middle .content-left img { padding-bottom: 20px; } .page-template-home .content-middle .content-left .content-article h3 { font-size: 1.875rem; line-height: 1.5; } .page-template-home .content-middle .content-right .content-article h3 { font-size: 1.375rem; line-height: 1.5; } .page-template-home .content-middle .content-right .content-button { float: left; margin-top: 20px; } .page-template-home .content-bottom { padding: 75px 50px; background-color: #f6f7f8; } .page-template-home .content-bottom .content-left { width: 50%; float: left; } .page-template-home .content-bottom .content-left h2 { color: #212325; font-size: 1rem; text-transform: uppercase; margin: 0 auto 1.5em; padding: 0 50px 0 75px; } .page-template-home .content-bottom .content-left .content-slider { padding: 0 50px 0 75px; } .page-template-home .content-bottom .content-left .content-slider .content-slide h3 { font-size: 1.375rem; line-height: 1.5; } .page-template-home .content-bottom .content-left .content-slider .content-slide h3 > a:hover { text-decoration: none; } .page-template-home .content-bottom .content-left .content-slider .content-slide p { font-family: BuckeyeSans; font-size: 1.125rem; } .page-template-home .content-bottom .content-left .content-slider .content-slide .content-slider-text { position: relative; } .page-template-home .content-bottom .content-left .content-slider .content-slide .content-slider-text span.event-date { font-family: BuckeyeSans; position: absolute; left: -85px; width: 75px; top: 0; display: block; font-size: 0.875rem; padding-top: 0.333em; font-weight: 600; color: #3f4443; text-align: center; line-height: 1; text-transform: uppercase; } .page-template-home .content-bottom .content-left .content-slider .content-slide .content-slider-text span.event-date span { display: block; font-size: 3rem; line-height: 1; font-weight: 600; } .page-template-home .content-bottom .content-left .content-slider .content-slides-buttons { float: left; clear: left; margin: 0.5em 0; padding: 5% 0; } .page-template-home .content-bottom .content-left .content-button { margin-left: 75px; } .page-template-home .content-bottom .content-right { width: 50%; float: left; position: relative; } .page-template-home .content-bottom .content-right .content-overlay { position: absolute; left: 50px; right: 50px; bottom: 25px; display: block; padding: 25px; background-color: #fff; } .page-template-home .content-bottom .content-right .content-overlay h2 { color: #ba0c2f; font-size: 1rem; text-transform: uppercase; } .page-template-home .content-bottom .content-right .content-overlay p { font-family: BuckeyeSans; font-size: 1.5rem; line-height: 1.25; } /* CALENDAR */ .content-calendar h3.dates { margin-top: 30px; color: #ba0c2f; } /* POLICIES AND FORMS */ .page-id-2657 .content-custom-template { margin-top: 0; } .content-policies-forms .content-pane, .content-policies-forms .content-pane-toggle { margin-top: 30px; } .content-policies-forms .content-pane-toggle a { float: left; display: block; width: 150px; margin-right: 15px; margin-bottom: 15px; text-decoration: none; padding: 0.5em 1em; font-size: 1rem; text-transform: uppercase; text-align: center; color: #666666; background-color: #eff1f2; border-bottom: 6px solid #868e92; font-family: BuckeyeSans; font-weight: 600; } .content-policies-forms .content-pane-toggle a:hover, .content-policies-forms .content-pane-toggle a.active { color: #fff; background-color: #ba0c2f; border-bottom-color: #ba0c2f; } .content-policies-forms .content-pane { display: none; } .content-policies-forms .content-pane.active { display: block; } .content-policies-forms .content-pane .content-accordions .pf-entry { padding: 20px 20px 10px; } /* RATES PAGES (REG AND OE) */ .content-rates .content-rates-top .rate-calculator { margin-bottom: 40px; background: #f6f7f8; padding: 20px; border: 1px solid #cfd4d8; font-family: BuckeyeSans; } .content-rates .content-rates-top .rate-calculator .form-container { display: flex; flex-direction: row; } .content-rates .content-rates-top .rate-calculator .form-container .form-field { flex-grow: 1; } .content-rates .content-rates-top .rate-calculator .form-container .form-field:first-child { flex-grow: 3;} .content-rates .content-rates-top .rate-calculator .form-container .form-field:nth-child(3) { flex-grow: 2;} .content-rates .content-rates-top .rate-calculator .form-container .form-field:not(:last-child) { margin-right: 20px; } .content-rates .content-rates-top .rate-calculator .form-container .bux-selection-dropdown { margin-bottom: 40px; } .content-rates .content-message-alerts { display: none; padding-top: 25px; border-top: 2px solid #cfd4d8; } .content-rates .content-rates-middle { display: none; padding-top: 25px; border-top: 2px solid #cfd4d8; } .content-rates .content-rates-middle .content-tile:hover { background-color: #212325; } .content-rates .content-rates-middle .content-tile.active { background-color: #ba0c2f; border: 2px solid #212325; } .content-rates .content-rates-middle .content-tile-overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .content-rates .content-rates-middle .content-tile-overlay > span { display: table; width: 100%; border: 0; } .content-rates .content-rates-middle .content-tile-overlay > span span { border: 0; } .content-rates .content-rates-middle .content-tile-overlay > span span img { width: 60px; } .content-rates .content-rates-middle .content-rates-tiers { margin-top: 50px; } .content-rates .content-rates-middle .content-rates-tiers fieldset { border: 1px solid #cfd4d8; } .content-rates .content-rates-middle .content-rates-tiers .content-tiers-container { position: relative; /*left: -25px;*/ } .content-rates .content-rates-middle .content-rates-tiers .content-tiers-container .content-tier { float: left; width: 16.667%; position: relative; text-align: center; padding: 15px 0 5px; } .content-rates .content-rates-middle .content-rates-tiers .content-tiers-container .content-tier .content-tier-button { width: 28px; height: 28px; border: 5px solid #cfd4d8; margin: 10px auto; border-radius: 50%; cursor: pointer; background: #868e92; } .content-rates .content-rates-middle .content-rates-tiers .content-tiers-container .content-tier .content-tier-button:focus { outline: 2px solid #2E7FA1; outline-offset: 2px; } .content-rates .content-rates-middle .content-rates-tiers .content-tiers-container .content-tier.active .content-tier-button { background: #ba0c2f; border: 2px solid #212325; } .content-rates .content-rates-middle .content-rates-tiers .content-tiers-container .content-tier .content-tier-line { position: absolute; width: 100%; left: 0; right: 0; top: 34px; z-index: -1; height: 10px; background-color: #cfd4d8; } .content-rates .content-rates-middle .content-rates-tiers .content-tiers-container .content-tier:first-child .content-tier-line { width: 50%; left: 50%; } .content-rates .content-rates-middle .content-rates-tiers .content-tiers-container .content-tier:last-child .content-tier-line { width: 50%; right: 50%; } .content-rates .content-rates-middle .content-rates-tiers .content-tiers-container .content-tier .content-tier-label { line-height: 1.25; font-weight: 400; font-family: BuckeyeSans; } .content-rates .content-rates-middle .content-rates-tiers .content-tiers-container .content-tier.active .content-tier-label { font-weight: 700; } .content-rates .content-rates-middle .content-rates-tiers .content-tiers-container .content-tier input { opacity: 0; } .content-rates .content-rates-lower { display: none; margin-top: 25px; } .content-rates .content-rates-lower .rates-tables-container { overflow-x: auto; } .content-rates .content-rates-lower #category-content div.category-info { display: none; } /* BENEFITS TILES ON BENEFITS HOME AND BENEFITS ELIGIBILITY PAGE */ .content-benefits .content-sections { margin-top: 50px; } .content-benefits .content-sections .content-section { padding: 25px 0; /*display: none;*/ } .content-benefits .content-sections .content-tile { background-color: #dfe3e5; width: 190px; height: 190px; } .content-benefits .content-sections .content-tile > span span { color: #212325; font-size: 1.25rem; line-height: 1.25; font-weight: 600; padding: 0 10%; font-family: BuckeyeSans; } .content-benefits .content-sections .content-tile:focus > span span, .content-benefits .content-sections .content-tile:hover > span span { color: #fff; } .content-benefits .content-sections .content-tile.color-red > span span { border-color: #ba0c2f; } .content-benefits .content-sections .content-tile.color-red:hover, .content-benefits .content-sections .content-tile.color-red:focus { background-color: #ba0c2f; } .content-benefits .content-sections .content-tile.color-blue > span span { border-color: #41b6e6; } .content-benefits .content-sections .content-tile.color-blue:hover, .content-benefits .content-sections .content-tile.color-blue:focus { background-color: #41b6e6; } .content-benefits .content-sections .content-tile.color-orange > span span { border-color: #ff6a39; } .content-benefits .content-sections .content-tile.color-orange:hover, .content-benefits .content-sections .content-tile.color-orange:focus { background-color: #ff6a39; } .content-benefits .content-sections .content-tile.color-green > span span { border-color: #8edd65; } .content-benefits .content-sections .content-tile.color-green:hover, .content-benefits .content-sections .content-tile.color-green:focus { background-color: #8edd65; } .content-benefits .content-sections .content-tile.color-brown > span span { border-color: #946037; } .content-benefits .content-sections .content-tile.color-brown:hover, .content-benefits .content-sections .content-tile.color-brown:focus { background-color: #946037; } .content-benefits .content-sections .content-tile.color-pink > span span { border-color: #fb637e; } .content-benefits .content-sections .content-tile.color-pink:hover, .content-benefits .content-sections .content-tile.color-pink:focus { background-color: #fb637e; } .content-benefits .content-sections .content-tile.color-purple > span span { border-color: #841d5d; } .content-benefits .content-sections .content-tile.color-purple:hover, .content-benefits .content-sections .content-tile.color-purple:focus { background-color: #841d5d; } .content-benefits .content-sections .content-tile.color-aqua > span span { border-color: #6bbbab; } .content-benefits .content-sections .content-tile.color-aqua:hover, .content-benefits .content-sections .content-tile.color-aqua:focus { background-color: #6bbbab; } .content-benefits .content-sections .content-tile.color-teal > span span { border-color: #26686d; } .content-benefits .content-sections .content-tile.color-teal:hover, .content-benefits .content-sections .content-tile.color-teal:focus { background-color: #26686d; } .content-benefits .content-sections .content-tile.color-gold > span span { border-color: #ffb600; } .content-benefits .content-sections .content-tile.color-gold:hover, .content-benefits .content-sections .content-tile.color-gold:focus { background-color: #ffb600; } /* BENEFITS ELIGIBILITY */ .content-my-benefits .benefits-tool .eligibility-tool { margin-bottom: 40px; background: #f6f7f8; padding: 20px; border: 1px solid #cfd4d8; font-family: BuckeyeSans; } .content-my-benefits .benefits-tool .eligibility-tool .form-container { display: flex; flex-direction: row; } .content-my-benefits .benefits-tool .eligibility-tool .form-container .form-field { flex-grow: 1; } .content-my-benefits .benefits-tool .eligibility-tool .form-container .form-field:first-child { flex-grow: 3;} .content-my-benefits .benefits-tool .eligibility-tool .form-container .form-field:nth-child(3) { flex-grow: 2;} .content-my-benefits .benefits-tool .eligibility-tool .form-container .form-field:not(:last-child) { margin-right: 20px; } .content-my-benefits .benefits-tool .eligibility-tool .form-container .bux-selection-dropdown { margin-bottom: 40px; } .content-my-benefits .content-message-alerts { display: none; padding-top: 25px; border-top: 2px solid #cfd4d8; } .content-my-benefits .content-benefits .content-sections { margin-top: 0; } .content-my-benefits .content-benefits .content-sections .benefits-footnote { margin-top: 20px; font-style: italic; } /* BENEFITS HOME */ .callout-two_columns_70-30 .content-tile.tile-button { width: 250px; max-width: 100%; background-color: #646a6e; } .callout-two_columns_70-30 .content-tile.tile-button:hover, .callout-two_columns_70-30 .content-tile.tile-button:focus { background-color: #212325; } /* VERTICAL SLIDER */ .callout-vertical_slider .content-wrapper { padding: 0 50px; margin: 25px auto; } .callout-vertical_slider .content-vslider-container { width: 1050px; max-width: 100%; position: relative; margin: 0 auto; overflow: hidden; -webkit-transition: background-color .2s ease-in-out; -moz-transition: background-color .2s ease-in-out; -o-transition: background-color .2s ease-in-out; -ms-transition: background-color .2s ease-in-out; transition: background-color .2s ease-in-out; } .callout-vertical_slider .content-vslider-container > img { float: right; width: 62.5%; max-width: 700px; height: auto; } .callout-vertical_slider .content-vslider-img { position: absolute; width: 62.5%; left: 37.5%; height: 100%; top: 0; bottom: 0; right: 0; background-size: cover; background-position: center center; background-repeat: no-repeat; } .callout-vertical_slider .content-slide { width: 37.5%; position: relative; z-index: 1; top: 0; float: left; padding: 4%; color: #fff; } .callout-vertical_slider .content-slide h2 { font-size: 1rem; line-height: 1.5rem; font-weight: 600; color: #fff; margin: 0 0 8px; } .callout-vertical_slider .content-slide h3 { margin: 0.5em 0; font-size: 40px; font-weight: 700; color: #fff; line-height: 1.1; text-align: left; } .callout-vertical_slider .content-slide .content-slider-text p { font-family: BuckeyeSans; font-size: 1.375rem; line-height: 1.2; } .callout-vertical_slider .slide-up { display: block; position: absolute; left: 40%; bottom: 51%; width: 42px; height: 42px; border-radius: 50%; font-size: 34px; line-height: 1; color: #212325; text-align: center; background-color: #fff; border: #212325 1px solid; text-decoration: none; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .callout-vertical_slider .slide-down { display: block; position: absolute; left: 40%; top: 51%; width: 42px; height: 42px; border-radius: 50%; font-size: 34px; line-height: 1; color: #212325; text-align: center; background-color: #fff; border: #212325 1px solid; text-decoration: none; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } /* NEWS */ .content-blog { padding: 25px 0; } .content-blog h1 { padding-left: 3%; } .content-blog .content-left { width: 70%; float: left; padding-left: 1%; padding-right: 5%; } .content-blog .content-left .content-highlight { position: relative; font-family: BuckeyeSans; } .content-blog .content-left .content-highlight .content-image { background-size: cover; background-position: center center; background-repeat: no-repeat; } .content-blog .content-left .content-highlight .content-overlay { position: absolute; bottom: 40px; left: 40px; right: 33.33%; display: block; padding: 3%; background-color: #FFFFFF; } .content-blog .content-left .content-highlight.no-picture .content-overlay { position: relative; } .content-blog .content-left .content-highlight .bux-card { border-top: none; } .content-blog .content-left .content-highlight .bux-card:hover .bux-card__content h3.bux-card__heading a { border-bottom: 1px solid #ba0c2f; } .content-blog .content-left .content-highlight .bux-card a.bux-card__link { border-bottom: none; } .content-blog .content-left .content-highlight .bux-card a.bux-card__link:hover { background: none; } .content-blog .content-left .content-highlight .bux-card .bux-card__content { padding: 0; } .content-blog .content-left .content-highlight .bux-card .bux-card__content h3.bux-card__heading a { border-bottom: none; } .content-blog .content-left .content-highlight .bux-card .bux-card__content h3.bux-card__heading a:hover { background: none; } .content-blog .content-left .content-highlight .bux-card .bux-card__content h3.bux-card__heading a:after { content: none; } .content-blog .content-left .callout-search { padding-left: 3%; margin-top: 50px; } .content-blog .content-left .content-article-container { padding-left: 3%; } .content-blog .content-left .content-article-container .bux-card:hover .bux-card__content h3.bux-card__heading a { border-bottom: 1px solid #212325; color: #212325; } .content-blog .content-left .content-article-container .bux-card .bux-card__taxonomy { font-family: BuckeyeSans; } .content-blog .content-left .content-article-container .bux-card a.bux-card__link { border-bottom: none; } .content-blog .content-left .content-article-container .bux-card a.bux-card__link > img.file-icon { display: none; } .content-blog .content-left .content-article-container .bux-card a.bux-card__link:hover { background: none; } .content-blog .content-left .content-article-container .bux-card img.bux-image { max-height: 180px; } .content-blog .content-left .content-article-container .bux-card .bux-card__content .bux-card__taxonomy { color: #212325; font-weight: 800; } .content-blog .content-left .content-article-container .bux-card .bux-card__content h3.bux-card__heading a { color: #ba0c2f; line-height: 2rem; } .content-blog .content-left .content-article-container .bux-card .bux-card__content h3.bux-card__heading a:hover { text-decoration: none; color: #212325; } .content-blog .content-left .content-article-container .bux-card .bux-card__content h3.bux-card__heading a:after { content: none; } .content-blog .content-right { width: 25%; float: left; margin-right: 5%; } .content-blog .content-right h2 { font-size: 1.25rem; /*text-transform: uppercase;*/ } .content-blog .content-right .content-article-entries { font-family: BuckeyeSans; border-bottom: 1px solid #cfd4d8; padding-bottom: 25px; margin-bottom: 25px; } .content-blog .content-right .content-article-entries .suggested-article { margin: 15px auto 25px; } .content-blog .content-right .content-article-entries .suggested-article .content-article-img { float: left; width: 100px; margin-right: 15px; margin-bottom: 10px; box-sizing: content-box; background-size: cover; background-position: center center; background-repeat: no-repeat; } .content-blog .content-right .content-article-entries .suggested-article .content-article-date { font-weight: 800; text-transform: uppercase; font-size: .875rem; line-height: 1.125rem; margin-bottom: 4px; } .content-blog .content-right .content-article-entries .suggested-article h3 { line-height: 1.75rem; font-weight: 700; } .content-blog .content-right .content-article-entries .suggested-article h3 a:hover { text-decoration: none; } /* NEWS STORY */ .single-post .content-blog .content-left h1 { padding-left: 0; } .single-post .content-blog .content-left .content-highlight .photo-caption, .single-post .content-blog .content-left .content-articles .content-article-text .content-image-caption { font-size: 0.875rem; color: #646a6e; margin-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #cfd4d8; } .single-post .content-blog .content-left .content-articles .content-article.has-picture { margin: 25px 0; } .single-post .content-blog .content-left .content-articles .content-article .content-article-date { font-family: BuckeyeSans; text-transform: uppercase; font-weight: 600; } .single-post .content-blog .content-left .content-articles .content-article .content-article-date ul { list-style: none; display: inline; margin: 0; padding: 0; } .single-post .content-blog .content-left .content-articles .content-article .content-article-date ul li { display: inline; } .single-post .content-blog .content-left .content-articles .content-article .content-article-date ul li:not(:last-child):after { content: ', '; display: inline; } .single-post .content-blog .content-left .content-articles .content-article .content-article-text { padding-top: 25px; margin-top: 25px; border-top: 1px solid #999; } .single-post .content-blog .content-left .content-articles .content-article .content-article-text .story-image { margin: 20px auto; } .single-post .content-blog .content-left .content-articles .content-article .content-article-tags { margin-top: 25px; padding-top: 25px; border-top: 1px solid #cfd4d8; } .single-post .content-blog .content-left .content-articles .content-share { margin: 50px 0; padding-top: 50px; border-top: 1px solid #cfd4d8; } .single-post .content-blog .content-left .content-articles .content-share h2 { font-size: 1.25rem; margin: 0;} .single-post .content-blog .content-left .content-articles .content-share ul { margin: 0; padding: 15px 0; list-style: none; text-align: left; } .single-post .content-blog .content-left .content-articles .content-share ul li { display: inline-block; margin-right: 5px; } .single-post .content-blog .content-left .content-articles .content-share ul li a:hover { opacity: 0.75; } .single-post .content-blog .content-left .content-articles .content-share ul li a img { width: 52px; height: auto; } /* POLICIES/FORMS MODAL */ .pf-entry-lightbox-content { position: relative; margin: 50px auto; max-width: 1200px; background-color: #fff; padding: 25px 50px; } .pf-entry-lightbox-content.lightbox-share { max-width: 800px; } .pf-entry-lightbox-content .lightbox-header { position: relative; border-bottom: 1px solid #9f9f9f; padding-bottom: 25px; margin-bottom: 10px; } .pf-entry-lightbox-content .lightbox-header .lightbox-logo { float: left; margin-right: 25px; width: 118px; height: auto; } .pf-entry-lightbox-content .lightbox-header .lightbox-title { float: left; font-size: 28px; font-weight: 400; line-height: 1.1; color: #1e1e1e; padding-top: 0.5em; } .pf-entry-lightbox-content .lightbox-header .lightbox-title.no-section { margin-top: 0.5em; } .pf-entry-lightbox-content .lightbox-header .lightbox-title span { color: #ba0c2f; font-size: 20px; } .pf-entry-lightbox-content .lightbox-header .mfp-close { font-size: 48px; color: black; opacity: 0.8; font-weight: 100; } .pf-entry-lightbox-content .lightbox-header .mfp-close:hover, .pf-entry-lightbox-content .lightbox-header .mfp-close:focus { opacity: 1; } .pf-entry-lightbox-content .lightbox-body { font-size: 16px; } .pf-entry-lightbox-content .lightbox-body .content-accordion:first-child { border-top: 1px solid #dcdcdc; } .pf-entry-lightbox-content .lightbox-body .content-accordion-content { padding: 0 25px 25px 25px; } .pf-entry-lightbox-content .lightbox-body .lightbox-top-content { clear: both; } .pf-entry-lightbox-content .lightbox-body .lightbox-top-content a { color: #ba0c2f; } .pf-entry-lightbox-content .lightbox-body .content-accordion-title { font-weight: 600; padding: 20px 0; } .pf-entry-lightbox-content .lightbox-body .lightbox-sharelinks { float: right; margin-bottom: 10px; } .pf-entry-lightbox-content .lightbox-body .lightbox-sharelinks a { display: inline-block; padding: 1px 3px; margin: 2px 5px; font-size: 12px; color: #666666; line-height: 20px; font-weight: 600; text-transform: uppercase; text-decoration: none; border-bottom: none; } .pf-entry-lightbox-content .lightbox-body .lightbox-sharelinks a img { width: 30px; height: auto; float: left; margin-right: 3px; } .pf-entry-lightbox-content .lightbox-body .lightbox-sharelinks .lightbox-share-link-copy { display: inline-block; padding: 2px 0; margin: 0; font-size: 12px; color: #666666; line-height: 20px; font-weight: 600; width: 0; height: 24px; overflow: hidden; opacity: 0; -webkit-transition: all .25s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .pf-entry-lightbox-content .lightbox-body .lightbox-sharelinks .lightbox-share-link-copy.open { width: 250px; max-width: 100%; opacity: 1; padding: 2px 3px; margin: 0 5px 0; } .pf-entry-lightbox-content.lightbox-share .lightbox-body .lightbox-sharelinks { float: none; display: block; text-align: center; padding: 25px; } .pf-entry-lightbox-content.lightbox-share .lightbox-body .lightbox-sharelinks a { margin: 5px 25px; } #policy-share-lightbox-container { display: none; } /* RATES TABLES */ table.benefit-rates { border-collapse: separate; border-spacing: 6px; text-align: center; min-width: 500px; } table.benefit-rates thead tr th { position: relative; background-color: #841d5d; border: 0; padding: 18px 6px; color: #fff; font-size: 16px; line-height: 18px; font-weight: 300; vertical-align: middle; } table.benefit-rates thead tr th:first-child:not(.has-content) { width: 20%; background-color: #fff; border-right: 0; } table.benefit-rates.medical thead tr th:not(:first-child):not(.no-arrow):after { content: ''; display: block; position: absolute; top: 100%; left: 50%; margin-left: -8px; width: 0; height: 0; border-top: 8px solid #841d5d; border-left: 8px solid transparent; border-right: 8px solid transparent; } table.benefit-rates thead tr th:not(.no-arrow):after { content: ''; display: block; position: absolute; top: 100%; left: 50%; margin-left: -8px; width: 0; height: 0; border-top: 8px solid #841d5d; border-left: 8px solid transparent; border-right: 8px solid transparent; } table.benefit-rates tbody tr th { font-weight: bold; text-align: left; font-size: 13px; padding: 6px; } table.benefit-rates tbody tr td { padding: 6px; vertical-align: top; color: #666666; font-size: 13px; line-height: 1.2; font-weight: 400; text-align: center; } table.benefit-rates:not(.medical) tbody tr:nth-child(even) th, table.benefit-rates:not(.medical) tbody tr:nth-child(even) td { background: #d1d1d1; } table.benefit-rates tbody tr.coverage-level th { background: #000000; color: #fff; } table.benefit-rates tbody tr.pha-credit th, table.benefit-rates tbody tr.pha-credit td { color: #ba0c2f; } table.benefit-rates tbody tr.net-premium th, table.benefit-rates tbody tr.net-premium td { background: #d1d1d1; font-weight: bold; } div.rates-table h4 { font-size: 16px; font-weight: bold; margin-left: 8px; margin-bottom: 0; } /* LEGACY HR STYLED TABLES*/ table.styled { font-size: 16px; margin: 10px 0 20px 0; border: solid 1px #c2c2c2; clear: both; } table.styled.border td, table.styled.border th { border: solid 1px #c2c2c2; } table.styled.small { font-size: 14px; } table.styled caption { display: table-caption; text-align: left; font-size: 18px; font-weight: bold; } table.styled thead tr { background: #d1d1d1; border-bottom: 5px solid #ba0c2f; color: #000; font-weight: bold; } table.styled thead tr.noborder th { padding-top: 10px; padding-bottom: 0; } table.styled td, table.styled th { padding: 10px 5px; vertical-align: top; } table.styled tbody tr { border-bottom: solid 1px #c2c2c2; } table.styled tbody th { text-align: left; } table.styled tr.noborder, table.styled th.noborder, table.styled td.noborder { border-bottom: none; } table.styled td.gold { background-color: #dcaa37; } table.styled tr.even, table.styled tr.gray, table.styled th.gray, table.styled td.gray, table.styled tbody.stripe tr:nth-child(even) { background-color: #efefef; color: #212325; } table.styled tr.dark-gray, table.styled th.dark-gray { background-color: #b3b3b3; } table.styled td.left, table.styled th.left { text-align: left; } table.styled td.right, table.styled th.right { text-align: right; } table.styled td.center, table.styled th.center { text-align: center; } table.styled td.middle, table.styled th.middle { vertical-align: middle; } table.styled td.border-right, table.styled th.border-right { border-right: solid 1px #c2c2c2; } table.styled td.border-right-thick, table.styled th.border-right-thick { border-right: solid 2px #999999; } table.styled tr.total { border-top: 2px solid #000; } table.styled tfoot tr { background: #d1d1d1; font-style: italic; border-top: 2px solid #ba0c2f; font-size: 13px; } /* LEGACY MEDICAL TABLES */ table.medical thead th.prime-adv { background: #ba0c2f; color: #fff; border-bottom: solid 1px #c2c2c2; vertical-align: middle; } table.medical thead th.prime-adv-network { background: #ba0c2f; color: #fff; } table.medical thead th.prime-choice { background: #3e3e3e; color: #fff; border-bottom: solid 1px #c2c2c2; vertical-align: middle; } table.medical thead th.prime-choice-network { background: #3e3e3e; color: #fff; } table.medical thead th.prime-connect { background: #841d5d; color: #fff; border-bottom: solid 1px #c2c2c2; vertical-align: middle; } table.medical thead th.prime-connect-network { background: #841d5d; color: #fff; } table.medical thead th.ooa { background: #0B6370; color: #fff; border-bottom: solid 1px #c2c2c2; vertical-align: middle; } table.medical thead th.ooa-network { background: #0B6370; color: #fff; } table.dental thead th.basic { background: #8edd65; color: #000000; border-bottom: solid 1px #c2c2c2; vertical-align: middle; } table.dental thead th.basic-network { background: #8edd65; color: #000000; } table.dental thead th.plus { background: #dcaa37; color: #000000; border-bottom: solid 1px #c2c2c2; vertical-align: middle; } table.dental thead th.plus-network { background: #dcaa37; color: #000000; } table.vision thead th.basic { background: #841d5d; color: #fff; border-bottom: 1px solid #c2c2c2; } table.vision thead th.basic-details { background: #841d5d; color: #fff; } table.vision thead th.plus { background: #ff6a39; color: #fff; border-bottom: 1px solid #c2c2c2; } table.vision thead th.plus-details { background: #ff6a39; color: #fff; } /*NEW rates styles table.rates { border: none; } table.rates thead tr { background: #ba0c2f; color: #fff; border-bottom: 5px solid #c2c2c2; } table.rates thead td { background: #fff; border: none; } table.rates thead th.dental-basic { background: #8edd65; color: #000000; } table.rates thead th.dental-plus { background: #dcaa37; color: #000000; } table.rates thead th.vision-basic { background: #841d5d; color: #fff; } table.rates thead th.vision-plus { background: #ff6a39; color: #fff; } table.rates td, table.rates th { border: solid 1px #c2c2c2; } table.rates td:last-child, table.rates th:last-child, table.rates td:nth-last-child(2), table.rates th:nth-last-child(2) { border-left: solid 5px #c2c2c2; } table.rates tbody th { background: #efefef; color: #000000; } table.rates tbody th.primary { background: #666666; color: #fff; } table.rates tbody tr.divider { border-top: solid 5px #c2c2c2; } table.rates tbody td { text-align: center; } */ /*GLOBAL RATES*/ table.rates thead tr:first-child th { vertical-align: middle; } table.rates.medical tbody th, table.rates.medical tbody td { width: 33% } table.rates.sd-medical tbody th, table.rates.sd-medical tbody td { width: 25% } table.rates.dental tbody th, table.rates.dental tbody td { width: 33% } table.rates.vision tbody th, table.rates.vision tbody td { width: 33% } table.rates.life tbody th, table.rates.life tbody td { width: 33% } /* VACATION TABLES */ /* .callout-two_columns table.vacation { font-size: 16px; margin: 10px 0 20px 0; border: solid 1px #c2c2c2; } .callout-two_columns table.vacation td, .callout-two_columns table.vacation th { border: solid 1px #999999; padding: 10px 5px; vertical-align: top; } .callout-two_columns table.vacation thead th:first-child { text-align: left; } .callout-two_columns table.vacation thead tr:first-child { background-color: #b3b3b3; } .callout-two_columns table.vacation thead tr:nth-child(2) { background-color: #efefef; border-bottom: 5px solid #ba0c2f; color: #000; font-weight: bold; } .callout-two_columns table.vacation td { text-align: center; } .callout-two_columns table.vacation td:first-child { text-align: left; font-weight: bold; } .callout-two_columns table.vacation tr:first-child th, .callout-two_columns table.vacation th:nth-child(odd), .callout-two_columns table.vacation td:nth-child(odd) { border-right: 2px solid #000; } .callout-two_columns table.vacation tbody th:nth-child(1), .callout-two_columns table.vacation tbody td:nth-child(1), .callout-two_columns table.vacation tbody td:nth-child(4), .callout-two_columns table.vacation tbody td:nth-child(5), .callout-two_columns table.vacation tbody td:nth-child(8), .callout-two_columns table.vacation tbody td:nth-child(9) { background-color: #efefef; } .callout-two_columns table.vacation tbody th { text-align: left; background-color: #efefef; border-right: 2px solid #000; } .callout-two_columns table.vacation tr.total { border-bottom: 2px solid #000; font-weight: bold; } .callout-two_columns p.table-footnote { font-size: 14px; font-style: italic; margin-top: 10px; padding-top: 10px; } */ /*end Vacation Tables*/ /*two column text within normal content areas*/ .text-columns { width: 100%; padding-bottom: 1em; } .text-columns .left-column { float: left; width: 50%; padding-right: 10px; } .text-columns .right-column { float: left; width: 50%; padding-left: 10px; } .text-columns .content-snippet { clear: left; padding-bottom: 10px; } /*Ninja forms style*/ .nf-form-layout { font-family: BuckeyeSans; padding-top: 20px; } .nf-form-content { padding-top: 20px; } .nf-response-msg { font-style: italic; font-family: BuckeyeSans; padding-top: 20px; } .nf-before-form-content { font-style: italic; } .nf-form-content .label-above .nf-field-label { margin-bottom: 0; } .nf-form-content .submit-container input { background-color: #ba0c2f; color: #fff; font-weight: bold; padding: 10px 40px; border: none; } /* ------------------------------------------------------------------------ OLD STYLING THAT COULD BE REMOVED ONCE ALL PAGES ARE UPDATED TO NEW CODE ------------------------------------------------------------------------ */ /*TEMP STYLES APPLIED TO EXISTING PAGE CONTENT; REMOVE ONCE ALL PAGES ARE UPDATED */ .callout-two_columns .callout-two_columns-sidebar .content-sidebar-content h3 { font-size: 1.25rem; margin-bottom: 15px; font-weight: 800; line-height: 1.25; margin: 0 0 8px; } /*.callout-accordions .content-accordion .content-accordion-title h3 { font-weight: 700; line-height: 1.25; }*/ .alert-box { margin-bottom: 24px; position: relative; color: #000; display: flex; padding: 12px; } .alert-box .alert-icon { line-height: 1; margin-right: 16px; font-size: 1.5rem; } .alert-box .alert-message-title { color: #000; font-size: 1.125rem; font-family: BuckeyeSans,HelveticaNeue,Helvetica,Arial,sans-serif; font-weight: 700; margin-bottom: 4px; } .alert-box .alert-message-text { font-family: BuckeyeSans,HelveticaNeue,Helvetica,Arial,sans-serif; font-size: 1rem; line-height: 1.375; font-weight: 400; } .alert-box.alert-info { background-color: #c6e9f8; color: #000; } .alert-box.alert-info .alert-icon { color: #41b6e6; } .alert-box.alert-success { background-color: #dcf5d0; color: #000; } .alert-box.alert-success .alert-icon { color: #80c75b; } .alert-box.alert-warning { background-color: #fff0cc; color: #000; } .alert-box.alert-warning .alert-icon { color: #ffb600; } .alert-box.alert-error { background-color: #ba0c2f; color: #fff; } .alert-box.alert-error .alert-message-title { color: #fff; } .alert-box.alert-error .alert-icon { color: #fff; } .alert-box.alert-error a { color: #fff; border-bottom: 1px solid #fff; } .alert-box.alert-error a:focus { color: #212325; background-color: #eff1f2; } .alert-box.alert-error a:hover { color: #212325; border-bottom-color: #fff; background-color: #eff1f2; } .content-article-container h3 img.window-icon, .content-overlay h3 img.window-icon { margin-left: 7px; padding-bottom: 5px; opacity: .6; } .content-right .content-article-entries h3 img.window-icon { margin-left: 7px; opacity: .6; } body.home p.content-article-info img.window-icon { margin-left: 7px; opacity: 1; width: 10px; } body.no-scroll { overflow: hidden; height: 100%; } main table { width: 100%; max-width: 100%; font-size: 16px; } main h3.small-caps { font-size: 18px; font-weight: bold; margin: 1em 0; text-transform: uppercase; } /*Callout Boxes style*/ .callout-box-left { float: left; border: 2px solid #ba0c2f; background: #f8f8f8; margin: 15px 15px 0 0; } .callout-box-right { float: right; border: 2px solid #ba0c2f; background: #f8f8f8; margin: 0 0 15px 15px; } .callout-box-header { background-color: #ba0c2f; color: #fff; padding: 10px; margin: 0; font-weight: 500; font-size: 20px; } .callout-box-header h4, .callout-box-header h5 { margin: 0; font-weight: 500; font-size: 20px; } .callout-box-content { font-size: 16px; padding: 20px; } .callout-box-content ul { margin: 0 0 0 -20px; } .callout-box-content p:last-child { margin-bottom: 0; } .callout-page_header h2 > span.h2-subheader {font-size: 25px; font-style: italic;} .callout-page_subheader { margin: 25px 0; } .callout-page_subheader h3 { font-size: 28px; line-height: 1.4; font-weight: 100; color: black; text-align: center; padding: 0 5%; margin: 1em auto; max-width: 800px; } .callout-page_subheader:first-child h3 { padding-top: 1em; } .callout-page_header ~ .callout-page_subheader h3 { margin-top: 0; } .callout-subpage_header h2 { font-size: 33px; line-height: 1.2; font-weight: 300; color: black; text-align: center; padding: 0 5%; margin: 0.5em auto; max-width: 800px; font-family: 'capita',serif; } /* ------------------------------------------------------------------------ end OLD STYLING THAT COULD BE REMOVED ONCE ALL PAGES ARE UPDATED TO NEW CODE ------------------------------------------------------------------------ */ /* X-Large devices (large desktops, less than 1400px) */ @media (max-width: 1399.98px) { } /* Large devices (desktops, less than 1200px) */ @media (max-width: 1199.98px) { header .site-header-container .bux-header__site-name-container { width: 40%; } header .main-nav-container nav ul.nav-main > li > a.nav-main-link, header .main-nav-container nav ul.nav-main > li.has-submenu > .nav-main-link { padding: 10px 15px; } header .main-nav-container nav ul.nav-submenu-secondary { padding: 0 10px 0 0; } header .main-nav-container nav ul.nav-submenu-tertiary { padding: 0; } header .main-nav-container nav ul.nav-submenu-tertiary:before { display: none; } header .main-nav-container nav ul.nav-submenu-tertiary > li > a { width: 110px; height: 110px; } footer .footer-upper h2 { line-height: 1.25; } /* HOME PAGE */ .page-template-home .content-top .content-banner .content-slider { width: 50%; bottom: 40px; } .page-template-home .content-top .content-banner .content-slider.left { left: 40px; } .page-template-home .content-top .content-banner .content-slider.right { right: 40px; } .page-template-home .content-top .content-tile .content-tile-overlay > span span strong { font-size: 1rem; } .page-template-home .content-middle .content-left { padding: 0 25px ; } .page-template-home .content-middle .content-right { padding: 0 25px; } .page-template-home .content-bottom .content-right .content-overlay { position: relative; left: 0; right: 0; bottom: 0 } .page-template-home .content-bottom .content-right .content-overlay p { font-size: 1.25rem; } .callout-two_columns.callout-two_columns_70-30 .content-left { padding-right: 3%; } .callout-two_columns .callout-two_columns-banner_image_with_overlay .content-overlay { position: relative; bottom: 0; left: 0; right: 0; padding: 20px; } ul.content-slides-buttons { margin: 1em 0 0; } .content-blog .content-left .content-highlight .content-overlay { position: relative; bottom: 0; left: 0; right: 0; padding: 20px; } } /* Medium devices (tablets, less than 992px) */ @media (max-width: 991.98px) { header .site-header-container .bux-header__site-name-container { width: 100%; float: none; } header .site-header-container .nav-upper { display: none; } header .main-nav-container nav ul.nav-main { display: none; } header .main-nav-container nav ul.nav-main button.nav-button { display: none; } header .main-nav-container nav .nav-mobile{ display: block; float: left; cursor: pointer; } header .main-nav-container nav .nav-mobile img { display: block; width: 36px; height: 27px; margin: 8px auto; } header .main-nav-container nav .nav-mobile img.mobile-menu-closed { display: none; } header .main-nav-container nav.mobile-open .nav-mobile img { display: none; } header .main-nav-container nav.mobile-open .nav-mobile img.mobile-menu-closed { display: block; } /* PRIMARY NAV */ header .main-nav-container nav ul.nav-main { display: none; float: none; clear: both; text-align: left; margin-bottom: 15px; } header .main-nav-container nav ul.nav-main > li { display: block; float: none; text-align: left; padding: 0; margin: 3px 0; border-top: 1px solid #cfd4d8; } header .main-nav-container nav ul.nav-main > li.mobile-only { display: block; } header .main-nav-container nav ul.nav-main > li > .nav-main-link { padding: 0; } header .main-nav-container nav ul.nav-main > li.has-submenu > .nav-main-link { padding: 10px 0; } header .main-nav-container nav ul.nav-main > li.has-submenu > .nav-main-link > a:after { content: "\f007"; font-family: bux-icons; vertical-align: bottom; font-size: 1rem; float: right; } header .main-nav-container nav ul.nav-main > li:last-child > .nav-main-link { padding-right: 0; line-height: 2.5rem; } header .main-nav-container nav ul.nav-main > li:last-child > .nav-main-link:after { display: none; } header .main-nav-container nav ul.nav-main > li > a.nav-main-link, header .main-nav-container nav ul.nav-main > li.has-submenu > .nav-main-link > a { padding: 10px 0; float: none; } /*SECONDARY NAV*/ header .main-nav-container nav ul.nav-main > li.has-submenu > .nav-main-link .nav-submenu-container { display: block; position: relative; top: 0; } header .main-nav-container nav ul.nav-submenu-secondary > li > .nav-submenu-link .nav-mobile-toggle { display: none; } header .main-nav-container nav ul.nav-submenu-secondary { float: none; padding: 0; } header .main-nav-container nav ul.nav-submenu-secondary > li { float: none; } header .main-nav-container nav ul.nav-submenu-secondary > li > .nav-submenu-link { padding: 10px 0 0; } header .main-nav-container nav ul.nav-submenu-secondary > li > a.nav-submenu-link, header .main-nav-container nav ul.nav-submenu-secondary > li > .nav-submenu-link > a, header .main-nav-container nav ul.nav-submenu-secondary > li.has-submenu > .nav-submenu-link > a { display: block; padding-right: 25px; padding-bottom: 10px; border-bottom: 1px solid #cfd4d8; } header .main-nav-container nav ul.nav-submenu-secondary > li:last-child > a.nav-submenu-link, header .main-nav-container nav ul.nav-submenu-secondary > li:last-child > .nav-submenu-link > a, header .main-nav-container nav ul.nav-submenu-secondary > li:last-child.has-submenu > .nav-submenu-link > a { border-bottom: none; } header .main-nav-container nav ul.nav-submenu-secondary > li.has-submenu > .nav-submenu-link > a:after { content: none; } /*TERTIARY NAV*/ header .main-nav-container nav ul.nav-submenu-secondary > li.has-submenu:hover .nav-tertiary-wrapper, header .main-nav-container nav ul.nav-submenu-secondary > li.has-submenu.open .nav-tertiary-wrapper { display: none; } footer .footer-upper .footer-upper-left { width: 49.5%; margin-right: 0; border-right: none; } footer .footer-upper .footer-upper-content { width: 49.5%; margin-right: 0; } footer .footer-upper .footer-upper-content:nth-child(3) { clear: left; margin-top: 25px; } footer .footer-upper .footer-upper-content:last-child { margin-top: 25px; } /* HOME PAGE */ .page-template-home .content-top .content-banner .content-slider { position: relative; width: 100%; bottom: 0; } .page-template-home .content-top .content-banner .content-slider.left { left: 0; } .page-template-home .content-top .content-banner .content-slider.right { right: 0; } .page-template-home .content-top .content-banner .content-slide p { font-size: 1.5rem; } .page-template-home .content-top .content-tile { width: 32%; margin-right: 1.33%; margin-bottom: 1.33%; } .page-template-home .content-top .content-tile:last-child { float: left; } .page-template-home .content-top .content-tile .content-tile-overlay > span span img { width: 100px; } .page-template-home .content-top .content-tile .content-tile-overlay > span span strong { font-size: 1.125rem; } .page-template-home .content-middle .feature-buttons { flex-direction: column; } .page-template-home .content-middle .feature-buttons .content-button:first-child { margin-right: 0; } .page-template-home .content-middle .content-left { width: 100%; } .page-template-home .content-middle .content-left .content-article h3 { font-size: 1.375rem; line-height: 1.5; } .page-template-home .content-middle .content-right { width: 100%; } .page-template-home .content-middle .content-article p.content-article-text { font-size: 1.125rem; } .page-template-home .content-bottom .content-left { width: 100%; } .page-template-home .content-bottom .content-left .content-slider .content-slide p { font-size: 1.125rem; } .page-template-home .content-bottom .content-right { width: 100%; margin-top: 75px; } .page-template-home .content-bottom .content-right .content-overlay { position: absolute; left: 50px; right: 50px; bottom: 25px; } .page-template-home .content-bottom .content-right .content-overlay p { font-size: 1.5rem; } .callout-two_columns.callout-two_columns_70-30 .content-left { width: 65%; } .callout-two_columns.callout-two_columns_70-30 .content-right { width: 30%; } .content-my-benefits .benefits-tool .eligibility-tool .form-container { flex-direction: column; } .content-my-benefits .benefits-tool .eligibility-tool .form-container .bux-selection-dropdown { margin-bottom: 30px; } .content-my-benefits .benefits-tool .eligibility-tool .form-container .form-field:not(:last-child) { margin-right: 0; } .content-rates .content-rates-top .rate-calculator .form-container { flex-direction: column; } .content-rates .content-rates-top .rate-calculator .form-container .bux-selection-dropdown { margin-bottom: 30px; } .content-rates .content-rates-top .rate-calculator .form-container .form-field:not(:last-child) { margin-right: 0; } .content-blog .content-left { width: 65%; } .content-blog .content-right { width: 30%; } } /* Small devices (landscape phones, less than 768px) */ @media (max-width: 767.98px) { footer .footer-upper .footer-upper-left { width: 100%; } footer .footer-upper .footer-upper-content { width: 100%; margin-top: 25px; } footer .footer-lower .content-wrapper .footer-left { width: 100%; max-width: auto; } footer .footer-lower .content-wrapper .footer-right { width: 100%; float: left; text-align: left; margin-top: 25px; } footer .footer-upper .content-wrapper p, footer .footer-upper .content-wrapper ul, footer .footer-lower .content-wrapper .footer-left p { font-size: 1rem; } footer .footer-lower .content-wrapper .footer-right .fine-print p { font-size: .875rem; margin-bottom: 10px; } /* HOME PAGE */ .page-template-home .content-top .content-tile .content-tile-overlay > span span img { width: 75px; } .page-template-home .content-top .content-tile .content-tile-overlay > span span strong { padding: 0 5%; } .page-template-home .content-bottom .content-right .content-overlay { position: relative; left: 0; right: 0; bottom: 0 } .page-template-home .content-bottom .content-left h2 { padding: 0; } .callout-two_columns.callout-two_columns_70-30 .content-left { width: 100%; padding-left: 3%; padding-right: 3%; } .callout-two_columns.callout-two_columns_70-30 .content-right { width: 100%; float: left; margin-right: 0; padding: 3%; } .two-columns { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } .callout-two_columns .callout-two_columns-two_columns .column { width: 100% } .callout-two_columns .callout-two_columns-two_columns .column:last-child { padding-left: 0; padding-right: 15px; } .content-blog .content-left { width: 100%; padding-left: 3%; padding-right: 3%; } .content-blog .content-right { width: 100%; float: left; margin-right: 0; padding: 3%; } .content-blog .content-left .content-article-container .bux-card img.bux-image { max-height: none; } } /* X-Small devices (portrait phones, less than 576px) */ @media (max-width: 575.98px) { footer .footer-upper .content-wrapper { background-size: 70px 76px; } footer .footer-upper .content-wrapper, footer .footer-lower .content-wrapper { padding: 50px 35px; } /* HOME PAGE */ .page-template-home .content-top .content-banner .content-slider { min-width: auto; } .page-template-home .content-top .content-tile { width: 48%; margin-right: 2%; margin-bottom: 1.6%; } .page-template-home .content-middle .content-left, .page-template-home .content-middle .content-right { padding: 0; } .page-template-home .content-bottom .content-left .content-slider { padding-right: 0 } .callout-two_columns_70-30 .content-tile { width: 110px; height: 110px; } .callout-gray_tile_blocks .content-tile-link { width: 170px; height: 170px; font-size: 1.125rem; font-weight: 700; } .callout-two_columns_70-30 .content-tile.tile-button { width: 230px; } .content-benefits .content-sections .content-tile { width: 170px; height: 170px; } .content-benefits .content-sections .content-tile > span span { font-size: 1.125rem; font-weight: 700; } .content-rates .content-rates-middle .content-tier .content-tier-label { font-size: 0.75rem; } }