// Category Colors @wellness-preventive-care: #2cb1dd; @healthy-living: #CB177D; @money-management: #AAC832; @planning-future: #00B9E7; @work-life-balance: #A5247F; @disease-prevention: #F58220; .article-tile { margin-bottom: 20px; a { color: @dark-grey; .article-tile-wrapper { border-radius: 10px; background-size: cover; background-position: center; background-repeat: no-repeat; width: 100%; min-height: 450px; position: relative; border: solid 2px @light-grey; overflow: hidden; .article-wrapper { background-color: #F1F2F2; position: absolute; bottom: 0px; width: 100%; display: block; padding-bottom: 7px; .article-category { padding: 4px 10px; color: @white; font-weight: 300; background-color: @light-grey; &.wellness-preventive-care { background-color: @wellness-preventive-care; } &.healthy-living { background-color: @healthy-living; } &.money-management { background-color: @money-management; } &.planning-future, &.planning-for-the-future { background-color: @planning-future; } &.work-life-balance { background-color: @work-life-balance; } &.disease-prevention { background-color: @disease-prevention; } } .article-title { h3 { margin: 7px 10px; font-weight: 300; } min-height: 52px; } .article-favorite-count { position: relative; padding: 6px 10px; margin-bottom: 10px; .favorite-heart { &.glyphicon-heart {} } .favorite-count { &.favorite-count-white {} &.favorite-count-black {} } } } } } } /* Health Topics */ .healthtopicsbreadcrumbs { padding-top: 15px; a { text-decoration: none; color: @dark-grey; -webkit-transition: color .5s ease; -moz-transition: color .5s ease; -o-transition: color .5s ease; transition: color .5s ease; } a:hover { text-decoration: underline; -webkit-transition: color .25s ease; -moz-transition: color .25s ease; -o-transition: color .25s ease; transition: color .25s ease } i { margin: 0 7px; } } .health-topic-article-media { position: relative; width: 100%; .health-topic-article-picture, .health-topic-article-video { width: 100%; } .favorite-count-white { color: @white; } .favorite-count-black { color: @black; } } .article-favorite-count { position: absolute; bottom: 0; left: 0; width: 100%; padding: 0 0 10px 10px; cursor: pointer; .favorite-heart { color: #c3007d; } a { &.favorite-heart { color: @brand-raspberry; &:hover { color: @dark-grey; } } } } // .fadeIn { // opacity: 0; // } // #healthArticles { // background: url('../centene/images/ajax-loader.gif') no-repeat center center; // display: block; /* just to make sure the element shares the same dimensions as the browser window when loading (and not the potentially elongated page) */ // height: 100%; // width: 100%; // //overflow: hidden; // } .article-category-heading { font-size: 20px; font-weight: 600; margin-top: 20px; &.wellness-preventive-care { color: @wellness-preventive-care; } &.healthy-living { color: @healthy-living; } &.money-management { color: @money-management; } &.planning-future, &.planning-for-the-future { color: @planning-future; } &.work-life-balance { color: @work-life-balance; } &.disease-prevention { color: @disease-prevention; } } /* Mobile Category Drop Down */ .categories-dropdown { .btn, .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default { background-color: @white; border: 1px solid @brand-secondary-color; color: @brand-secondary-color; text-align: left; width: 100%; i { float: right; padding-top: 4px; } } .dropdown-menu { width: 100%; li { &:not(:last-child) { border-bottom: 1px solid @light-grey; } a { color: @dark-grey; font-size: 1.1em; line-height: 2.428571; } } } } #articleTileViewMore { cursor: pointer; text-align: right; }