.faculty-listing-wrapper { } .faculty-listing-wrapper .faculty-listing-header-wrapper { display: block; background-image: url(https://gould.usc.edu/wp-content/uploads/2023/04/red-spotted-yellow-background.jpg); background-size: cover; background-position: center; padding: 50px 0 25px; } .faculty-listing-wrapper .faculty-listing-header-wrapper .faculty-listing-title { } .faculty-listing-wrapper .faculty-listing-header-wrapper .faculty-listing-title .title { color: #ffffff; font-weight: 900; font-size: 64px; line-height: normal; margin: 0; } .faculty-listing-wrapper .faculty-listing-header-wrapper .faculty-listing-subtitle { } .faculty-listing-wrapper .faculty-listing-header-wrapper .faculty-listing-subtitle span { color: #ffffff; font-size: 36px; font-weight: 600; } .faculty-listing-wrapper .faculty-listing-filter-wrapper { padding: 25px 0; } .faculty-listing-wrapper .faculty-listing-filter-wrapper .faculty-listing-filter { } .faculty-listing-wrapper .faculty-listing-filter-wrapper .faculty-listing-filter a { color: #000000; } .faculty-listing-wrapper .faculty-listing-filter-wrapper .faculty-listing-filter svg { fill: #000000; width: 20px; margin-right: 10px; } .faculty-listing-wrapper .faculty-listing-filter-wrapper .faculty-listing-search { text-align: right; display: flex; height: 50px; align-items: center; } .faculty-listing-wrapper .faculty-listing-filter-wrapper .faculty-listing-search input { width: 300px; height: 40px; } .faculty-listing-wrapper .faculty-listing-filter-wrapper .faculty-listing-search input::placeholder { color: #990000; } .faculty-listing-wrapper .faculty-listing-filter-wrapper .faculty-listing-search label { color: #000; margin-right: 15px; font-weight: 600; } .faculty-listing-wrapper .faculty-list-wrapper { background-color: #F5F5F5; padding: 50px 0; } .faculty-listing-wrapper .faculty-list-wrapper .faculty-listing-description { padding-bottom: 25px; font-size: 24px; text-align: center; } .faculty-listing-wrapper .faculty-list-wrapper .faculty-list-inner { } .faculty-listing-wrapper .faculty-list-wrapper .faculty-list-inner .faculty-letter-wrap { position: relative; } .faculty-listing-wrapper .faculty-list-wrapper .faculty-list-inner .faculty-letter-wrap:before { content: ''; background-color: rgba(0,0,0,0.2); height: 1px; position: absolute; top: 50%; left: 0; width: 100%; } .faculty-listing-wrapper .faculty-list-wrapper .faculty-list-inner .faculty-letter-wrap h2 { display: inline-block; background-color: #F5F5F5; padding-right: 15px; margin: 0; z-index: 2; position: relative; } .faculty-listing-wrapper .faculty-list-wrapper .faculty-list-inner .faculty-profile-content-wrap { background-color: #fff; display: flex; position: relative; padding: 15px; height: 100%; } .faculty-listing-wrapper .faculty-list-wrapper .faculty-list-inner .faculty-profile-content-wrap .faculty-profile-thumb { width: 140px; } .faculty-listing-wrapper .faculty-list-wrapper .faculty-list-inner .faculty-profile-content-wrap .faculty-profile-thumb img { width: 100%; height: auto; object-fit: cover; object-position: top; } .faculty-listing-wrapper .faculty-list-wrapper .faculty-list-inner .faculty-profile-content-wrap .faculty-profile-content { padding: 0 15px; width: calc(100% - 140px); display: flex; flex-direction: column; justify-content: space-between; } .faculty-listing-wrapper .faculty-list-wrapper .faculty-list-inner .faculty-profile-content-wrap .faculty-profile-content .faculty-profile-info { } .faculty-listing-wrapper .faculty-list-wrapper .faculty-list-inner .faculty-profile-content-wrap .faculty-profile-content .faculty-profile-name { font-size: 20px; font-weight: 600; margin-bottom: 7px; } .faculty-listing-wrapper .faculty-list-wrapper .faculty-list-inner .faculty-profile-content-wrap .faculty-profile-content .faculty-profile-name a { color: #990000; } .faculty-listing-wrapper .faculty-list-wrapper .faculty-list-inner .faculty-profile-content-wrap .faculty-profile-content p { font-size: 14px; } .faculty-listing-wrapper .faculty-list-wrapper .faculty-list-inner .faculty-profile-content-wrap .faculty-profile-content .faculty-profile-view { color: #990000; font-weight: 500; } .faculty-listing-wrapper .faculty-list-wrapper .faculty-list-inner .faculty-profile-content-wrap .faculty-profile-content .faculty-profile-view img { width: 20px; margin-left: 10px; } .faculty-filter-drawer-wrapper { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 10; } .faculty-filter-drawer-wrapper.open { display: block; } .faculty-filter-drawer-wrapper .faculty-filter-drawer-inner { display: block;position: relative; width: 100%; max-width: 450px; height: 100%; background-color: #ffffff; overflow: scroll; padding-bottom: 75px; } .faculty-filter-drawer-wrapper .faculty-filter-drawer-inner .faculty-filter-close { display: block; position: absolute; top: 25px; right: 15px; } .faculty-filter-drawer-wrapper .faculty-filter-drawer-inner .faculty-filter-close a { display: block; width: 35px; height: 35px; position: relative; } .faculty-filter-drawer-wrapper .faculty-filter-drawer-inner .faculty-filter-close a:before { content: ''; background-color: #000000; position: absolute; top: 15px; left: 0; width: 35px; height: 2px; transform: rotate(45deg); } .faculty-filter-drawer-wrapper .faculty-filter-drawer-inner .faculty-filter-close a:after { content: ''; background-color: #000000; position: absolute; top: 15px; left: 0; width: 35px; height: 2px; transform: rotate(135deg); } .faculty-filter-drawer-wrapper .faculty-filter-drawer-inner .faculty-filter-drawer-label { padding: 40px; border-bottom: 1px solid rgba(0,0,0,0.25); font-size: 24px; font-weight: 600; } .faculty-filter-drawer-wrapper .faculty-filter-drawer-inner .faculty-filter-drawer-label svg { fill: #000000; } .faculty-filter-drawer-wrapper .faculty-filter-drawer-inner .faculty-filter-drawer { padding: 25px 25px 25px 40px; border-bottom: 1px solid rgba(0,0,0,0.25); } .faculty-filter-drawer-wrapper .faculty-filter-drawer-inner .faculty-filter-drawer > label { display: block; color: #000000; font-weight: 600; position: relative; margin-bottom: 15px; } .faculty-filter-drawer-wrapper .faculty-filter-drawer-inner .faculty-filter-drawer > label i { position: absolute; top: 5px; right: 0; } .faculty-filter-drawer-wrapper .faculty-filter-drawer-inner .faculty-filter-drawer .faculty-fd { height: 0; overflow: hidden; min-height: 100%; transition: all 1s } .faculty-filter-drawer-wrapper .faculty-filter-drawer-inner .faculty-filter-drawer.open > label i { transform: rotate(180deg); } .faculty-filter-drawer-wrapper .faculty-filter-drawer-inner .faculty-filter-drawer.open .faculty-fd { height: auto; } .faculty-filter-drawer-wrapper .faculty-filter-drawer-inner .faculty-filter-drawer .faculty-fd ul { list-style: none; padding: 0; margin: 0; } .faculty-filter-drawer-wrapper .faculty-filter-drawer-inner .faculty-filter-drawer .faculty-fd ul li { margin: 10px 0; } .faculty-filter-drawer-wrapper .faculty-filter-drawer-inner .faculty-filter-drawer .faculty-fd ul li input[type=checkbox] { color: #000000; margin-right: 5px; } .faculty-filter-drawer-wrapper .faculty-filter-drawer-inner .faculty-filter-drawer .faculty-fd ul.alpha-filter { } .faculty-filter-drawer-wrapper .faculty-filter-drawer-inner .faculty-filter-drawer .faculty-fd ul.alpha-filter li { margin: 5px; } .faculty-filter-drawer-wrapper .faculty-filter-drawer-inner .faculty-filter-drawer .faculty-fd ul.alpha-filter li a { display: block; background-color: #E6E6E6; color: #990000; width: 25px; height: 25px; text-align: center; border-radius: 50%; } .faculty-filter-drawer-wrapper .faculty-filter-drawer-inner .faculty-filter-drawer .faculty-fd ul.alpha-filter li a.disabled { color: #000000; } .faculty-filter-drawer-wrapper .faculty-filter-drawer-inner .faculty-filter-drawer .faculty-fd ul.alpha-filter li a.selected { color: #ffffff; background-color: #990000; } .faculty-filter-drawer-wrapper .faculty-filter-drawer-inner .faculty-filter-apply { position: fixed; bottom: 0; left: 0; width: 100%; padding: 25px; text-align: center; max-width: 450px; background-color: #ffffff; border-top: 1px solid rgba(0,0,0,0.25); } .faculty-filter-drawer-wrapper .faculty-filter-drawer-inner .faculty-filter-apply a { background-color: #990000; color: #ffffff; padding: 10px 100px; } .faculty-listing-wrapper .faculty-list-wrapper .faculty-fd { display: block; text-align: center; } .faculty-listing-wrapper .faculty-list-wrapper .faculty-fd ul.alpha-filter { } .faculty-listing-wrapper .faculty-list-wrapper .faculty-fd ul.alpha-filter li { margin-right: 15px; margin-bottom: 15px; } .faculty-listing-wrapper .faculty-list-wrapper .faculty-fd ul.alpha-filter li a { display: block; background-color: #E6E6E6; color: #990000; width: 25px; height: 25px; line-height: 25px; text-align: center; border-radius: 50%; } .faculty-listing-wrapper .faculty-list-wrapper .faculty-fd ul.alpha-filter li a.disabled { color: #000000; } .faculty-listing-wrapper .faculty-list-wrapper .faculty-fd ul.alpha-filter li a.selected { color: #ffffff; background-color: #990000; } .faculty-listing-wrapper .faculty-listing-filter-wrapper .faculty-listing-filter { display: flex; height: 50px; align-items: center; } .faculty-listing-wrapper .faculty-listing-filter-wrapper .faculty-listing-filter .faculty-filter-drawer { display: flex; margin-right: 25px; align-items: center; } .faculty-listing-wrapper .faculty-listing-filter-wrapper .faculty-listing-filter .faculty-filter-drawer.hide { display: none; } .faculty-listing-wrapper .faculty-listing-filter-wrapper .faculty-listing-filter .faculty-filter-drawer label { color: #000; margin-right: 15px; font-weight: 600; } .faculty-listing-wrapper .faculty-listing-filter-wrapper .faculty-listing-filter .faculty-filter-drawer .faculty-fd { display: inline-block; } .faculty-listing-wrapper .faculty-listing-filter-wrapper .faculty-listing-filter .faculty-filter-drawer .faculty-fd ul.faculty-fd-type-list { list-style: none; padding: 0; margin: 0; display: flex; white-space: nowrap; } .faculty-listing-wrapper .faculty-listing-filter-wrapper .faculty-listing-filter .faculty-filter-drawer .faculty-fd ul.faculty-fd-type-list li.faculty-fd-type-item { margin-right: 15px; } .faculty-listing-wrapper .faculty-listing-filter-wrapper .faculty-listing-filter .faculty-filter-drawer select { height: 40px; } @media only screen and (min-width: 320px) and (max-width: 767px) { .faculty-listing-wrapper .faculty-listing-filter-wrapper .faculty-listing-search input { width: 100%; } .faculty-listing-wrapper .faculty-listing-filter-wrapper .faculty-listing-filter { display: block; height: auto; } .faculty-listing-wrapper .faculty-listing-filter-wrapper .faculty-listing-filter .faculty-filter-drawer { margin-right: 0; } .faculty-listing-wrapper .faculty-listing-filter-wrapper .faculty-listing-filter .faculty-filter-drawer select { width: 100%; } .faculty-listing-wrapper .faculty-listing-header-wrapper .faculty-listing-subtitle span { font-size: 24px; } .faculty-listing-wrapper .faculty-list-wrapper { padding: 25px 0; } .faculty-listing-wrapper .faculty-list-wrapper .faculty-listing-description { font-size: 16px; } .faculty-listing-wrapper .faculty-listing-filter-wrapper .faculty-listing-search input { width: 220px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .faculty-listing-wrapper .faculty-listing-filter-wrapper .faculty-listing-filter { flex-wrap: wrap; gap: 15px; height: auto; } .faculty-listing-wrapper .faculty-listing-filter-wrapper .faculty-listing-search input { width: 220px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .faculty-listing-wrapper .faculty-listing-filter-wrapper .faculty-listing-filter { flex-wrap: wrap; gap: 15px; height: auto; } .faculty-listing-wrapper .faculty-listing-filter-wrapper .faculty-listing-filter .faculty-filter-drawer select { } .faculty-listing-wrapper .faculty-listing-filter-wrapper .faculty-listing-search input { width: 220px; } } .faculty-details-wrapper { background-color: #F0EFEC; } .faculty-details-wrapper iframe { max-width: 100%; width: 100%; margin: 0; line-height: 1; border: none; } .faculty-details-wrapper a { color: #990000; font-weight: 600; } .fd-top-background { /*height: 75px;*/ position: relative; } .fd-top-background:before { content: ''; } .fd-top-background:after { content: ''; } .fd-top-background .container { display: block; width: 100%; height: 100%; } .fd-top-background .fd-top-bg-row { display: flex; height: 100%; margin-left: -15px; margin-right: -15px; } .fd-top-background .fd-top-bg-row:before { content: ''; clear: both; display: block; position: absolute; top: 0; left: 0; height: 300px; width: 100%; background-color: #6C0000; } .fd-top-background .fd-top-bg-row:after { content: ''; clear: both; display: block; position: absolute; top: 0; left: 0; height: 300px; width: 100%; background: linear-gradient(267.75deg, rgba(228, 61, 48, 0.53) 5.82%, rgba(253, 224, 33, 0) 79.49%); transform: rotate(-180deg); } .fd-top-background .left-section { width: 800px; } .fd-top-background .right-section { width: 400px; } .faculty-details-wrapper .sidebar { width: 275px; min-height: 200px; /*overflow: auto;*/ position: sticky; top: 25px; /*height: 70vh;*/ } .faculty-details-wrapper .wrapper { display: flex; justify-content: space-between; position: relative; padding-bottom: 50px; } .main-content { width: calc(100% - 275px); min-height: 500px; display: flex; flex-direction: column; padding-left: 50px; padding-top: 75px; } .main-content .fd-title-contact-row { display: flex; align-items: center; height: 225px; } .fd-title-contact-row.mobile { display: none; } .main-content .fd-title-contact-row .fd-title-wrapper { max-width: 65%; } .main-content .fd-title-contact-row .fd-title-wrapper h1 { font-weight: 400; color: #fff; font-size: 40px; margin-bottom: 15px; line-height: 40px; } .main-content .fd-title-contact-row .fd-title-wrapper div { color: #fff; font-size: 20px; } .sidebar .fd-contact-wrapper { border: 1px solid rgba(0,0,0,0.13); padding: 15px; } .sidebar .fd-contact-wrapper .each-contact-wrapper { display: flex; align-items: center; font-size: 12px; font-weight: 400; margin-bottom: 10px; } .sidebar .fd-contact-wrapper .each-contact-wrapper:last-child { margin-bottom: 0; } .sidebar .fd-contact-wrapper .each-contact-wrapper .each-contact-label { display: flex; width: 100px; align-items: center } .sidebar .fd-contact-wrapper .each-contact-wrapper .each-contact-label span { width: 20px; margin-right: 7px; display: flex; justify-content: center; } .sidebar .fd-contact-wrapper .each-contact-wrapper .each-contact-label span.icon-email img { width: 17px; } .sidebar .fd-contact-wrapper .each-contact-wrapper .each-contact-label span.icon-phone img { width: 10px; } .sidebar .fd-contact-wrapper .each-contact-wrapper .each-contact-label span.icon-ext img { width: 15px; } .sidebar .fd-contact-wrapper .each-contact-wrapper .each-contact-label span.icon-hours img { width: 15px; } .sidebar .fd-contact-wrapper .each-contact-wrapper .each-contact-label img { width: 20px; margin: 0 5px 0 0; } .sidebar .fd-contact-wrapper .each-contact-wrapper .each-contact-label i { color: #ffcc00; display: inline-block; width: 20px; } .sidebar .fd-contact-wrapper .each-contact-value { width: calc(100% - 100px); } .sidebar .fd-contact-wrapper .each-contact-value a { color: #990000; } .sidebar .fd-back-link { height: 75px; display: flex; align-items: center; } .sidebar .fd-back-link a { color: #ffffff; display: flex; align-items: center; } .sidebar .fd-back-link a svg { margin-right: 10px; transform: rotate(180deg); } .sidebar .fd-back-link a svg path { fill: #ffffff; stroke: #ffffff; } .sidebar .fd-back-link a img { width: 25px; margin: 0 15px 0 0; } .sidebar .fd-back-link a i { margin-right: 7px; width: 25px; height: 25px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: #FFCC00; color: #990000; } .faculty-selected-work-wrapper { background-color: #ffffff; padding: 35px 0; } .main-content .fd-bio { font-size: 16px; color: #121111; line-height: 2; margin-bottom: 25px; overflow: hidden; max-height: 100%; height: auto; position: relative; } .main-content .fd-bio a { color: #990000; font-weight: 600; } .main-content .fd-bio iframe { height: 500px; } .main-content .fd-bio.cut-short { font-size: 14px; color: #121111; line-height: 2; margin-bottom: 50px; height: 450px; } .main-content .fd-bio.cut-short:after { } .fd-bio-read-more { display: block; position: absolute; bottom: 0; width: 100%; text-align: center; background-color: #f9f8f5; } .fd-bio-read-more:after { content: ''; position: absolute; top: -50px; left: 0; width: 100%; height: 50px; background-color: rgba(249, 248, 245, 0.8); } .fd-bio-read-more.hidden { display: none; } .fd-bio-read-more a { color: #121111; font-weight: 600; padding: 15px 0; background-color: #f9f8f5; display: block; } .fd-bio-read-more i { display: block; } .main-content .spotlight-wrapper { } .main-content .spotlight-wrapper:before { content: ''; } .main-content .spotlight-wrapper h2 { color: #990000; font-size: 40px; font-weight: 300; } .main-content .spotlight-wrapper iframe { height: 500px; } .main-content .fd-education-affiliation { margin-bottom: 50px; } .main-content .fd-education { } .main-content .fd-education h3 { position: relative; } .main-content .fd-education h3:before { content: ''; background-color: rgba(0,0,0,0.2); height: 1px; width: 100%; position: absolute; top: 50%; left: 0; } .main-content .fd-education h3 span { display: inline-block; position: relative; padding-right: 10px; background-color: #F0EFEC; } .main-content .fd-education ul { list-style: none; } .main-content .fd-education ul li { color: #000000; } .main-content .fd-education ul li a { color: #990000; } .main-content .fd-education ul li:before { content: "\2022"; /* Add content: \2022 is the CSS Code/unicode for a bullet */ color: #990000; /* Change the color */ font-weight: bold; /* If you want it to be bold */ display: inline-block; /* Needed to add space between the bullet and the text */ width: 1em; /* Also needed for space (tweak if needed) */ margin-left: -1em; /* Also needed for space (tweak if needed) */ font-size: 20px;} .main-content .fd-affiliation { } .main-content .fd-affiliation h3 { position: relative; } .main-content .fd-affiliation h3:before { content: ''; background-color: rgba(0,0,0,0.2); height: 1px; width: 100%; position: absolute; top: 50%; left: 0; } .main-content .fd-affiliation h3 span { display: inline-block; position: relative; padding-right: 10px; background-color: #F0EFEC; } .main-content .fd-affiliation ul { list-style: none; } .main-content .fd-affiliation ul li { color: #000000; } .main-content .fd-affiliation ul li a { color: #990000; } .main-content .fd-affiliation ul li:before { content: "\2022"; /* Add content: \2022 is the CSS Code/unicode for a bullet */ color: #990000; /* Change the color */ font-weight: bold; /* If you want it to be bold */ display: inline-block; /* Needed to add space between the bullet and the text */ width: 1em; /* Also needed for space (tweak if needed) */ margin-left: -1em; /* Also needed for space (tweak if needed) */ font-size: 20px;} .main-content .faculty-related-interests { margin-bottom: 50px; } .main-content .faculty-related-interests strong { margin-right: 10px; margin-bottom: 15px; display: inline-block; } .main-content .faculty-related-interests span { margin-bottom: 15px; margin-right: 10px; display: inline-block; } .main-content .faculty-related-interests a { border-bottom: 2px solid #990000; display: inline; color: #000000; } .main-content .faculty-related-interests a:hover { padding-bottom: 5px; text-decoration: none; } .main-content { width: calc(100% - 307px); min-height: 500px; display: flex; flex-direction: column; padding-left: 50px; padding-top: 75px;} .fd-articles-book-wrapper h2{ position: relative; } .fd-articles-book-wrapper h2 > span { padding-right: 15px; background-color: #ffffff; display: inline-block; position: relative; z-index: 2; } .fd-articles-book-wrapper h2:before { content: ''; background-color: rgba(0,0,0,0.17); height: 2px; position: absolute; top: 25px; left: 0; width: 100%; } .recent-stories-wrapper h2{ } .research-scholarship-wrapper{ margin-top:100px; } .fd-research-scholarship h2{ text-align:center; } .main-content .fd-title-contact-row .fd-title-wrapper div { color: #fff; font-size: 18px; } ::-moz-selection { /* Code for Firefox */ color: #000; background: gray; } ::selection { color: #fff; background: #000; } .fd-contact-wrapper{ margin-bottom:15px; } .recent-stories-wrapper ul { } .recent-stories-wrapper ul li { display: flex; align-items: center; padding: 0 15px; flex-direction: column; flex-wrap: nowrap; align-content: space-around; justify-content: center; } .fd-news-item{ box-sizing: border-box; } .fd-articles-book-others { background-color: #990000; padding: 50px; } .fd-articles-book-others .fd-articles { color: #fff; font-size: 14px; } .fd-articles-book-others .fd-articles > h2 { font-size: 40px; font-weight: 100; color: #fff; } .fd-articles-book-others .fd-articles .fd-article { padding-bottom: 25px; border-bottom: 1px solid #bb5756; margin-bottom: 25px; } .fd-articles-book-others .fd-articles .fd-article p { } .fd-articles-book-others .fd-articles .fd-article .article-tags { margin-bottom: 15px; } .fd-articles-book-others .fd-articles .fd-article .article-tags > span { font-size: 12px; margin-right: 10px; } .fd-articles-book-others .fd-articles .fd-article .article-tags .year-tag { color: #ffcc00; } .fd-articles-book-others .fd-articles .fd-article .article-tags .source-tag { } .fd-articles-book-others .fd-articles .fd-article .article-tags .category-tag { } .fd-articles-book-others .fd-articles .fd-article .article-more a { color: #ffffff; } .fd-articles-book-others .fd-others { color: #fff; font-size: 14px; } .fd-articles-book-others .fd-others > h2 { font-size: 40px; font-weight: 100; color: #fff; } .fd-articles-book-others .fd-others .fd-other { } .fd-articles-book-others .fd-others .fd-other p { } .fd-articles-book-others .fd-others .fd-other .article-tags { margin-bottom: 15px; } .fd-articles-book-others .fd-others .fd-other .article-tags > span { font-size: 12px; margin-right: 10px; } .fd-articles-book-others .fd-others .fd-other .article-tags .year-tag { color: #ffcc00; } .fd-articles-book-others .fd-others .fd-other .article-tags .source-tag { } .fd-articles-book-others .fd-others .fd-other .article-tags .category-tag { } .fd-articles-book-others .fd-others .fd-other .article-more a { color: #ffffff; } .fd-articles-book { padding-bottom: 50px; } .fd-articles-book.has-other-works { padding-bottom: 25px; border-bottom: 1px solid rgba(0,0,0,0.17); margin-bottom: 25px; } .fd-articles-book> h4 { display: flex; align-items: center; } .fd-articles-book> h4 img { max-width: 20px; margin-right: 7px; } .fd-articles-book .fd-articles { margin-left: -15px; margin-right: -15px; } .fd-articles-book .fd-articles:after { content: ''; clear: both; display: block; } .fd-articles-book .fd-articles .fd-article { float: left; width: 33.33%; padding: 0 15px; margin-bottom: 25px; } .fd-articles-book .fd-articles .fd-article:nth-child(3n+1) { clear: both; } .fd-articles-book .fd-articles .fd-article .publication-text { background-color: transparent; padding: 10px; } .fd-articles-book .fd-articles .fd-article .publication-text a { color: #000000; } .fd-articles-book .fd-articles .fd-article .publication-text:hover { background-color: #F8F8F8; padding: 10px; } .fd-articles-book .fd-articles .fd-article h4 { } .fd-articles-book .fd-articles .fd-article .article-more { text-align: right; } .fd-articles-book .fd-articles .fd-article .article-more a { color: #990000; margin-left: 7px; } .fd-articles-book .fd-articles .fd-article .article-more a img { max-width: 15px; margin-right: 7px; } .fd-other-works { padding-bottom: 50px; } .fd-other-works .fd-others { margin-left: -15px; margin-right: -15px; } .fd-other-works .fd-others:after { content: ''; clear: both; display: block; } .fd-other-works > h4 { } .fd-other-works > h4 img { max-width: 20px; margin-right: 7px; } .fd-other-works > h4 span { color: #990000; font-size: 16px; font-weight: 400; display: block; padding-left: 30px; } .fd-other-works .fd-other { float: left; width: 33.33%; padding: 0 15px; margin-bottom: 25px; } .fd-other-works .fd-other .publication-text { background-color: transparent; padding: 10px; } .fd-other-works .fd-other .publication-text:hover { background-color: #F8F8F8; padding: 10px; color: #990000; } .fd-other-works .fd-other .publication-text a { color: #990000; } .fd-other-works .fd-other .article-more { text-align: right; } .fd-other-works .fd-other .article-more a { color: #990000; } .fd-other-works .fd-other .article-more ul { list-style: none; padding: 0; margin-left: -15px; margin-right: -15px; } .fd-other-works .fd-other .article-more ul:after { content: ''; clear: both; display: block; } .fd-other-works .fd-other .article-more ul li { float: left; width: 33.33%; padding: 0 15px; margin-bottom: 25px; } .fd-other-works .fd-other .article-more ul li:nth-child(3n+1) { clear: both; } .fd-other-works .fd-other .article-more ul li a { color: #990000; } .fd-news { padding: 25px 0 50px; overflow: hidden; } .fd-news > h2 { font-size: 40px; font-weight: 100; color: #990000; } .fd-news ul { } .fd-news ul li { } .fd-news ul li .fd-news-item { background-color: #fff; width: 100%; height: 100%; text-align: left; padding-bottom: 75px; position: relative; } .fd-news ul li .fd-news-item:hover { background-color: #990000; } .fd-news ul li .fd-news-item .fd-news-image { display: block; width: 100%; height: 220px; overflow: hidden; } .fd-news ul li .fd-news-item .fd-news-image a { display: block; position: relative; z-index: 2; width: 100%; height: 100%; } .fd-news ul li .fd-news-item .fd-news-image a img { width: 100%; height: 100%; object-fit: cover; } .fd-news ul li .fd-news-item .fd-news-image a img:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .fd-news ul li .fd-news-item .fd-news-date { font-weight: 300; margin-bottom: 25px; display: none; } .fd-news ul li .fd-news-item .fd-news-content { padding: 25px; } .fd-news ul li .fd-news-item .fd-news-tags { margin-bottom: 25px; } .fd-news ul li .fd-news-item .fd-news-tags a { border-bottom: 2px solid #990000; color: #000; } .fd-news ul li .fd-news-item:hover .fd-news-tags a { color: #ffffff; border-bottom: 2px solid #FFCC00; } .fd-news ul li .fd-news-item .fd-news-tags a:hover { padding-bottom: 5px; text-decoration: none; } .fd-news ul li .fd-news-item .fd-news-title { margin-bottom: 25px; } .fd-news ul li .fd-news-item .fd-news-title a { font-weight: 400; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; height: 100px; font-size: 22px; color: #000000; line-height: normal } .fd-news ul li .fd-news-item:hover .fd-news-title { display: none; } .fd-news ul li .fd-news-item .fd-news-brief-description { display: none; margin-bottom: 25px; } .fd-news ul li .fd-news-item .fd-news-brief-description a { font-weight: 400; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font-size: 16px; line-height: normal; } .fd-news ul li .fd-news-item:hover .fd-news-brief-description { display: block; } .fd-news ul li .fd-news-item:hover .fd-news-brief-description a { color: #ffffff; } .fd-news ul li .fd-news-item .fd-news-author { font-size: 12px; margin-bottom: 10px; } .fd-news ul li .fd-news-item .fd-news-more { position: absolute; bottom: 50px; } .fd-news ul li .fd-news-item .fd-news-more a { color: #990000; } .fd-news ul li .fd-news-item .fd-news-more a svg { margin-left: 5px; } .fd-news ul li .fd-news-item:hover .fd-news-more a { color: #FFCC00; } .fd-news ul li .fd-news-item:hover .fd-news-more a svg path { fill: #FFCC00; stroke: #FFCC00; } .fd-news ul li .fd-news-item .fd-news-more a img { width: 15px; margin-left: 5px; } .fd-quoted { padding: 50px; background-color: #201e1e; } .fd-quoted > h2 { font-size: 40px; font-weight: 100; color: #ffffff; } .fd-quoted ul { display: flex; align-items: baseline; } .fd-quoted ul li { margin-bottom: 25px; } .fd-quoted ul li .fd-quoted-item { } .fd-quoted ul li .fd-quoted-item .fd-quoted-date { font-size: 12px; color: #ffcc00; margin-bottom: 10px; } .fd-quoted ul li .fd-quoted-item .fd-quoted-by { color: #ffffff; font-weight: 100; margin-bottom: 10px; } .fd-quoted ul li .fd-quoted-item .fd-quoted-title { color: #ffffff; margin-bottom: 10px; } .fd-quoted ul li .fd-quoted-item .fd-quoted-more { } .fd-quoted ul li .fd-quoted-item .fd-quoted-more a { font-size: 12px; color: #ffffff; } .courses-wrapper { background-color: #ffffff; } .fd-courses { padding: 50px 0; } .fd-courses > h2 { font-size: 40px; color: #990000; position: relative; } .fd-courses > h2 span { display: inline-block; background-color: #ffffff; position: relative; z-index: 2; padding-right: 15px; } .fd-courses > h2:before { content: ''; background-color: rgba(0,0,0,0.17); height: 2px; position: absolute; top: 50%; left: 0; width: 100%; } .fd-courses > h2 .fd-courses ul { } .fd-courses ul li { } .fd-courses ul li a { color: #990000; font-weight: 400; font-size: 18px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #ccc; padding-bottom: 15px; margin-bottom: 15px; } .fd-courses ul li a:hover { border-color: #990000; } .fd-courses ul li a img { width: 25px; margin-left: 15px; } .research-scholarship-wrapper { padding: 50px 0; } .research-scholarship-wrapper > h2 { font-size: 40px; font-weight: 400; color: #000000; } .research-scholarship-wrapper ul { } .research-scholarship-wrapper ul li { } .research-scholarship-wrapper ul li div { margin-bottom: 10px; } .faculty-details-wrapper .sidebar img { width: 100%; } .faculty-details-wrapper .sidebar .links-wrapper { display: flex; padding: 15px 0; } .faculty-details-wrapper .sidebar .links-wrapper .download-cv { width: 50%; font-size: 14px; } .faculty-details-wrapper .sidebar .links-wrapper .download-cv a { color: #990000; display: block; margin-bottom: 5px; font-weight: 600; } .faculty-details-wrapper .sidebar .links-wrapper .linkedin-twitter { width: 50%; font-size: 14px; } .faculty-details-wrapper .sidebar .links-wrapper .linkedin-twitter a { color: #990000; margin-left: 15px; display: flex; margin-bottom: 15px; align-items: center; } .faculty-details-wrapper .sidebar .links-wrapper .linkedin-twitter a i { font-size: 24px; width: 35px; } .faculty-details-wrapper .sidebar .links-others { margin-bottom: 15px; } .faculty-details-wrapper .sidebar .links-others a { display: block; color: #121111; font-size: 14px; } .faculty-details-wrapper .main-content .last-updated { font-size: 12px; color: #121111; padding: 25px 0; } .recent-stories-wrapper { background-color: #F0EFEC; padding: 50px 0; } .recent-stories-wrapper h2 { font-size: 40px; font-weight: 600; color: #000000; position: relative; } .recent-stories-wrapper h2 > span { display: inline-block; position: relative; z-index: 2; background-color: #F0EFEC; padding-right: 15px; } .recent-stories-wrapper h2:before { content: ''; background-color: rgba(0,0,0,0.17); height: 2px; position: absolute; top: 25px; left: 0; width: 100%; } .recent-stories-wrapper ul { } .recent-stories-wrapper ul li { width: 33.33%; display: flex; align-items: center; padding: 0 15px; } .recent-stories-wrapper ul li:nth-child(1) { /*background-color: rgba(151,0,0,1);*/ } .recent-stories-wrapper ul li:nth-child(2) { /*background-color: rgba(151,0,0,0.73);*/ } .recent-stories-wrapper ul li:nth-child(3) { /*background-color: rgba(151,0,0,0.45);*/ } .recent-stories-wrapper ul li .fd-quoted-item { } .recent-stories-wrapper ul li .fd-quoted-item .fd-quoted-date { font-weight: 300; margin-bottom: 25px; } .recent-stories-wrapper ul li .fd-quoted-item .fd-quoted-title { font-weight: 400; font-size: 34px; line-height: 1.2; display: block; margin-bottom: 25px; } .recent-stories-wrapper ul li .fd-quoted-item .fd-quoted-more { } .recent-stories-wrapper ul li .fd-quoted-item .fd-quoted-more a { color: #FFCC00; text-decoration: underline; font-size: 22px; } .in-the-news-wrapper { background-color: #ffffff; padding: 50px 0; } .in-the-news-wrapper h2 { font-size: 40px; color: #000000; position: relative; } .in-the-news-wrapper h2 > span { display: inline-block; padding-right: 15px; background-color: #ffffff; z-index: 2; position: relative; } .in-the-news-wrapper h2:before { content: ''; background-color: rgba(0,0,0,0.17); height: 2px; position: absolute; top: 50%; left: 0; width: 100%; } .in-the-news-wrapper ul { display: flex; } .in-the-news-wrapper ul li { width: 33.33%; display: flex; align-items: center; padding: 0 15px; } .in-the-news-wrapper ul li:nth-child(1) { /*background-color: rgba(0,0,0,1);*/ } .in-the-news-wrapper ul li:nth-child(2) { /*background-color: rgba(0,0,0,0.73);*/ } .in-the-news-wrapper ul li:nth-child(3) { /*background-color: rgba(0,0,0,0.45);*/ } .in-the-news-wrapper ul li .fd-quoted-item { background-color: #F0EFEC; height: 100%; padding: 50px 25px 100px; position: relative; width: 100%; } .in-the-news-wrapper ul li .fd-quoted-item .fd-quoted-faculty-name a { color: #990000; font-weight: 600; font-size: 13px; margin-bottom: 50px; display: block; } .in-the-news-wrapper ul li .fd-quoted-item .fd-quoted-date { font-weight: 300; margin-bottom: 25px; } .in-the-news-wrapper ul li .fd-quoted-item .fd-quoted-title { font-weight: 400; font-size: 22px; display: block; } .in-the-news-wrapper ul li .fd-quoted-item .fd-quoted-more { position: absolute; bottom: 50px; } .in-the-news-wrapper ul li .fd-quoted-item .fd-quoted-more a { color: #990000; margin-bottom: 25px; display: inline-block; font-weight: 600; } .in-the-news-wrapper ul li .fd-quoted-item .fd-quoted-more a img { max-width: 15px; margin-left: 10px; } @media only screen and (min-width: 320px) and (max-width: 767px) { .fd-articles-book .fd-articles { } .fd-articles-book .fd-articles .fd-article { float: none; width: 100%; } .fd-other-works .fd-others > h4 span { display: block; } .fd-other-works .fd-other .article-more ul li { float: none; width: 100%; } .recent-stories-wrapper ul { display: block; } .recent-stories-wrapper ul li { float: none; width: 100%; padding: 15px; } .in-the-news-wrapper ul { display: block; } .in-the-news-wrapper ul li { float: none; width: 100%; padding: 15px; } .faculty-details-wrapper .wrapper { display: block; position: relative; } .faculty-details-wrapper .sidebar { width: 100%; min-height: 200px; overflow: auto; position: relative; top: auto; height: auto; margin-bottom: 15px; } .faculty-details-wrapper .sidebar img { width: 100%; } .main-content { width: 100%; min-height: 500px; display: block; flex-direction: column; padding-left: 0; padding-top: 0; } .main-content .fd-title-contact-row { display: none; } .fd-title-contact-row.mobile { display: block; color: #ffffff; margin-bottom: 25px; } .fd-title-contact-row.mobile .fd-title-wrapper h1 { font-weight: 400; color: #fff; font-size: 40px; margin-bottom: 15px; line-height: 40px; } .main-content .fd-title-contact-row .fd-title-wrapper { width: 100%; padding-right: 0; margin-bottom: 15px; } .main-content .fd-title-contact-row .fd-title-wrapper h1 { color: #990000; } .main-content .fd-title-contact-row .fd-title-wrapper div { color: #121111; } .main-content .fd-title-contact-row .fd-contact-wrapper { width: 100%; background-color: #990000; padding: 15px; } .main-content .fd-title-contact-row .fd-contact-wrapper .each-contact-wrapper { } .main-content .fd-title-contact-row .fd-contact-wrapper .each-contact-wrapper .each-contact-label { } .main-content .fd-title-contact-row .fd-contact-wrapper .each-contact-wrapper .each-contact-label i { } .main-content .fd-title-contact-row .fd-contact-wrapper .each-contact-value { } .main-content .spotlight-wrapper iframe { height: 250px; } .main-content .spotlight-wrapper, .main-content .fd-education, .main-content .fd-affiliation, .fd-news, .fd-courses { padding: 15px 15px 50px; } .fd-articles-book-others, .fd-quoted { padding: 15px; } }