/* general styling */
blockquote {border-left: 3px solid #cd3c00 !important;text-transform: uppercase;line-height: 2.2;padding: 0px 20px 0px 30px !important;margin: 50px 0px !important;font-weight: bold;font-size: 20px;color: #666666;}
blockquote p {text-transform: uppercase;line-height: 2.2;font-weight: bold;font-size: 20px;color: #666666;}
.wp-caption-text {font-family: "mayo-sans"; font-size: 12px !important; color: #666666; padding-top: 10px; padding-bottom: 50px; line-height: 1.5;}
/* 750px designer content */
.container750 .sixteen.columns {width: 100%;}
@media (min-width: 750px) {
    .container750.mml-container {width: 750px;}
}
/* preload dark logo for printing */
.header10:after {
    content: url('https://news.mayocliniclabs.com/n1/96e99366cea7b0de/uploads/2019/03/MCL-Horiz-Dark_200.png') !important;
    display: none;
}

@media only print {
    .header10 .site-logo {display: none;}
    .header10 .container-fluid .row .col-sm-4 {text-align: center;}
    .header10 .container-fluid .row .col-sm-4:first-of-type a[href]:after {
        content: url('https://news.mayocliniclabs.com/n1/96e99366cea7b0de/uploads/2019/03/MCL-Horiz-Dark_200.png') !important;
    }

}

/* header */
.alphabet-search-wrapper .search-box .suggestion-block ul li {font-family: font-family: "mayo-sans";}
.ui-autocomplete.ui-menu .ui-menu-item-wrapper {padding-left:0px;padding-right:0px;}

/* articulate embed */
.articulate-embed-wrapper {position: relative;}
.articulate-overlay {position: absolute;left: 0;right: 0;bottom: 0;top: 0;width: 100%;height: 100%;background-color: rgba(10,10,10,0.93);text-align: center;}
.articulate-overlay-content {vertical-align: middle;font-size: 35px;color: #fff;padding-top: 21%;font-family: "mayo-sans", Helvetica, sans-serif;}

/* Banner Notifications */
.banner-wrapper {width: 80%;max-width: 1350px;padding: 5px 10px;margin-right: auto;margin-left: auto;text-align: left}
#banner-container .banner-wrapper {padding: 5px 0;margin-right: 15px;margin-left: 35px;text-align: left}
#banner-container .alert-close {padding: 3px 10px;margin: 0}
#banner-container .warning {color: #fff !important;background-color: #555 !important;border: 2px solid #555;border-radius: 0 !important;margin-bottom: 0}
#banner-container .alert button {line-height: normal;background-color: transparent !important;border: none;border-radius: 0}
#banner-container .alert {color: #fff !important;background-color: #a1001e !important;border: 2px solid #a1001e;margin-bottom: 0;border-radius: 0 !important}
#banner-container .warning button {border-radius: 0;background-color: transparent !important;border: none;line-height: normal}
#banner-container .alert, #banner-container .notice, #banner-container .warning {display: flex;flex-wrap: wrap;justify-content: center;padding: 10px 0 !important;position: relative}
#banner-container .alert-close {float: none !important;border: none !important;color: #fff;background-color: transparent !important;margin-left: 15px;height: 35px;top: 15%;position: absolute;right: 12%}
#banner-container .alert-close:before {position: absolute;border-left: 1px solid #ffff;content: "";left: -10px;top: 0;bottom: 0;height: 35px}
#banner-container .banner-item {display: flex;align-items: center;padding: 10px 20px;border-right: 1px solid #ffff;height: 35px}
#banner-container .notice {color: #fff !important;background-color: #2a368c !important;border: 2px solid #2a368c;border-radius: 0 !important;margin-bottom: 0}
#banner-container .notice button {border-radius: 0;border: none !important;background-color: transparent !important}
#banner-container .notice .banner-item, #banner-container .warning .banner-item {
    background: url(../images/banner/info24x24.png) 0 5px no-repeat
}
#banner-container .alert .banner-item {
    background: url(../images/banner/warn24x24.png) 0 5px no-repeat
}
#banner-container .banner-wrapper a, #banner-container .banner-wrapper a:visited {color: #fff !important;text-decoration: underline !important}
@media only screen and (max-width:1850px) and (min-width:1441px) {
    #banner-container .banner-wrapper {max-width: 100%}
    #banner-container .alert-close {right: 2%}
}
@media screen and (max-width:1440px) {
    #banner-container .banner-wrapper {max-width: 80%}
    #banner-container .alert-close {right: 2%}
}
@media screen and (max-width:768px) {
    #banner-container .banner-wrapper {max-width: 65%}
}
@media screen and (max-width:320px) {
    #banner-container .banner-wrapper {max-width: 50%}
}
#banner-container .alert h1, #banner-container .alert h2, #banner-container .alert h3, #banner-container .alert h4, #banner-container .notice h1, #banner-container .notice h2, #banner-container .notice h3, #banner-container .notice h4, #banner-container .warning h1, #banner-container .warning h2, #banner-container .warning h3, #banner-container .warning h4 {color: #000 !important;font-size: 18px !important;background: 0 0;border: none}
#banner-container .notice h2, #banner-container .notice p {padding-left: 0}


/**********************************
* Slider
**********************************/
.carousel-indicators {bottom: 10px;}
.carousel-control {height: 20px; margin-top: auto; margin-bottom: auto; background: none !important;}

/**********************************
 * Pagination
 *********************************/
.pagination > li > a, .pagination > li > span {color: #333;}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {color: #333;}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {background-color: #CD3C00; border-color: #CD3C00;}

/**********************************
* Gated Access
**********************************/
@media screen and (min-width: 500px) {
    .webinar-campaign-monitor-signup label {display: inline-block;}
    .webinar-campaign-monitor-signup input {display: inline-block;float: right;width: 350px !important;}
    .webinar-campaign-monitor-signup select {display: inline-block;float: right;width: 350px !important;}
}
.registration-title {text-align: center;}
.webinar-campaign-monitor-signup form {margin-top: 30px;}
.webinar-campaign-monitor-signup .form-group {margin-bottom: 35px;}
.webinar-campaign-monitor-signup label {font-weight: normal !important;}
.webinar-campaign-monitor-signup input {background-color: transparent;background-color: transparent;border: 1px solid #000;border-radius: 10px;height: 40px;}

.gated-download {padding-top: 40px;padding-bottom: 40px;min-height: 300px;}
.gated-download, .gated-download .container {background-color: #dadada;}
.gated-download .row {max-width: 780px;margin: 0 auto;}
.gated-download .download-title {text-align: center;}
.gated-download .download-title h2 {margin: 0px 15px 35px;}
.gated-download form {max-width: 500px;margin: 0 auto;}
@media screen and (min-width: 992px) {
    .gated-download .left-width {max-width: 400px;width: 100%;float: right;}
}
.gated-download .form-wrap {margin-bottom: 30px;}
.gated-download .form-wrap label {display: none;}
.download-text .download-button {width: 100%;}

/**********************************
* Comments
**********************************/
.wp-comments-row {font-size: 14px; line-height: 1.4;}
.comment {border-bottom: 1px solid #b3b3b3; margin-top: 25px;}
.comment-respond {margin-top: 40px;}
.wp-comments-title {text-transform: uppercase; font-weight: bold; border-bottom: 1px solid #b3b3b3; padding-bottom: 15px;}
.wp-comment-list {font-family: 'mayo-serif', Georgia, serif;}
.wp-comment-list .comment-author {font-weight: bold; padding-bottom: 5px;}
.wp-comment-list .comment-meta.post-meta {margin-bottom: 0px;}
.wp-comment-content {margin-top: 15px; margin-bottom: 25px; font-size: 15px;}
.wp-comments-area #submit {background-color: #cd3c00; color: #fff; border: none; text-transform: uppercase;
    text-align: center; border-radius: 0px; padding: 8px 30px;}
.wp-comment-form ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #B3B3B3; text-transform: uppercase; font-family: "mayo-sans", Helvetica, sans-serif; padding: 5px;}
.wp-comment-form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #B3B3B3; opacity: 1; text-transform: uppercase; font-family: "mayo-sans", Helvetica, sans-serif;}
.wp-comment-form ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #B3B3B3; opacity: 1; text-transform: uppercase; font-family: "mayo-sans", Helvetica, sans-serif;}
.wp-comment-form :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #B3B3B3; text-transform: uppercase; font-family: "mayo-sans", Helvetica, sans-serif;}
.wp-comment-form #comment, .wp-comment-form #author, .wp-comment-form #email, .wp-comment-form #url, .wp-comment-form #comment {
    width: 50%; line-height: 30px; font-size: 14px; padding-left: 10px; border: 1px solid #b3b3b3; margin-bottom: 10px;
}
.wp-comment-form #comment {width: 100%; margin-bottom: 20px;}
.wp-comments-area #submit {font-family: 'mayo-sans', sans-serif;}

/***********************************
* Slickquiz styling
***********************************/
.slickQuizWrapper .quizName {display: none !important;}
.slickQuizWrapper .answers li > input[type="radio"] {margin-right: 10px;}
.slickQuizWrapper .quizArea .button {background-color: #cd3c00 !important;border: none !important;text-transform: uppercase;text-align: center;border-radius: 0px;padding: 8px 30px;}

/***********************************
* DAM thumbnail tweaks
***********************************/
.chv3-hub-media-grid-icon {height: 70px;}
.chv3-hub-media-grid-item ul li {padding-bottom: 5px;}
@media (min-width: 992px){
    .list-view .chv3-hub-media-grid-item .media-title {width: 450px;}
}
.hub-media-grid-filter .checkbox {font-size: 14px;font-weight: normal;}
.hub-media-grid-filter input[type="checkbox"] {margin-top: 6px;}
.list-view .chv3-hub-media-grid-item .btn-group {padding-top: 6px;}
.list-view .chv3-hub-media-grid-item .media-title {padding-top: 5px;}
.list-view .chv3-hub-media-grid-item .chv3-hub-media-grid-icon {height: 30px;margin: 6px 15px 0px 0px;}
.chv3-hub-media-grid-item .media-title {margin-bottom: 0px;white-space: normal;}

/****************************************
* Author bio block
****************************************/
.ch-block-author-bio .media-left {width: 100px;}
.ch-block-author-bio .media-body {font-size: 14px;line-height: 20px;font-family: "mayo-sans",Helvetica,Arial,sans-serif;}

/******************************************
* Eloqua Forms
******************************************/
.mcl-eloqua-form input[type=text], .mcl-eloqua-form select {padding-left: 0px;font-size: 12px;width: 100%;border: none;border-bottom: 1px solid #000;-webkit-box-shadow: none;box-shadow: none;font-family: "mayo-sans", sans-serif;}
.mcl-eloqua-form textarea {font-size: 12px;width: 100%;border: 1px solid #000;-webkit-box-shadow: none;box-shadow: none;font-family: "mayo-sans", sans-serif;}
.mcl-eloqua-form textarea::-webkit-input-placeholder {color: #000;text-transform: uppercase;opacity: 1;}
.mcl-eloqua-form textarea:-moz-placeholder {color: #000;text-transform: uppercase;opacity: 1;}
.mcl-eloqua-form textarea::-moz-placeholder {color: #000;text-transform: uppercase;opacity: 1;}
.mcl-eloqua-form textarea:-ms-input-placeholder {color: #000;text-transform: uppercase;opacity: 1;}
.mcl-eloqua-form textarea::placeholder {color: #000;text-transform: uppercase;opacity: 1;}
.mcl-eloqua-form select {-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;}
.mcl-eloqua-form input::placeholder {text-transform: uppercase;font-size: 12px;color: #000;opacity: 1;font-family: "mayo-sans", sans-serif;}
.mcl-eloqua-form button, .mcl-eloqua-form button:hover, .mcl-eloqua-form button:focus,
.mcl-eloqua-form .btn, .mcl-eloqua-form .btn:hover, .mcl-eloqua-form .btn:focus {border-radius: 8px;border: 1px solid #000;background: none;padding: 8px 20px;font-size: 12px;line-height: 16px;}
.mcl-eloqua-form .LV_valid {display: none;}

/****************************************
* Tweaks for Mi-Heart landing templates
****************************************/
#mi-heart-template {font-family: 'mayo-sans', sans-serif;line-height: 1.5;}
#colored-row .row {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
#second-row .row {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
#numbers-row .row {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
#form-row .row {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
#annotations-row {padding-top:40px !important;}
#annotations-row .custom-bottom-text {margin-bottom:30px;font-size: 14px;}
#second-row a {color: #333;}
#mi-heart-template .medium-grey-paragraph p {margin-bottom: 16px;color: #000;}
#mi-heart-template #contact-form-new input[type="text"], #mi-heart-template #contact-form-new input[type="email"] {height: 57px;}
@media (max-width:991px) {
    #second-row .image_w_text-row-inner {border-right: none}
    #numbers-row .image_w_text-row-inner {border-right: none}
}
@media (max-width: 600px) {
    #mi-heart-template .big-title {font-size: 70px;}
    #mi-heart-template .red-button a {font-size: 15px;}
}

@media (max-width: 1200px) and (min-width: 992px){
    #mi-heart-template .container {max-width: 960px}
}
@media (max-width: 991px) and (min-width: 768px){
    #mi-heart-template .container {max-width: 720px}
}
@media (max-width: 768px) and (min-width: 576px){
    #mi-heart-template .container {max-width: 540px}
}

/******************************************
* Rural Healthcare landing page
******************************************/
.rural-health-wrap h1 {font-size: 34px;font-family: "mayo-sans", "Arial Black", sans-serif;font-weight: 700;line-height: 42px;}
.rural-health-wrap p {font-family: "Palatino";line-height: 36px;font-size: 20px;}
.rural-health-wrap .wp-block-cover h1 {font-size: 80px;font-family: "mayo-sans", "Arial Black", sans-serif;font-weight: 600;line-height: 96px;}
.rural-health-wrap .wp-block-cover p {font-size: 34px;font-family: "mayo-sans", "Arial Black", sans-serif;font-weight: lighter;}
.rural-health-wrap .wp-block-button__link {font-size: 15px;line-height: 1;height: 32px;padding: 9px 40px;font-family: "mayo-sans", "Arial Black", sans-serif;font-weight: 600;text-transform: uppercase;margin-top: 15px;cursor: pointer;}
.rural-health-wrap .image-column {margin-bottom: 0px;}
.rural-health-wrap .image-column img {margin-bottom: 50px;}
@media (min-width: 782px) {
    .rural-health-wrap .image-column .wp-block-column:not(:first-child) {margin-left: 80px;}
}
@media (min-width: 600px) {
    .rural-health-wrap .wp-block-columns {flex-wrap: nowrap;}
}
@media (max-width: 767px) {
    .rural-health-wrap .wp-block-cover h1 {font-size: 40px;line-height: 52px;}
    .rural-health-wrap .wp-block-cover p {font-size: 18px;line-height: 26px;}
}
@media (max-width: 601px) {
    .rural-health-wrap .mobile-image {margin: 40px auto 0px !important;}
    .rural-health-wrap .mobile-image.no-margin {margin-top: 0px !important; margin-bottom: 16px !important;}
}

/****************************************
* Footer
****************************************/
.footer-2 .footer-links {text-transform: uppercase;}