/***
 * Component:		Covid-19: Alert Banner (Mobile Only)
 * Function:        A mobile call-out banner for covid-19 awareness.
 * Date Created:	Feb 27 2020 by Richard Bakos (richard.bakos@state.nm.us)
 * Last Edited: 	Oct 25 2022 by Richard Bakos (richard.bakos@state.nm.us)
 */
a.covid-mobile {background: #8300e9; color: #fff;}
 
/***
 * Component:		Health Data Subscription
 * Function:        Styling for embeded health data subcription form
 * Date Created:	Mar 6 2020 by Richard Bakos (richard.bakos@state.nm.us)
 * Last Edited: 	Mar 6 2020 by Richard Bakos (richard.bakos@state.nm.us)
 */
.bmform_outer1127556 {width: 100% !important; display: inline-block;}
.bmform_frmtext1127556, .bmform_frm1127556, .bmform_frm1127556:nth-last-child(1), #tblFormData1127556 select {width: 100% !important; margin: 10px 10px 0 0;}
#tblRequiredField1127556 {display: none;}
#subscribeInfo {display: block; float: left; width: 50%; padding-right: 10px;}
 
/***
 * Component:		Drop-Down
 * Function:        Customized drop-down stylings.
 * Date Created:	Apr 21 2020 by Richard Bakos (richard.bakos@state.nm.us)
 * Last Edited: 	Apr 21 2020 by Richard Bakos (richard.bakos@state.nm.us)
 */
.pageDropDowns {border: 2px solid #e5e5e5;}
 
/***
 * Component:		Staff Side-Notes
 * Function:        Staff notes for contact section of side-bars.
 * Date Created:	Apr 29 2020 by Richard Bakos (richard.bakos@state.nm.us)
 * Last Edited: 	Apr 29 2020 by Richard Bakos (richard.bakos@state.nm.us)
 */
.staffSideNote-1 {display: block; position: relative; bottom: 9em; bottom: 9rem;}
 
/***
 * Component:		Status Notes
 * Function:        Color coded status notes.
 * Date Created:	Apr 29 2020 by Richard Bakos (richard.bakos@state.nm.us)
 * Last Edited: 	Apr 29 2020 by Richard Bakos (richard.bakos@state.nm.us)
 */
div#content span.new, div#content span.complete {color: #2aa85a;}
div#content span.pending {color: #4753a3;}
div#content span.alert {color: #ff0000;}
 
/***
 * Component:		SLD: Labware Portal
 * Function:        Alerts to notify users if the labware portal is off/online.
 * Date Created:	May 19 2021 by Richard Bakos (richard.bakos@state.nm.us)
 * Last Edited: 	Mar 1 2022 by Richard Bakos (richard.bakos@state.nm.us)
 */
div.labwareNotice {text-align: center; text-transform:uppercase; padding: 20px; width: 100%; margin-bottom: 20px;}
div.labwareOffline {background-color: #ff0000;}
div.labwareOnline {background-color: #2aa85a; }
 
/***
 * Component:		Monkeypox: Get the Facts Banner (Mobile Only)
 * Function:        A mobile call-out banner for monkeypox awareness.
 * Date Created:	Jul 12 2022 by Richard Bakos (richard.bakos@state.nm.us)
 * Last Edited: 	Oct 25 2022 by Richard Bakos (richard.bakos@state.nm.us)
 */
a.monkeypox-mobile {background: #2e318b; color: #2fa6de;}
a.monkeypox-mobile span {color: #6decaf;}
 
/***
 * Component:		Button Menu
 * Function:        A button menu in main header for various alerts.
 * Date Created:	Aug 2 2022 by Richard Bakos (richard.bakos@state.nm.us)
 * Last Edited: 	May 5 2023 by Richard Bakos (richard.bakos@state.nm.us)
 */
div.alert-buttons {top: -50px;}
div.alert-buttons nav ul li a.menu-button {padding: 10px 15px;}

div.alert-buttons nav ul li a.report-ane {margin-right: 1.0em; background: #2e318b; color: #2fa6de !important; font-weight: bold;}
div.alert-buttons nav ul li a.report-ane span {border: none; width: auto; height: unset; padding-top: 0; color: #6decaf;}
div.alert-buttons nav ul li a.report-ane:hover {background: #46498d;}

div.alert-buttons nav ul li a.monkeypox-updates {margin-right: 1.0em; background: #2e318b; color: #2fa6de !important; font-weight: bold;}
div.alert-buttons nav ul li a.monkeypox-updates span {border: none; width: auto; height: unset; padding-top: 0; color: #6decaf;}
div.alert-buttons nav ul li a.monkeypox-updates:hover {background: #46498d;}
 
div.alert-buttons nav ul li a.covid-updates {margin-right: 1.0em; background: #8300e9; font-weight: bold;}
div.alert-buttons nav ul li a.covid-updates span {border: none; width: auto; height: auto; padding-top: 0; color: #e6e6e6;}
div.alert-buttons nav ul li a.covid-updates:hover {background: #9b38e7;} 

div.alert-buttons nav ul li a.nm988 {background: #f6db34; color: #05b9a0 !important; font-weight: bold;}
div.alert-buttons nav ul li a.nm988 span {border: none; width: auto; height: auto; padding-top: 0; color: #50b1a4;}
div.alert-buttons nav ul li a.nm988:hover {background: #fdf097;} 

div.alert-buttons nav ul li a.enews-signup {margin-right: 1.0em; background: #f4951f; color: #e6e6e6 !important; font-weight: bold;}
div.alert-buttons nav ul li a.enews-signup span {border: none; width: auto; height: unset; padding-top: 0; color: #d6d6d6;}
div.alert-buttons nav ul li a.enews-signup:hover {background: #fca439;}

div.alert-buttons nav ul li a.reproductive-health {margin-right: 1.0em; background: #963AB2; color: #e6e6e6 !important; font-weight: bold;}
div.alert-buttons nav ul li a.reproductive-health span {border: none; width: auto; height: unset; padding-top: 0; color: #d6d6d6;}
div.alert-buttons nav ul li a.reproductive-health:hover {background: #963ab2e0;}
 
@media only screen and (max-width: 1300px) {
    div.alert-buttons {top: -36px;}
    div.alert-buttons nav ul li a.menu-button {padding: 6px 12px;}
}
@media only screen and (max-width: 960px) {
    div.alert-buttons {display: none;}
}
 
/***
 * Component:		Page Buttons
 * Function:        A collection of buttons for use on individual content pages (divisions/bureaus/programs/sections/pages).
 * Date Created:	Aug 11 2022 by Richard Bakos (richard.bakos@state.nm.us)
 * Last Edited: 	Aug 11 2022 by Richard Bakos (richard.bakos@state.nm.us)
 */
a.callout-button {display: block; width: 100%; background: #4753a3; color: #fff; font-weight: bold; text-align: center; text-transform: uppercase; text-decoration: none; padding: 20px; margin: 20px 0; border-radius: 5px; border: 2px solid #000; cursor: pointer;}
a.callout-button:hover {background: #5d66a0;}
 
/***
 * Component:		Vaccine Calendar
 * Function:        Iframe display for vaccine calendar.
 * Date Created:	Aug 8 2022 by Richard Bakos (richard.bakos@state.nm.us)
 * Last Edited: 	Aug 8 2022 by Richard Bakos (richard.bakos@state.nm.us)
 */
iframe.vaccine-calendar {width: 100%; min-height: 700px; max-height: 700px;}
 
/***
 * Component:		Cutomized info-graphics 
 * Function:        Customized styling for displaying info-graphic publications.
 * Date Created:	Aug 8 2022 by Richard Bakos (richard.bakos@state.nm.us)
 * Last Edited: 	Aug 8 2022 by Richard Bakos (richard.bakos@state.nm.us)
 */
div.info-graphics div.publication {display: inline-block; width: 49%; padding: 0 20px 0 0; height: auto;}
div.info-graphics div.publication strong a {font-size: 1.3em;}
div.info-graphics div.publication em {line-height: 24px; font-size: 15px;}
div.info-graphics div.publication p {font-size: 1.2em;}
 
/**
 * Component:       Content Toggle
 * Function:        Show and hide content based on user interaction (click).
 * Date Created:    Aug 11 2022 by Richard Bakos (richard.bakos@state.nm.us)
 * Last Edited:     Aug 11 2022 by Richard Bakos (richard.bakos@state.nm.us)
 */
.toggled-on .toggle-content {display: block; padding: 0 20px;}
.toggled-on .toggle-content p, .toggle-content ul, .toggled-on .toggle-content h4 {font-size: 16px;}
.toggled-on .fa-angle-down {display: none;}
 
.toggle-title {width: 100%; cursor: pointer; position: relative; margin: 20px 0; border-radius: 5px; background-color: #2e318b;}
.toggle-title.one-line {padding: 1px 20px 10px 55px;}
.toggle-title.two-line {padding: 1px 20px 20px 55px;}
.toggle-title h2 {color: #2fa6de !important;}
.toggle-title h3 {color: #6decaf !important;}
.toggle-title i {position: absolute; left: 10px; top: 20px; color: #fff; font-size: 2.5em;}
 
.toggled-off .toggle-content {display: none;}
.toggled-off .fa-angle-up {display: none;}

/***
 * Component:		Mobile Call-Out Banners
 * Function:        Basic styling for mobile banner call-outs.
 * Date Created:	Oct 25 2022 by Richard Bakos (richard.bakos@state.nm.us)
 * Last Edited: 	Oct 25 2022 by Richard Bakos (richard.bakos@state.nm.us)
 */
.mobile-call-out {display: none; padding: 10px; text-align: center; position: relative; width: 100%; font-size: .8em; font-weight: bold; text-transform: uppercase; text-decoration: none;}

@media only screen and (max-width: 960px) {
    a.mobile-call-out {display: block; top:61px; z-index:9;}
}

/***
 * Component:		988NM: Suicide Prevention Banner (Mobile Only)
 * Function:        A mobile call-out banner for suicide prevention program.
 * Date Created:	Oct 25 2022 by Richard Bakos (richard.bakos@state.nm.us)
 * Last Edited: 	Oct 25 2022 by Richard Bakos (richard.bakos@state.nm.us)
 */
a.nm988-mobile {background: #f6db34; color: #05b9a0;}
a.nm988-mobile span {color: #50b1a4;}

/***
 * Component:		Enews: Enews Signup (Mobile Only)
 * Function:        A mobile call-out banner for suicide prevention program.
 * Date Created:	Dec 13 2022 by Richard Bakos (richard.bakos@state.nm.us)
 * Last Edited: 	Dec 13 2022 by Richard Bakos (richard.bakos@state.nm.us)
 */
 a.enews-mobile {background: #F4951F; color: #e6e6e6;}
 a.enews-mobile span {color: #d6d6d6;}

/***
 * Component:		Icons
 * Function:        Various contextual icons (phone, email, search, etc)
 * Date Created:	Dec 13 2022 by Richard Bakos (richard.bakos@state.nm.us)
 * Last Edited: 	Dec 13 2022 by Richard Bakos (richard.bakos@state.nm.us)
 */