.page-listing-wrapper  {  }
.page-listing-wrapper .page-listing-title {  }
.page-listing-wrapper .page-listing-title .title { position: relative; }
.page-listing-wrapper .page-listing-title h1.title { font-size: 52px; }
.page-listing-wrapper .page-listing-title h2.title { font-size: 36px; }
.page-listing-wrapper .page-listing-title h2.title.bigger-size { font-size: 52px; }
.page-listing-wrapper .page-listing-title h3.title { font-size: 32px; }
.page-listing-wrapper .page-listing-title h4.title { font-size: 28px; }
.page-listing-wrapper .page-listing-title h5.title { font-size: 24px; }
.page-listing-wrapper .page-listing-title h6.title { font-size: 18px; }
.page-listing-wrapper .page-listing-title .title:before { content: ''; background-color: rgba(0,0,0,0.17); height: 2px; position: absolute; top: 50%; left: 0; width: 100%; }
.page-listing-wrapper .page-listing-title .title span { background-color: #ffffff; display: inline-block; z-index: 2; position: relative; padding-right: 10px; }
.page-listing-wrapper .pages-wrapper { margin-left: -15px; margin-right: -15px; }
.page-listing-wrapper .pages-wrapper:after { content: ''; clear: both; display: block; }
.page-listing-wrapper .page-wrapper { width: 50%; float: left; padding: 0 15px; }
.page-listing-wrapper .page-wrapper .page-name { height: 100%; }
.page-listing-wrapper .page-wrapper .page-name a { display: block; position: relative; padding: 15px 20px 15px 0; border-bottom: 1px solid rgba(0,0,0,0.25); margin-bottom: 15px; color: #990000; }
.page-listing-wrapper .page-wrapper .page-name a img { width: 20px; position: absolute; top: calc(50% - 6px); right: 0; }


.page-listing-wrapper.topic-academic-programs .page-wrapper .page-name a { font-size: 20px; }
.page-listing-wrapper.topic-academic-programs .page-wrapper .page-name a:after { content: ''; width: 25px; height: 25px; position: absolute; right: 0; background-image: url(https://gould.usc.edu/wp-content/uploads/2023/03/icon-right-arrow.png); background-repeat: no-repeat; background-position: center right; }

@media only screen and (min-width: 320px) and (max-width: 767px) {
	.page-listing-wrapper .page-wrapper { width: 100%; }
	.page-listing-wrapper .page-listing-title h2.title.bigger-size { font-size: 36px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.page-listing-wrapper .page-listing-title h2.title.bigger-size { font-size: 42px; }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.page-listing-wrapper .page-listing-title h2.title.bigger-size { font-size: 42px; }
}