div.mac-standard-news-list:not(.card-view) ul { padding: 0; margin-top: 2rem; list-style: none; } div.mac-standard-news-list:not(.card-view) ul li { display: inline-flex; justify-content: space-between; align-items: stretch; margin-bottom: 2rem; } div.mac-standard-news-list:not(.card-view) ul li div.news-image-wrapper { flex: 1; } div.mac-standard-news-list:not(.card-view) ul li div.news-image-wrapper a img { width: 100%; object-fit: contain; height: auto; margin-top: 2rem; margin-bottom: 2rem; } div.mac-standard-news-list:not(.card-view) ul li div.vertical-separator { width: 5px; margin-left: 1rem; margin-right: 1rem; background: #7a003c; } div.mac-standard-news-list:not(.card-view) ul li div.news-description-wrapper { flex: 5; } div.mac-standard-news-list:not(.card-view) ul li div.news-description-wrapper h3 a { color: #7a003c; transition: color 300ms; font-size: 28px !important; } div.mac-standard-news-list:not(.card-view) ul li div.news-description-wrapper h3 a:hover { color: #5E6A71; text-decoration: none; } div.mac-standard-news-list:not(.card-view) ul li div.news-description-wrapper div.summary { margin-bottom: 1rem; font-size: 16px; } div.mac-standard-news-list:not(.card-view) ul li div.news-description-wrapper ul.categories { margin-top: 0; list-style: none; padding-left: 0; } div.mac-standard-news-list:not(.card-view) ul li div.news-description-wrapper ul.categories li, div.mac-standard-news-list:not(.card-view) ul li div.news-description-wrapper ul.categories li.news-category { display: inline-block; padding: 1rem; background: #FDBF57; font-size: 15px; color: black; text-transform: uppercase; } div.mac-standard-news-list:not(.card-view) ul li div.news-description-wrapper ul.categories li.latest, div.mac-standard-news-list:not(.card-view) ul li div.news-description-wrapper ul.categories li.archive, div.mac-standard-news-list:not(.card-view) ul li div.news-description-wrapper ul.categories li.general, div.mac-standard-news-list:not(.card-view) ul li div.news-description-wrapper ul.categories li.article, div.mac-standard-news-list:not(.card-view) ul li div.news-description-wrapper ul.categories li.news-category.latest, div.mac-standard-news-list:not(.card-view) ul li div.news-description-wrapper ul.categories li.news-category.archive, div.mac-standard-news-list:not(.card-view) ul li div.news-description-wrapper ul.categories li.news-category.general, div.mac-standard-news-list:not(.card-view) ul li div.news-description-wrapper ul.categories li.news-category.article { display: none; } div.mac-standard-news-list:not(.card-view) ul li div.news-description-wrapper div.cta-wrapper { display: flex; align-items: center; } div.mac-standard-news-list:not(.card-view) ul li div.news-description-wrapper div.cta-wrapper div.vertical-separator { height: 40px; width: 2px; margin-left: 4rem; margin-right: 4rem; display: inline-block; background: #d5d6d2; } div.mac-standard-news-list:not(.card-view) ul li div.news-description-wrapper div.cta-wrapper p.external { margin-left: 2rem; margin-bottom: 0; color: #5E6A71; } div.mac-standard-news-list:not(.featured-list):not(.news-carousel):not(.card-view) > ul > li { width: 100%; } /******************************** RESPONSIVE ********************************/ @media screen and (max-width: 1500px) { div.mac-standard-news-list ul li div.news-image-wrapper { flex: 2; } div.mac-standard-news-list ul li div.news-description-wrapper { flex: 4; } } @media screen and (max-width: 750px) { div.mac-standard-news-list:not(.card-view) ul li { flex-direction: column; padding-bottom: 2rem; border-bottom: 1px dotted #5E6A71; } div.mac-standard-news-list:not(.card-view) ul li:last-of-type-child { border-bottom: none; } div.mac-standard-news-list:not(.card-view) ul li div.news-image-wrapper { display: flex; justify-content: center; } div.mac-standard-news-list:not(.card-view) ul li div.news-image-wrapper a { text-align: center; } div.mac-standard-news-list:not(.card-view) ul li div.news-image-wrapper a img { width: 85%; height: 100%; padding: 0; } div.mac-standard-news-list:not(.card-view) ul li div.news-description-wrapper { padding: 1.5rem; } } @media screen and (max-width: 450px) { div.mac-standard-news-list ul li div.news-description-wrapper div.cta-wrapper div.vertical-separator { display: none !important; } } div.mac-standard-news-list.featured-list ul { padding: 0; margin-top: 2rem; list-style: none; } div.mac-standard-news-list.featured-list ul li { display: inline-flex; justify-content: space-between; align-items: stretch; margin-bottom: 2rem; } div.mac-standard-news-list.featured-list ul li div.news-image-wrapper { flex: 1; } div.mac-standard-news-list.featured-list ul li div.news-image-wrapper a img { width: 100%; object-fit: contain; height: auto; margin-top: 2rem; margin-bottom: 2rem; } div.mac-standard-news-list.featured-list ul li div.vertical-separator { width: 5px; margin-left: 1rem; margin-right: 1rem; background: #7a003c; } div.mac-standard-news-list.featured-list ul li div.news-description-wrapper { flex: 5; } div.mac-standard-news-list.featured-list ul li div.news-description-wrapper h3 a { color: #7a003c; transition: color 300ms; font-size: 28px !important; } div.mac-standard-news-list.featured-list ul li div.news-description-wrapper h3 a:hover { color: #5E6A71; text-decoration: none; } div.mac-standard-news-list.featured-list ul li div.news-description-wrapper div.summary { margin-bottom: 1rem; font-size: 16px; } div.mac-standard-news-list.featured-list ul li div.news-description-wrapper ul.categories { margin-top: 0; list-style: none; padding-left: 0; } div.mac-standard-news-list.featured-list ul li div.news-description-wrapper ul.categories li, div.mac-standard-news-list.featured-list ul li div.news-description-wrapper ul.categories li.news-category { display: inline-block; padding: 1rem; background: #FDBF57; font-size: 15px; color: black; text-transform: uppercase; } div.mac-standard-news-list.featured-list ul li div.news-description-wrapper ul.categories li.latest, div.mac-standard-news-list.featured-list ul li div.news-description-wrapper ul.categories li.archive, div.mac-standard-news-list.featured-list ul li div.news-description-wrapper ul.categories li.general, div.mac-standard-news-list.featured-list ul li div.news-description-wrapper ul.categories li.article, div.mac-standard-news-list.featured-list ul li div.news-description-wrapper ul.categories li.news-category.latest, div.mac-standard-news-list.featured-list ul li div.news-description-wrapper ul.categories li.news-category.archive, div.mac-standard-news-list.featured-list ul li div.news-description-wrapper ul.categories li.news-category.general, div.mac-standard-news-list.featured-list ul li div.news-description-wrapper ul.categories li.news-category.article { display: none; } div.mac-standard-news-list.featured-list ul li div.news-description-wrapper div.cta-wrapper { display: flex; align-items: center; } div.mac-standard-news-list.featured-list ul li div.news-description-wrapper div.cta-wrapper div.vertical-separator { height: 40px; width: 2px; margin-left: 4rem; margin-right: 4rem; display: inline-block; background: #d5d6d2; } div.mac-standard-news-list.featured-list ul li div.news-description-wrapper div.cta-wrapper p.external { margin-left: 2rem; margin-bottom: 0; color: #5E6A71; } div.mac-standard-news-list.featured-list ul:not(.categories) { display: flex; flex-direction: column; } div.mac-standard-news-list.featured-list ul:not(.categories) li.featured-item { margin-bottom: 3rem; margin-top: 3rem; } div.mac-standard-news-list.featured-list ul:not(.categories) li.featured-item div.featured-header-wrapper { width: 100%; display: flex; align-items: center; margin-top: 2rem; margin-bottom: 2rem; } div.mac-standard-news-list.featured-list ul:not(.categories) li.featured-item div.featured-header-wrapper div.metadata { flex: 3; margin-left: 5rem; padding: 3rem 5rem; background: white; border-top: 1px solid #d5d6d2; border-bottom: 1px solid #d5d6d2; } div.mac-standard-news-list.featured-list ul:not(.categories) li.featured-item div.featured-header-wrapper div.metadata a { color: #7a003c; transition: color 300ms; } div.mac-standard-news-list.featured-list ul:not(.categories) li.featured-item div.featured-header-wrapper div.metadata a h3 { font-size: 35px; color: #7a003c; transition: color 300ms; } div.mac-standard-news-list.featured-list ul:not(.categories) li.featured-item div.featured-header-wrapper div.metadata a h3:hover { color: #5E6A71; } div.mac-standard-news-list.featured-list ul:not(.categories) li.featured-item div.featured-header-wrapper div.metadata a:hover { color: #5E6A71; text-decoration: none; } div.mac-standard-news-list.featured-list ul:not(.categories) li.featured-item div.featured-header-wrapper div.metadata p.date, div.mac-standard-news-list.featured-list ul:not(.categories) li.featured-item div.featured-header-wrapper div.metadata p.author { font-size: 18px; } div.mac-standard-news-list.featured-list ul:not(.categories) li.featured-item div.featured-header-wrapper div.metadata ul.categories { margin-top: 0; list-style: none; padding-left: 0; } div.mac-standard-news-list.featured-list ul:not(.categories) li.featured-item div.featured-header-wrapper div.metadata ul.categories li, div.mac-standard-news-list.featured-list ul:not(.categories) li.featured-item div.featured-header-wrapper div.metadata ul.categories li.news-category { display: inline-block; padding: 1rem; background: #FDBF57; font-size: 15px; color: black; text-transform: uppercase; } div.mac-standard-news-list.featured-list ul:not(.categories) li.featured-item div.featured-header-wrapper div.metadata ul.categories li.latest, div.mac-standard-news-list.featured-list ul:not(.categories) li.featured-item div.featured-header-wrapper div.metadata ul.categories li.archive, div.mac-standard-news-list.featured-list ul:not(.categories) li.featured-item div.featured-header-wrapper div.metadata ul.categories li.general, div.mac-standard-news-list.featured-list ul:not(.categories) li.featured-item div.featured-header-wrapper div.metadata ul.categories li.article, div.mac-standard-news-list.featured-list ul:not(.categories) li.featured-item div.featured-header-wrapper div.metadata ul.categories li.news-category.latest, div.mac-standard-news-list.featured-list ul:not(.categories) li.featured-item div.featured-header-wrapper div.metadata ul.categories li.news-category.archive, div.mac-standard-news-list.featured-list ul:not(.categories) li.featured-item div.featured-header-wrapper div.metadata ul.categories li.news-category.general, div.mac-standard-news-list.featured-list ul:not(.categories) li.featured-item div.featured-header-wrapper div.metadata ul.categories li.news-category.article { display: none; } div.mac-standard-news-list.featured-list ul:not(.categories) li.featured-item div.featured-header-wrapper div.metadata div.summary { margin-top: 1rem; margin-bottom: 2rem; } div.mac-standard-news-list.featured-list ul:not(.categories) li.featured-item div.featured-header-wrapper div.metadata div.cta-wrapper a.mac-btn-wrapper { margin-right: 2rem; } div.mac-standard-news-list.featured-list ul:not(.categories) li.featured-item div.featured-header-wrapper div.metadata div.cta-wrapper p.external { display: inline-block; } div.mac-standard-news-list.featured-list ul:not(.categories) li.featured-item div.featured-header-wrapper div.featured-colour-backdrop { position: absolute; background: #7a003c; width: 30vw; z-index: -1; } div.mac-standard-news-list.featured-list ul:not(.categories) li.featured-item div.featured-header-wrapper div.featured-colour-backdrop.grey { background: #5E6A71; } div.mac-standard-news-list.featured-list ul:not(.categories) li.featured-item div.featured-header-wrapper div.featured-colour-backdrop.gold { background: #FDBF57; } div.mac-standard-news-list.featured-list ul:not(.categories) li.featured-item.right-col div.featured-header-wrapper div.metadata { margin-left: 0; margin-right: 5rem; } div.mac-standard-news-list.featured-list ul:not(.categories) li.featured-item.right-col div.featured-header-wrapper div.featured-colour-backdrop { right: 0; } div.mac-standard-news-list.featured-list ul:not(.categories) li.featured-item.left-col div.featured-header-wrapper div.featured-colour-backdrop { left: 0; } @media screen and (max-width: 1600px) { div.mac-standard-news-list.featured-list ul li.featured-item div.featured-header-wrapper div.featured-colour-backdrop { width: 85%; min-height: 250px; } div.mac-standard-news-list.featured-list ul li.featured-item div.featured-header-wrapper div.metadata { padding: 3rem 6rem; margin-right: 3rem; border-left: 1px solid #d5d6d2; border-right: 1px solid #d5d6d2; -webkit-box-shadow: 3px 5px 12px 3px rgba(48, 54, 57, 0.5); -moz-box-shadow: 3px 5px 12px 3px rgba(48, 54, 57, 0.5); box-shadow: 3px 5px 12px 3px rgba(48, 54, 57, 0.5); } div.mac-standard-news-list.featured-list ul li.featured-item div.featured-header-wrapper div.metadata h3 { font-size: 28px; } div.mac-standard-news-list.featured-list ul li.featured-item div.featured-header-wrapper div.metadata p.date, div.mac-standard-news-list.featured-list ul li.featured-item div.featured-header-wrapper div.metadata p.author { font-size: 16px; } div.mac-standard-news-list.featured-list ul li.featured-item div.featured-header-wrapper div.featured-image a img { height: 250px; } div.mac-standard-news-list.featured-list ul li.featured-item.right-col div.featured-header-wrapper div.metadata { margin-left: 3rem; z-index: 10; } div.mac-standard-news-list.featured-list ul li.featured-item.left-col div.featured-header-wrapper div.metadata { margin-right: 0; z-index: 10; } } @media screen and (max-width: 1100px) { div.mac-standard-news-list.featured-list ul li.featured-item div.featured-header-wrapper { flex-direction: column; } div.mac-standard-news-list.featured-list ul li.featured-item div.featured-header-wrapper div.featured-colour-backdrop { width: 100% !important; min-height: 50px; } div.mac-standard-news-list.featured-list ul li.featured-item div.featured-header-wrapper div.featured-image { margin: 2rem; text-align: center; } div.mac-standard-news-list.featured-list ul li.featured-item div.featured-header-wrapper div.featured-image img { width: 70%; height: auto; border-top: 2px solid #5E6A71; border-bottom: 2px solid #5E6A71; } div.mac-standard-news-list.featured-list ul li.featured-item.right-col div.featured-header-wrapper div.metadata, div.mac-standard-news-list.featured-list ul li.featured-item.left-col div.featured-header-wrapper div.metadata { margin: 3rem 2rem !important; padding: 1rem 2rem; } div.mac-standard-news-list.featured-list ul li.featured-item.right-col div.featured-header-wrapper div.metadata div.cta-wrapper, div.mac-standard-news-list.featured-list ul li.featured-item.left-col div.featured-header-wrapper div.metadata div.cta-wrapper { text-align: center; } } @media screen and (max-width: 750px) { div.mac-standard-news-list.featured-list ul li.featured-item { border-bottom: none; } } @media screen and (max-width: 425px) { div.mac-standard-news-list.featured-list ul li.featured-item div.featured-header-wrapper div.featured-colour-backdrop { min-height: 75px; } div.mac-standard-news-list.featured-list ul li.featured-item div.featured-header-wrapper div.metadata { padding: 1rem 2rem; margin: 2rem 1rem; } div.mac-standard-news-list.featured-list ul li.featured-item div.featured-header-wrapper div.featured-image { margin: 1rem; } div.mac-standard-news-list.featured-list ul li.featured-item div.featured-header-wrapper div.featured-image img { width: 100%; height: auto; border-top: 2px solid #5E6A71; border-bottom: 2px solid #5E6A71; } } div.mac-standard-news-list.news-carousel ul { padding: 0; margin-top: 2rem; list-style: none; } div.mac-standard-news-list.news-carousel ul li { display: inline-flex; justify-content: space-between; align-items: stretch; margin-bottom: 2rem; } div.mac-standard-news-list.news-carousel ul li div.news-image-wrapper { flex: 1; } div.mac-standard-news-list.news-carousel ul li div.news-image-wrapper a img { width: 100%; object-fit: contain; height: auto; margin-top: 2rem; margin-bottom: 2rem; } div.mac-standard-news-list.news-carousel ul li div.vertical-separator { width: 5px; margin-left: 1rem; margin-right: 1rem; background: #7a003c; } div.mac-standard-news-list.news-carousel ul li div.news-description-wrapper { flex: 5; } div.mac-standard-news-list.news-carousel ul li div.news-description-wrapper h3 a { color: #7a003c; transition: color 300ms; font-size: 28px !important; } div.mac-standard-news-list.news-carousel ul li div.news-description-wrapper h3 a:hover { color: #5E6A71; text-decoration: none; } div.mac-standard-news-list.news-carousel ul li div.news-description-wrapper div.summary { margin-bottom: 1rem; font-size: 16px; } div.mac-standard-news-list.news-carousel ul li div.news-description-wrapper ul.categories { margin-top: 0; list-style: none; padding-left: 0; } div.mac-standard-news-list.news-carousel ul li div.news-description-wrapper ul.categories li, div.mac-standard-news-list.news-carousel ul li div.news-description-wrapper ul.categories li.news-category { display: inline-block; padding: 1rem; background: #FDBF57; font-size: 15px; color: black; text-transform: uppercase; } div.mac-standard-news-list.news-carousel ul li div.news-description-wrapper ul.categories li.latest, div.mac-standard-news-list.news-carousel ul li div.news-description-wrapper ul.categories li.archive, div.mac-standard-news-list.news-carousel ul li div.news-description-wrapper ul.categories li.general, div.mac-standard-news-list.news-carousel ul li div.news-description-wrapper ul.categories li.article, div.mac-standard-news-list.news-carousel ul li div.news-description-wrapper ul.categories li.news-category.latest, div.mac-standard-news-list.news-carousel ul li div.news-description-wrapper ul.categories li.news-category.archive, div.mac-standard-news-list.news-carousel ul li div.news-description-wrapper ul.categories li.news-category.general, div.mac-standard-news-list.news-carousel ul li div.news-description-wrapper ul.categories li.news-category.article { display: none; } div.mac-standard-news-list.news-carousel ul li div.news-description-wrapper div.cta-wrapper { display: flex; align-items: center; } div.mac-standard-news-list.news-carousel ul li div.news-description-wrapper div.cta-wrapper div.vertical-separator { height: 40px; width: 2px; margin-left: 4rem; margin-right: 4rem; display: inline-block; background: #d5d6d2; } div.mac-standard-news-list.news-carousel ul li div.news-description-wrapper div.cta-wrapper p.external { margin-left: 2rem; margin-bottom: 0; color: #5E6A71; } div.mac-standard-news-list.news-carousel ul li.rotator { width: 100%; } div.mac-standard-news-list.news-carousel ul li.rotator div.carousel.featured-news { width: 100%; } div.mac-standard-news-list.news-carousel ul li.rotator div.carousel.featured-news div.carousel-inner div.item div.news-box-wrapper { display: flex; justify-content: space-around; margin: 0 auto; width: 80%; } div.mac-standard-news-list.news-carousel ul li.rotator div.carousel.featured-news div.carousel-inner div.item div.news-box-wrapper div.news-box { display: inline-block; width: 32%; border: 1px solid #d5d6d2; -webkit-box-shadow: 0px 1px 20px 0px rgba(48, 54, 57, 0.3); -moz-box-shadow: 0px 1px 20px 0px rgba(48, 54, 57, 0.3); box-shadow: 0px 1px 20px 0px rgba(48, 54, 57, 0.3); padding-bottom: 1.25rem; } div.mac-standard-news-list.news-carousel ul li.rotator div.carousel.featured-news div.carousel-inner div.item div.news-box-wrapper div.news-box div.news-image-wrapper { text-align: center; } div.mac-standard-news-list.news-carousel ul li.rotator div.carousel.featured-news div.carousel-inner div.item div.news-box-wrapper div.news-box div.news-image-wrapper ul.categories { margin-top: 0; list-style: none; padding-left: 0; } div.mac-standard-news-list.news-carousel ul li.rotator div.carousel.featured-news div.carousel-inner div.item div.news-box-wrapper div.news-box div.news-image-wrapper ul.categories li, div.mac-standard-news-list.news-carousel ul li.rotator div.carousel.featured-news div.carousel-inner div.item div.news-box-wrapper div.news-box div.news-image-wrapper ul.categories li.news-category { display: inline-block; padding: 1rem; background: #FDBF57; font-size: 15px; color: black; text-transform: uppercase; } div.mac-standard-news-list.news-carousel ul li.rotator div.carousel.featured-news div.carousel-inner div.item div.news-box-wrapper div.news-box div.news-image-wrapper ul.categories li.latest, div.mac-standard-news-list.news-carousel ul li.rotator div.carousel.featured-news div.carousel-inner div.item div.news-box-wrapper div.news-box div.news-image-wrapper ul.categories li.archive, div.mac-standard-news-list.news-carousel ul li.rotator div.carousel.featured-news div.carousel-inner div.item div.news-box-wrapper div.news-box div.news-image-wrapper ul.categories li.general, div.mac-standard-news-list.news-carousel ul li.rotator div.carousel.featured-news div.carousel-inner div.item div.news-box-wrapper div.news-box div.news-image-wrapper ul.categories li.article, div.mac-standard-news-list.news-carousel ul li.rotator div.carousel.featured-news div.carousel-inner div.item div.news-box-wrapper div.news-box div.news-image-wrapper ul.categories li.news-category.latest, div.mac-standard-news-list.news-carousel ul li.rotator div.carousel.featured-news div.carousel-inner div.item div.news-box-wrapper div.news-box div.news-image-wrapper ul.categories li.news-category.archive, div.mac-standard-news-list.news-carousel ul li.rotator div.carousel.featured-news div.carousel-inner div.item div.news-box-wrapper div.news-box div.news-image-wrapper ul.categories li.news-category.general, div.mac-standard-news-list.news-carousel ul li.rotator div.carousel.featured-news div.carousel-inner div.item div.news-box-wrapper div.news-box div.news-image-wrapper ul.categories li.news-category.article { display: none; } div.mac-standard-news-list.news-carousel ul li.rotator div.carousel.featured-news div.carousel-inner div.item div.news-box-wrapper div.news-box div.news-image-wrapper ul.categories li.news-category { width: 100%; } div.mac-standard-news-list.news-carousel ul li.rotator div.carousel.featured-news div.carousel-inner div.item div.news-box-wrapper div.news-box div.news-image-wrapper img { width: 100%; margin: 0; } div.mac-standard-news-list.news-carousel ul li.rotator div.carousel.featured-news div.carousel-inner div.item div.news-box-wrapper div.news-box div.info { display: flex; flex-direction: column; margin-left: 1rem; margin-right: 1rem; } div.mac-standard-news-list.news-carousel ul li.rotator div.carousel.featured-news div.carousel-inner div.item div.news-box-wrapper div.news-box div.info a { color: #7a003c; transition: color 300ms; } div.mac-standard-news-list.news-carousel ul li.rotator div.carousel.featured-news div.carousel-inner div.item div.news-box-wrapper div.news-box div.info a:hover { color: #5E6A71; text-decoration: none; } div.mac-standard-news-list.news-carousel ul li.rotator div.carousel.featured-news div.carousel-inner div.item div.news-box-wrapper div.news-box div.info a h4.title { color: #7a003c; transition: color 300ms; } div.mac-standard-news-list.news-carousel ul li.rotator div.carousel.featured-news div.carousel-inner div.item div.news-box-wrapper div.news-box div.info a h4.title:hover { color: #5E6A71; text-decoration: none; } div.mac-standard-news-list.news-carousel ul li.rotator div.carousel.featured-news div.carousel-inner div.item div.news-box-wrapper div.news-box div.info div.metadata p.author, div.mac-standard-news-list.news-carousel ul li.rotator div.carousel.featured-news div.carousel-inner div.item div.news-box-wrapper div.news-box div.info div.metadata p.date { display: inline-block; width: 48%; } div.mac-standard-news-list.news-carousel ul li.rotator div.carousel.featured-news div.carousel-inner div.item div.news-box-wrapper div.news-box div.info div.metadata p.author { color: #5E6A71; float: right; } div.mac-standard-news-list.news-carousel ul li.rotator div.carousel.featured-news div.carousel-inner div.item div.news-box-wrapper div.news-box div.info div.metadata br.clearfix { clear: both; } div.mac-standard-news-list.news-carousel ul li.rotator div.carousel.featured-news div.carousel-inner div.item div.news-box-wrapper div.news-box div.info div.metadata a.small-btn-wrapper { float: right; margin-right: 1.5rem; } div.mac-standard-news-list.news-carousel ul li.rotator div.carousel.featured-news a.carousel-control { background-image: none; } div.mac-standard-news-list.news-carousel ul li.rotator div.carousel.featured-news a.carousel-control.left, div.mac-standard-news-list.news-carousel ul li.rotator div.carousel.featured-news a.carousel-control.right { width: 10%; transition: opacity 300ms; } div.mac-standard-news-list.news-carousel ul li.rotator div.carousel.featured-news a.carousel-control.left span.icon-prev svg, div.mac-standard-news-list.news-carousel ul li.rotator div.carousel.featured-news a.carousel-control.left span.icon-next svg, div.mac-standard-news-list.news-carousel ul li.rotator div.carousel.featured-news a.carousel-control.right span.icon-prev svg, div.mac-standard-news-list.news-carousel ul li.rotator div.carousel.featured-news a.carousel-control.right span.icon-next svg { height: 40px; width: 40px; } div.mac-standard-news-list.news-carousel ul li.rotator div.carousel.featured-news a.carousel-control.left span.icon-prev::before { content: none; } div.mac-standard-news-list.news-carousel ul li.rotator div.carousel.featured-news a.carousel-control.right span.icon-next::before { content: none; } @media screen and (max-width: 750px) { div.mac-standard-news-list.news-carousel ul li.rotator { border-bottom: none; } } @media screen and (max-width: 900px) { div.mac-standard-news-list.news-carousel ul li.rotator div.carousel.featured-news div.carousel-inner div.item div.news-box-wrapper { width: 90%; } div.mac-standard-news-list.news-carousel ul li.rotator div.carousel.featured-news div.carousel-inner div.item div.news-box-wrapper div.news-box div.info a h4 { font-size: 22px !important; } div.mac-standard-news-list.news-carousel ul li.rotator div.carousel.featured-news a.carousel-control.left span.icon-prev { left: 0; } div.mac-standard-news-list.news-carousel ul li.rotator div.carousel.featured-news a.carousel-control.left, div.mac-standard-news-list.news-carousel ul li.rotator div.carousel.featured-news a.carousel-control.right { width: 6%; } } @media screen and (max-width: 750px) { div.mac-standard-news-list.news-carousel ul li.rotator div.carousel.featured-news div.carousel-inner div.item div.news-box-wrapper { width: 80%; flex-direction: column; align-items: center; } div.mac-standard-news-list.news-carousel ul li.rotator div.carousel.featured-news div.carousel-inner div.item div.news-box-wrapper div.news-box { width: 100%; display: inline-flex; justify-content: space-around; margin-bottom: 1rem; padding: 1rem; } div.mac-standard-news-list.news-carousel ul li.rotator div.carousel.featured-news div.carousel-inner div.item div.news-box-wrapper div.news-box div.news-image-wrapper { width: 40%; display: inline-block; } div.mac-standard-news-list.news-carousel ul li.rotator div.carousel.featured-news div.carousel-inner div.item div.news-box-wrapper div.news-box div.info { width: 55%; display: inline-block; padding-top: 1rem; } div.mac-standard-news-list.news-carousel ul li.rotator div.carousel.featured-news div.carousel-inner div.item div.news-box-wrapper div.news-box div.info a.small-btn-wrapper { display: none; } } @media screen and (max-width: 650px) { div.mac-standard-news-list.news-carousel ul li.rotator div.carousel.featured-news div.carousel-inner div.item div.news-box-wrapper div.news-box { display: block; } div.mac-standard-news-list.news-carousel ul li.rotator div.carousel.featured-news div.carousel-inner div.item div.news-box-wrapper div.news-box div.news-image-wrapper { width: 100%; display: block; } div.mac-standard-news-list.news-carousel ul li.rotator div.carousel.featured-news div.carousel-inner div.item div.news-box-wrapper div.news-box div.info { width: 100%; display: block; } } div.mac-standard-news-list.card-view ul.news-list { list-style: none; display: flex; flex-wrap: wrap; align-items: stretch; justify-content: space-around; padding: 0; } div.mac-standard-news-list.card-view ul.news-list li:not(.news-category) { border: 1px solid rgba(213, 214, 210, 0.65); width: 30%; margin-bottom: 2rem; margin-top: 2rem; display: flex; flex-direction: column; } div.mac-standard-news-list.card-view ul.news-list li:not(.news-category) div.news-image-wrapper, div.mac-standard-news-list.card-view ul.news-list li:not(.news-category) div.news-text-wrapper { width: 90%; margin: 2rem auto; } div.mac-standard-news-list.card-view ul.news-list li:not(.news-category) div.news-image-wrapper { flex: 1; } div.mac-standard-news-list.card-view ul.news-list li:not(.news-category) div.news-image-wrapper a img { max-width: 100%; height: auto; } div.mac-standard-news-list.card-view ul.news-list li:not(.news-category) div.news-image-wrapper a ul.categories { margin-top: 0; list-style: none; padding-left: 0; } div.mac-standard-news-list.card-view ul.news-list li:not(.news-category) div.news-image-wrapper a ul.categories li, div.mac-standard-news-list.card-view ul.news-list li:not(.news-category) div.news-image-wrapper a ul.categories li.news-category { display: inline-block; padding: 1rem; background: #FDBF57; font-size: 15px; color: black; text-transform: uppercase; } div.mac-standard-news-list.card-view ul.news-list li:not(.news-category) div.news-image-wrapper a ul.categories li.latest, div.mac-standard-news-list.card-view ul.news-list li:not(.news-category) div.news-image-wrapper a ul.categories li.archive, div.mac-standard-news-list.card-view ul.news-list li:not(.news-category) div.news-image-wrapper a ul.categories li.general, div.mac-standard-news-list.card-view ul.news-list li:not(.news-category) div.news-image-wrapper a ul.categories li.article, div.mac-standard-news-list.card-view ul.news-list li:not(.news-category) div.news-image-wrapper a ul.categories li.news-category.latest, div.mac-standard-news-list.card-view ul.news-list li:not(.news-category) div.news-image-wrapper a ul.categories li.news-category.archive, div.mac-standard-news-list.card-view ul.news-list li:not(.news-category) div.news-image-wrapper a ul.categories li.news-category.general, div.mac-standard-news-list.card-view ul.news-list li:not(.news-category) div.news-image-wrapper a ul.categories li.news-category.article { display: none; } div.mac-standard-news-list.card-view ul.news-list li:not(.news-category) div.news-image-wrapper a ul.categories li.news-category { width: 100%; } div.mac-standard-news-list.card-view ul.news-list li:not(.news-category) div.news-text-wrapper { flex: 3; margin-top: 1rem; margin-bottom: 1rem; } div.mac-standard-news-list.card-view ul.news-list li:not(.news-category) div.news-text-wrapper h3, div.mac-standard-news-list.card-view ul.news-list li:not(.news-category) div.news-text-wrapper h3 a { font-size: 25px; color: #232324; letter-spacing: 1px; font-weight: 500; } div.mac-standard-news-list.card-view ul.news-list li:not(.news-category) div.news-text-wrapper p { line-break: normal; } div.mac-standard-news-list.card-view ul.news-list li:not(.news-category) div.news-text-wrapper p.date { font-size: 14px; font-style: italic; } div.mac-standard-news-list.card-view ul.news-list li:not(.news-category) div.cta-wrapper { margin-top: 1.5rem; margin-bottom: 1rem; } div.mac-standard-news-list.card-view ul.news-list li:not(.news-category) div.cta-wrapper p.external { display: none; } @media screen and (max-width: 1300px) { div.mac-standard-news-list.card-view ul.news-list li:not(.news-category) { width: 45%; } } @media screen and (max-width: 650px) { div.mac-standard-news-list.card-view ul.news-list li:not(.news-category) { width: 95%; } div.mac-standard-news-list.card-view ul.news-list li:not(.news-category) div.news-image-wrapper, div.mac-standard-news-list.card-view ul.news-list li:not(.news-category) div.news-text-wrapper { flex: 1; } } @media screen and (max-width: 500px) { div.mac-standard-news-list.card-view ul.news-list li:not(.news-category) div.news-image-wrapper { flex: 1; } div.mac-standard-news-list.card-view ul.news-list li:not(.news-category) div.news-text-wrapper { flex: 2; } } span.returnToReadingToggle { padding-left: 1rem; } div.mac-standard-news-detail { margin-bottom: 3rem; } div.mac-standard-news-detail.dateless p.date { display: none; } div.mac-standard-news-detail div.featured-header-wrapper { width: 100%; display: flex; align-items: center; margin-top: 2rem; margin-bottom: 2rem; } div.mac-standard-news-detail div.featured-header-wrapper div.metadata { flex: 3; margin-left: 5rem; padding: 3rem 5rem; background: white; border-top: 1px solid #d5d6d2; border-bottom: 1px solid #d5d6d2; } div.mac-standard-news-detail div.featured-header-wrapper div.metadata a { color: #7a003c; transition: color 300ms; } div.mac-standard-news-detail div.featured-header-wrapper div.metadata a h3 { font-size: 35px; color: #7a003c; transition: color 300ms; } div.mac-standard-news-detail div.featured-header-wrapper div.metadata a h3:hover { color: #5E6A71; } div.mac-standard-news-detail div.featured-header-wrapper div.metadata a:hover { color: #5E6A71; text-decoration: none; } div.mac-standard-news-detail div.featured-header-wrapper div.metadata p.date, div.mac-standard-news-detail div.featured-header-wrapper div.metadata p.author { font-size: 18px; } div.mac-standard-news-detail div.featured-header-wrapper div.metadata ul.categories { margin-top: 0; list-style: none; padding-left: 0; } div.mac-standard-news-detail div.featured-header-wrapper div.metadata ul.categories li, div.mac-standard-news-detail div.featured-header-wrapper div.metadata ul.categories li.news-category { display: inline-block; padding: 1rem; background: #FDBF57; font-size: 15px; color: black; text-transform: uppercase; } div.mac-standard-news-detail div.featured-header-wrapper div.metadata ul.categories li.latest, div.mac-standard-news-detail div.featured-header-wrapper div.metadata ul.categories li.archive, div.mac-standard-news-detail div.featured-header-wrapper div.metadata ul.categories li.general, div.mac-standard-news-detail div.featured-header-wrapper div.metadata ul.categories li.article, div.mac-standard-news-detail div.featured-header-wrapper div.metadata ul.categories li.news-category.latest, div.mac-standard-news-detail div.featured-header-wrapper div.metadata ul.categories li.news-category.archive, div.mac-standard-news-detail div.featured-header-wrapper div.metadata ul.categories li.news-category.general, div.mac-standard-news-detail div.featured-header-wrapper div.metadata ul.categories li.news-category.article { display: none; } div.mac-standard-news-detail div.featured-header-wrapper div.metadata div.summary { margin-top: 1rem; margin-bottom: 2rem; } div.mac-standard-news-detail div.featured-header-wrapper div.metadata div.cta-wrapper a.mac-btn-wrapper { margin-right: 2rem; } div.mac-standard-news-detail div.featured-header-wrapper div.metadata div.cta-wrapper p.external { display: inline-block; } div.mac-standard-news-detail div.featured-header-wrapper div.featured-colour-backdrop { position: absolute; background: #7a003c; width: 30vw; z-index: -1; } div.mac-standard-news-detail div.featured-header-wrapper div.featured-colour-backdrop.grey { background: #5E6A71; } div.mac-standard-news-detail div.featured-header-wrapper div.featured-colour-backdrop.gold { background: #FDBF57; } div.mac-standard-news-detail.right-col div.featured-header-wrapper div.metadata { margin-left: 0; margin-right: 5rem; } div.mac-standard-news-detail.right-col div.featured-header-wrapper div.featured-colour-backdrop { right: 0; } div.mac-standard-news-detail.left-col div.featured-header-wrapper div.featured-colour-backdrop { left: 0; } div.mac-standard-news-detail div.featured-header-wrapper div.featured-image figcaption { max-width: 500px; margin: auto; padding: 1rem; } div.mac-standard-news-detail div.content { margin-top: 6rem; margin-bottom: 4rem; padding: 2rem; border-top: 2px solid #FDBF57; overflow-x: auto; } div.mac-standard-news-detail div.content p sup, div.mac-standard-news-detail div.content p sup a, div.mac-standard-news-detail div.content ul li sup, div.mac-standard-news-detail div.content ul li sup a, div.mac-standard-news-detail div.content ol li sup, div.mac-standard-news-detail div.content ol li sup a { font-size: 85% !important; } div.mac-standard-news-detail div.content p img, div.mac-standard-news-detail div.content img { max-width: 100%; height: auto; } div.mac-standard-news-detail div.container div.md-col-8 div.about-this-author { display: flex; justify-content: flex-start; } div.mac-standard-news-detail div.container div.md-col-8 div.about-this-author div.author-photo img { border-radius: 100%; border: 2px solid #FDBF57; width: 150px; height: auto; } div.mac-standard-news-detail div.container div.md-col-8 div.about-this-author div.author-content { margin-left: 4rem; } @media screen and (max-width: 1600px) { div.mac-standard-news-detail div.featured-header-wrapper div.featured-colour-backdrop { width: 85%; min-height: 250px; } div.mac-standard-news-detail div.featured-header-wrapper div.metadata { padding: 3rem 6rem; margin-right: 3rem; border-left: 1px solid #d5d6d2; border-right: 1px solid #d5d6d2; -webkit-box-shadow: 3px 5px 12px 3px rgba(48, 54, 57, 0.5); -moz-box-shadow: 3px 5px 12px 3px rgba(48, 54, 57, 0.5); box-shadow: 3px 5px 12px 3px rgba(48, 54, 57, 0.5); } div.mac-standard-news-detail div.featured-header-wrapper div.metadata h3 { font-size: 28px; } div.mac-standard-news-detail div.featured-header-wrapper div.metadata p.date, div.mac-standard-news-detail div.featured-header-wrapper div.metadata p.author { font-size: 16px; } div.mac-standard-news-detail div.featured-header-wrapper div.featured-image a img { height: 250px; } div.mac-standard-news-detail.right-col div.featured-header-wrapper div.metadata { margin-left: 3rem; z-index: 10; } div.mac-standard-news-detail.left-col div.featured-header-wrapper div.metadata { margin-right: 0; z-index: 10; } } @media screen and (max-width: 1350px) { div.mac-standard-news-detail div.featured-header-wrapper { flex-direction: column; } div.mac-standard-news-detail div.featured-header-wrapper div.featured-colour-backdrop { width: 100% !important; min-height: 50px; } div.mac-standard-news-detail div.featured-header-wrapper div.featured-image { margin: 2rem; text-align: center; } div.mac-standard-news-detail div.featured-header-wrapper div.featured-image img { width: 70%; height: auto; border-top: 2px solid #5E6A71; border-bottom: 2px solid #5E6A71; } div.mac-standard-news-detail.right-col div.featured-header-wrapper div.metadata, div.mac-standard-news-detail.left-col div.featured-header-wrapper div.metadata { margin: 3rem 2rem !important; padding: 1rem 2rem; } div.mac-standard-news-detail.right-col div.featured-header-wrapper div.metadata div.cta-wrapper, div.mac-standard-news-detail.left-col div.featured-header-wrapper div.metadata div.cta-wrapper { text-align: center; } div.mac-standard-news-detail div.featured-header-wrapper div.metadata { margin-top: 25px; margin-right: 2rem; margin-left: 2rem; } } @media screen and (max-width: 800px) { div.mac-standard-news-detail div.container div.md-col-8 div.about-this-author { flex-direction: column; text-align: center; } div.mac-standard-news-detail div.container div.md-col-8 div.about-this-author div.author-content { margin: 1rem; } } @media screen and (max-width: 425px) { div.mac-standard-news-detail div.featured-header-wrapper div.featured-colour-backdrop { min-height: 75px; } div.mac-standard-news-detail div.featured-header-wrapper div.metadata { padding: 1rem 2rem; margin: 2rem 1rem; } div.mac-standard-news-detail div.featured-header-wrapper div.featured-image { margin: 1rem; } div.mac-standard-news-detail div.featured-header-wrapper div.featured-image img { width: 100%; height: auto; border-top: 2px solid #5E6A71; border-bottom: 2px solid #5E6A71; } div.mac-standard-news-detail div.content { padding: 2rem 1rem; } } /*# sourceMappingURL=news.css.map */