/******************Weglot***********************************/

/*Restrict form width to remain within parent container 
   - form set to cover full width of pg. (used for translation purposes)*/
   .guideContainerNode {
    max-width: 100%;
}
/*WeGlot Keyboard Focus*/
.wg-drop.wg-mouse-click>div:focus 
{ 
    outline: 3px solid #1CA6DF; 
}

/**********************************************************/

/* Removes width restraints on text components */
.cmp-text {
    max-width: 100%;
}

/* Centers Text in Container */
.text-center {
    text-align: center !important;
}

.medical-cannabis-patient-extension-ol2 ol {
	counter-increment: start 2;
}

.medical-cannabis-patient-extension-ol2 ol li {
	display: block;
}

.medical-cannabis-patient-extension-ol2 ol li:before {
	content: counter(start) ". "; 
	counter-increment: start;
}

.fish-advisory-block {
	width: 45%;
	padding: 20px;
	margin: 15px;
	background-color: #ffffff;
	flex-grow:1;
}

.cmp-download__properties {
	display:none;
}

#resources-component {
	margin-left: 20px;
	padding-left: 20px
}

@media (max-width: 800px) {
  .fish-advisory-block {
    width: 100%;
  }
}

/* Gives text components w/in container a nice touch-up for alerts, important new info, etc */
.emphasis-blue p {
    padding: 20px;
    font-weight: bold!important;
    display: block!important;
    background-color: #DFF3F7;
    border-left: 5px #00BEE4 solid;
}

.emphasis-gold p {
    padding: 20px;
    font-weight: bold!important;
    display: block!important;
    background-color: #FFDF98;
    border-left: 5px #FFC034 solid;
}

.emphasis-red p {
    padding: 20px;
    font-weight: bold!important;
    display: block!important;
    background-color: #F7DFDF;
    border-left: 5px #FF0000 solid;
}

/* Fix for 1st column width on table on Newborn Metabolic Screening page */

#submitter-name.data-table .cmp-datatable table thead th:first-child {
    width: auto!important;
}

#submitter-name.data-table .cmp-datatable table thead th {
    width: 100px!important;
}

/* Table headers in RTE don't change text to white for accessibility like actual tables. This fixes that. */
.table-white-heading table tbody tr th p {
	color: #FFFFFF;
}

/* For sub-categorized FAQ, this will hide the questions themselves from displaying in the jump down link list, only the categories themselves display*/
.hide-jumps .cmp-faq__title--level-1 {
	display: none;
}

/* List component descriptions only display 2 lines by default; this makes it 3 */
.list .cmp-list__item-description {
    -webkit-line-clamp: 3;
}

/* Adjust logo size temporarily for updated Feb Logo */
/*@media only screen and (max-width : 768px) {
    .cmp-agency-header__logo {
    	height: 3.875rem;
    }
}

@media only screen and (min-width : 769px) {
	.cmp-agency-header__logo {
		height: 5rem;
	}
}*/

/* orange text used for some formatting bold text and titles on oral health advocate pages */
.orange.cmp-text p strong, .orange .cmp-title__text {
	color: #ED7D31 !important;
}

/* Following 'heart-beats' classes for Heart Beats Townhall */
@font-face { font-family: "Paytone One"; src: url("./PaytoneOne-Regular.ttf"); }

@media only screen and (min-width : 769px) {
     .heart-beats p { font-family: "Paytone One"; color: rgb(220, 44, 26); }
     .heart-beats .darker p { color: rgb(149, 9, 10) !important; }
     .heart-beats .text-xx-large { color: rgb(149, 9, 10); letter-spacing: 10px; font-size: 92px !important; }
     .heart-beats .text-medium { letter-spacing: 1.75px; }
     .heart-beats .text-large { font-size: 44px; letter-spacing: 2px; }
     .heart-beats .separator.separator--dark .cmp-separator__horizontal-rule { border-top-width: 5px; border-color: rgb(149, 9, 10) !important; }
}

@media only screen and (max-width : 768px) {
     .heart-beats p { font-family: "Paytone One"; color: rgb(220, 44, 26); }
     .heart-beats .darker p { color: rgb(149, 9, 10) !important; }
     .heart-beats .text-xx-large { color: rgb(149, 9, 10); letter-spacing: 10px; font-size: 72px !important; line-height: 65px;}
     .heart-beats .text-medium { letter-spacing: 1.75px; }
     .heart-beats .text-large { font-size: 44px; letter-spacing: 2px; line-height: 50px;}
     .heart-beats .separator.separator--dark .cmp-separator__horizontal-rule { border-top-width: 5px; border-color: rgb(149, 9, 10) !important; }
}

/* Gives better spacing for "Courses" column in table */
.lead-training-course-providers-csv-table th:nth-child(3) {
    width: fit-content !important;
}

/********************** Measles Alert Template*******************/

.bigRed p{
	color:#B11D17;
	line-height: 6.2rem;
	font-size: 3rem;
	font-weight: bold;
}

.biggestRed p{
	color:#B11D17;
	font-size: 7.2rem ;
	font-weight: bold;
}

.subCaption p{
	line-height: 1rem;
	font-size: 1.75rem;
	font-weight: bold;
}

.redButton{
	border-radius: 10px;
	background-color: #B11D17 !important;
	
}

.redButton:hover{
	border-radius: 10px;
	background-color: #0839AD !important;
	
}

@media only screen and (max-width : 768px) {
	.bigRed p{
	color:#B11D17;
	line-height: 1.25rem;
	font-size: 1.25rem;
	font-weight: bold;
	}

	.biggestRed p{
		color:#B11D17;
		font-size: 2rem ;
		font-weight: bold;
	}

	.subCaption p{
		line-height: 1rem;
		font-size: 1.25rem;
		font-weight: bold;
	}

	.redButton{
		border-radius: 10px;
		background-color: #B11D17 !important;
		font-size: .75em;
		width: 100%;
	}

	.redButton:hover{
		border-radius: 10px;
		background-color: #0839AD !important;
		
	}	
}
/*********************** Adjust alert template for zoom level ******************/
/*@media screen and (min-zoom: 110%) and (max-zoom: 200%) {
	.bigRed p{
	color:#B11D17;
	line-height: 5.2rem;
	font-size: 3rem;
	font-weight: bold;
	}

	.biggestRed p{
		color:#B11D17;
		font-size: 6.2rem ;
		font-weight: bold;
	}

	.subCaption p{
		line-height: 1rem;
		font-size: 0.75rem;
		font-weight: bold;
	}

	.redButton{
		border-radius: 10px;
		background-color: #B11D17 !important;
		
	}

	.redButton:hover{
		border-radius: 10px;
		background-color: #0839AD !important;
		
	}
}*/

/* Following blocks are for Measles graphs and ensuring accessibility*/
.container > .measles-cases-graphs {
    border-color: #003E62 !important;
    border-width: 7px !important;
    border-style: solid;
}
.measles-cases-graphs g.legend {
    display: none;
}

.measles-cases-accordion .cmp-accordion__title, .measles-cases-accordion .cmp-accordion__icon, .measles-cases-accordion .accordion__expand, .measles-cases-accordion .accordion__collapse, .measles-cases-accordion tr:nth-child(even) {
    color: white;
}

.measles-cases-graphs table, .measles-cases-graphs th {
	border:solid #787878 1px;
}

.measles-cases-graphs .cmp-accordion__item {
	border-bottom: 0.0625rem solid #787878;
}

@media only screen and (max-width : 768px) {
	.measles-cases-graphs .user-select-none, .measles-cases-graphs .main-svg {
		height: 275px !important;
	}
}