/* ==================================================
	SEER-CAHPS Medicare 
	Advantage versus Fee-For-Service "Graphic" Styles
================================================== */
/* montserrat-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/montserrat-v25-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/montserrat-v25-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
table {width: 100%; table-layout: fixed;}
table td {color: #181A1C; font-weight: 400; padding: 0 .75rem!important;}
thead th, tbody th {font-weight: 700; text-transform: uppercase; text-align: center;}
thead th {font-family: 'Montserrat', sans-serif; font-size: 1.5rem; color: #fff;}
thead th div {min-height: 120px; display: flex; justify-content: center; align-items: center; text-align: center;}
tbody th {background: #52728b; color: #fff; font-size: 1.25rem;}
tbody td:nth-child(odd) {border-right: 4px dotted #329fc0;}
tfoot td {background: #52728b; color: #fff; text-align: left;}
tfoot td.colorbar {background: #0c314c!important; padding: 0.25rem;}
table ul {padding-inline-start: 20px!important; padding-top: .75rem; padding-bottom: .75rem;}
table ul li {line-height: 2;}
.table thead th {border-bottom: none;}
.table td, .table th {border-top: none;}
tr.clipboard {background: #0c314c url('/seer-cahps/medicare/clipboard-icon.png'); background-repeat: no-repeat; background-position: bottom center;}
#quickFix {display: none;}

/* Bootstrap 5 overrides */ 
.table.table-override>:not(caption)>tr.clipboard>* {background-color: transparent!important; border-top: none; border-bottom-width: 0;}
.table.table-override>:not(caption)>tr.clipboard>*>div {color: #fff!important;}
.table.table-override>tbody>tr>th, .table.table-override>tfoot>tr>td {background-color: #52728b; color: #fff; border-top: none; border-bottom-width: 0;}

@media (min-width: 992px) {
    tfoot td, table td {font-size: 1.35rem;}
    tbody th {font-size: 1.5rem;}
    thead th {font-size: 2rem;}
}
@media (max-width: 576px) {
    tr.clipboard {background: #0c314c!important;}
    thead th {font-size: 1.25rem;}
    tbody th {font-size: 1.175rem;}
    tfoot td, table td {font-size: 1.125rem;}
}
@media (max-width: 300px) {
    thead th {font-size: 1.18rem;}
}

/*** IE FIX ***/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    thead th div {min-height: 0px;}
    #quickFix {display: none;}
}
@media screen and (min-width: 576px) and (-ms-high-contrast: active), (min-width: 576px) and (-ms-high-contrast: none) {
    #quickFix {display: table-row;}
    #quickFix td div {display: block; width: 100%; height: 95px; margin: 0 0 -95px 0; background: transparent url('/seer-cahps/medicare/clipboard-icon.png'); background-size: 50px 90px; background-repeat: no-repeat; background-position: bottom center;}
    tr.clipboard {background: #0c314c;}
}

@media screen and (min-width: 992px) and (-ms-high-contrast: active), (min-width: 992px) and (-ms-high-contrast: none) {
    #quickFix td div {height: 120px; margin: 0 0 -120px 0; background-size: inherit;}
}

/* ==================================================
SAFARI 7.1+ Fixes
================================================== */
/* Safari 7.1+ 
_::-webkit-full-page-media, _:future, :root #quickFix {display: none !important;}
/* Safari 10.1+ */
@media not all and (min-resolution:.001dpcm) { 
    @media {
        #quickFix {display: none !important;}
		thead th div {min-height: 0px;}
    }
}
@media not all and (min-resolution:.001dpcm) { 
    @media (min-width: 577px) {
        #quickFix {display: table-row !important;}
        #quickFix td div {display: block; width: 100%; position: relative; height: 95px; margin: 0 0 -95px 0; background: transparent url('/seer-cahps/medicare/clipboard-icon.png'); background-size: 50px 90px; background-repeat: no-repeat; background-position: bottom center;}
		tr.clipboard {background: #0c314c;}
    }
}
@media not all and (min-resolution:.001dpcm) { 
    @media (min-width: 992px) {
        #quickFix td div {background-size: inherit; height: 115px; margin: 0 0 -115px 0;}
    }
}