.header-back.one { /*background-color: #336666;*/ }

.highlights { padding: 50px; }

.highlights div.highlight { font-size: 3em; padding-left: 200px; font-weight: bold; color: #333; padding-bottom: 15px; }

@media (max-width: 767.98px) { .highlights div.highlight { font-size: 2em; padding-left: 125px; } }

@media (max-width: 575.98px) { .highlights div.highlight { font-size: 1.5em; text-align: center; padding-left: 0px; } }

.highlights div span { color: #1ab394; }

.highlights p { text-align: center; padding-top: 25px; }

.article-preview .banner { max-width: 550px; max-height: 450px; background-color: red; }

.article-preview h2 { margin-bottom: 10px; }

.article-preview ul.tags { padding-left: 0; padding-bottom: 10px; }

.article-preview .tags li { display: inline; font-weight: bold; padding-right: 20px; font-size: 0.85em; color: #999; }

figure { overflow: hidden; }

/* Shine */
.article-preview .banner figure { position: relative; }

.article-preview .banner figure::before { position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); pointer-events: none; }

.article-preview .banner figure:hover::before { -webkit-animation: shine .75s; animation: shine .75s; }

@-webkit-keyframes shine { 100% { left: 125%; } }

@keyframes shine { 100% { left: 125%; } }

blockquote p { font-style: italic; }

.card { margin-bottom: 40px; border-width: 0px; border-radius: 10px; height: 450px; /* add shadow */ box-shadow: 0px 0px 5px #ccc; overflow: hidden; }

.card .card-header { background-color: #f5f5f5; border-bottom: 1px solid #ccc; height: 150px; display: flex; justify-content: center; align-items: center; }

.card .card-header img { max-width: 75%; max-height: 130px; }

.card .card-body { padding: 1em; display: flex; flex-direction: column; justify-content: space-between; height: 300px; }

.card .card-body .card-body-container { display: flex; flex-direction: column; }

.card .card-body .card-body-container h3 { font-size: 1.2em; }

.card .card-body .card-body-container p { font-size: 0.8em; }

.card .card-body .card-button { justify-self: flex-end; }

.card .card-body .card-button a { color: #1ab394; border-color: #1ab394; font-weight: bold; width: 100%; }

/*# sourceMappingURL=style_for_clients.css.map */