/**
* This stylesheet contains css for Mayo Clinic Connect styled sites.
* It styles certain platform elements similarly while still allowing each site
* to have it's own unique and slightly different look/stylesheet.
*/

.sans-serif {font-family: 'mayo-sans', 'MayoClinicSans', sans-serif;}

/***************************************
* General styling
***************************************/
select {
    font-family: 'mayo-sans', 'MayoClinicSans', sans-serif;
    background-color: #fff;
    color: #000;
    -webkit-appearance: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 6px;
    border: 1px solid #7a7a7a;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-image: url("https://www.mayoclinic.org/~/media/60AF967F5DA44410A3537E23518615C4.svg");
    background-repeat: no-repeat;
    background-position: calc(100% - 13px) 10px;
    background-size: 15px;
    padding-right: 34px;
}
select::-ms-expand {
    display: none; /* Hide the default arrow in Internet Explorer 10 and Internet Explorer 11 */
}
select {
    width: auto;
}

/***************************************
* Events page styling
***************************************/
.ch-event-directory label {font-family: 'mayo-sans', 'MayoClinicSans', sans-serif;font-size: 18px;}
.ch-event-directory .ch-event-upcoming-previous-filter a {font-size: 14px;padding: 8px 12px !important;}
.ch-event-directory .ch-event-upcoming-previous-filter a.active {color: #333;background-color: #d4d4d4;border-color: #8c8c8c;}
.ch-event-directory .event-sort-header .sort-form label {margin-bottom: 0px;margin-top: 5px;}
.ch-event-directory .event-filter input[type=text], .ch-event-directory select {
    font-family: 'mayo-sans', 'MayoClinicSans', sans-serif;
    background-color: #fff;
    color: #000;
    -webkit-appearance: none;
    -webkit-box-shadow: inset 0px 1px 3px rgba(0,0,0,0.3);
    box-shadow: inset 0px 1px 3px rgba(0,0,0,0.3);
    border-radius: 17.5px;
    border: none;
    width: 100%;
}
.ch-event-directory label.checkbox {margin-top: 0px;font-size: 16px;}
.ch-event-directory select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-image: url("/wp-content/themes/velocity/Public/images/dropdown_dark.png");
    background-repeat: no-repeat;
    background-position: calc(100% - 13px) 14px;
    padding-right: 34px;

}
.ch-event-directory select::-ms-expand {
    display: none; /* Hide the default arrow in Internet Explorer 10 and Internet Explorer 11 */
}
.ch-event-directory .event-sort-header select {
    width: auto;
}
.ch-event-directory .event-filter #event-filter-toggle {margin-top: 10px;}
.ch-event-directory .event-sort-header.has-search-results {margin-bottom: 30px;}
.ch-event-directory .event-item p {font-size: 18px;}
.ch-event-directory .event-item .event-meta {font-family: 'mayo-sans', 'MayoClinicSans', sans-serif;}
.ch-event-directory .event-item .event-categories {font-family: 'mayo-sans', 'MayoClinicSans', sans-serif; color: #999;}
.ch-event-directory .event-item .event-categories a {text-decoration: underline;}
.ch-event-directory .filter-buttons .btn {padding: 7px 11px;}
.ch-event-directory .btn-default {background: none;border: 1px solid #0057b8;color: #0057b8;}
.ch-event-directory .btn-skel-generic {background: #0057b8 !important;}
.ch-event-directory .event-filter #event-filter-toggle i {display: none;}
.ch-event-directory .chPagination a {text-transform: none;}

@media (max-width: 991px) and (min-width: 768px) {
    .ch-event-directory .event-filter h2 {font-size: 32px;}
    .ch-event-directory label {font-size: 15px;}
}

@media (min-width: 768px) {
    .ch-event-directory .event-sort-header .sort-form {margin-top: 6px;}
    .ch-events .event-item .col-sm-4 {margin-top: 8px;}
}
@media (max-width: 767px) {
    .ch-event-directory .event-filter h2 {font-size: 32px;}
    .ch-event-directory .event-sort-header.has-search-results {padding-top: 30px; padding-bottom: 30px;}
    .ch-event-directory .event-sort-header .search-summary {margin-top: 0px;margin-bottom: 0px;}
    .ch-event-directory .event-sort-header h2 {font-size: 32px;}
}

/*******************************************
* Single event page
*******************************************/
.ch-event-banner-header .ch-event-title {font-size: 40px;}
.ch-event-banner-header .ch-event-date {line-height: 1.2;}
.ch-event-description p, .event-categories, .breakout-description p, .breakout-session-toggle {font-size: 18px;}
.ch-event-location, .ch-event-contact-row {font-family: 'mayo-sans', 'MayoClinicSans', sans-serif;font-size: 16px;}
.breakout-description p, .breakout-session-toggle {font-family: 'mayo-sans', 'MayoClinicSans', sans-serif;}
.ch-event-breakouts .breakout-window-time {font-size: 18px;}
.ch-event-breakouts .breakout-session-toggle {
    background-position: left 6px;
    background-size: auto 15px;
}
.ch-event-wrap .alert-info {color: #fff; background-color: #009CDE; border-color: #009CDE;}
.ch-event-action-buttons li a {font-size: 14px;}
@media (max-width: 991px) and (min-width: 768px){
    .title-location {font-size: 14px;}
    .ch-event-banner-header .ch-event-date {font-size: 16px;}
    .ch-event-banner-header .ch-event-title {
        font-size: 26px !important;
        margin-bottom: 15px;
    }
}

/***************************************
* Tabs
***************************************/
.ch-tab-container li a {font-family:'mayo-sans', 'MayoClinicSans', sans-serif;font-size: 18px;}

/***************************************
* Pagination
***************************************/
ul.pagination {border-radius: 0px;font-family:'mayo-sans', 'MayoClinicSans', sans-serif;}
.pagination > li > a, .pagination > li > span {color: #009CDE;}
ul.pagination > li:first-child > a,
ul.pagination > li:first-child > span,
ul.pagination > li:last-child > a,
ul.pagination > li:last-child > span {border-radius: 0px;}
ul.pagination > .active > a, ul.pagination > .active > a:focus,
ul.pagination > .active > a:hover, ul.pagination > .active > span,
ul.pagination > .active > span:focus, ul.pagination > .active > span:hover {background: #009CDE;}
.ch-pagination-header {background: none;}

/***************************************
* Group/Page styling
***************************************/
.group-list-default {border-radius: 0px;}
.group-list-default .taxonomy-title p {font-family: 'MayoClinicSerifDisplay';font-size: 20px;line-height: 24px;}
.group-list-default .taxonomy-title p a {color: #000;}
.group-list-default .taxonomy-title .taxonomy-follow .btn {height: 30px;padding: 9px 14px;font-size: 14px;line-height: 11px;font-family: 'mayo-sans', 'MayoClinicSans', sans-serif;}
.group-list-default .taxonomy-title .taxonomy-follow .btn-skel-generic {background: #f7f7f7 !important;color: #009CDE !important;}
.group-list-default .taxonomy-title .taxonomy-follow .btn-primary {background: #fff !important;color: #009CDE; border: 1px solid #009CDE;}
.group-list-default .taxonomy-title .taxonomy-follow .btn[disabled] {background: none;border: 1px solid #ccc;}
.group-list-shadedbox .taxonomy-header .taxonomy-title {font-family: 'mayo-display', 'MayoClinicSerifDisplay', serif;font-size: 23px;}
.group-list-shadedbox .taxonomy-content p {font-family:'mayo-sans', 'MayoClinicSans', sans-serif;font-size: 18px;}
.mobile-tab-modal .modal-header .close {margin-top: 4px;}
.mobile-tab-modal .nav-item a {font-family:'mayo-sans', 'MayoClinicSans', sans-serif;font-size: 16px;line-height: 1.6;}

.ch-grouppage-directory .search-container .interest-toggle {background: none;border: 1px solid #009CDE;color: #009CDE;}
.ch-grouppage-directory .search-container #interest-filter button {background-color: #0057B8 !important;}
div.chv4-basic-post-options a {padding: 10px 9px;font-size: 16px;}

#interest-filter-container #interest-filter button {background-color: #0057B8 !important;}

.ch-single-group-header {background: radial-gradient(110.14% 163.27% at 133.58% 131.56%, #000B6B 0%, #0057B8 100%) !important;}
.ch-group-search-header-actions {--ch-link-color: #0057b8;}
.ch-group-search-header-actions a {color: #0057b8;}
.ch-single-group-header button.ch-button-following {background: #1968bf !important;border-color:#1968bf !important;color:#fff !important;}
.ch-single-group-header button.ch-button-following:hover, .ch-single-group-header button.ch-button-following:focus {color:#fff !important;}
.ch-single-group-header .entity-interactions button {border:none;}
.ch-single-group-about .taxonomy-follow button {color: #0057b8 !important;border:1px solid #0057b8 !important;}
.ch-grouppage .ch-search-total-results {font-family:'mayo-sans', 'MayoClinicSans', sans-serif;}

/* page banner styling */
.ch-grouppage .ch-group-banner .btn {height: 32px;padding: 6px 21px;font-size: 14px;background: none !important;border-radius: 50px}
.ch-grouppage .ch-group-banner .btn-primary {color: #0057B8;border: #0057B8 1px solid;}
.ch-grouppage .ch-group-banner .btn-default, .ch-grouppage .ch-group-banner .btn-default:hover {color: #777 !important;border: #777 1px solid;}
.ch-grouppage .ch-group-banner .btn-skel-generic, .ch-grouppage .ch-group-banner .btn-skel-generic:hover {color: #777 !important;border: #777 1px solid;}
.ch-grouppage .ch-group-banner .privacy {font-family:'mayo-sans', 'MayoClinicSans', sans-serif;font-size: 16px;}

/***************************************
* Search container styling
***************************************/
body:not(.ch-search):not(.ch-grouppage) main .search-container {border-bottom: 1px solid #eaeaea;padding-bottom: 30px;margin-bottom: 30px !important}
body:not(.ch-search):not(.ch-grouppage) .search-form:not(.ch-search-field) input, form:not(.ch-search-field) .search-form {border-radius: 50px;padding-right: 53px;font-family: 'mayo-display', 'MayoClinicSerifDisplay', serif;border-radius: 50px !important;}
body:not(.ch-search):not(.ch-grouppage) .search-form:not(.ch-search-field) button {color: transparent;}
body:not(.ch-search):not(.ch-grouppage) .search-form:not(.ch-search-field) .input-group {position: relative; width: 100%;}
body:not(.ch-search):not(.ch-grouppage) .search-form:not(.ch-search-field) .input-group-btn {position: absolute; right: 0;height: 100%;z-index:3;}
body:not(.ch-search):not(.ch-grouppage) .search-form:not(.ch-search-field) .input-group-btn button {
    height: 100%;
    color: transparent;
    overflow: hidden;
    background-image: url('/wp-content/themes/velocity/Public/images/search_dark.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
    background-color: transparent;
    width: 24px;
    padding: 0;
    margin-left: -38px !important;
}
.search-container .search-sort-by .form-group {margin-bottom: 0px;}
.search-container .search-sort-by select {
    background: url(/hub-hosted/mc-general/images/select_dropdown.png) no-repeat right;
    background-position-x: right;
    background-size: auto;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-position-x: calc(100% - 24px);
    padding-right: 40px;
    background-size: 12px 6px;
    border-radius: 20px;
}
.search-container .search-sort-by select::-ms-expand {display: none;}
body:not(.ch-search) .search-form .input-group-btn button:focus {outline: 1px solid #000; outline-offset: 3px;}

/***************************************
* eLearning
***************************************/
.ch-elearning-courses .search-container {margin-bottom: 0px !important}
.course-completion-summary .h4 {font-size: 24px;}
.group-featured-box h3 {margin-top: 0px;}
.group-featured-box .ch-archive-list-default .media {border-bottom: none;}
.group-featured-box .ch-archive-list-default .media-left {width:40%;}
.group-featured-box .list-item-content p {font-size: 14px;}
.group-featured-box .list-item-meta {display: none;}

@media (max-width: 767px) {
    .group-featured-box .ch-archive-list-default .media-left {width:100%;}
    .group-featured-box .ch-archive-list-default .media-left img {width:100%;}
}

.home .ch-block-featured-courses .media {border-bottom: none;border-top: 1px solid #eaeaea;}
.home .ch-block-featured-courses .media-left {width: 116px;height: 116px;}
.home .ch-block-featured-courses .media-heading {font-size: 19px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.home .ch-block-featured-courses .media-content p {
    line-height: 1.4;
    font-size: 16px;
    font-family: 'mayo-sans', 'MayoClinicSans', sans-serif;
    margin-bottom: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

/***************************************
* Discussions
***************************************/
#chv4-comment-stream-header {background: none;}
#chv4-comment-stream-header .chv4-comment-pagination .pagination > li.muted > a,
#chv4-comment-stream-header .chv4-comment-pagination .hub-mvc-refresh-pagination .pagination > li.muted > a:hover {
    color: #fff;
}
#chv4-comment-stream-header .comment-sort-order select {
    background: url(/hub-hosted/mc-general/images/select_dropdown.png) no-repeat right;
    background-position-x: right;
    background-size: auto;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-position-x: calc(100% - 24px);
    padding-right: 40px;
    background-size: 12px 6px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 20px;
}
#chv4-comment-stream-header .comment-sort-order select::-ms-expand {display: none;}
/* Discussions block */
.activity-stream-filters .btn-default {
    background: none;
    border: 1px solid #0057B8;
    color: #0057B8;
    padding: 6px 20px;
    font-size: 14px;
    height: 34px;
}

/***************************************
* Comments
***************************************/
.entity-interactions ul li {font-size: 14px;}
.ch-action-reaction-row .actions .btn {padding-left: 10px;padding-right:6px;color:#000;}
.ch-action-reaction-row .ch-notification-settings-button {margin-top:-2px;}
@media (max-width:767px) {
    .ch-action-reaction-row {border-top: 1px solid #cbcbcb;padding-top: 10px;}
}

/***************************************
* Newsfeed posts
***************************************/
.newsfeed-post-listing .media-heading {line-height: 1.4;}
.newsfeed-post-listing .list-item-content p {font-size: 18px;}
.ch-newsfeed-single-meta {font-size: 18px;}
.newsfeed-post-listing-minifeed .media-left {margin-right: 16px;}
.newsfeed-post-listing-minifeed .newsfeed-page {font-size: 14px;line-height: 1;color:#0057B8; font-family: 'mayo-sans', 'MayoClinicSans', sans-serif;}
.newsfeed-post-listing-minifeed .media-heading {font-size: 18px; color: #000;line-height: 22px;}

/***************************************
* Member Directory
***************************************/
#member-listview .display-name {font-family: 'mayo-display', 'MayoClinicSerifDisplay', serif;}

/***************************************
* Private Messages
***************************************/
.conversation-info > p {font-size: 16px;font-family:'mayo-sans', 'MayoClinicSans', sans-serif;}

/***************************************
* Social Share Buttons
***************************************/
.social-share .service {border: 1px solid black;border-radius: 40px;width: 32px;height: 32px;display: inline-block;}
.social-share .service img {padding: 8px;}

/***************************************
* Notifications
***************************************/
@media (max-width: 1199px) {
    .notifications-header {display: block;}
    .notifications-action-filters {padding: 1em 0px;border: 1px solid #cbcbcb; border-left:none; border-right: none; background-color: #fff;}
    .notifications-header .visible-sm {display: block !important;}
    .notifications-header .hidden-sm {display: none !important;}
}

/*
* Pill navigation
*/
a.ch-pill-nav-item {color: #0057B8;background: #C5E2F9}
li.active a.ch-pill-nav-item {color: #fff;background:#080808;}
a.ch-pill-nav-item:hover {color: #fff;background:#0057b8;}
/***************************************
* Recommendations
***************************************/
.ch-recommended-for-me main {background-color: #f7f7f7;}
.ch-recommended-for-me .ch-main {background-color: #f7f7f7;padding: 0;-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;}
.ch-recommended-for-me .ch-rfm-tab-section {background-color: #fff;padding: 16px 24px;-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.08);-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.08);box-shadow: 0px 0px 8px rgba(0,0,0,0.08);margin-bottom:24px;}
#ch-rfm-discover-more {background-color: #fff;padding: 50px 24px;-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.08);-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.08);box-shadow: 0px 0px 8px rgba(0,0,0,0.08);border:none;}
.filter-by-interest-recommendations .btn-default {background-color: #fff;color: #000;border: 1px solid #000;}
.filter-by-interest-recommendations .btn-success {background-color: #0057b8 !important;}
#ch-recommendations-for-me .nav-tabs {border-bottom: 1px solid #707070;}
#ch-recommendations-for-me .nav-tabs > li a {border:none;color: #000;background: none;}
#ch-recommendations-for-me .nav-tabs > li.active a {border:none;border-bottom: 4px solid #000 !important;color: #000;background: none;}
.ch-rfm-filter-login {background-color: #fff;padding: 16px 24px;-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.08);-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.08);box-shadow: 0px 0px 8px rgba(0,0,0,0.08);}
@media (max-width:767px) {
    .ch-single-recommendation-row {margin-left: -17px;margin-right: -17px;}
}

/***************************************
* Bulletin Board
***************************************/
.ch-bulletin-board main {background-color: #f7f7f7;}
.ch-bulletin-board .ch-main {background-color: #f7f7f7;-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;}
#ch-collapse-filters-dropdown .btn-default {background-color: #fff;color: #000;border: 1px solid #000;}
#ch-collapse-filters-dropdown .btn-success {background-color: #0057b8 !important;}
.ch-bulletin-board-messages .ch-bbmessage-row {background-color: #fff;padding: 24px 24px 16px;-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.08);-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.08);box-shadow: 0px 0px 8px rgba(0,0,0,0.08);margin-bottom:24px;}
.ch-bulletin-board-messages .ch-bbmessage-comments {border-top: 1px solid #eee;margin-top:16px;padding-top: 12px;text-align: right;}
@media (min-width: 768px) {
    .single-bb-message .ch-bbmessage-header .news-date {margin-top: 11px;}
}