/* This file will hold styles for the mobile version of your website (mobile first). */
/* This also can include ANY global CSS that applies site-wide. Unless overwritten by a more specific style rule, CSS declarations in global.css will apply site-wide. */

/* 100% is 16px usually */
html {
	font-size:100%;
}

/* open sans declared in body and also imported using font your face under appearance */
body {
  background:#ffffff;
  font-size:16px;
  font-size: 1rem; 
  line-height:1.5;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  color:#333333;
}

/* banner styles */
#zone-banner-wrapper a {
	border:none;
}
/* um search box styles */
#zone-banner-wrapper .region-banner-second {
	text-align:right;
}
#zone-banner-wrapper label {
	display:inline;
	color:#ffffff;
	font-weight:normal;
}
#zone-banner-wrapper input#q {
	padding-left: 2px;
}
/*end um banner styles */

#zone-branding-wrapper{
	background-color: #003b5c; 
    padding-bottom: .5em;
    border-top: 1px solid #000000;
}
#zone-branding-wrapper a:link,
#zone-branding-wrapper a:visited {
	text-decoration:none;
	color:#eeeeee;
}
#zone-branding-wrapper h1 a:hover {
	color:#ffffff;
}
/* the page title is the title of node 1 the home page */
.front h1#page-title {
	position: absolute; left: -9999em;
}	
/* set to 3 rem in normal */
h1.site-name a,
h2.site-name a {
 font-size: 2rem;
 border-bottom:none;
}
/* display set as block in normal */
h6.site-slogan {
	display:none;
}
div.block-28 {
	font-family: lora;
    padding: 1em 2em 1em 1em;
    font-style: italic;
}

/* user menu is for site editors only so color does not need to adhere branding */
#zone-user-wrapper {
	padding-top: .5em;
}
/* content management menu */
#superfish-3 >li{
	margin-right:.5em;
}

/* main menu and top styles */
#zone-menu-wrapper {
	background:#003b5c;
}
#superfish-1 >li{
	margin-right:.5em;
}
#superfish-1 >li,
#superfish-2 >li {
	padding:.5em;
}
#superfish-2 >li {
	background:#003b5c;
	margin-right:.5em;
	border-radius: 0 0 5px 5px;
}
#superfish-1 >li.active-trail {
	border-radius:3px 3px 0 0;
}
#superfish-2 >li.active-trail {
	border-radius:0 0 3px 3px;
}
#superfish-1 >li.active-trail,
#superfish-2 >li.active-trail {
    background: #63666a;
}
.sf-menu.sf-style-none a {
	line-height:1.7;
}
#superfish-1 li a:link,
#superfish-1 li a:visited,
#superfish-2 li a:link,
#superfish-2 li a:visited{
	color: #eeeeee;
	}
#superfish-1 li a:hover,
#superfish-1 li a.active,
#superfish-1 li.active-trail a,
#superfish-1 li.sfHover a,
#superfish-2 li a:hover,
#superfish-2 li a.active,
#superfish-2 li.active-trail a,
#superfish-2 li.sfHover a {
	color: #ffffff;
	}
#superfish-1 li li,
#superfish-2 li li{
	background:#003b5c;
	padding-bottom:7px;
    padding-left: .75em;
	margin-left: 0;
}
#superfish-1 li li a:hover,
#superfish-2 li li a:hover {
	border-bottom:1px solid #71b2c9;
	display:inline;
}
#superfish-1 a.sf-depth-1:before {
	font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    text-decoration: inherit;
    font-size: 1.1rem;
	position: relative;
    top: 0px;
    left: 0;
	margin-right:.5em;
	color:#aaaaaa;
}
#menu-660-1 a.sf-depth-1:before {
    content: "\f974"; /* covid icon */
}
#menu-661-1 a.sf-depth-1:before {
    content: "\f085"; /* cogs icon */
}
#menu-662-1 a.sf-depth-1:before {
    content: "\f0eb"; /* lightbulb icon */
}
#menu-668-1 a.sf-depth-1:before {
    content: "\f03a"; /* list icon */
}
#menu-665-1 a.sf-depth-1:before {
    content: "\f005"; /* star icon */
}
#menu-879-1 a.sf-depth-1:before {
    content: "\f1fa"; /* at icon */
}
#menu-667-1 a.sf-depth-1:before {
    content: "\f095"; /* phone icon */
}

#superfish-1 li.sf-depth-1.active-trail a:before,
#superfish-1 li.sf-depth-1:hover a:before,
#superfish-2 a.sf-depth-1.active:before,
#superfish-2 a.sf-depth-1:hover:before {
    color: #71b2c9; 
}
/* responsive menu main menu style */
a.meanmenu-reveal {
	right:auto !important;
	left:auto !important;
}

/* font awesome for 1st level top menu */
.sf-menu.sf-style-none a.sf-depth-1:before,
div.view-popular-links a:before {
	font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    text-decoration: inherit;
    font-size: 1.1rem;
	position: relative;
    top: 0px;
    left: 0;
	margin-right:.5em;
	color:#ffffff;
}
.sf-menu.sf-style-none a.sf-depth-1:before {
    content: "\f0d7"; /* arrow down icon */
}
/* news menu */
/* popular links page */
#menu-910-2 a.sf-depth-1:before,
div.view-popular-links a:before{
    content: "\f0da"; /* right arrow */
}
div.view-popular-links a:before {
	color: #71b2c9;
}
div.view-popular-links a {
	border:none;
}

/* end top menu styles */

#zone-preface-wrapper {
	background:#eeeeee;
}
/* preface blocks */
div.block-9 {
	margin-left:.75em;
}
div.block-9,
div.block-13 {
	padding-top:1.25em; /* services block and contact block */
}
div.block-9 h2,
div.block-13 h2 {
	font-size:1rem;
	font-weight:bold;
}
div.region-preface-third-inner i {
	color:#76881d;
}
div.region-preface-third-inner a:hover,
div.region-preface-third-inner a:hover i {
	color: #000;
}

/* block-11 position set to absolute in normal.css */
div.block-block-11 div.button-box {
	background:#76881d;
	text-align:center;
	padding:.5em 0;
	width:75%;
	margin-top:.5em;
}
/* open sans font 700 set in appearance */
div.block-block-11 a.home-btn {
	display:inline-block;
	padding: 10px 7px;
    font-size: 1.1rem;
    line-height: 1.33;
    background: #ffffff;
    border-radius: 3px;
    border: 1px solid #63666a;
	color:#63666a;
}
/* add padding for home-btn one */
div.block-block-11 a.home-btn.one {
	margin-bottom:.5em;
	padding:10px 20px;
}

div.block-block-11 a:hover {
	background:#eeeeee;
}
	
/* highlight region */
div.zone-highlight {
	margin-top:2em;
	margin-bottom:2em;
}

/* in normal.css, margin is 0 and bg color is set */
#region-highlight-first,
#region-highlight-second,
#region-highlight-third,
#region-highlight-fourth,
#region-highlight-fifth,
#region-highlight-sixth {
	margin:1em;
	border-radius: 3px;
}

#zone-content-wrapper {
	padding:1em 0;
}

.region-content-inner h2 {
	font-weight:bold;
}
.region-content-inner a {
	border-bottom: 1px solid #881c1c;
} 

/* sidebar first styles*/
/* block 3 is the sidebar for the quar isolation menu */
/* block 2 is the sidebar menu for the top menu */
/* block 1 is the sidebar menu for the main menu */
.menu-block-1 {
	margin-bottom:2em;
}
.menu-block-1 ul li,
.menu-block-2 ul li,
.menu-block-3 ul li { 
	text-decoration:none;
	list-style:none;
}
.menu-block-1 a:link:before,
.menu-block-1 a:visited:before,
.menu-block-2 a:link:before,
.menu-block-2 a:visited:before,
.menu-block-3 a:link:before,
.menu-block-3 a:visited:before { 
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
	font-size:1rem;
	padding-right: .5em;
    text-decoration: inherit;
	color:#aaaaaa;
}
/* use asterik for menu block 1 and asterik for fire ext form in menu block 2 */
.menu-block-1 a:link:before,
.menu-block-1 a:visited:before,
.menu-block-2 a:link:before,
.menu-block-2 a:visited:before,
.menu-block-3 a:link:before,
.menu-block-3 a:visited:before { 
    content: "\f0da";
}
.menu-block-1 a.active:before,
.menu-block-2 a.active:before,
.menu-block-3 a.active:before{
	color: #71b2c9;
}
.menu-block-1 a:hover,
.menu-block-2 a:hover,
.menu-block-3 a:hover{
	border-bottom:none;
}
.menu-block-1 a.active,
.menu-block-2 a.active,
.menu-block-3 a.active {
	color:#000000;
}
.menu-block-1 li li a:link:before,
.menu-block-1 li li a:visited:before { 
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
	font-size:1.1rem;
    text-decoration: inherit;
	padding-right: .5em;
	color:#aaaaaa;
}
.menu-block-1 li li a.active:before {
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
	font-size:1.1rem;
    text-decoration: inherit;
	padding-right: .5em;
	color:#71b2c9;
}

/* sidebar second styles */
.region-sidebar-second-inner .block-cck-blocks h2 {
  color:#63666a;
  font-size: 1.5rem;
}
.region-sidebar-second-inner h2.node-title {
	font-size:16px;
	font-size:1rem;
	}

/* sidebar second view documents */
.region-sidebar-second-inner div.view-documents .item-list ul li {
	margin: 0 0 0.25em 0;
}
/* sidebar second featured photo  */
div.region-sidebar-second-inner div.field-name-field-featured-photo {
	margin-top:1em;
	}	
/* sidebar second sidebar photo */
div.region-sidebar-second-inner div.field-name-field-sidebar-photo {
	margin-top:1em;
	
}
/*  sidebar second log in to sign up block */
.region-sidebar-second-inner div.block-24 div.block-inner {
    border-radius: 5px;
    background: #eeeeee;
    padding: .5em;
	margin-bottom:1em;
}

/* change h2 for sidebar-second quick links. h3, h4 are okay */
.region-sidebar-second-inner div.block-cck-blocks-field-quick-links h2 {
    font-size: 1.5rem;
}
.not-front .region-sidebar-second-inner {
    padding: 10px;
    background: #eeeeee;
    border-radius: 5px;
}
/* quarantine sidebar field list styles */
div.block-cck-blocks-field-sidebar-text ul {
	margin-left:.25em;
}
div.block-cck-blocks-field-sidebar-text li {
	list-style:none;
}
div.block-cck-blocks-field-sidebar-text li:before {
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    font-size: 16px;
    font-size: 1rem;
    text-decoration: inherit;
    color: #881c1c;
    padding-right: .5em;
}
/* app-icon set in view documents */
a.app-icon {
	border-bottom:none;
}
a.app-icon::before {
	font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    text-decoration: inherit;
    font-size: 1.15rem;
	position: relative;
    top: 0;
	padding-right:.25em;
}
a.app-icon[href$=".pdf"]::before {
	content: "\f1c1"; /* pdf icon */
	color:red;
}
a.app-icon[href$=".doc"]::before,
a.app-icon[href$=".docx"]::before{
	content: "\f1c2"; /* word icon */
	color:blue;
}
a.app-icon[href$=".xls"]::before,
a.app-icon[href$=".xlsx"]::before,
a.app-icon[href$=".xlsm"]::before{
	content: "\f1c3"; /* excel icon */
	color:green;
}
/* documents view glossary */
div.view-documents-glossary {
	margin-bottom:1em;
}

/* area and contact sidebar-second block */
section.block-cck-blocks-field-contact h2.node-title a:before {
    content: "\f005";
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
	font-size:16px;
	font-size:1rem;
    text-decoration: inherit;
    color: #71b2c9;
    padding-right: .5em;
}
section.block-cck-blocks-field-contact-department h2.node-title a:before {
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
	font-size:16px;
	font-size:1rem;
    text-decoration: inherit;
    color: #aca39a;
    padding-right: .5em;
}
/* div.block-cck-blocks-field-sidebar-text p:before {
    content: "\f15b";
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
	font-size:16px;
	font-size:1rem;
    text-decoration: inherit;
    color: #881c1c;
    padding-right: .5em;
} */

section.block-cck-blocks div.field-name-field-department-phone,
section.block-cck-blocks div.field-name-field-department-email,
section.block-cck-blocks div.field-name-field-email,
section.block-cck-blocks div.field-name-field-staff-phone {
	padding:0 0 0 1.5em;
}
/* related services sidebar second field as block */
/* and field service type on document pages */
/* and services within accordion on services page */
section.block-cck-blocks-field-related-services a:before,
section.block-cck-blocks-field-service-category a:before,
div.views-field-field-related-services li:before {
    content: "\f013";
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
	font-size:16px;
	font-size:1rem;
    text-decoration: inherit;
    color: #71b2c9;
    padding-right: .5em;
}


#zone-postscript-wrapper {
	background:#333;
	color:#eee;
	padding: 2em 0;
}
#zone-postscript-wrapper h3 {
	text-transform:uppercase;
	font-weight:normal;
	color:#eee;
}
#zone-postscript-wrapper li {
	margin:0 0 .25em .25em;
}
#zone-postscript-wrapper a:link,
#zone-postscript-wrapper a:visited {
	color:#71b2c9;
}
#zone-postscript-wrapper a:hover {
	color:#fff;
}
/* footer styles */
#zone-footer-wrapper {
	background:#881c1c;
}
#zone-footer {
    color: #ffffff;
	text-align:center;
}
#region-footer-first {
	text-align:center;
	padding: 1em 0 0 0;
}
#region-footer-first a {
	color:#ffffff;
	border-bottom:1px solid #ffffff;
}
#region-footer-first a:hover {
	color:#cccccc;
}

/* hide postfooter wrapper that contains block of services */
/* block with colorbox-inline in branding region displays that block even though display is none */
#zone-postfooter-wrapper {
	display:none;
}

a:link,
a:visited {
	text-decoration:none;
	color:#881c1c;
}
a:hover {
	color:#000000;
}

h1 {
    font-size: 32px;
	font-size:2rem;
	font-weight:normal;
	color:#003b5c;
}

h2 {
	font-size: 24px;
	font-size: 1.75rem;
	color: #881c1c;
	font-weight:normal;
}
	
h3 {
	font-size: 17px;
	font-size: 1.25rem; 
	font-weight:bold;
	color:#63666a;}
	
h4, h5, h6 { 
	font-size: 16px;
	font-size: 1rem;
	font-weight:bold;
	color:#000000;}

p {
	padding:10px 0;
}
ul, ol {
	margin-left: 1.1em;
	margin-bottom:1em;
	list-style-position:outside;
}
ul {
	list-style: disc;
	margin-top:.5em;
   }

ol {
	list-style:decimal;
	padding-left:5px;
	margin-top:.5em;
}

img {
	max-width:100%;
	height:auto;
}
/* new table styles 7-29-2021 */
table {
	width:auto;
	border: 1px solid #333333;
	background-color:#cccccc;
	padding:1em;
	margin:1em 0;
}
th, td {
	border: 1px solid #333333;
}
th {	
	color:#003b5c;
	font-weight:bold;
}

/* file field on document content type */
.region-content-inner article.node-document div.field-name-field-file {
	margin:1em;
}

/* page image field */
#region-content .field-name-field-page-photo {
	margin: 20px 0;
}

/* field style staff content type */
.region-content-inner article.node-staff div.field p {
 	padding-bottom:0;
}
.region-content-inner article.node-staff div.field{
 	padding-bottom:10px;
}	
div.field-name-field-staff-photo img {
    float: left;
    margin: 0 1em 1em 0;
}
/* programs view */
div.view-programs {
	margin-top:1em;
}
div.view-programs img {
	float:left;
	margin:.5em 1em .5em 0;
}

/* news view */
/* border on h2 on news block on home page */
div.zone-news {
	background: #eee;
    border-radius: 10px;
}
div.view-news h2 {
	color:#333333;
}
div.view-news div.views-row {
    padding: .5em;
}
/* no border on h2 on news page */
body.page-news h2 {
	border-bottom:none;
	margin-bottom:0;
}
/* div.view-news img {float:right;margin-left:1em;}*/
div.view-news div.views-field-title {
	clear:both;
}
div.view-news div.views-field-field-video {
	margin-bottom:1em;
}
div.view-news .more-link {
	font-weight:bold;
	text-align:left;
}

/* calendar view */
div.calendar-calendar .month-view td a {
	font-size: .75rem;;
}
/* add margin to the cal block on the home page node 5 */
div.block-calendar-block-1 {
	margin-bottom:2em;
}
/* 10-19-15 override inline colorbox style on calendar - lighten opacity from .85 to .1 */
#cboxOverlay {
	opacity: 0.2 !important;
}
.node-links ul li.node-readmore a {
    font-size: 1rem;
    background: #71b2c9;
    border-radius: 5px;
}

/* 4/23/19 remove read-more. appears where manage fields > teaser is used-eg contact in basic page */
article.node-teaser li.node-readmore {
	display:none;
}

/* accordion style - views accordion services page */
.ui-accordion-header {
	background:#eeeeee;
}
.ui-state-active {
	background: #aaaaaa;
}
.ui-accordion-header a,
.ui-accordion-content {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}
/* search form */
.search-advanced,
.search-info {
	display:none;
}

/* drupal search form floated right in normal.css */
#search-block-form {
    margin-top: .5em;
}
#search-block-form input[type="text"] {
	margin:1em 0;
	}
#search-block-form input[type="submit"] {
	border-radius: 4px;
	margin-right:0;
}
/*search results pager - overriding width set 50px in omega-visuals style */
.pager li.pager-previous a {
	width:75px;
}

/* ckeditor styles removed from  global and put in ckeditor.css */

/* view name is featured photo home page. machine name is view-flexslider. removed flexslider or unformatted list */ 
div.view-flexslider-ehs {
	margin:1em 0;
}
div.view-flexslider-ehs div.flexslider {
	margin:0;
}
div.view-flexslider-ehs img{
	border-radius: 3px 3px 0 0;
}
div.view-flexslider-ehs .views-field-title {
	display:block;
	background:#b3b995;
	padding:1em;
	text-align:center;
	border-radius: 0 0 3px 3px;
}

/* staff view */
div.view-staff th.views-field-field-last-name {
	width:50%;
}


/* workshop content type styles */
/* workshop and series content type styles */
.field-name-field-instructor{
	margin:.75em 0; 
}


/* signup styles */
/* warning message -don't display on fire extinguisher form node 438 nor on signup form */
div.signup_anonymous_login,
body.page-node-438 div.messages.warning {
	display:none;
}
/* 7/6/16 remove collapsible text: signup for xyz workshop */
form#signup-form fieldset.collapsible legend{
	display:none;
}
form#signup-form {
	margin:.5em 0 2em 0;
	max-width:50em;
	background:#dbd3ba;
	border-radius:5px;
}
form#signup-form label {
	display:inline-block;;
	width:10em;
	background:#b3b995;
	border-radius:2px;
	margin-left:1em;
	padding-left:.5em;
	vertical-align:top;
	}
form#signup-form label.option {
	display:inline-block;;
	width:10em;
	background:none;
	border-radius:0px;
	margin-left:0;
	padding-left:0;
	}
form#signup-form .form-radios {
	display:inline-block;
	padding-left:1em;
	background:#ffffff;
}
/* 7/6/16 added style for description under supervisor field */
form#signup-form .description {
	margin-left:14em;
}
form#signup-form .form-textarea-wrapper {
	display:inline-block;
}
form#signup-form input,
form#signup-form textarea,
form#signup-form .grippie {
	max-width:30em;
	border-radius:2px;
	font-size:16px;
	font-size:1rem;
	padding-left:1em;
}
form#signup-form input[type="submit"] {
    font-size: 1.5rem; 
	background:#71b2c9;
	border-radius:2px;
	margin-left:.75em;
	margin-bottom:.5em;
	padding: .25em .5em;
}
/* Edit signup styles */
form#signup-edit-form input[type="submit"] {
	font-size:1rem;
	margin-right:1rem;
}
/* webform */
form[id^=webform-client-form] input[type="submit"] {
    font-size: 1.5rem;
}
/* 7-2-2020 self assessment page original */
body.page-node-4081 div.region-sidebar-second-inner img {
	width: 60%;
    margin-left: auto;
    margin-right: auto;
    display: block; 
}

/* ehs documents page 7-10-2020 */
/* page-1 is documents node 4105 */
div.view-documents.view-display-id-page_1 ul,
div.view-types-documents ul,
div.view-documents-services-blocks ul,
div.view-services-list ul{
	margin:0;
}
div.view-documents.view-display-id-page_1 li,
div.view-types-documents li,
div.view-documents-services-blocks li,
div.view-services-list li{
	padding:1em;
	margin:0;
}
div.view-documents.view-display-id-page_1 li.views-row-even,
div.view-types-documents li.views-row-even,
div.view-documents-services-blocks li.views-row-even,
div.view-services-list li.views-row-even,
div.view-news div.views-row-even {
	background: rgba(238,238,238,.6);
}
div.view-documents.view-display-id-page_1 li.views-row-odd,
div.view-types-documents li.views-row-odd,
div.view-documents-services-blocks li.views-row-odd,
div.view-services-list li.views-row-odd,
div.view-news div.views-row-odd {
	background: rgba(204,204,204,.7);
}
.app-icon a[href$=".pdf"] {
    background: url(application-pdf.png) no-repeat;
    padding-left: 20px;
}
.app-icon a[href$=".doc"],
.app-icon a[href$=".docx"]{
    background: url(x-office-document.png) no-repeat;
    padding-left: 20px;
}
div.block--exp-documents-page-1{
	padding: 0 1em;
}
div.block--exp-documents-page-1 select,
div.block--exp-documents-page-1 input{
	max-width:200px;
	width:100%;
}
div.block--exp-documents-page-1 select:focus,
div.block--exp-documents-page-1 input:focus,
div.block--exp-documents-page-1 select:active,
div.block--exp-documents-page-1 input:active{
	box-shadow:none;
}
div.views-exposed-form label {
	font-style:normal;
}
div.views-exposed-form input[type=submit] {
	border:none;
	text-shadow:none;
	font-family: 'open sans';
	font-size:1rem;
	font-weight:normal;
	margin:0;
	background: rgba(0,59,92,.3);
	color:#000000;
}
div.views-exposed-form input[type=submit]:hover {
	color:#ffffff;
	background:#881c1c;
}
div.views-exposed-form input[type=submit]:focus,
div.views-exposed-form input[type=submit]:active{
	box-shadow:none;

}
/*1-27-2023 training cards */
.view-training-cards h1 {
	text-align:center;
}
div.view-training-cards div.view-content {
	display:flex;
	flex-wrap:wrap;
	max-width:1200px;
	justify-content: space-around;
	
}
.view-training-cards .views-row.ehs-card {
	list-style: none;
overflow: hidden;
box-shadow: 0px 2px 8px 0px #b0bec5;
background-color: #fff;
border-radius: 1em;
width: 275px;
margin: 1em;
flex:1 1 auto;
}
.view-training-cards .card-detail-container {
	padding:1em;	
}
.card-container header {
	background:#666666;
	text-align: center;
color: white;
padding: .5em;
	height:50px;
}
.card-container .bold-purple {
	color: #615e9b;
	font-weight:bold;
}
.card-container footer {
	background-color: #333;
color: #fff;
padding: 1em;
text-align: center;
}

footer i,
.card-container footer a:link,
.card-container footer a:visited
{
  color: #71b2c9;
	border-bottom:none;
}
.card-container footer a:hover
{
  color: #ffffff;
}
.card-detail-container img {
	display:block;
	margin-left:auto;
	margin-right:auto;
}