/*! Theme Name: UNC School of Medicine White Coat Theme Author: UNC School of Medicine IT Author URI: https://www.med.unc.edu/it Description: A Heelium child theme for School of Medicine Version: 1.2.23 */ /** * --- * Table of Contents: * --- * 1.0 - Body * 2.0 - Typography * 3.0 - Header * • 3.1 - Primary navigation bar * • 3.2 - Breadcrumbs * 4.0 - Media (audio / video) * 5.0 - Sidebar (widgets / sidebar) * 6.0 - Footer * 7.0 - Plugin styling * 8.0 - Custom (DOM, www-redesign, etc.) * 9.0 - Media query * 10.0 - Misc. Bootstrap */ /** * 1.0 - Body * * */ @import url(https://fonts.googleapis.com/css?family=Roboto:400,400italic,500,500italic,700,700italic); @import url(https://fonts.googleapis.com/css?family=Oswald:400,400italic,500,500italic,700,700italic); @import url('https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap'); @import url("shortcodes-style-77.html"); @import url("legacy-style-78.html"); :root { --som-blue: #257CB7; --som-blue-light: #EBF4FB; --som-blue-dark: #08446D; --som-gray-light: #EDEDED; --som-gray-dark: #565B5E; --som-yellow-underline: #FBAF41; /* eventually change to #FAAF2B */ } *, *::before, *::after { box-sizing: border-box; } /** .panel-heading a, .caption a, a.section-header, .widget ul li a, .rsswidget, .nav-tabs li a, footer.content-info a, h4.media-heading a, .iso-meta a, .panel-heading a:hover, section.widget menu a, .slick-slider a, .event-details a, h4.entry-title.summary a, nav a, .btn { text-decoration: none; } */ a { color: var(--som-blue); } a:active, a:hover, a:focus { color: #000; text-decoration: none!important; outline: dotted 1px; } a, a:hover { -ms-transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; transition: none; } footer.content-info a:not(.btn) { color: #4B9CD3; } a.section-header, .widget ul li a, .rsswidget, .panel-heading a, .panel-heading a:hover, .slick-slider a, nav a, .wc-card__link-wrap, a.wc-card__link-wrap:hover, a.wc-card__link-wrap:focus { text-decoration: none; } /* a:hover h1, a:focus h1, a:hover h2, a:focus h2, a:hover h3, a:focus h3, a:hover h4, a:focus h4, a:hover h5, a:focus h5, a:hover h6, a:focus h6, h1 a:hover, h1 a:focus, h2 a:hover, h2 a:focus, h3 a:hover, h3 a:focus, h4 a:hover, h4 a:focus, h5 a:hover, h5 a:focus, h6 a:hover, h6 a:focus, a:hover h1 span.entry-title, a:focus h1 span.entry-title, a:hover h2 span.entry-title, a:focus h2 span.entry-title, a:hover h3 span.entry-title, a:focus h3 span.entry-title, a:hover h4 span.entry-title, a:focus h4 span.entry-title, a:hover h5 span.entry-title, a:focus h5 span.entry-title, a:hover h6 span.entry-title, a:focus h6 span.entry-title { text-decoration: underline; } */ .skip-link:focus { font-size: 1em!important; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0,0,0,.6); clip: auto!important; color: #21759b; display: block; font-size: 14px; font-size: .875rem; font-weight: 700; width: auto; height: auto; overflow: visible; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } html { font-size: 62.5%; } body { font-family: 'Roboto', sans-serif; font-size: 1.6rem; line-height: 2; color: #2E2E2E; } .row.no-gutters { margin-right: 0; margin-left: 0; } .row.no-gutters > [class^="col-"], .row.no-gutters > [class*=" col-"] { padding-right: 0; padding-left: 0; } /** * 2.0 - Typography * * */ h1, .h1, h2, .h2 { font-family: 'Roboto', sans-serif; font-weight: 500; color: #000; } h3, h4, h5, h6, .h3, .h4, .h5, .h6 { font-family: 'Roboto', sans-serif; font-weight: 400; text-transform: none; color: #000; } .no-margin-top, .no-margin-top h1, .no-margin-top .h1, h1.no-margin-top, .h1.no-margin-top, .no-margin-top h2, .no-margin-top .h2, h2.no-margin-top, .h2.no-margin-top, .no-margin-top h3, .no-margin-top .h3, h3.no-margin-top, .h3.no-margin-top, .no-margin-top h4, .no-margin-top .h4, h4.no-margin-top, .h4.no-margin-top, .no-margin-top h5, .no-margin-top .h5, h5.no-margin-top, .h5.no-margin-top, .no-margin-top h6, .no-margin-top .h6, h6.no-margin-top, .h6.no-margin-top { margin-top: 0; } h1, .h1 { font-size: 3.625rem; } h2, .h2 { font-size: 2.825rem; } h3, .h3 { font-size: 2.425rem; } h4, .h4 { font-size: 2.225rem; } h5, .h5, h6, .h6 { font-size: 2rem; } h1.division-title { color: #ffffff; padding: 0; margin: 0 auto; } .footer-container .textwidget h4, .footer-container .textwidget h5, .footer-container .textwidget h6 { font-size: 1.85rem; font-weight: 600; color: #ccc; font-family: 'Roboto', sans-serif; margin-bottom: 4px; } h2.icon::before, h3.icon::before { color: #898F94; } .icon::before { display: inline-block; margin-right: .5em; font: normal 1em/1 FontAwesome; } .iso-post h3, .caption h4 { font-family: 'Roboto', sans-serif; line-height: normal; font-size: 2.125rem; } p { margin: 0 0 1.563rem; } .lead { font-size: 1.85rem; line-height: 1.58; font-weight: 400; } span.lead { font-size: 1.85rem; line-height: 1.58; font-weight: 400; margin-bottom: 0; } .page-header { border-bottom: 2px solid #fbaf41; } .page-header h2.icon::before { color: #cccccc; } .textwidget h2 { font-size: 2.369rem; } code { background-color: #f5f5f5; border: 1px solid #e1e1e1; color: #c00; white-space: normal; line-break: anywhere; } /***** Text color options *****/ .text-white, .text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6, .text-white .h1, .text-white .h2, .text-white .h3, .text-white .h4, .text-white .h5, .text-white .h6 { color: #fff; } .text-blue, .text-blue h1, .text-blue h2, .text-blue h3, .text-blue h4, .text-blue h5, .text-blue h6, .text-blue .h1, .text-blue .h2, .text-blue .h3, .text-blue .h4, .text-blue .h5, .text-blue .h6 { color: #257cb7; } .text-dark-blue, .text-dark-blue h1, .text-dark-blue h2, .text-dark-blue h3, .text-dark-blue h4, .text-dark-blue h5, .text-dark-blue h6, .text-dark-blue .h1, .text-dark-blue .h2, .text-dark-blue .h3, .text-dark-blue .h4, .text-dark-blue .h5, .text-dark-blue .h6 { color: #08446D; } .text-light-blue, .text-light-blue h1, .text-light-blue h2, .text-light-blue h3, .text-light-blue h4, .text-light-blue h5, .text-light-blue h6, .text-light-blue .h1, .text-light-blue .h2, .text-light-blue .h3, .text-light-blue .h4, .text-light-blue .h5, .text-light-blue .h6 { color: #E2eff8; } /***** List Styles *****/ /* applied globally if parent list element does not have a class */ ul:not([class]) li, ol:not([class]) li, .hwc-list li { line-height: 1.75; padding-bottom: 12px; } ul:not([class]) li:last-child, ol:not([class]) li:last-child, .hwc-list li:last-child { padding-bottom: 0; } ul:not([class]) ul, ol:not([class]) ol, .hwc-list ul, .hwc-list ol { margin-top: 12px; } /** flush left **/ ul.hwc-list-flush-left, ol.hwc-list-flush-left { padding-inline-start: 17px; } ul.hwc-list-flush-left ul, ol.hwc-list-flush-left ol, ul.hwc-list-flush-left ol, ol.hwc-list-flush-left ul { padding-inline-start: 40px; } ul.hwc-list-flush-left li, ol.hwc-list-flush-left li { line-height: 1.75; padding-bottom: 12px; } ul.hwc-list-flush-left li:last-child, ol.hwc-list-flush-left li:last-child { padding-bottom: 0; } .hwc-list-flush-left ul, .hwc-list-flush-left ol { margin-top: 12px; } /** condensed lists **/ ul.condensed li, ol.condensed li { line-height: 1.7; padding-bottom: 6px; } /** fix Event Calendar Pro issues **/ .tribe_events .tribe-events-content ul.hwc-list-flush-left, .tribe_events .tribe-events-content ol.hwc-list-flush-left { padding: 0 0 0 18px; } /** numbered lists **/ ol.hwc-list-numbered li { line-height: 1.75; padding-bottom: 12px; } ol.hwc-list-numbered li:last-child { padding-bottom: 0; } ol.hwc-list-numbered>li::marker { font-size: 2rem; font-weight: 600; } ol.hwc-list-numbered.blue>li::marker { color: #257cb7; } ol.hwc-list-numbered.dark-blue>li::marker { color: #08446D; } ol.hwc-list-numbered.light-blue>li::marker { color: #E2EFF8; } ol.hwc-list-numbered.light-gray>li::marker { color: #EDEDED; } ol.hwc-list-numbered.white>li::marker { color: #FFF; } ol.hwc-list-numbered.yellow>li::marker { color: #D27D04; } .hwc-list-numbered ul { margin-top: 12px; } /** numbered lists with centered text **/ ol.hwc-list-numbered.centered { list-style: none; text-align: center; counter-reset: ol; padding: 0; } ol.hwc-list-numbered.centered li { counter-increment: ol; line-height: 1.75; padding-bottom: 12px; } ol.hwc-list-numbered.centered li:last-child { padding-bottom: 0; } ol.hwc-list-numbered.centered>li::before { display: block; content: counter(ol) "."; font-size: 2rem; font-weight: 600; } ol.hwc-list-numbered.centered.blue>li::before { color: #257cb7; } ol.hwc-list-numbered.centered.dark-blue>li::before { color: #08446D; } ol.hwc-list-numbered.centered.light-blue>li::before { color: #E2EFF8; } ol.hwc-list-numbered.centered.light-gray>li::before { color: #EDEDED; } ol.hwc-list-numbered.centered.white>li::before { color: #FFF; } ol.hwc-list-numbered.centered.yellow>li::before { color: #d27d04; } /** list of links styled as a menu **/ ul.hwc-list-menu { list-style-type: none; margin: 1rem 0 2rem; padding: 0; border: 1px solid #257cb7; } /* ul.hwc-list-menu li { color: #fff; } */ ul.hwc-list-menu li:not(:last-child) { border-bottom: 1px solid #5c9dc9; } .main ul.hwc-list-menu li { padding-bottom: 0; } ul.hwc-list-menu li a { line-height: 1.5; display: block; padding: 14px 32px 14px 14px; color: #fff; background-color: #257cb7; display: flex; position: relative; transition: background-color .3s ease-in-out; text-decoration: none; } ul.hwc-list-menu li a:hover, ul.hwc-list-menu li a:focus, ul.hwc-list-menu li a:focus-visible { background-color: #08446D; color: #fff; transition: all 0.4s ease-in-out; outline: none; } ul.hwc-list-menu li a:after { content: ""; position: absolute; right: 1.2rem; top: 50%; margin-top: -.5rem; width: .8rem; height: 1.2rem; background-size: contain; opacity: 1 } /** white arrow **/ ul.hwc-list-menu li a:after { background-image: url("data:image/svg+xml,%3Csvg width='35' height='54' viewBox='0 0 35 54' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.28823 2.28823C5.3392 -0.762743 10.2858 -0.762743 13.3368 2.28823L32.0868 21.0382C35.1377 24.0892 35.1377 29.0358 32.0868 32.0868L13.3368 50.8368C10.2858 53.8877 5.3392 53.8877 2.28823 50.8368C-0.762743 47.7858 -0.762743 42.8392 2.28823 39.7882L15.514 26.5625L2.28823 13.3368C-0.762743 10.2858 -0.762743 5.3392 2.28823 2.28823Z' fill='white'/%3E%3C/svg%3E"); transition: opacity .4s; z-index: 1 } /** dark blue menu **/ ul.hwc-list-menu.dark-blue { border-color: #08446D; } ul.hwc-list-menu.dark-blue li { border-bottom-color: #467392; } ul.hwc-list-menu.dark-blue li a { background-color: #08446D; } ul.hwc-list-menu.dark-blue li a:hover, ul.list-menu.dark-blue li a:focus, ul.list-menu.dark-blue li a:focus-visible { background-color: #257cb7; } /** light blue menu **/ ul.hwc-list-menu.light-blue { border-color: #a5cde9; } ul.hwc-list-menu.light-blue li { border-bottom-color: #a5cde9; } ul.hwc-list-menu.light-blue li a { background-color: #E2EFF8; color: #2E2E2E; } ul.hwc-list-menu.light-blue li a:hover, ul.hwc-list-menu.light-blue li a:focus, ul.hwc-list-menu.light-blue li a:focus-visible { background-color: #257cb7; color: #fff; } ul.hwc-list-menu.light-blue li a:after { background-image: url("data:image/svg+xml,%3Csvg width='35' height='54' viewBox='0 0 35 54' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.28823 2.28823C5.3392 -0.762743 10.2858 -0.762743 13.3368 2.28823L32.0868 21.0382C35.1377 24.0892 35.1377 29.0358 32.0868 32.0868L13.3368 50.8368C10.2858 53.8877 5.3392 53.8877 2.28823 50.8368C-0.762743 47.7858 -0.762743 42.8392 2.28823 39.7882L15.514 26.5625L2.28823 13.3368C-0.762743 10.2858 -0.762743 5.3392 2.28823 2.28823Z' fill='%23257cb7'/%3E%3C/svg%3E") } ul.hwc-list-menu.light-blue li a:hover:after { background-image: url("data:image/svg+xml,%3Csvg width='35' height='54' viewBox='0 0 35 54' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.28823 2.28823C5.3392 -0.762743 10.2858 -0.762743 13.3368 2.28823L32.0868 21.0382C35.1377 24.0892 35.1377 29.0358 32.0868 32.0868L13.3368 50.8368C10.2858 53.8877 5.3392 53.8877 2.28823 50.8368C-0.762743 47.7858 -0.762743 42.8392 2.28823 39.7882L15.514 26.5625L2.28823 13.3368C-0.762743 10.2858 -0.762743 5.3392 2.28823 2.28823Z' fill='white'/%3E%3C/svg%3E"); } /** light gray menu **/ ul.hwc-list-menu.light-gray { border-color: #d3d3d3; } ul.hwc-list-menu.light-gray li { border-bottom-color: #d3d3d3; } ul.hwc-list-menu.light-gray li a { background-color: #EDEDED; color: #2E2E2E; } ul.hwc-list-menu.light-gray li a:hover, ul.hwc-list-menu.light-gray li a:focus, ul.hwc-list-menu.light-gray li a:focus-visible { background-color: #63696d; color: #fff; } ul.hwc-list-menu.light-gray li a:after { background-image: url("data:image/svg+xml,%3Csvg width='35' height='54' viewBox='0 0 35 54' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.28823 2.28823C5.3392 -0.762743 10.2858 -0.762743 13.3368 2.28823L32.0868 21.0382C35.1377 24.0892 35.1377 29.0358 32.0868 32.0868L13.3368 50.8368C10.2858 53.8877 5.3392 53.8877 2.28823 50.8368C-0.762743 47.7858 -0.762743 42.8392 2.28823 39.7882L15.514 26.5625L2.28823 13.3368C-0.762743 10.2858 -0.762743 5.3392 2.28823 2.28823Z' fill='%235b5b5b'/%3E%3C/svg%3E") } ul.hwc-list-menu.light-gray li a:hover:after { background-image: url("data:image/svg+xml,%3Csvg width='35' height='54' viewBox='0 0 35 54' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.28823 2.28823C5.3392 -0.762743 10.2858 -0.762743 13.3368 2.28823L32.0868 21.0382C35.1377 24.0892 35.1377 29.0358 32.0868 32.0868L13.3368 50.8368C10.2858 53.8877 5.3392 53.8877 2.28823 50.8368C-0.762743 47.7858 -0.762743 42.8392 2.28823 39.7882L15.514 26.5625L2.28823 13.3368C-0.762743 10.2858 -0.762743 5.3392 2.28823 2.28823Z' fill='white'/%3E%3C/svg%3E"); } /** centered text **/ ul.hwc-list-menu.center li a { text-align: center; justify-content: center; padding: 14px 32px 14px 14px; } ul.hwc-list-menu.center li a:after, ul.hwc-list-menu.center li a:before { content: none; } ul.hwc-list-menu.center li a:before { background-image:none } /** font medium **/ ul.hwc-list-menu.font-med li a { font-size: 1.8rem; padding: 16px 32px 16px 16px; } /** font large **/ ul.hwc-list-menu.font-lg li a { font-size: 2rem; padding: 18px 32px 18px 18px; } /** fix Event Calendar Pro issues **/ .tribe_events .tribe-events-content ul.hwc-list-menu { padding: 0; } /** lists with checkmarks **/ ul.hwc-list-checked li { list-style-type: none; position: relative; line-height: 1.75; padding-bottom: 12px; } ul.hwc-list-checked li:last-child { padding-bottom: 0; } ul.hwc-list-checked li:before { content: '\2714'; font-size: 1.7rem; position: absolute; padding-right: 11px; transform: translateX(-100%); } .hwc-list-checked ul { margin-top: 12px; } ul.hwc-list-checked.blue li:before { color: #257cb7; } ul.hwc-list-checked.dark-blue li:before { color: #08446D; } ul.hwc-list-checked.light-blue li:before { color: #E2EFF8; } ul.hwc-list-checked.light-gray li:before { color: #EDEDED; } ul.hwc-list-checked.white li:before { color: #FFF; } ul.hwc-list-checked.yellow li:before { color: #d27d04; } /*** lists with font awesome icons ***/ /* base styles */ ul.hwc-list-font-awe { list-style: none; } ul.hwc-list-font-awe li { line-height: 1.75; padding-bottom: 12px; } ul.hwc-list-font-awe li:last-child { padding-bottom: 0; } ul.hwc-list-font-awe li:before { content: "\f621"; font-family: "Font Awesome 6 Free"; font-size: 1.3rem; font-weight: 600; float: left; margin: 3px 0 0 -19px; } .hwc-list-font-awe ul { margin-top: 12px; } ul.hwc-list-font-awe.light > li:before { font-weight: 500; } /* color options */ ul.hwc-list-font-awe.blue > li:before { color: #257cb7; } ul.hwc-list-font-awe.dark-blue > li:before { color: #08446D; } ul.hwc-list-font-awe.light-blue > li:before { color: #E2EFF8; } ul.hwc-list-font-awe.light-gray > li:before { color: #EDEDED; } ul.hwc-list-font-awe.white > li:before { color: #FFF; } ul.hwc-list-font-awe.yellow > li:before { color: #d27d04; } /* icon options */ /** need to override bootstrap FA styles **/ ul.hwc-list-font-awe.heart { margin: 12px 0 0; } ul.hwc-list-font-awe.heart > li:before { content: "\f004"; margin: 2px 0 0 -19px; } ul.hwc-list-font-awe.star > li:before { content: "\f005"; margin: 2px 0 0 -21px; } ul.hwc-list-font-awe.circle > li:before { content: "\f111"; } ul.hwc-list-font-awe.circle-xmark > li:before { content: "\f057"; } ul.hwc-list-font-awe.circle-check > li:before { content: "\f058"; } ul.hwc-list-font-awe.circle-right > li:before { content: "\f35a"; } ul.hwc-list-font-awe.circle-arrow-right > li:before { content: "\f0a9"; } ul.hwc-list-font-awe.circle-play > li:before { content: "\f144"; } ul.hwc-list-font-awe.circle-chevron-right > li:before { content: "\f138"; } ul.hwc-list-font-awe.chevron-right > li:before { content: "\f054"; margin: 3px 0 0 -16px; } ul.hwc-list-font-awe.angle-right > li:before { content: "\f105"; margin: 2px 0 0 -16px; } ul.hwc-list-font-awe.angles-right > li:before { content: "\f101"; margin: 3px 0 0 -20px; } ul.hwc-list-font-awe.play > li:before { content: "\f04b"; font-size: 1.1rem; margin: 4px 0 0 -17px; } ul.hwc-list-font-awe.caret-right > li:before { content: "\f0da"; font-size: 1.7rem; margin: -1px 0 0 -16px; } ul.hwc-list-font-awe.square > li:before { content: "\f0c8"; } ul.hwc-list-font-awe.square-xmark > li:before { content: "\f2d3"; } ul.hwc-list-font-awe.square-check > li:before { content: "\f14a"; } ul.hwc-list-font-awe.square-caret-right > li:before { content: "\f152"; } ul.hwc-list-font-awe.square-up-right > li:before { content: "\f360"; } ul.hwc-list-font-awe.square-arrow-up-right > li:before { content: "\f14c"; } ul.hwc-list-font-awe.square-plus > li:before { content: "\f0fe"; } /** need to override bootstrap FA styles **/ ul.hwc-list-font-awe.diamond { margin: 12px 0 0; } ul.hwc-list-font-awe.diamond > li:before { content: "\f219"; font-size: 1.2rem; margin: 3px 0 0 -19px; } ul.hwc-list-font-awe.asterisk > li:before { content: "\f621"; font-weight: 600; } ul.hwc-list-font-awe.landmark-dome > li:before { content: "\f752"; font-size: 1.2rem; margin: 3px 0 0 -20px; } blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { line-height: 1.6; } /** * Featured Article page template */ .category-featured-article .entry-content p:first-child:first-letter { float: left; color: #505962; font-family: 'Roboto', sans-serif; font-size: 9.862rem; font-weight: 400; line-height: 3.437rem; padding: 1.88rem 0.885rem 0.885rem 0rem; } /** * 3.0 - Header (Abovefold / Header / Primary navigation bar) * * */ .abovefold h1.widget-title { font: 0/0 serif; color: transparent; margin-top: 0; } .abovefold #menu-social-media.menu li a { border-bottom: none; display: inline-block; padding: 0 7px; font-size: 90%; } .abovefold { padding: 21px 0 !important; } .abovefold-container { line-height: 1.4; padding-top: 6px; } /*** Site Name ***/ .header-logo, .brand-logo { line-height: 1.2; } .abovefold a { color: var(--som-blue); text-decoration:none; } .abovefold a:hover, .abovefold a:focus { color: #000; } .abovefold a.btn { color: #fff !important; } .abovefold .header-logo a { display: block; font-family: 'Roboto',san-serif; font-weight: 600; font-size: 3.5rem; letter-spacing: 1px; margin-bottom: 6px; } /* adds space below all logos but not text */ .abovefold img { margin-bottom: 12px; } /* styles the department logo */ .abovefold-container img { max-width: 300px; max-height: 85px; } /* styles the primary logo */ .abovefold-container .header-logo img { max-width: 75%; max-height: 110px; margin-bottom: 3px; } @media (max-width: 700px) { .abovefold-container .header-logo img { max-width: 100%; } } /* this styles the Department Name */ a.tagline { display: block; margin-bottom: 6px; margin-top: 2px; font-weight: 700; line-height: 1.4; color: #2e2e2e; letter-spacing: 1px; } p.tagline a:hover, p.tagline a:focus { color: #4B9CD3; } /* site search styles */ .abovefold-container .search-form { margin-bottom: 10px; } .abovefold .input-group { padding-top: 5px; } /* style text widgets that display below the site search */ .abovefold-container .textwidget { margin: 5px 0; } #footerTagline { margin-top: 1em; margin-bottom: 0; font: italic normal 1em/1.8em Georgia,"Times New Roman",Times,serif; } .broken_link, a.broken_link { text-decoration: line-through; color: #DA6563; } /** * Legacy Utility Bar Styles */ /** .white-utility { border: 0px none; background-color: #ffffff; color: var(--som-blue); } .white-utility #utility_bar a, .white-utility #utility_bar_wide a { color: var(--som-blue); font-weight: 600; } #utility_nav ul, .white-utility, #utility_bar_wide { background-color: #ffffff !important; } */ /*this is using the overrides for the /theme/hwc/utility-bar/utility-bar*/ /**UNC-Utility-Bar Plugin Overrides*/ :root :where(#unc-utility-bar):not(.wp-block), :root :where(.wp-block-utility-bar-utility-bar):not(.wp-block) { height: 32px; align-items: center; } body #unc-utility-bar #unc-link-column-left .utility-bar-unc-link, body #unc-utility-bar #unc-ub-title .utility-bar-unc-link, body .wp-block-utility-bar-utility-bar #unc-link-column-left .utility-bar-unc-link, body .wp-block-utility-bar-utility-bar #unc-ub-title .utility-bar-unc-link { font-size: 14px !important; font-weight: 600 !important; padding-bottom: inherit; } .blue-utility { border: 0px none; background-color: var(--som-blue); color: #ffffff; } .blue-utility #utility_bar a, .blue-utility #utility_bar_wide a { color: #ffffff; } #utility_nav ul, .blue-utility, #utility_bar_wide { background-color: var(--som-blue) !important; } #utility_bar a { text-decoration: none; color: #ffffff; font-size: 1em; } #utility_logo { height: 30px; font-size: 14px; line-height: 30px; vertical-align: middle; margin: 0px; padding: 0; } @media (min-width: 606px) { #utility_logo { display: inline; float: left; } #utility_nav ul { text-align: left; } } #utility_logo span { font-style: italic; text-transform: lowercase; font-size: 12px; } #utility_logo a { display: block; height: 30px; font-family: "Source Serif 4", "Times New Roman", Times, serif; font-size: 1.15em; font-weight: 600; text-transform: uppercase; position: relative; text-align: center; z-index: 2; } #utility_nav ul { list-style: none outside none; text-align: right; margin: 0; padding: 0; position: relative; } @media (min-width: 588px) and (max-width: 606px) { #utility_logo { display: inline-block; text-align: center; } #utility_nav ul { text-align: left; } } #utility_nav ul li { display: none; font-size: 1.2rem; line-height: 30px; vertical-align: middle; margin: 0px; padding: 0px 8px; border-right: 1px solid rgba(0, 0, 0, .2); font-family:'Open Sans', sans-serif; letter-spacing: 0.06em; } #utility_nav ul li:first-child, #utility_nav ul li:last-child { display: inline; float: left; width: 50%; text-align: center; } #utility_nav ul li:last-child { padding-right: 0; } @media (min-width: 588px) { #utility_nav ul li { display: inline; } #utility_nav ul li:first-child, #utility_nav ul li:last-child { width: initial; float: none; } #utility_logo a { display: block; height: 30px; margin-right: 16px; text-transform: uppercase; position: relative; text-align: center; } #utility_nav ul li:last-child { border-right: none; } } /** * END Legacy Utility Bar Styles */ /* .page-child li.current_page_item ul.children, .page_item.current_page_ancestor.current_page_parent ul.children { padding-left: .3em; background-image: linear-gradient(to left,#fff,#fafafa); } .page-child li.current_page_item ul.children:first-child { padding-left: 0; } /** .page_item_has_children.current_page_item ul.children li ul, .page_item.current_page_ancestor.current_page_parent ul.children li ul.children { display: none; } ul.children li.page_item.page_item_has_children.current_page_ancestor.current_page_parent, .page-child li.current_page_item ul.children li, .page_item.current_page_ancestor.current_page_parent ul.children li { display: inherit; } */ .widget .subpage-menu>li>ul>li a:link { padding: 9px 14px!important; } .widget .subpage-menu .current_page_item>a { font-weight: 600; } li.page_item.page_item_has_children .children { padding-left: 0.5em; } .dualheader.affix .navbar-brand { display: block; color: #fff!important; background-color: #4B9CD3; min-width: 200px; border: 0; position: absolute; height: 54px; left: 0; top: 0; text-align: center; overflow: hidden; -webkit-clip-path: polygon(0 0,100% 0,90% 100%,0% 100%); clip-path: polygon(0 0,100% 0,90% 100%,0% 100%); } .frontpage-list { list-style-type: none; margin-left: 4px; padding-left: 0; } .frontpage-list li { border-bottom: solid 1px #ccc; padding: 8px 0; } .green-bullet-open li { list-style-image: url(green-bullet-open-77.html); margin: 4px auto; padding-left: 7px; } .green-bullet-closed li { list-style-image: url(green-bullet-closed-78.html); margin: 4px auto; padding-left: 7px; } .orange-bullet-open li { list-style-image: url(orange-bullet-open-77.html); margin: 4px auto; padding-left: 7px; } .orange-bullet-closed li { list-style-image: url(orange-bullet-closed-78.html); margin: 4px auto; padding-left: 7px; } .blue-bullet-closed li { list-style-image: url(blue-bullet-open-77.html); margin: 4px auto; padding-left: 7px; } .blue-bullet-closed li { list-style-image: url(blue-bullet-closed-78.html); margin: 4px auto; padding-left: 7px; } .breadcrumbs a { color: var(--som-blue) !important; } .breadcrumbs .current, .breadcrumbs { margin-top: 0.9em; color: #4f4f4f; padding-bottom: 4px; line-height: 28px; font-size: 1.263rem; } .wdn-promo-container .wdn-promo-content { text-shadow: none; } .page-template-page-division-landing .breadcrumbs, .page-template-page-division-pages .breadcrumbs { margin-bottom: 14px; } .page-template-page-magic-boxes-layout .content p { display: none; } .navbar-brand { visibility: collapse; } .icon-title { font-size: 2.125rem; text-align: center; margin: 0 auto; padding: 0; font-weight: 600; } .icon-title a { text-decoration: none; } .navbar-fixed-top a.navbar-brand, .navbar-static-top .navbar-brand { font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 2.263rem; text-decoration: none; text-shadow: none; box-shadow: none; } /****************************** * 3.2 - Primary navigation bar ******************************/ .navbar-default { box-shadow: 1px 0 1px rgba(189, 189, 189, 0.75); } .navbar-default .navbar-toggle .icon-bar { background-color: #505962; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #fbfaf8 !important; } .navbar-default .navbar-nav>li.active>a, .navbar-default .navbar-nav>li.active>a:hover, .navbar-default .navbar-nav>li.active>a:focus { color: #505962 !important; border-bottom: 4px solid #fbaf41; background-color: #ffffff; -ms-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li.active>a:active, .navbar-default .navbar-nav>li>a:focus { color: #005270; background-color: #fbfaf8 !important; } .navbar-default .navbar-nav >li > a:hover, .navbar-default .navbar-nav > li.active > a:active, .navbar-default .navbar-nav > li > a:focus { color: #005270; background-color: #fff !important; } .navbar-default .navbar-nav>li>a:hover { outline: 0px none; } /* .navbar-default .navbar-nav>li.active>a:before, .navbar-default .navbar-nav>li.active>a>span:before { content: '\f0d7'; font-family: FontAwesome; width: 23px; position: absolute; left: 50%; top: 100%; margin: -5px 0 0 -11px; z-index: 1; line-height: 1; font-size: 1.4em; text-transform: none; color: #fbaf41; overflow: hidden; text-align: center; } */ .navbar-default .navbar-nav>li>a { color: #505962; } .navbar-default .navbar-toggle::after { color: #505962; content: "menu"; font-weight: 400; font-size: 0.8em; } .navbar-toggle { margin: 0 auto; border: none; background-color: transparent !important; } .navbar-toggle .icon-bar { text-align: center; margin: 0 auto; } .navbar-toggle:hover { background-color: transparent !important; } .nav .open>a, .nav .open>a:hover, .nav .open>a:focus { color: #505962 !important; } .nav>li>a { padding: 10px 13px 10px 9px; } .navbar-default .navbar-nav li > a { border-left: 4px solid transparent; } .navbar-default .navbar-nav>li.active>a, .navbar-default .navbar-nav>li.hover>a, .navbar-default .navbar-nav>li.focus>a { color: var(--som-blue); border-bottom: 4px solid #fbaf41; -ms-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } /* style dropdowns in top nav */ .navbar-default .dropdown-menu { background-color: #FAFAFA; padding: 0; border-top: 5px solid #FAFAFA; } .navbar-default li.dropdown.open > a:active, .navbar-default li.dropdown.open > a:hover, .navbar-default li.dropdown.open > a:focus { border-color: #FAFAFA; border-left: 4px; } .navbar-default li.dropdown.open { background: #FAFAFA; } .navbar-default .navbar-nav .open .dropdown-menu>li>a, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:active, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus { color: #505962 !important; } .navbar-default .navbar-nav .open .dropdown-menu>li>a { color: #505962; background-color: #FAFAFA; border-left: 4px solid transparent; } .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus { color: #505962; background-color: #FFF; border-left: 4px solid var(--som-blue); } .navbar-default li.dropdown.open > a { background-color: #FAFAFA; color: #505962; } .navbar-brand { padding: 15px 14px 0 15px; box-shadow: 0 2px 2px 0 rgba(100,100,100,0.1); border-top: 1px solid #E0E0E0; text-shadow: none; box-shadow: none; } .navbar-default { background-color: #fbfaf8 !important; border: none; font-size: 1.1em; letter-spacing: 1px; } .navbar-default .navbar-nav > li > a { color: #505962; font-weight: 600; text-shadow: none; font-size: 1.563rem; } .navbar-default .navbar-nav > li > a { color: #505962; font-weight: 600; text-shadow: none; font-size: 1.563rem; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:active, .navbar-default .navbar-nav > li > a:focus { color:var(--som-blue); } .navbar-default .navbar-nav > li.active > a, .navbar-default .navbar-nav > li.active > a:hover, .navbar-default .navbar-nav > li.active > a:focus { color: #505962 !important; border-bottom: 4px solid #d37d02; display: block; float: left; } .navbar-default .navbar-nav > li { display: inline-block; position: relative; } .navbar-default .navbar-nav > li:after, .navbar-default .navbar-nav > li:after, .navbar-default .navbar-nav > li:after { content: ''; display: block; margin: auto; height: 4px; width: 0px; background: transparent; transition: width .35s ease, background-color .35s ease; } .navbar-default .navbar-nav > li:hover:after, .navbar-default .navbar-nav > li:active:after, .navbar-default .navbar-nav > li:focus:after { width: 100%; background: var(--som-blue); } .navbar-default .navbar-nav > li.active:hover:after, .navbar-default .navbar-nav > li.active:active:after, .navbar-default .navbar-nav > li.active:focus:after { width: 100%; background: #ffffff; } /***** remove yellow underline on News item in top nav when viewing events and calendar pages *****/ .post-type-archive-tribe_events .navbar-nav li.active.menu-news a, .post-type-archive-tribe_events .navbar-nav li.active.menu-news a:hover, .post-type-archive-tribe_events .navbar-nav li.active.menu-news a:focus, .single-tribe_events .navbar-nav li.active.menu-news a, .single-tribe_events .navbar-nav li.active.menu-news a:hover, .single-tribe_events .navbar-nav li.active.menu-news a:focus { border-bottom: transparent; float: none; border-left: 4px solid transparent; /* for mobile devices */ } /***** on hover, set the text color of the News link in top nav when viewing events and calendar pages *****/ .post-type-archive-tribe_events .navbar-nav li.active.menu-news a:hover, .post-type-archive-tribe_events .navbar-nav li.active.menu-news a:focus, .single-tribe_events .navbar-nav li.active.menu-news a:hover, .single-tribe_events .navbar-nav li.active.menu-news a:focus { color: var(--som-blue) !important; } /** on hover, underline should be blue for News link when viewing events and calendar pages **/ .post-type-archive-tribe_events .navbar-default .navbar-nav > li.menu-news:hover:after, .post-type-archive-tribe_events .navbar-default .navbar-nav > li.menu-news:focus:after, .single-tribe_events .navbar-default .navbar-nav > li.menu-news:hover:after, .single-tribe_events .navbar-default .navbar-nav > li.menu-news:focus:after { width: 100%; background: var(--som-blue); } /***** remove yellow underline on News item in top nav when viewing an old directory profile *****/ .single-directory .navbar-nav li.active.menu-news a, .single-directory .navbar-nav li.active.menu-news a:hover, .single-directory .navbar-nav li.active.menu-news a:focus, .single-location .navbar-nav li.active.menu-news a, .single-location .navbar-nav li.active.menu-news a:hover, .single-location .navbar-nav li.active.menu-news a:focus { border-bottom: transparent; float: none; border-left: 4px solid transparent; /* for mobile devices */ } /***** on hover, set the text color of the News link in top nav when viewing an old directory profile *****/ .single-directory .navbar-nav li.active.menu-news a:hover, .single-directory .navbar-nav li.active.menu-news a:focus, .single-location .navbar-nav li.active.menu-news a:hover, .single-location .navbar-nav li.active.menu-news a:focus { color: var(--som-blue) !important; } /** on hover, underline should be blue for News link when viewing an old directory profile **/ .single-directory .navbar-default .navbar-nav > li.menu-news:hover:after, .single-directory .navbar-default .navbar-nav > li.menu-news:focus:after, .single-location .navbar-default .navbar-nav > li.menu-news:hover:after, .single-location .navbar-default .navbar-nav > li.menu-news:focus:after { width: 100%; background: var(--som-blue); } /***** remove yellow underline on News item in top nav when viewing a new directory profile *****/ .single-ud_entry .navbar-nav li.active.menu-news a, .single-ud_entry .navbar-nav li.active.menu-news a:hover, .single-ud_entry .navbar-nav li.active.menu-news a:focus, .post-type-archive-ud_entry .navbar-nav li.active.menu-news a, .post-type-archive-ud_entry .navbar-nav li.active.menu-news a:hover, .post-type-archive-ud_entry .navbar-nav li.active.menu-news a:focus { border-bottom: transparent; float: none; border-left: 4px solid transparent; /* for mobile devices */ } /***** on hover, set the text color of the News link in top nav when viewing a new directory profile *****/ .single-ud_entry .navbar-nav li.active.menu-news a:hover, .single-ud_entry .navbar-nav li.active.menu-news a:focus, /* .post-type-archive-ud_entry .navbar-nav li.active.menu-news a, */ .post-type-archive-ud_entry .navbar-nav li.active.menu-news a:hover, .post-type-archive-ud_entry .navbar-nav li.active.menu-news a:focus { color: var(--som-blue) !important; } /** on hover, underline should be blue for News link when viewing a new directory profile **/ .single-ud_entry .navbar-default .navbar-nav > li.menu-news:hover:after, .single-ud_entry .navbar-default .navbar-nav > li.menu-news:focus:after, .post-type-archive-ud_entry .navbar-default .navbar-nav > li.menu-news:hover:after, .post-type-archive-ud_entry .navbar-default .navbar-nav > li.menu-news:focus:after { width: 100%; background: var(--som-blue); } .navbar-toggle { border: none; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: transparent; background-color: #fbfaf8; } .navbar-brand { color: var(--som-blue) !important; font-weight:400; } /* style dropdowns in top nav */ .dropdown-menu { background-color: #FFF; border: none; } .navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus { color: var(--som-blue); /* background-color:#FFFFFF; */ border-left: 4px solid #D37D02; } /** Skip-main link **/ a.skip-main { left:-999px; position:absolute; top:auto; width:1px; height:1px; overflow:hidden; z-index:-999; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /** Home FA Icon **/ li.button-home.menu-home a:after { content: "\f015"; color: #4f4f4f; font-family: 'FontAwesome'; font-size: 1.563rem; line-height: 28px; vertical-align: middle; } li.button-home.active.menu-home a, li.button-home.menu-home a { font: 0/2.2rem sans-serif; } .dualheader.affix .navbar-brand { padding: 14px 7px 7px 0; } /***************************** * 4.0 - Media (Audio / Video) ****************************/ .modal-title { margin: 0; line-height: 2; color: #ffffff; font-size: 2rem; } .modal-header { padding: 15px; border-bottom: 1px solid #005E80; min-height: 17px; background-color: #005E80; color: #ffffff; } .btn-default .fa, .btn-gray .fa { color: #1D5377 !important; } .search-submit { border: solid 1px #ccc; border-radius: 3px; } .search-submit .glyphicon-search { padding: 3px; font-size: 22px; line-height: 1; } .event-calendar .event-post .event-date { background-color: #005E80; font-family: 'Roboto', sans-serif; } .single-tribe_events .tribe-events-event-meta dl { overflow-wrap: break-word; } .tribe-events-content a, .tribe-events-event-meta a, .tribe-events-nav-pagination a { text-decoration: underline; } .duration.venue { font-size: 0.9em; } .iso-post h3 a, .caption h4 a { color: var(--som-blue); } tr.tableheader td { color: #ffffff; background: var(--som-blue) !important; } ul#oscitas-tabs-0.nav.nav-tabs li.active a { color: #505962; background-color: #fbfaf8; } /************************************************* * 5.0 - Sidebar (Widgets / Sidebar) ************************************************/ .widget h3 { text-transform: none; border-bottom: none; border-top: none; line-height: 1.1; margin-top: 4px; font-size: 2.369rem; padding: 10px 10px 10px 0; } /* .widget h3::before { content: ""; background-color: #56a0d3; position: absolute; bottom: -1px; left: 0; width: 3.425em; height: 1px; } */ footer.content-info .widget h3::before, .quick-links_bg aside.widget h3::before { display: none; } h4.widget-title { text-transform: none; border-top: none; line-height: 1.1; margin-top: 4px; font-size: 2.369rem; font-weight: 400; } aside.widget h3 { color: #fff; margin-top: 7px; margin-bottom: 7px; border-bottom: none; text-align: left; text-transform: none; padding-top: 4px; padding-bottom: 4px; } aside.sidebar .textwidget { margin: 5px 0; } .widget .subpage-menu .current_page_item > a { color: var(--som-blue); } .division_nav { margin: 21px 0; padding: 9px; border: 4px solid; } .related-posts { margin-top: 4em; } .post-template-default.single-post #feat-img-h { display: none; } #main figure { max-width: 100%; } .single-directory #feat-img-h, .single-tribe_events #feat-img-h { display: none !important; } .feat-img-overlay { background-color: rgba(35,40,45,.45); height: 100%; } .media li.media-listitem .caption { margin-bottom: 1.1em; min-height: 150px; } .media li.media-listitem .pull-left { margin-right: 1.4em; padding-top: 0; } .media li.media-listitem, .media, .media-body { padding: 10px 0 5px; } .rss-date, .widget .post-date { font-size: 1.3rem; color: #505962; } .footer-container.container span.rss-date { color: #ccc; } span.section-header { font-size: 2.369rem; font-weight: 500; } .event-details h4.media-heading, .event-details .entry-title.summary { font-size: 22px; line-height: 30px; } .iso-post .iso-meta p a, .tribe-events-widget-link a { padding: 2px 4px; transition: background 6s ease-out; } a.highlight-link { background-color: var(--som-blue); color: #fff; margin: 7px auto; padding: 2px 4px; font-size: .9em; float: right; text-decoration: none; } a.highlight-link:hover { background: #4B9CD3; color: #fff; padding: 2px 4px; } /********************************************** * 6.0 - Colors *********************************************/ .som-carolina h2, .som-red h2, .som-navy h2 { color: #FFB241; } .som-carolina h2.icon::before, .som-red h2.icon::before, .som-navy h2.icon::before { color: #FFB241; } .som-carolina h3, .som-red h3, .som-navy h3 { color: #FFB241; } .som-carolina h3.icon::before, .som-red h3.icon::before, .som-navy h3.icon::before { color: #FFB241; } .som-carolina { background-color: #4B9CD3; } .som-red { background-color: #DA6563; } .som-navy { background-color: #225E86; } .som-navy, .som-red, .som-carolina { color: #fff; margin-bottom:-21px; border:none; } /********************************************* * 6.0 - Footer ********************************************/ footer.content-info a:not(.btn) { color: #4B9CD3; } footer.content-info a:hover:not(.btn) { color: #ffffff; } footer .widget ul li a:visited:hover, footer .widget ul>li a:hover, footer .widget ul>li:last-child a:hover { color: #ffffff !important; } /* footer.content-info { background: #26282B; color: #ccc; } footer.content-info a, footer .widget ul>li a, footer .widget ul>li:last-child a { color: #4b9cd3; } footer.content-info a.btn { color: #ffffff; } footer.content-info a.btn:hover { color: #ffffff; } footer.content-info a:hover { color: #cccccc; } */ #footerLogo:focus { color: #fff; } img.lccc-logo-footer { max-width: 240px; } .footer-container.container .textwidget { margin: 5px 15px 15px 0; } footer .container, footer .container-fluid { padding-bottom: 20px; } #notice ul { padding: 10px 0 0; margin: 0; list-style: none; width: 100%; max-width: 1800px; display: inline-block; text-align: right; } #notice ul li { display: inline-block; font-size: 1em; line-height: 30px; vertical-align: middle; font-weight: 600; margin: 0px; padding: 0px 8px; letter-spacing: 0.06em; border-right: 1px solid rgba(0,0,0,0.2); font-family: 'Open Sans',sans-serif; } #notice ul li a { color: #ffffff; } #notice ul li:last-child { border-right: none; } #notice ul:nth-child(2), #notice ul:nth-child(3) { font-size: 10px; max-width: 1800px; } #notice ul:nth-child(2) li:last-child { margin-left: 3px; } .photograph img { border: 6px solid #fff; box-shadow: 0 1px 1px rgba(100,100,100,.3); margin: 14px 0; overflow: hidden; transition: all .5s ease 0s; } .photograph img:hover { -webkit-filter: grayscale(100%); filter: grayscale(100%); } .img-fluid { max-width: 100%; height: auto; } /***** full width shortcode styles *****/ /* background color */ .full-width-contained, .content .full-width-contained { border-top: none; border-bottom: none; } /* background image */ div#parallax-section { margin-bottom: 14px; background-attachment: local; } /* maintain width */ .full-width-contained.maintain-width, .content .full-width-contained.maintain-width { width: 100%; margin: 0; } @media (min-width: 782px) { .col-sm-12 .full-width-contained.whitebackground.maintain-width { margin: 0; padding: 40px 30px; } } footer.content-info .widget h3 { color: #fafafa; background: transparent; text-transform: uppercase; letter-spacing: 1px; padding-left: 0; } footer .widget ul li a:visited:hover, footer .widget ul>li a:hover, footer .widget ul>li:last-child a:hover { color: #fff!important; } footer.content-info .widget h1, footer.content-info .widget h2, footer.content-info .widget h4, footer.content-info .widget h5, footer.content-info .widget h6 { color: #fff; } footer.content-info .widget ul li a:hover { background: #4B9CD3; text-decoration: none; } #copyright p { color: #ffffff; font-weight: 600; font-size: 1em !important; line-height: 1.3 !important; } #copyright { background-color: var(--som-blue); border-top-color: var(--som-blue); overflow: hidden; } .tooltip { font-size: 1em; text-align: left !important; padding: 4px 2px; } .filed_under a { color: #686868; } img.newsfeed { display: block; margin: 14px 0; } img.newsfeed:hover { opacity:0.85; } .iso-post .date-meta, #respond, p.byline.author.vcard, section#comments { display: none; } .iso-post a img { width: 100%; } .blogdate, .byline, .published { margin-bottom: 14px; color: #686868; } #related-post { display:inline-block; } h3#related-heading { border-top: 4px solid #e1e1e1; padding-top: 1.2em; } .thumbnail.wp-caption.alignright { margin-left: 14px; } .thumbnail.wp-caption.alignleft { margin-right: 14px; } figcaption.caption.wp-caption-text { font-size: 12px; } .caption p { font-size: 16px; } span.action { display: block; font-size: 0.8em; margin-top: 0.6em; } .footer-container span.lead { font-size: 1.85rem; font-weight: 600 } .thumbnail, .thumbnail img { min-width: 125px; max-width: 100%; } .related_posts { margin: 0 0 21px 0; display:inline-block; } .related-thumbnail a { color:var(--som-blue); display:block; padding: 4px; width: 150px; } .related-thumbnail a:hover { color: #006C94; } a[href^="mailto"]::before { font-family: 'FontAwesome'; content: '\f003'; position: relative; margin-right: 5px; } a[href*=".pdf"]::after { font-family: 'FontAwesome'; content: '\f1c1'; position: relative; margin-left: 3px; color: #260000; padding: 4px 2px; } a[href*=".xls"]::after, a[href*=".xlsx"]::after { font-family: 'FontAwesome'; content: '\f1c3'; position: relative; margin-left: 3px; color: #008a00; padding: 4px 2px; } a[href*=".docx"]::after, a[href*=".doc"]::after { font-family: 'FontAwesome'; content: '\f1c2'; position: relative; margin-left: 3px; color: #2b569a; padding: 4px 2px; } #Submit { height: 3em; } span.current { padding: 2px 4px; color: #505962 !important; font-weight:400; } .som-top { border: 0px none; background: none; color: #505962; } a[href*=".pdf"]::after { font-family: 'FontAwesome'; content: '\f1c1'; position: relative; margin-left: 3px; color: #260000; padding: 4px 2px; } a[href*=".docx"]::after { font-family: 'FontAwesome'; content: '\f1c2'; position: relative; margin-left: 3px; color: #2b569a; padding: 4px 2px; } a.no-icon::after, .no-icon a::after { content: ""; margin: 0; padding: 0; } footer.content-info input[type="radio"], footer.content-info input[type="checkbox"], .abovefold-container input[type="radio"], footer.content-info input[type="checkbox"] {margin: 0 5px 0 5px} /** Post/News/Category Template Layout **/ .blog #feat-img-h, .category #feat-img-h { background-size: cover; background-position: top center; width: 250px; height: 250px; float: right; margin-left: 30px; border: 1px solid #EAEAEA; } .blog article.media, .category article.media { border-bottom: 1px solid #d1e7fa; padding: 25px; margin-top: 0; } .blog article.even, .category article.even { background:#f5faff; } .blog article.odd, .category article.odd { background:#fff; } .blog article h1, .category article h1 { margin-top: 0; font-size: 2.825rem; } /*.blog article h1 a:hover, .category article h1 a:hover { text-decoration: underline; } .blog article h1 a, .category article h1 a { text-decoration: none; } */ /*********************************************** *********** 7.0 - PLUGIN STYLES *********** **********************************************/ /********** EVENT CALENDAR STYLES **********/ :root { /* --tec-color-text-primary: #4f4f4f; */ --tec-color-link-primary: #257CB7; --tec-color-link-accent: #257CB7; --tec-color-accent-primary: #D67F00; /* #FFB241 */ --tec-color-accent-primary-hover: #AA6503; --tec-color-accent-primary-active: #AA6503; --tec-color-accent-primary-multiday: #DEEDF7; --tec-color-accent-primary-multiday-hover: #CAE2F2; --tec-color-accent-primary-week-event: rgba(210,244,239,1); --tec-color-accent-primary-week-event-hover: rgba(177,236,227,1); --tec-color-accent-primary-week-event-featured: rgba(188,15,62,.13); --tec-color-accent-primary-week-event-featured-hover: rgba(188,15,62,.2); --tec-font-family-sans-serif: 'Roboto', sans-serif; --tec-color-text-primary: #2E2E2E; --tec-color-text-events-title: #000; --tec-color-text-events-title-widget-list: var(--tec-color-link-primary); /* event widget titles */ --tec-color-text-event-date: #4F4F4F; --tec-color-border-secondary: #ccc; --tec-color-background-events-bar-submit-button:#257CB7; --tec-color-background-events-bar-submit-button-hover: #17425E; --tec-color-icon-focus: #AA6503; /* multi-day event styles */ --tec-color-background-primary-multiday: #DEEDF7; --tec-color-background-primary-multiday-hover: #BDDBEF; --tec-color-background-secondary: #f7f6f6; --tec-color-text-events-title-month-multiday: #000; } /* style links */ .tribe-common a, .tribe-common a:focus, .tribe-common a:visited, .tribe-common a:hover, .tribe-common a:active { text-decoration: underline; } /********************** SINGLE EVENT PAGE STYLES **********************/ /* style link back to "All Events" */ .tribe-events-back a, .tribe-events-back a:visited { color: var(--tec-color-link-primary); } @media (min-width: 768px) { .tribe-events-back { margin-bottom: var(--tec-spacer-7); } } /* style series icon */ .tribe-common .tribe-events-series-relationship-single-marker__icon-svg, .tribe-related-event-info .tribe-events-series-archive__icon { color: var(--tec-color-accent-primary);; } /* style "Event Series" text above page title */ .tribe-events-series-relationship-single-marker { color: var(--tec-color-accent-primary); } /* style series link above page title */ .tec_series_marker__title { color: var(--tec-color-accent-primary-active); text-decoration: underline; } .tec_series_marker__title:hover { border-bottom: none; text-decoration: none; } /* style event date / time */ .tribe-events-schedule h2 { color: #000; } /* style text */ @media (min-width: 768px) { .tribe-events-content ol, .tribe-events-content p, .tribe-events-content ul { font-size: var(--tec-font-size-3); line-height: 1.75; } } /* make headers black */ .tribe-events-content h2, .tribe-events-content h3, .tribe-events-content h4, .tribe-events-content h5, .tribe-events-content h6 { color: #000; } .tribe-events-content ol, .tribe-events-content ul:not(.nav-tabs) { padding: revert; margin-top: 12px; margin-bottom: 0; } .tribe-events-content ol:last-child, .tribe-events-content p:last-child, .tribe-events-content ul:last-child { margin-bottom: 0; } .tribe-events-content ol, .tribe-events-content ul { list-style-position: outside; } /* fix ECP styles that are affecting the tabs shortcode */ .tribe-events-content .nav-tabs { margin-bottom: 0; } /* style Related Events image */ .tribe-events-single ul.tribe-related-events { position: relative; } .tribe-events-single ul.tribe-related-events li .tribe-related-events-thumbnail img { left: 0; position: absolute; right: 0; top: 0; transform: none; } .tribe-events-single ul.tribe-related-events li .tribe-related-events-thumbnail img[src$="tribe-related-events-placeholder.png"] { bottom: 0; left: 50%; position: absolute; right: 0; top: 50%; transform: translate(-50%,-50%) scale(1); } /* other Related Events styles */ .tribe-events-related-events-title { border-top: 2px solid var(--tec-color-border-secondary); } .tribe-events-single ul.tribe-related-events li { font-size: 14px; /* color: #000; */ } .tribe-events-single ul.tribe-related-events li .tribe-related-event-info { padding: 0 10px; } .tribe-events-single ul.tribe-related-events li .tribe-related-events-title { line-height: var(--tec-line-height-1); } .tribe-events-schedule .recurringinfo a, .tribe-related-event-info .recurringinfo a { color: #0078AB; font-size: 14px; } /* style footer (previous/next event) */ .tribe-events-single .tribe-events-sub-nav { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; line-height: 1.5; } .tribe-events-single .tribe-events-sub-nav .tribe-events-nav-next { text-align: right; } .tribe-events-single .tribe-events-sub-nav .tribe-events-nav-next a, .tribe-events-single .tribe-events-sub-nav .tribe-events-nav-previous a { color: var(--tec-color-link-primary); text-decoration: underline; } /********************** Style List View **********************/ /* style "Feature" text above event title */ .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-datetime-featured-text { color: #AA6503; } /* list view via shortcode - style date/time */ .tribe-events .tribe-events-calendar-list__event-datetime { color: var(--tec-color-text-primary); font-weight: 600; } /* Style "Subscribe to calendar" button */ .tribe-common .tribe-common-c-btn-border, .tribe-common a.tribe-common-c-btn-border { border: 1px solid var(--tec-color-link-primary); color: var(--tec-color-link-primary); } .tribe-common a.tribe-common-c-btn-border:focus, .tribe-common a.tribe-common-c-btn-border:hover { --tec-color-accent-primary: #2872a4; } .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button.tribe-events-c-subscribe-dropdown__button--active, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus-within, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover { background-color: #1C5073; border: 1px solid #1C5073; } /********************** Style Month View ***********************/ .tribe-events .tribe-events-calendar-month__calendar-event-title-link, .tribe-events .tribe-events-calendar-month__calendar-event-tooltip-title-link, .tribe-events .tribe-events-calendar-month__calendar-event-title-link:visited, .tribe-events .tribe-events-calendar-month__calendar-event-tooltip-title-link:visited { color: var(--tec-color-link-primary); } /** style date picker pop-up box **/ .tribe-events .datepicker .day.active, .tribe-events .datepicker .day.active.focused, .tribe-events .datepicker .day.active:focus, .tribe-events .datepicker .day.active:hover, .tribe-events .datepicker .month.active, .tribe-events .datepicker .month.active.focused, .tribe-events .datepicker .month.active:focus, .tribe-events .datepicker .month.active:hover, .tribe-events .datepicker .year.active, .tribe-events .datepicker .year.active.focused, .tribe-events .datepicker .year.active:focus, .tribe-events .datepicker .year.active:hover { background: #E2EFF8; color: #4F4F4F; } /* Style active month - seen in pop-up box when changing current month of calendar */ .tribe-events .datepicker .month.current, .tribe-events .datepicker .month.current:hover { background-color: #FFF2C7; } /********************** DAY VIEW STYLES **********************/ .tribe-events .tribe-events-calendar-day__event-datetime { color: var(--tec-color-text-primary); font-size: var(--tec-font-size-4); font-weight: 600; } /* style next / previous links */ .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-nav__next, .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-nav__prev { color: var(--tec-color-link-primary); } /* style Feture Events - day view - style orange bar */ .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-day__event--featured:after { left: 0; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-day__event-datetime-featured-text { color: #AA6503; } .single-tribe_events .tribe-events-event-meta { font-size: 1em; } .single-tribe_events #tribe-events-content .tribe-events-event-meta dt, .single-tribe_events #tribe-events-content .tribe-events-event-meta dd { line-height: 1.6; } .tribe-events-meta-group .tribe-events-single-section-title { font-size: 1.2em; line-height: 1.6em; font-weight: 500; } .tribe-events-start-date.published.dtstart { text-decoration: none; } section.widget ul li a:link { padding: 10px; line-height: 1.8; } .tribe-events-schedule h2 { font-size: 2.425rem; font-weight: 600; font-family: 'Roboto', sans-serif; } .collapseomatic { background: url(arrow-down-103.html) no-repeat left 10px; color: #666; cursor: pointer; display: block; font-size: 1.2em; font-weight: 700; padding: 0 0 0 28px; margin-bottom: 7px; } .colomat-close { background: url(arrow-up-103.html) no-repeat left 10px; } .collapseomatic_excerpt, .collapseomatic_content { border-left: 4px solid #505962; margin-bottom: 18px; margin-left: 10px; margin-top: 7px; padding: 7px 0 7px 16px; } .collapse-help { font-size: 1.1em; white-space: nowrap; } .collapseall, .expandall { color: var(--som-blue); cursor: pointer; font-weight: bold; padding: 7px 2px; } .collapseall:hover, .expandall:hover { text-decoration: none; } .expandall::before { content: "+"; padding: 2px 6px; } .collapseall::before { content: "-"; padding: 2px 6px; } /** * 8.0 - Custom (DOM, www-redesign, etc.) */ div#medicinedivisionbanner.content.container { padding-top: 0 !important; padding-bottom: 0 !important; background: #4B9CD3 !important; margin: 0 auto; } /** * 9.0 - Media query */ /*Allow nav menu style at 767px work with existing mobile menu structure.*/ @media (max-width:767px) { .navbar-default .navbar-nav > li { display: inline; position: relative; padding-top: 0; padding-bottom: 0; background-color: #ffffff; } .navbar-default .navbar-nav > li:after, .navbar-default .navbar-nav > li:after, .navbar-default .navbar-nav > li:after { content: ''; display: block; margin: auto; height: 0px; width: 0px; background: transparent; transition: width .5s ease, background-color .5s ease; } .navbar-default .navbar-nav > li:hover:after, .navbar-default .navbar-nav > li:active:after, .navbar-default .navbar-nav > li:focus:after { width: 100%; background: #4B9CD3; color:#4B9CD3; border-left: 4px solid #4B9CD3; } .navbar-default .navbar-nav > li.active, .navbar-default .navbar-nav > li.active, .navbar-default .navbar-nav > li.active { width: 100%; background: transparent; display:inline-block; } .navbar-default .navbar-nav > li.active > a, .navbar-default .navbar-nav > li.active > a:hover, .navbar-default .navbar-nav > li.active > a:focus { color: #505962 !important; border-left: 4px solid #d37d02; border-bottom: 0; display: inline-block; width: 100%; } .navbar-default .navbar-nav li > a:hover, .navbar-default .navbar-nav li > a:focus, .navbar-default .navbar-nav li > a:active { border-left: 4px solid var(--som-blue); } .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover { background-color: #fff; } .thumbnail, .thumbnail img { min-width: 90px; max-width: 100%; } } /** * 10.0 - Misc Bootstrap */ .row.center-content { text-align: center; } /************ BOOTSTRAP PAGINATION ***************/ @media (max-width: 781px) { .pagination>li>a, .pagination>li>span { padding: 15px 18px; } } /* Active / Current Page */ .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: #257CB7 !important; border-color: #012841 !important; color: #fff !important; margin-right: 5px; } /* Default and Disabled (Prev / Next) Page Links */ .pagination > li > a, .pagination > li > span, .pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span { background-color: #EDEDED; border: 1px solid #D3D3D3; color: #000; text-decoration: none; margin-right: 5px; } /* Hover & Focus States */ .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus, .pagination > li > a:focus-visible, .pagination > li > span:focus-visible .pagination > li:first-child > a:hover, .pagination > li:first-child > span:hover, .pagination > li:first-child > a:focus, .pagination > li:first-child > span:focus, .pagination > li:first-child > a:focus-visible, .pagination > li:first-child > span:focus-visible, .pagination > li:last-child > a:hover, .pagination > li:last-child > span:hover, .pagination > li:last-child > a:focus, .pagination > li:last-child > span:focus, .pagination > li:last-child > a:focus-visible, .pagination > li:last-child > span:focus-visible { color: #fff !important; background-color: #03304f !important; border-color: #000!important; outline: none; } /********** start Callout styles **********/ .bs-callout { padding: 20px; margin: 20px 0; border: 1px solid #ddd; border-left-width: 5px; border-radius: 3px; } .bs-callout h2, .bs-callout h3, .bs-callout h4 { margin-top: 0; margin-bottom: 5px; font-weight: 600; } .bs-callout p:last-child { margin-bottom: 0; } .bs-callout code { border-radius: 3px; } .bs-callout+.bs-callout { margin-top: -5px; } .bs-callout-default { border-left-color: #777; } .bs-callout-default h2, .bs-callout-default h3, .bs-callout-default h4, .bs-callout-default h5, .bs-callout-default h6 { color: #777; } .bs-callout-primary { border-left-color: #428bca; } .bs-callout-primary h2, .bs-callout-primary h3, .bs-callout-primary h4, .bs-callout-primary h5, .bs-callout-primary h6 { color: #428bca; } .bs-callout-success { border-left-color: #5cb85c; } .bs-callout-success h2, .bs-callout-success h3, .bs-callout-success h4, .bs-callout-success h5, .bs-callout-success h6 { color: #5cb85c; } .bs-callout-danger { border-left-color: #d9534f; } .bs-callout-danger h2, .bs-callout-danger h3, .bs-callout-danger h4, .bs-callout-danger h5, .bs-callout-danger h6 { color: #d9534f; } .bs-callout-warning { border-left-color: #f0ad4e; } .bs-callout-warning h2, .bs-callout-warning h3, .bs-callout-warning h4, .bs-callout-warning h5, .bs-callout-warning h6 { color: #f0ad4e; } .bs-callout-info { border-left-color: #5bc0de; } .bs-callout-info h2, .bs-callout-info h3, .bs-callout-info h4, .bs-callout-info h5, .bs-callout-info h6 { color: #5bc0de; } /********** end Callout styles **********/ /********** Style Accordions **********/ /***** NOTE: Panel Boxes also use the .panel class!!! *****/ .panel-group { width: 100%; } .panel-group .panel { margin-bottom: 6px; border-radius: 0; } /*** remove Panel Box styles ***/ .panel-group .panel-heading h1:first-child, .panel-group .panel-heading h2:first-child, .panel-group .panel-heading h3:first-child, .panel-group .panel-heading h4:first-child, .panel-group .panel-heading h5:first-child, .panel-group .panel-heading h6:first-child { margin-top: 0; margin-bottom: 0; } .panel-group .panel h1, .panel-group .panel h2, .panel-group .panel h3, .panel-group .panel h4, .panel-group .panel h5, .panel-group .panel h6 { margin-top: 0; margin-bottom: 0; } .panel-group .panel.panel-default>.panel-heading { padding: 0; color: #2E2E2E; background-color: #EDEDED !important; border-radius: 0; } [id*="unc-accordion-"] .panel-heading a, [id*="unc-accordion-"] .panel-heading button { padding: 18px 44px 18px 23px; } .panel-group .panel-default>.panel-heading+.panel-collapse>.panel-body { border: 0; border-top: 1px solid #e1e1e1; } .panel-group .panel-default, .panel-group .panel-default>.panel-heading+.panel-collapse>.panel-body { border-color: #D3D3D3; } .panel-heading .accordion-toggle:after { content: '⇣'; position: absolute; top: 31px; transform: translateY(0%); right: 23px; } .panel-heading .accordion-toggle.collapsed:after { content: '⇢'; } button.accordion-toggle { position: relative; padding: 14px 50px 14px 14px; border: none; } .panel-group .panel-heading h2, .panel-group .panel-heading h3, .panel-group .panel-heading h4, .panel-group .panel-heading h5 { font-size: 1.8rem; font-family: 'Roboto', sans-serif; line-height: 1.5; letter-spacing: .25px; } .panel-group .panel-default > .panel-heading button.accordion-toggle { font-weight: 500; color: #2E2E2E; } .panel-group button.accordion-toggle:hover, .panel-group button.accordion-toggle:focus-visible { color: #000; outline: 2px solid #000; outline-offset: -2px; } .panel-group .panel-body { padding: 15px 22px; } /* Condensed Accordion */ .panel-group.accordion-condensed .panel.panel-default>.panel-heading { padding: 0; } .panel-group.accordion-condensed[id*="unc-accordion-"] .panel-heading a, .panel-group.accordion-condensed[id*="unc-accordion-"] .panel-heading button { padding: 10px 42px 10px 12px; } .panel-group.accordion-condensed .panel-body { line-height: 1.5; } .panel-group.accordion-condensed button.accordion-toggle { line-height: 1.4; } .panel-group.accordion-condensed .panel-heading .accordion-toggle:after { top: 23px; } /* min padding AND centered */ .panel-group.accordion-centered.accordion-condensed .panel.panel-default>.panel-heading, .panel-group.accordion-centered-x2.accordion-condensed .panel.panel-default>.panel-heading { padding: 0; } .panel-group.accordion-centered.accordion-condensed[id*="unc-accordion-"] .panel-heading a, .panel-group.accordion-centered-x2.accordion-condensed[id*="unc-accordion-"] .panel-heading a, .panel-group.accordion-centered.accordion-condensed[id*="unc-accordion-"] .panel-heading button, .panel-group.accordion-centered-x2.accordion-condensed[id*="unc-accordion-"] .panel-heading button { padding: 10px 12px; } /* Centered */ .panel-group.accordion-centered .panel-heading button.accordion-toggle, .panel-group.accordion-centered-x2 .panel-heading button.accordion-toggle { text-align: center; } .panel-group.accordion-centered-x2 .panel-default>.panel-heading+.panel-collapse>.panel-body { text-align: center; } .panel-group.accordion-centered .panel-heading .accordion-toggle:after, .panel-group.accordion-centered-x2 .panel-heading .accordion-toggle:after { content: none; } .panel-group.accordion-centered .panel-heading .accordion-toggle.collapsed:after, .panel-group.accordion-centered-x2 .panel-heading .accordion-toggle.collapsed:after { content: none; } .panel-group.accordion-centered[id*="unc-accordion-"] .panel-heading a, .panel-group.accordion-centered-x2[id*="unc-accordion-"] .panel-heading a, .panel-group.accordion-centered[id*="unc-accordion-"] .panel-heading button, .panel-group.accordion-centered-x2[id*="unc-accordion-"] .panel-heading button { padding: 18px 23px 18px 23px; } .panel-group.accordion-centered .panel.panel-default>.panel-heading, .panel-group.accordion-centered-x2 .panel.panel-default>.panel-heading { padding: 0; } /*** SOM Blue ***/ .panel-group.accordion-blue .panel-default, .panel-group.accordion-blue .panel-default>.panel-heading+.panel-collapse>.panel-body { border-color: #012841; } .panel-group.accordion-blue .panel.panel-default>.panel-heading { background-color: #257cb7 !important; } .panel-group.accordion-blue .panel-default > .panel-heading button.accordion-toggle, .panel-group.accordion-blue button.accordion-toggle:hover { color: #fff; } .panel-group.accordion-blue button.accordion-toggle:hover, .panel-group.accordion-blue button.accordion-toggle:focus-visible { outline: 3px solid #fff; outline-offset: -3px; } /* SOM Light Blue */ .panel-group.accordion-lt-blue .panel-default, .panel-group.accordion-lt-blue .panel-default>.panel-heading+.panel-collapse>.panel-body { border-color: #A5CDE9; } .panel-group.accordion-lt-blue .panel.panel-default>.panel-heading { background-color: #E2EFF8 !important; } .panel-group.accordion-lt-blue .panel-default > .panel-heading button.accordion-toggle, .panel-group.accordion-lt-blue button.accordion-toggle:hover { color: #1D70A7; } .panel-group.accordion-lt-blue button.accordion-toggle:hover, .panel-group.accordion-lt-blue button.accordion-toggle:focus-visible { outline: 2px solid #257cb7; outline-offset: -2px; } /* SOM Dark Blue */ .panel-group.accordion-dark-blue .panel-default, .panel-group.accordion-dark-blue .panel-default>.panel-heading+.panel-collapse>.panel-body { border-color: #000; } .panel-group.accordion-dark-blue .panel.panel-default>.panel-heading { background-color: #08446D !important; } .panel-group.accordion-dark-blue .panel-default > .panel-heading button.accordion-toggle, .panel-group.accordion-dark-blue button.accordion-toggle:hover { color: #fff; } .panel-group.accordion-dark-blue button.accordion-toggle:hover, .panel-group.accordion-dark-blue button.accordion-toggle:focus-visible { outline: 3px solid #fff; outline-offset: -3px; } /***** ACCORDION CLEAN *****/ [id*="unc-accordion-"].accordion-clean .panel-heading a, [id*="unc-accordion-"].accordion-clean .panel-heading button { padding: 15px 44px 12px 23px; } .panel-group.accordion-clean .panel { background-color: #EDEDED; margin: 0; border: none; border-bottom: 1px solid #fff; box-shadow: none; border-radius: 0; } .panel-group.accordion-clean .panel:last-child { border-bottom: none; } .panel-group.accordion-clean .panel.panel-default>.panel-heading, .panel-group.accordion-clean .panel-default>.panel-heading+.panel-collapse>.panel-body { background-color: transparent !important; /* border: none; */ } .panel-group.accordion-clean .panel-default>.panel-heading+.panel-collapse>.panel-body { border-top: none; } .panel-group.accordion-clean .panel-default > .panel-heading button.accordion-toggle { font-size: 2.125rem; line-height: 1.35; } /* .panel-group.accordion-clean .panel-heading h2 { font-size: 2.825rem; } .panel-group.accordion-clean .panel-default > .panel-heading h2 button.accordion-toggle, .panel-group.accordion-clean .panel-default > .panel-heading h3 button.accordion-toggle { font-weight: 400; } .panel-group.accordion-clean .panel-heading h3 { font-size: 2.425rem; } .panel-group.accordion-clean .panel-heading h4 { font-size: 2.225rem; } .panel-group.accordion-clean .panel-heading h5 { font-size: 2rem; } */ .panel-group.accordion-clean .panel-body { padding-top: 0; } .panel-group.accordion-clean .panel-body a { color: #1c6fa6; } .panel-group.accordion-clean .panel-heading .accordion-toggle:after { content: "\f107"; font-family: "Font Awesome 5 Free"; position: absolute; font-size: 1.8rem; font-weight: 900; text-align: center; width: 20px; height: 20px; top: 27px; right: 18px; } .panel-group.accordion-clean .panel-heading .accordion-toggle.collapsed:after { content: "\f105"; } /***** ACCORDION CLEAN - BLUE *****/ .panel-group.accordion-clean.accordion-blue .panel { background-color: #257cb7; color: #fff; } .panel-group.accordion-clean.accordion-blue .panel.panel-default>.panel-heading { background-color: transparent !important; } .panel-group.accordion-clean.accordion-blue .panel-default > .panel-heading button.accordion-toggle { color: #fff; } .panel-group.accordion-clean.accordion-blue button.accordion-toggle:hover, .panel-group.accordion-clean.accordion-blue button.accordion-toggle:focus-visible { outline: 3px solid #000; outline-offset: -3px; } .panel-group.accordion-clean.accordion-blue .panel-body a { color: #fff; } /***** ACCORDION CLEAN - DARK BLUE *****/ .panel-group.accordion-clean.accordion-dark-blue .panel { background-color: #08446D; color: #fff; } .panel-group.accordion-clean.accordion-dark-blue .panel.panel-default>.panel-heading { background-color: transparent !important; } .panel-group.accordion-clean.accordion-dark-blue .panel-default > .panel-heading button.accordion-toggle { color: #fff; } .panel-group.accordion-clean.accordion-dark-blue button.accordion-toggle:hover, .panel-group.accordion-clean.accordion-dark-blue button.accordion-toggle:focus-visible { outline: 3px solid #4B9CD3; outline-offset: -3px; } .panel-group.accordion-clean.accordion-dark-blue .panel-body a { color: #fff; } /***** ACCORDION CLEAN - LIGHT BLUE *****/ .panel-group.accordion-clean.accordion-light-blue .panel.panel-default, .panel-group.accordion-clean.accordion-light-blue .panel-body { background-color: #E2EFF8; } .panel-group.accordion-clean.accordion-light-blue .panel.panel-default>.panel-heading { background-color: transparent !important; } .panel-group.accordion-clean.accordion-light-blue .panel-default > .panel-heading button.accordion-toggle { color: #1D70A7; } .panel-group.accordion-clean.accordion-light-blue button.accordion-toggle:hover, .panel-group.accordion-clean.accordion-light-blue button.accordion-toggle:focus-visible { outline: 2px solid #257cb7; outline-offset: -2px; } /***** ACCORDION CLEAN - WHITE *****/ .panel-group.accordion-clean.accordion-white .panel.panel-default { background-color: #fff; } .panel-group.accordion-clean.accordion-white .panel-body { background-color: #fff; padding: 0 0 15px 0; } .panel-group.accordion-clean.accordion-white[id*="unc-accordion-"] .panel-heading a, .panel-group.accordion-clean.accordion-white[id*="unc-accordion-"] .panel-heading button { padding-left: 0; } .panel-group.accordion-clean.accordion-white .panel.panel-default>.panel-heading { padding: 0; } .panel-group.accordion-clean.accordion-white .panel-heading .accordion-toggle:after, .panel-group.accordion-clean.accordion-white .panel-heading .accordion-toggle.collapsed:after { text-align: end; } .panel-group.accordion-clean.accordion-white .panel.panel-default>.panel-heading { background-color: transparent !important; } .panel-group.accordion-clean.accordion-white .panel-default > .panel-heading button.accordion-toggle { color: #257cb7; } .panel-group.accordion-clean.accordion-white .panel { border-color: #e1e1e1; } .panel-group.accordion-clean.accordion-white button.accordion-toggle:hover, .panel-group.accordion-clean.accordion-white button.accordion-toggle:focus-visible { outline: 2px solid #257cb7; outline-offset: -2px; } /***** ACCORDION CLEAN & CONDENSED *****/ .panel-group.accordion-clean.accordion-condensed .panel.panel-default>.panel-heading { padding: 0; } .panel-group.accordion-clean.accordion-condensed[id*="unc-accordion-"] .panel-heading a, .panel-group.accordion-clean.accordion-condensed.accordion-centered[id*="unc-accordion-"] .panel-heading a, .panel-group.accordion-clean.accordion-condensed.accordion-centered-x2[id*="unc-accordion-"] .panel-heading a, .panel-group.accordion-clean.accordion-condensed[id*="unc-accordion-"] .panel-heading button, .panel-group.accordion-clean.accordion-condensed.accordion-centered[id*="unc-accordion-"] .panel-heading button, .panel-group.accordion-clean.accordion-condensed.accordion-centered-x2[id*="unc-accordion-"] .panel-heading button { padding: 10px 42px 10px 15px; } .panel-group.accordion-clean.accordion-condensed .panel-body { line-height: 1.5; padding: 0 15px 15px; } .panel-group.accordion-clean.accordion-condensed .panel-default > .panel-heading button.accordion-toggle { line-height: 1.25; } .panel-group.accordion-clean.accordion-condensed .panel-heading .accordion-toggle:after { top: 22px; } /* Accordion Clean & Centered */ .panel-group.accordion-clean.accordion-centered .panel-heading .accordion-toggle:after, .panel-group.accordion-clean.accordion-centered-x2 .panel-heading .accordion-toggle:after { content: none; } .panel-group.accordion-clean.accordion-centered[id*="unc-accordion-"] .panel-heading a, .panel-group.accordion-clean.accordion-centered-x2[id*="unc-accordion-"] .panel-heading a, .panel-group.accordion-clean.accordion-centered[id*="unc-accordion-"] .panel-heading button, .panel-group.accordion-clean.accordion-centered-x2[id*="unc-accordion-"] .panel-heading button { padding: 18px 23px; } /** Accordion Clean, Centered & Condensed **/ .panel-group.accordion-clean.accordion-centered.accordion-condensed[id*="unc-accordion-"] .panel-heading a, .panel-group.accordion-clean.accordion-centered-x2.accordion-condensed[id*="unc-accordion-"] .panel-heading a, .panel-group.accordion-clean.accordion-centered.accordion-condensed[id*="unc-accordion-"] .panel-heading button, .panel-group.accordion-clean.accordion-centered-x2.accordion-condensed[id*="unc-accordion-"] .panel-heading button { padding: 10px 15px; } /*** Accordion Icon Left ***/ .panel-group.accordion-icon-left .panel { background-color: #fff; margin: 0; border: none; box-shadow: none; border-radius: 0; position: relative; /* padding: 0; */ } .panel-group.accordion-icon-left .panel.panel-default>.panel-heading { /* padding: 15px 0; */ padding: 0; position: relative; border: none; } .panel-group.accordion-icon-left .panel.panel-default>.panel-heading, .panel-group.accordion-icon-left .panel-default>.panel-heading+.panel-collapse>.panel-body { background-color: transparent !important; /* border: none; */ } .panel-group.accordion-icon-left .panel-default>.panel-heading+.panel-collapse>.panel-body { border-top: none; } .panel-group.accordion-icon-left .panel-default > .panel-heading button.accordion-toggle { color: #257cb7; font-size: 2.125rem; line-height: 1.35; } .panel-group.accordion-icon-left .panel-heading .accordion-toggle:after { content: none; } .panel-group.accordion-icon-left .panel-title button { display: block; padding: 5px 5px 10px 32px; margin: 0; position: relative; } .panel-group.accordion-icon-left .panel-title button:before, .panel-group.accordion-icon-left .panel-title button.collapsed:before { content: "\f107"; font-family: "Font Awesome 5 Free"; font-weight: 900; width: 20px; height: 20px; background: #257cb7; border: 1px solid #012841; border-radius: 3px; font-size: 15px; line-height: 1.3; padding-left: 1px; padding-top: 1px; color: #fff; text-align: center; position: absolute; top: 8px; left: 0; transition: all 0.3s ease 0s; } .panel-group.accordion-icon-left .panel-title button.collapsed:before{ content: "\f105"; padding-top: 0; } .panel-group.accordion-icon-left .panel-body { padding: 0px 5px 15px 0px; margin-left: 33px; line-height: 1.75; } .panel-group.accordion-icon-left button.accordion-toggle:hover, .panel-group.accordion-icon-left button.accordion-toggle:focus-visible { outline: 2px solid #08446D; outline-offset: -2px; } /* circle icon on left */ .panel-group.accordion-icon-left.accordion-circle .panel-title button:before, .panel-group.accordion-icon-left.accordion-circle .panel-title button.collapsed:before { border-radius: 50%; } /* dashed and solid left border */ .panel-group.accordion-icon-left.accordion-dashed .panel:before{ content: ""; display: block; width: 1px; height: 100%; border: 1px dashed #257cb7; position: absolute; top: 25px; left: 9px; } .panel-group.accordion-icon-left.accordion-solid .panel:before{ content: ""; display: block; width: 1px; height: 100%; border: 1px solid #257cb7; position: absolute; top: 25px; left: 9px; } .panel-group.accordion-icon-left.accordion-dashed .panel:last-child:before, .panel-group.accordion-icon-left.accordion-solid .panel:last-child:before { display: none; } /* dark blue */ .panel-group.accordion-icon-left.accordion-dark-blue .panel-title button:before, .panel-group.accordion-icon-left.accordion-dark-blue .panel-title button.collapsed:before{ background: #08446D; border: 1px solid #000; color: #fff; } .panel-group.accordion-icon-left.accordion-dashed.accordion-dark-blue .panel:before{ border: 1px dashed #08446D; } .panel-group.accordion-icon-left.accordion-solid.accordion-dark-blue .panel:before{ border: 1px solid #08446D; } /* light blue */ .panel-group.accordion-icon-left.accordion-light-blue .panel-title button:before, .panel-group.accordion-icon-left.accordion-light-blue .panel-title button.collapsed:before{ background: #E2EFF8; border: 1px solid #4B9CD3; color: #1D70A7; } .panel-group.accordion-icon-left.accordion-dashed.accordion-light-blue .panel:before{ border: 1px dashed #4B9CD3; } .panel-group.accordion-icon-left.accordion-solid.accordion-light-blue .panel:before{ border: 1px solid #4B9CD3; } /* Accordion Icon Left Condensed */ .panel-group.accordion-icon-left.accordion-condensed[id*="unc-accordion-"] .panel-heading a, .panel-group.accordion-icon-left.accordion-condensed[id*="unc-accordion-"] .panel-heading button { padding: 5px 12px 10px 32px; line-height: 1.25; } .panel-group.accordion-icon-left.accordion-condensed .panel-body { line-height: 1.5; margin-top: -8px; } /********** End Accordion Styles **********/ /******* UPD Division Button Styles *****/ a.divlink { display: inline-block; background-color: #4b9cd3; border: none; text-decoration: none; color: #fff !important; } a.divlink:hover { background-color: #265D9E; } .division_link { padding: 4px 10px; } /****** End UPD Division Button Styles *****/ /********** Tab Styles **********/ .tab-content { border: 1px solid #D3D3D3; border-top: none; background-color: #fff; } .nav-tabs>li { margin-bottom: -1px; } .nav-tabs>li>a { margin-right: 4px; margin-top: 4px; border-radius: 0; color: #2E2E2E; background-color: #EDEDED; border: 1px solid #D3D3D3; border-bottom: transparent; } .nav-tabs li a:before { content: ""; display: block; position: absolute; top: 0; left: 0; border-top: 3px solid transparent; width: 100%; } .nav-tabs>li>a:hover, .nav-tabs>li>a:focus, .nav-tabs>li>a:focus-visible { background-color: #fff !important; border-bottom: transparent; color: #257CB7 !important; } .nav-tabs>li>a:focus-visible { box-shadow: 0 0 0 3px #08446D; } .tab-content>.active { display: inline-block; } .nav-tabs li.active a { font-weight: 600; background-color: #fff !important; padding: 9px 13px 10px; position: relative; } .nav-tabs li.active a:before { border-top: 3px solid #fbaf41; } /********** End Tab Styles **********/ /********** discreet text **********/ .discreet { display: block; color: #545454; font-size: 1.3rem; line-height: 1.5; } /********** Panel Boxes **********/ /***** NOTE: accordions also use the .panel class!!! *****/ .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 { margin-top: 20px; margin-bottom: 9px; } .panel-heading h1:first-child, .panel-heading h2:first-child, .panel-heading h3:first-child, .panel-heading h4:first-child, .panel-heading h5:first-child, .panel-heading h6:first-child { margin-top: 10px; } .panel-body h1:first-child, .panel-body h2:first-child, .panel-body h3:first-child, .panel-body h4:first-child, .panel-body h5:first-child, .panel-body h6:first-child { margin-top: 10px; } .panel-footer h1:first-child, .panel-footer h2:first-child, .panel-footer h3:first-child, .panel-footer h4:first-child, .panel-footer h5:first-child, .panel-footer h6:first-child { margin-top: 10px; } .panel { line-height: 1.85; } .panel>.panel-heading a:not(.btn), .panel>.panel-body a:not(.btn), .panel>.panel-footer a:not(.btn) { font-weight: inherit; color: #1a6ea6; } .panel>.panel-heading a { text-decoration: underline; } .panel-heading p:last-of-type { margin-bottom: .75rem; } .panel-footer p:last-of-type { margin-bottom: .75rem; } .panel-heading a, .panel-heading button { padding: 0; display: inline-block; } .panel-heading a:after, .panel-heading button:after { content: none; } .panel-heading img { max-height: 100%; } /* .panel-group .panel-default > .panel-heading + .panel-collapse > .panel-body { border: 1px solid #e1e1e1; } */ .panel .table { margin-bottom: 6px; } .panel.no-pad>.panel-body { padding: 0; } /* Default Panel */ .panel-default, .panel.panel-default>.panel-heading, .panel-default>.panel-footer { border-color: #D3D3D3; } .panel.panel-default>.panel-heading, .panel-default>.panel-footer { padding: 10px 15px; color: #2E2E2E; background-color: #EDEDED !important; } /* Primary Panel */ .panel-primary, .panel-primary>.panel-heading, .panel-primary>.panel-footer { border-color: #01304F; } .panel-primary>.panel-heading, .panel-primary>.panel-footer { color: #ffffff; background-color: var(--som-blue); } .panel-primary>.panel-heading a:not(.btn), .panel-primary>.panel-footer a:not(.btn) { color: #ffffff; } .panel-primary>.panel-heading h2, .panel-primary>.panel-heading h3, .panel-primary>.panel-heading h4, .panel-primary>.panel-heading h5, .panel-primary>.panel-heading h6, .panel-primary>.panel-footer h2, .panel-primary>.panel-footer h3, .panel-primary>.panel-footer h4, .panel-primary>.panel-footer h5, .panel-primary>.panel-footer h6 { color: #fff; } /* Success Panel */ .panel-success, .panel-success>.panel-heading, .panel-success>.panel-footer { border-color: #b4d39b; } .panel-success>.panel-heading, .panel-success>.panel-footer { background-color: #dff0d8; color: #2E2E2E; } /* Info Panel */ .panel-info, .panel-info>.panel-heading, .panel-info>.panel-footer { border-color: #A5CDE9; } .panel-info>.panel-heading, .panel-info>.panel-footer { background-color: #E2EFF8; color: #2E2E2E; } .panel-info .panel-body a { color: var(--som-blue); } .panel-info .panel-body a:active, .panel-info .panel-body a:hover, .panel-info .panel-body a:focus { color: #13294b; } /* Warning Panel */ .panel-warning, .panel-warning>.panel-heading, .panel-warning>.panel-footer { border-color: #f3cf87; } .panel-warning>.panel-heading, .panel-warning>.panel-footer { color: #2E2E2E; background-color: #f7ecb2; } /* Danger Panel */ .panel-danger, .panel-danger>.panel-heading, .panel-danger>.panel-footer { border-color: #F7C5C5; } .panel-danger>.panel-heading, .panel-danger>.panel-footer { background-color: #fbe5e5; color: #2E2E2E; } /* Dark Blue Primary Panel */ .panel-primary.panel-dark-blue, .panel-primary.panel-dark-blue>.panel-heading, .panel-primary.panel-dark-blue>.panel-footer { border-color: #000; } .panel-primary.panel-dark-blue>.panel-heading, .panel-primary.panel-dark-blue>.panel-footer { color: #ffffff; background-color: #08446D; } /* Fix Nested Button Styles */ .panel-heading a.btn.btn-lg { padding: 10px 16px; /* border-width: 1px; */ text-decoration: none; font-weight: 600; } .panel-heading .btn-success { border-color: #052722; } .panel-heading .btn-info { border-color: #2e2d07; } .panel-heading .btn-warning { border-color: #452500; } .panel-heading .btn-danger { border-color: #370000; } .panel-heading .btn-link { border-color: #222; } /********** End Panel Styles **********/ /********** Notification Boxes **********/ .alert-success { background-color: #dff0d8; border-color: #b4d39b; color: #2E2E2E; } .alert-info { background-color: #E2EFF8; border-color: #A5CDE9; color: #2E2E2E; } .alert-warning { color: #2E2E2E; background-color: #f7ecb2; border-color: #f3cf87; } .alert-danger { background-color: #fbe5e5; border-color: #F7C5C5; color: #2E2E2E; } .alert-info.notification-gray { background-color: #EDEDED; border-color: #D3D3D3; color: #2E2E2E; } .alert-info.notification-med-blue { background-color: #257CB7; border-color: #012841; color: #fff; } .alert-info.notification-dark-blue { background-color: #08446D; border-color: #000; color: #fff; } .alert.notification-med-blue a:not(.btn), .alert.notification-dark-blue a:not(.btn) { color: #fff; } .alert.notification-med-blue h1, .alert.notification-dark-blue h1, .alert.notification-med-blue h2, .alert.notification-dark-blue h2, .alert.notification-med-blue h3, .alert.notification-dark-blue h3, .alert.notification-med-blue h4, .alert.notification-dark-blue h4, .alert.notification-med-blue h5, .alert.notification-dark-blue h5, .alert.notification-med-blue h6, .alert.notification-dark-blue h6 { color: #fff; } .alert h1, .alert h2, .alert h3, .alert h4, .alert h5, .alert h6 { margin-top: 20px; margin-bottom: 9px; color: #000; } .alert h1:first-child, .alert h2:first-child, .alert h3:first-child, .alert h4:first-child, .alert h5:first-child, .alert h6:first-child { margin-top: 10px; } .alert { color: #2E2E2E; border-radius: 0; } .alert a:not(.btn) { color: #1a6ea6; } .alert.no-border { border: none; } /********** End Notification Boxes **********/ /********** Image Border Styles **********/ span.imgBorderMed img, img.imgBorderMed { border: 1px solid #888; } span.imgBorderDark img, img.imgBorderDark { border: 1px solid #202020; } span.imgCircle img, img.imgCircle { border-radius: 500px; } span.imgPolaroid img, img.imgPolaroid { border: 6px solid #fff; box-shadow: 0 1px 1px rgba(100,100,100,.3); } /********** End Image Border Styles **********/ @media print { .directory-gallery-content p { font-family: 'Arial', sans-serif !important; } } /********** Style Event Dates **********/ abbr[title] { text-decoration: none; } /********** Styles for Search and Filter ***********/ .widget_search_filter_register_widget { line-height: .5em; } .searchandfilter label { font-weight: 500; } .result-nav { display: flex; height: 60px; width: 100%; margin-bottom: 15px; } .sf-result { padding: 1px 15px 1px 15px; box-shadow: 4px 2px 9px rgba(233, 235, 236, .8); margin-bottom: 20px; } .sf-result:hover { box-shadow: 4px 2px 5px rgba(33, 35, 200, .2); background-color: rgba(75, 156, 211, .1); } .sf-result-count { font-size: 12px; line-height: 1; } .sf-pagination { display: flex; font-size: 28px; height: 100%; flex: 1; justify-content: flex-end; align-content: center; margin: 0; } .result-nav .sf-pagination div { width: 48px; height: 48px; display: flex; justify-content: center; align-items: center; color: white; background-color: #4b9cd3; border-radius: 8px; margin: 4px; text-decoration: none; } .sf-pagination a > div{ text-decoration: none; } .sf-result a { text-decoration: none; } .search-filter-results > div.result-nav > div.pagination > a { text-decoration: none; } .sf-title { font-family: Oswald, sans-serif; font-size: 1.5em; color:#4b9cd3; } .sf-content { color: black; } div.sf-excerpt { padding-left: 5px; } div.sf-excerpt > p { color: black; padding-left: 15px; margin-bottom: 20px; line-height: 1.5; } .sf-date { color: black; font-size: 12px; } .sf-date, .sf-tags, sf-category { height: 0; visibility: hidden; } .search-filter-results a[href^=http]:not([href*="med.unc.edu"]) > div > h2::after { font-family: FontAwesome; content: "\f08e"; float: right; font-size: .75em; } .search-filter-results a[href*=".pdf"]::after { display: none; } .search-filter-results a[href*=".pdf"] > div > h2::after { font-family: FontAwesome; content: "\f1c1"; color: #260000; float: right; font-size: .75em; } a.btn::after, a.btn::before { color: inherit; } .sf-excerpt a:first-of-type { color: black; } /************** End Search and Filter Styles ******************/ /********** Style RSS Feeds **********/ #RSS_Feed ul { list-style-type: none; margin: 0; padding: 0; } #RSS_Feed ul .widget ul li a:link { padding: 10px 0; color: var(--som-blue); font-size: 2.2rem; line-height: 1.2; } #RSS_Feed ul .widget ul li a:visited { color: var(--som-blue); } .widget.widget_rss ul li { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e1e1e1; margin-bottom: 8px; padding-bottom: 5px; } .widget.widget_rss ul li li { border: 1px solid #e1e1e1; } .widget.widget_rss ul li a { border-bottom: none; } .widget.widget_rss ul li div.rssSummary { color: #505962; padding-bottom: 0; margin-bottom: 8px; } .widget.widget_rss cite { font-size: 1.4rem; } .widget.widget_rss ul li a:link { padding: 0; color: var(--som-blue); font-size: 1.8rem; line-height: 1.5; } .widget.widget_rss ul li a:visited { color: var(--som-blue); } /********** Style Footer RSS Feeds **********/ footer .widget.widget_rss ul > li a.rsswidget:link { padding: 10px; color: var(--som-blue); font-size: 16px; line-height: 1.5; border-bottom: 1px; border-bottom-style: solid; border-bottom-color: #505962 !important; text-decoration: none; } footer .widget.widget_rss ul > li a.rsswidget:visited { border-bottom-color: #505962 !important; } a.rsswidget:visited { color: var(--som-blue) !important; } footer .widget.widget_rss ul > li a.rsswidget:hover { color: #fff !important; } footer .widget.widget_rss ul li { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } footer .widget.widget_rss ul > li a.rsswidget:link { padding: 10px; line-height: 1.8; } footer .widget.widget_rss ul > li:last-child a.rsswidget { border-bottom: 0; border-bottom-style: solid; border-bottom-color: transparent; color: var(--som-blue); } /********** End RSS Feed Styles **********/ /********* Style Horizontal Rules *********/ hr.rule-dotted { border: 0; border-bottom: 2px dotted #ccc; background: #fff; } hr.rule-dashed { border: 0; border-bottom: 1px dashed #ccc; background: #fff; } hr.rule-double { border: 0; border-top: 3px double #e1e1e1; background: #fff; } hr.rule-diagonal { height: 6px; background: url(hr-diagonal-77.html) repeat-x 0 0; border: 0; } hr.rule-double-thick-thin { border-bottom: 1px solid #e1e1e1; border-top: 2px solid #e1e1e1; padding: 1px 0; } hr.rule-double-fadecorder { height: 2px; border: 0; background-color: #fff; background-image: linear-gradient(to right, rgba(200, 200, 200, 0), rgba(200, 200, 200, 0.85), rgba(200, 200, 200, 0)); } /* hr.rule-double-fadecorder::after { content: ''; display: block; height: 1px; margin-top: 2px; background-color: #fff; background-image: linear-gradient(to right, rgba(200, 200, 200, 0), rgba(200, 200, 200, 0.85), rgba(200, 200, 200, 0)); } */ hr.rule-fadecorder { border: 0; height: 1px; background-image: linear-gradient(to right, rgba(200, 200, 200, 0), rgba(200, 200, 200, 0.85), rgba(200, 200, 200, 0)); } hr.rule-shadow { border:none; height: 20px; height: 50px; margin-top: 0; border-bottom: 1px solid #e1e1e1; box-shadow: 0 10px 10px -10px #e1e1e1; margin: -50px auto 20px !important; } hr.rule-wave { height: 6px; background: url(hr-wave-77.html) repeat-x 0 0; border: 0; } hr.rule-thick { border: 0; border-top: 2px solid #e1e1e1; } hr.rule-thin { border: 0; border-top: 1px solid #e1e1e1; } /********* End Horizontal Rule Styles *********/ /************** GRAVITY FORM STYLES **************/ /*** MAIN FORM WRAPPER .gform_wrapper { background: #fbfaf8; padding: 3%; } ***/ /*** FORM HEADER STYLING ***/ .gform_heading .gform_title { font-size: 2.825rem; font-weight: 500; color: #000; } .gform-body legend { border-bottom: none; } /*** field description text **/ .gform_wrapper.gravity-theme .description, .gform_wrapper.gravity-theme .gfield_description, .gform_wrapper.gravity-theme .gsection_description, .gform_wrapper.gravity-theme .instruction { font-size: 1.6rem; padding-top: 3px; line-height: 1.5; } .gform_wrapper.gravity-theme .gfield_label { margin-bottom: 2px; font-size: 1.7rem; line-height: 1.3; padding-top: 10px; } .gform_wrapper.gravity-theme .field_description_above .description, .gform_wrapper.gravity-theme .field_description_above .gfield_description, .gform_wrapper.gravity-theme .field_description_above .gsection_description, .gform_wrapper.gravity-theme .field_description_above .instruction { padding: 0 0 7px; /* margin-top: -3px; */ line-height: 1.3; } .gform_wrapper.gravity-theme .field_description_above .gfield_description.instruction, .gform_wrapper.gravity-theme .field_description_above .ginput_counter.gfield_description { /* margin-top: 0; */ padding-top: 6px; padding-bottom: 0; } .gform_wrapper.gravity-theme .gfield_header_item, .gform_wrapper.gravity-theme .gform_fileupload_rules, .gform_wrapper.gravity-theme .ginput_complex label { font-size: 1.6rem; padding-top: 2px; line-height: 1.5; font-weight: normal; } /* Required Text */ .gform_wrapper.gravity-theme .gfield_required .gfield_required_custom, .gform_wrapper.gravity-theme .gfield_required .gfield_required_text { font-size: 1.6rem; } /*** FIELD STYLES ***/ .gform_wrapper.gravity-theme input[type=color], .gform_wrapper.gravity-theme input[type=date], .gform_wrapper.gravity-theme input[type=datetime-local], .gform_wrapper.gravity-theme input[type=datetime], .gform_wrapper.gravity-theme input[type=email], .gform_wrapper.gravity-theme input[type=month], .gform_wrapper.gravity-theme input[type=number], .gform_wrapper.gravity-theme input[type=password], .gform_wrapper.gravity-theme input[type=search], .gform_wrapper.gravity-theme input[type=tel], .gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=time], .gform_wrapper.gravity-theme input[type=url], .gform_wrapper.gravity-theme input[type=week], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea { font-size: 1.6rem; /* font-weight: bold; */ } .gform_wrapper.gravity-theme input[type=color], .gform_wrapper.gravity-theme input[type=date], .gform_wrapper.gravity-theme input[type=datetime-local], .gform_wrapper.gravity-theme input[type=datetime], .gform_wrapper.gravity-theme input[type=email], .gform_wrapper.gravity-theme input[type=month], .gform_wrapper.gravity-theme input[type=number], .gform_wrapper.gravity-theme input[type=password], .gform_wrapper.gravity-theme input[type=search], .gform_wrapper.gravity-theme input[type=tel], .gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=time], .gform_wrapper.gravity-theme input[type=url], .gform_wrapper.gravity-theme input[type=week], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea { font-size: 1.6rem; margin-bottom: 0; margin-top: 0; padding: 8px; background-color: #fff; border: 1px solid #767676; } input:active, input:focus-visible, select:active, select:focus-visible, textarea:active, textarea:focus-visible, input[type="file"]:focus { /* outline-color: #257CB7; outline-style: solid; outline-width: 3px; border-color: #E2EFF8 !important; */ box-shadow: 0 0 0 3px #fff, 0 0 0 6px #257cb7; outline: 0; } input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: 3px solid #257cb7; outline-offset: 1px; box-shadow: 0 0 0 2px #fff, 0 0 0 5px #257cb7; outline: 0; } /* Checkboxes */ .gchoice label { font-weight: normal; } /* Checkboxes and Radio Buttons */ .gform_wrapper.gravity-theme .gfield_checkbox label, .gform_wrapper.gravity-theme .gfield_radio label { font-size: 1.6rem; } /* Consent field */ .ginput_container_consent label { font-weight: normal; } .gform_wrapper.gravity-theme .field_description_below .gfield_consent_description, .gform_wrapper.gravity-theme .gfield_consent_description { border: 0; padding: 0; overflow: visible; font-size: 1.6rem; } /* html field */ .gfield--type-html { line-height: 1.75; } /* Multi Select field */ .ginput_container_multiselect option { padding-bottom: 5px; } /* (Single) File Upload */ .gform_wrapper.gravity-theme .gfield .ginput_container_fileupload input { background: rgba(0, 0, 0, .02); border: 1px dashed #ccc; border-radius: 0; margin-bottom: 8px; padding: 20px 10px;; } /* Multi File Upload */ .gform_wrapper.gravity-theme .ginput_preview { margin: 6px 0; color: #257cb7; } .gform_wrapper.gravity-theme .gform_drop_area { border-radius: 0; padding: 15px; } /** SECTION STYLING **/ .gform_wrapper .gsection, .gform_wrapper.gravity-theme .gsection { border-bottom: 1px solid #adadad; padding: 0; } .gform_wrapper h2.gsection_title { color: #257cb7; font-size: 2.925rem; font-weight: 500; margin-top: 50px !important ; } /*** HTML BLOCK STYLING ***/ .gform_wrapper h3 { color: #000; font-weight: 500; margin-bottom: 8px; } /***** FORM SUBMISSION BUTTON *****/ .gform_wrapper .gform_footer input[type=submit] { margin-top: 20px; padding: 5px 20px; color: #fff; background: #257CB7; border: 1px solid #01304F; } .gform_wrapper .gform_footer input[type=submit]:hover, .gform_wrapper .gform_footer input[type=submit]:focus, .gform_wrapper .gform_footer input[type=submit]:active { color: #FFF; background: #01304F; border-color: #397CA9; } .gform_wrapper .gform_footer input[type=submit]:focus-visible { box-shadow: 0 0 0 3px #FFF, 0 0 0 6px #08446D; /* Add support for Windows High Contrast Mode (WHCM) - the transparent color only shows when WHCM is triggered */ outline: 3px solid transparent; outline-offset: 3px; /* transition: outline .1s ease-out; */ } /* Button for multi-file upload field */ .gform_wrapper button:focus, .gform_wrapper button:focus-visible { box-shadow: 0 0 0 3px #fff, 0 0 0 6px #257cb7; outline: 0; } /*** Form Validation Error Messages ***/ .gform_wrapper.gravity-theme .gform_validation_errors>h2 { font-size: 16px; font-family: 'Roboto', sans-serif; } .gform_wrapper.gravity-theme .gform_validation_errors { box-shadow: none; border-radius: 0; } .gform_wrapper.gravity-theme .gform_validation_errors:focus-visible { outline-color: #c02b0a; } .gform_wrapper.gravity-theme .field_description_above .gfield_description.validation_message { padding: 7px 0; } /*** Confirmation Styles ***/ .gform_confirmation_wrapper table font, .gform_confirmation_wrapper table th, .gform_confirmation_wrapper table td { font-size: 1.6rem !important; } .gform_confirmation_wrapper table td { font-weight: normal; line-height: 1.5; padding: 5px 8px 15px; } .gform_confirmation_wrapper tr[bgcolor="#EAF2FA"] td { padding: 5px 8px 3px; } .gform_confirmation_wrapper tr[bgcolor="#EAF2FA"] { background-color: #ECF4FA; border-bottom: 1px solid #CEE4F3; } .gform_confirmation_wrapper td[style*="1px solid #DFDFDF; padding:7px 7px"] { font-size: 2.25rem !important; font-weight: 500 !important; background-color: #fff !important; padding-top: 30px !important; padding-bottom: 15px !important; line-height: 1.25 !important; } /*** FIELD STYLES ***/ /* input[type=text] { background-color: rgba(0,0,0,.02); border: 1px solid #dbdbdb; padding: 5px 4px; } input[type=text]:active { border: 3px solid #000; } .gform_wrapper.gf_browser_chrome select { background-color: rgba(0,0,0,.02); border: 1px solid #dbdbdb; line-height: 2.5; } .gform_wrapper.gf_browser_chrome select { background-color: #fff; border: 1px inset #767676; line-height: 2; } .ginput_container_select select { margin: 0; } .ui-datepicker-title select { padding: auto; background-color: #fff; } .gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label { padding-top: 6px; } */ /***** Styles for the Orbital Theme for Gravity Forms *****/ .gform-theme--framework { --gf-local-font-size: 1.6rem; --gf-ctrl-label-font-weight-primary: 600 !important; --gf-ctrl-label-font-size-primary: 1.7rem; --gf-ctrl-desc-font-size: 1.6rem; --gf-ctrl-label-font-size-tertiary: 1.6rem; --gf-ctrl-label-font-size-req: 1.6rem; --gf-ctrl-font-size: 1.6rem; --gf-form-validation-heading-font-size: 1.6rem; --gf-ctrl-border-color-focus: #257cb7; --gform-theme-local-border-color: #257cb7; --gform-theme-control-border-color-focus: #257cb7; --gf-color-primary: #257cb7; --gf-color-in-ctrl-primary: #257cb7; --gf-color-primary-darker: #08446D; --gf-color-in-ctrl-primary-darker: #08446D; --gf-color-primary-lighter: #E2EFF8; --gf-color-in-ctrl-primary-lighter: #E2EFF8; --gf-ctrl-radius: 0; /* border radius of form fields */ --gf-ctrl-shadow-focus: 0 0 0 3px #fff, 0 0 0 6px #257cb7; /* button styles */ --gf-ctrl-btn-bg-color-primary: #257cb7; --gf-ctrl-btn-bg-color-ctrl: #257cb7; --gf-ctrl-btn-bg-color-hover-primary: #012841; --gf-ctrl-btn-bg-color-hover-ctrl: #012841; --gf-ctrl-btn-radius: 0; --gf-ctrl-btn-font-size: 1.6rem !important; --gf-ctrl-btn-font-weight: 700; --gf-ctrl-btn-letter-spacing: 1.25px; --gf-ctrl-btn-line-height: 1.4; --gf-ctrl-btn-padding-y: 16px; --gf-ctrl-btn-padding-x: 18px; } .gform-theme--framework .gfield_list_group_item::before, .gform-theme--framework .gform-field-label { --gf-ctrl-label-color-primary: #2E2E2E; /* field name or label */ } /***** Styles for forms using the "Enable legacy markup" setting *****/ .gform_legacy_markup_wrapper select, .gform_legacy_markup_wrapper.gf_browser_chrome select { padding: 10px 40px 10px 10px; border: 1px solid #767676; } body .gform_legacy_markup_wrapper .top_label div.ginput_container { margin-top: 2px; } .gform_legacy_markup_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { border: 1px solid #767676; } .gform_legacy_markup_wrapper .description, .gform_legacy_markup_wrapper .gfield_description, .gform_legacy_markup_wrapper .gsection_description, .gform_legacy_markup_wrapper .instruction { font-size: 1.6rem; line-height: 1.5; } .gform_legacy_markup_wrapper .field_sublabel_above .ginput_complex.ginput_container label, .gform_legacy_markup_wrapper .field_sublabel_above div[class*=gfield_date_].ginput_container label, .gform_legacy_markup_wrapper .field_sublabel_above div[class*=gfield_time_].ginput_container label, .gform_legacy_markup_wrapper .field_sublabel_below .ginput_complex.ginput_container label, .gform_legacy_markup_wrapper .field_sublabel_below div[class*=gfield_date_].ginput_container label, .gform_legacy_markup_wrapper .field_sublabel_below div[class*=gfield_time_].ginput_container label { font-size: 1.6rem; } .gform_legacy_markup_wrapper .description_above .gfield_description { padding-bottom: 3px; } .gform_legacy_markup_wrapper div.charleft { font-size: 1.6rem; } .gform_legacy_markup_wrapper .gfield_checkbox li label, .gform_legacy_markup_wrapper .gfield_radio li label { font-size: 1.6rem; padding-top: 5px; } .gform_legacy_markup_wrapper.gf_browser_chrome ul.gform_fields li.gfield div.ginput_complex span.ginput_left select, .gform_legacy_markup_wrapper.gf_browser_chrome ul.gform_fields li.gfield div.ginput_complex span.ginput_right select, .gform_legacy_markup_wrapper.gf_browser_chrome ul.gform_fields li.gfield select { margin: 0; } .gform_legacy_markup_wrapper .gfield_consent_description { border: 0; overflow: visible; } .gform_legacy_markup_wrapper ul { margin-top: 0; } .gform_legacy_markup_wrapper .gfield--type-html { margin-top: 0; } .gform_legacy_markup_wrapper ul li.gfield.gfield--type-html { margin-top: 0; } /************** END GRAVITY FORM STYLES **************/ /************** TABLEPRESS STYLES **************/ .tablepress { --text-color: #2E2E2E; --head-bg-color: #e2eff8; --head-active-bg-color: #328fcc; --head-text-color: #000; --odd-bg-color: #f9f9f9; } .tablepress th, .tablepress td { line-height: 1.5; } .tablepress a { color: #1C6FA6; } /************** END TABLEPRESS STYLES **************/ /************** Start Entry Meta *************/ .entry-meta { display: flex; justify-content: space-between; align-items: center; margin: 0 0 15px; } .entry-meta__text { line-height: 1; white-space: nowrap; } .entry-meta__time, .entry-meta__author { margin: 0; line-height: 1; } .entry-meta__time time { margin: 0; line-height: 1; } .social-sharing { display: flex; align-items: center; flex-wrap: wrap; } .social-sharing__link { display: block; padding: 8px; } .social-sharing__link:hover { transform: scale(1.125); } .social-sharing__link:last-child { padding-right: 0; } /* Remove prepended and appended link icons */ a.social-sharing__link::before, a.social-sharing__link::after { display: none; content: ""; margin: 0; padding: 0; } .social-sharing__link img { display: block; } @media screen and (max-width: 480px) { .social-sharing__link img { width: 24px; height: 24px; } } /********* End Entry Meta ********/ /************ TRANSITIONS FOR MASTERPIECE LAYOUT ******************/ .mp-feature-img { transition: all .5s ease 0s; } .mp-feature-img:hover { -webkit-filter: grayscale(100%); filter: grayscale(100%); } /************ EXPERIMENTAL STYLING FOR IMAGE SIZING ***************/ .iso-syn-meta h3 { font-family: 'Oswald', sans-serif; } .iso-syn-meta h3 a { display: block; margin: 0 -15px; margin-left: -15px; padding: 0 15px; } .iso-syn-image-wrap { height:250px; width: 100%; } .iso-syn-image-wrap > img { height: 100%; width: 100%; object-fit: contain; } .media li.media-listitem, .media, .media-body { overflow: hidden; } .syn-err-style { margin-left: 20px; } p.syn-post-date { font-size: 12px; } /********** BUTTON STYLES **********/ .btn { margin: 0 2px 6px 0; white-space: normal; border: 0px; } .btn a, footer.content-info a.btn, .main a.btn { border: 0px; outline: none; } .btn-default { padding: 6px 12px; } .btn-default.btn-lg { padding: 10px 16px; } .btn-default.btn-sm { padding: 10px 20px; } .btn-default.btn-xs { padding: 1px 5px; } .btn-group .dropdown-menu > li > a { color: #4f4f4f; } .btn-group .dropdown-menu > li > a:hover { color: #fff; } .btn-group-justified { border-spacing: 0 2px; } .btn-group-vertical a { border-radius: 0; } .btn-group-vertical > .btn:first-child:not(:last-child) { border-top-left-radius: 0; } .btn-group-vertical > .btn:last-child:not(:first-child) { border-bottom-right-radius: 0; } /**********DEFAULT POST PAGE ***********/ .hwc-media-overlay { h2 { margin: 0 0 15px; } h2.entry-title { color: #257CB7; } } a.hwc-media-overlay{ text-decoration: none; color: #2E2E2E; } /**PAGINATION UNDER LIST*/ a.hwc-media-overlay:last-of-type{ article.media{ margin-bottom: 25px; } } .hwc-media-overlay:hover, .hwc-media-overlay:focus, .hwc-media-overlay:focus-within{ outline: 3px solid #08446d; outline-style: auto; h2.entry-title { color:#000; } } /**SEARCH BUTTON FIX ON HIGHER RESOLUTION**/ @media (min-width: 1200px){ .hwc-search-adjust-width .input-group .input-group-btn{ width: 0; } } @media (min-width: 992px){ .hwc-search-adjust-width .input-group .input-group-btn{ width: 0; } } /********** TABLE STYLES **********/ .table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td { line-height: 1.5; } /** Plain table **/ table.plain th, table.plain td { padding: 3px 10px; line-height: 1.5; } /** table captions **/ table caption { padding-bottom: 6px; padding-top: 6px; font-size: 2.225rem; font-weight: 400; text-transform: none; color: #000; } table caption h1, table caption h2, table caption h3, table caption h4, table caption h5, table caption h6 { margin-top: 9px; margin-bottom: 9px; } /** table header colors **/ .table-th-light-gray.table-hover>tbody>tr:hover>th, .table-th-light-gray.table-hover>tbody>tr:focus>th { background-color: #D3D3D3; } table.table-th-light-gray th, table.table-th-light-gray.table-striped>tbody>tr:nth-child(odd)>th { background-color: #EDEDED; } .table-th-light-blue.table-hover>tbody>tr:hover>th, .table-th-light-blue.table-hover>tbody>tr:focus>th { background-color: #B9D9EE; } .table-th-light-blue.table-hover>tbody>tr:hover>td { background-color: #eff6fb; } table.table-th-light-blue th, table.table-th-light-blue.table-striped>tbody>tr:nth-child(odd)>th { background-color: #E2EFF8; } table.table-th-light-gray th a:not(.btn), table.table-th-light-blue th a:not(.btn) { color: #1C6FA6; } table.table-th-medium-blue th, table.table-th-medium-blue.table-striped>tbody>tr:nth-child(odd)>th { background-color: #257CB7; color: #fff; } .table-th-medium-blue.table-hover>tbody>tr:hover>th, .table-th-medium-blue.table-hover>tbody>tr:focus>th { background-color: #08446D; } .table-th-medium-blue.table-hover>tbody>tr:hover>td { background-color: #E2EFF8; } table.table-th-dark-blue th, table.table-th-dark-blue.table-striped>tbody>tr:nth-child(odd)>th { background-color: #08446D; color: #fff; } .table-th-dark-blue.table-hover>tbody>tr:hover>th { background-color: #257CB7; } .table-th-dark-blue.table-hover>tbody>tr:hover>td { background-color: #E2EFF8; } table.table-th-medium-blue th a:not(.btn), table.table-th-dark-blue th a:not(.btn) { color: #fff; } /** Table Border Colors **/ table.table-border-black > thead > tr > th, table.table-border-black > tbody > tr > th, table.table-border-black > tfoot > tr > th, table.table-border-black > thead > tr > td, table.table-border-black > tbody > tr > td, table.table-border-black > tfoot > tr > td { border-color: #000; } /** Vertical Alignment of Cell Content **/ table.table-align-middle > thead > tr > th, table.table-align-middle > tbody > tr > th, table.table-align-middle > tfoot > tr > th, table.table-align-middle > thead > tr > td, table.table-align-middle > tbody > tr > td, table.table-align-middle > tfoot > tr > td { vertical-align: middle ; } table.table-align-bottom > thead > tr > th, table.table-align-bottom > tbody > tr > th, table.table-align-bottom > tfoot > tr > th, table.table-align-bottom > thead > tr > td, table.table-align-bottom > tbody > tr > td, table.table-align-bottom > tfoot > tr > td { vertical-align: bottom ; }