/* VARIABLES */ /* * scss-docs-start theme-color-variables * $brand-success: $green; * $brand-info: $teal; * $brand-warning: $orange; * $brand-danger: $red; */ /* * Body * Settings for the `` element. */ /* * Links * Style anchor elements. * $link-color: $accent-shade; * $link-hover-color: $accent-dark; * $link-hover-decoration: underline; */ /* * Comments * Breadcrumbs (Works only on Bootstrap 5+) * $breadcrumb-divider: quote(">"); */ /* Responsive font sizes * Breadcrumbs (Works only on Bootstrap 5+) * $breadcrumb-divider: quote(">"); * */ /* TYPOGRAPHY */ /* Google Fonts */ .view-media-center .view-header { margin-bottom: 4rem; } .view-media-center .view-header .media-header .media-title { color: #14213d; text-transform: capitalize; } .view-media-center .view-header .media-header .media-description { color: #14213d; font-size: 1.25rem; margin: 2rem 0 3.5rem 0; } .view-media-center .view-content .node--type-news-events.node--view-mode-listing { margin-bottom: 1.5rem; } .view-media-center .view-content .node--type-news-events.node--view-mode-listing .media-center-box { position: relative; } .view-media-center .view-content .node--type-news-events.node--view-mode-listing .media-center-box .field--name-field-media-image img { filter: brightness(0.5); } .view-media-center .view-content .node--type-news-events.node--view-mode-listing .media-center-box .field--name-field-media-image::after { content: url("../../images/button.svg"); position: absolute; top: 20%; left: 43%; opacity: 0; transition: opacity 0.3s ease-in-out; } .view-media-center .view-content .node--type-news-events.node--view-mode-listing .media-center-box .media-category-box { position: absolute; top: 0; width: max-content; background: #ede5dd; padding: 0.5rem; font-size: 1.125rem; color: #a47f55; } .view-media-center .view-content .node--type-news-events.node--view-mode-listing .media-center-box .media-center-info .field--name-node-title { margin: 0.25rem 0; } .view-media-center .view-content .node--type-news-events.node--view-mode-listing .media-center-box .media-center-info .field--name-node-title h6 { margin-bottom: 0; } .view-media-center .view-content .node--type-news-events.node--view-mode-listing .media-center-box .media-center-info .field--name-node-title h6 a { color: #14213d; transition: opacity 0.3s ease-in-out; } .view-media-center .view-content .node--type-news-events.node--view-mode-listing .media-center-box .media-center-info .field--name-node-title h6 a::before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; } .view-media-center .view-content .node--type-news-events.node--view-mode-listing .media-center-box .media-center-info .field--name-node-post-date { color: #52402b; font-size: 1rem; } .view-media-center .view-content .node--type-news-events.node--view-mode-listing .media-center-box .media-center-info .field--name-body { color: #14213d; font-size: 1.25rem; font-weight: 400; opacity: 0; transition: opacity 0.3s ease-in-out; } @media (max-width: 74.99875rem) { .view-media-center .view-content .node--type-news-events.node--view-mode-listing .media-center-box .media-center-info .field--name-body { opacity: 1; } } .view-media-center .view-content .node--type-news-events.node--view-mode-listing .media-center-box:hover .field--name-field-media-image::after { opacity: 1; } .view-media-center .view-content .node--type-news-events.node--view-mode-listing .media-center-box:hover .media-center-info .field--name-node-title { text-decoration: underline; } .view-media-center .view-content .node--type-news-events.node--view-mode-listing .media-center-box:hover .media-center-info .field--name-body { opacity: 1; }