@charset "UTF-8"; /* CSS Document */

/* PR 2023 Newsroom Feature Styles */
.pr-news .pr-feature { position: relative; width: 100%; height: auto !important; background: #ededed; padding: 0; margin: 20px 0; display: table; }
.pr-news .pr-feature .pr-featcol { position: relative; width: 100%; max-width: 1200px; height: auto !important; padding: 50px; margin: 0 auto; }
.pr-news .pr-feature .pr-featcol .featimg { position: relative; width: 60%; height: auto !important; padding: 0; margin: 0; float: left; display: table-cell;}
.pr-news .pr-feature .pr-featcol .featimg .featemb { position: absolute; top: 0; width: 100% !important; height: auto !important; padding: 0px; margin: 0; z-index: 1001; background: #ededed;}
.pr-news .pr-feature .pr-featcol .featimg .featemb iframe { position:relative; width: 100%; height: 100%; min-height: 450px; padding: 0px; margin: 0; z-index: 1001; }
.pr-news .pr-feature .pr-featcol .featimg img { position: relative; width: 100%; height: auto !important; padding: 0px; margin: 0; z-index: 1000;}
.pr-news .pr-feature .pr-featcol .feattext { position: relative; width: 35%; height: auto !important; padding: 0 2% 2% 2%; margin: 0; float: left; display: table-cell; line-height: 2em;}
.pr-news .pr-feature .pr-featcol .feattext h2 { line-height: 1.3em; margin: 0; padding: 0;}
.pr-news .pr-feature .pr-featcol .feattext p { line-height: 1.8em; margin: 0; padding: 0;}

	
/* PR 2023 Newsroom 3 Column Styles */
.pr-news {position: relative; display: block; width: 100%; max-width: 1100px; overflow: visible; margin: 0 auto;}
.pr-news .pr-columns {position: relative; display: block; width: 100%; max-width: 1100px; overflow: visible; margin: 0 auto;}
.pr-news .pr-columns .pr-newscols { position: relative; height: auto !important; padding: 0 2% 0 0; margin: 0; display: inline; vertical-align: top; width: 31%; float: left; }
.pr-news .pr-columns .pr-newscols .newsimg { position: relative; width: 98%; height: auto !important; max-height: 310px; overflow: hidden; padding: 0; margin: 0; display: block; z-index: 100;}
.pr-news .pr-columns .pr-newscols .newsimg img { position: relative; width: 100%; height: auto !important; padding: 0px; margin: 0; }
.pr-news .pr-columns .pr-newscols .newsimg a { display: block; position: relative; width: 100%; height: 100%; padding: 0px; margin: 0; z-index: 100;}
.pr-news .pr-columns .pr-newscols .newstext { position: relative; text-align: left; margin: 0; padding: 20px 0; z-index: 100;}
.pr-news .pr-columns .pr-newscols .newstext h2 { color: #222; font-size: 1.2em; }
.pr-news .pr-columns .pr-newscols .newstext h2 a { color: #222; text-decoration: none; }
.pr-news .pr-columns .pr-newscols .newstext h2 a:hover { color: #222; text-decoration: underline; }
.pr-news .pr-columns .pr-newscols iframe { width: 100%; height: auto !important; min-height: 400px; padding: 0; margin: 0 auto; display: block; }
.pr-news .pr-columns .pr-newscols .newstext h2 { color: #222; font-size: 1.2em !important; } 
.include .content .words .padding .pr-news .pr-columns .pr-newscols .pr-morenews { position: relative; width: 90%; height: auto !important; padding: 5%; margin: 0; display: block; vertical-align: top; background: #ededed;}


/* --------------------------- EVENT FEEDS ----------------------------*/

/* start Events Horizontal Flex Box styles */
.events { position: relative; width:80%; margin: 20px auto 50px auto; padding: 0; font-family: "Work Sans", "Open Sans", Arial, sans-serif; }
.events ul.hpevents { position: relative; width: 100%; background: #FFF; display: flex; flex-flow: row; margin: 0 auto; padding: 0; height: auto; border-left: none;}
.events ul.hpevents li { position: relative; list-style: none; display: inline-block; flex-grow: 1; flex-basis: 0; border: 1px solid #222; padding: 0; margin: 1% 2% 0 0; vertical-align: top; word-wrap: break-word;}
.events ul.hpevents li .eventtext .eventdate {position: relative; display: block; float: none; padding: 0; margin: 0; font-size: 1.1em; color: #222; font-weight: 800; }
.events ul.hpevents li .eventtext .eventtype {position: relative; display: block; float: none; padding: 0; margin: 00; font-size: 0.9em; text-transform: uppercase; letter-spacing: 1px; font-weight: 800; color: #b81b21;}
.events ul.hpevents li .eventtext { float: left; display: inline; font-size: 1em; padding: 20px; }
.events ul.hpevents li .eventtext .eventlink {font-size: 1.3em; font-weight: 800;}
.events .ctabutton { float: right;}
.events ul.hpevents li .eventpic { position: relative; width: 100%; height: auto; float: none; overflow: hidden; margin-right: 0%;}
.events ul.hpevents li .eventpic img { width: 100%;height:auto;}
.events ul.hpevents li .dateday {position: relative;display:block;width: 100%; }
.events ul.hpevents li .dateday .date { position: relative; display: inline; float: left; padding: 5%; margin: 0 10px 0 0; font-size: 1.5em; color: #FFF; font-weight: 700; background: #364c58; }
.events ul.hpevents li .dateday .day { position: relative; display: inline; float: left; padding: 0; margin: 0 5px 0 0; font-size: 0.6em; text-transform: uppercase; letter-spacing: 1px; }
.events ul.hpevents li .eventtext {position:relative; float: none; display: block; width: 80%; text-align: left; font-size: 0.9em; line-height: 1.3em; padding: 1% 10% 10% 10%; clear: both; }
.events ul.hpevents li .eventtext .timezone {position: relative;font-size: 0.8em;
color: #333;font-style: italic;}
.events ul.hpevents li .eventtext a { display: block; font-family: "Work Sans", "Open Sans", Arial, sans-serif; color: #222; white-space: normal; text-align: left; line-height: 1.2em; font-size: 1.1em; text-transform: none; letter-spacing: 0px; font-weight: 600; margin: 8px 0; text-decoration: none; }
.events ul.hpevents li .eventtext button.modal-open {display: block; font-family: "Work Sans", "Open Sans", Arial, sans-serif; color: #222; white-space: normal; text-align: left; line-height: 1.2em; font-size: 1.1em; text-transform: none; letter-spacing: 0px; font-weight: 600; margin: 8px 0; }
.events ul.hpevents li .eventtext button.modal-open:hover, .events ul.hpevents li .eventtext button.modal-open:active {background: #FFF; color: #222; margin: 8px 0; padding: 0;  }
	/* --------------- Events feeds when included in the CMS --------------- */
	.words .padding .events { position: relative; width:80%; max-width: 1200px; margin: 20px auto 50px auto; padding: 0; font-family: "Work Sans", "Open Sans", Arial, sans-serif; }
	.words .padding .events ul.hpevents { position: relative; width: 100%; background: #FFF; display: flex; flex-flow: row; margin: 0 auto; padding: 0; height: auto; border-left: none;}
	.words .padding .events ul.hpevents li { position: relative; list-style: none; display: inline-block; flex-grow: 1; flex-basis: 0; border: 1px solid #222; padding: 0; margin: 1% 2% 0 0; vertical-align: top; word-wrap: break-word;}
	.words .padding .events ul.hpevents li .eventtext .eventdate {position: relative; display: block; float: none; padding: 0; margin: 0; font-size: 1.1em; color: #222; font-weight: 800; }
	.words .padding .events ul.hpevents li .eventtext .eventtype {position: relative; display: block; float: none; padding: 0; margin: 00; font-size: 0.9em; text-transform: uppercase; letter-spacing: 1px; font-weight: 800; color: #b81b21;}
	.words .padding .events ul.hpevents li .eventtext { float: left; display: inline; font-size: 1em; padding: 20px; }
	.words .padding .events ul.hpevents li .eventtext .eventlink {font-size: 1.3em; font-weight: 800;}
	.words .padding .events .ctabutton { float: right;}
	.words .padding .events ul.hpevents li .eventpic { position: relative; width: 100%; height: auto; float: none; overflow: hidden; margin-right: 0%;}
	.words .padding .events ul.hpevents li .eventpic img { width: 100%;height:auto;}
	.words .padding .events ul.hpevents li .dateday {position: relative;display:block;width: 100%; }
	.words .padding .events ul.hpevents li .dateday .date { position: relative; display: inline; float: left; padding: 5%; margin: 0 10px 0 0; font-size: 1.5em; color: #FFF; font-weight: 700; background: #364c58; }
	.words .padding .events ul.hpevents li .dateday .day { position: relative; display: inline; float: left; padding: 0; margin: 0 5px 0 0; font-size: 0.6em; text-transform: uppercase; letter-spacing: 1px; }
	.words .padding .events ul.hpevents li .eventtext {position:relative; float: none; display: block; width: 80%; text-align: left; font-size: 0.9em; line-height: 1.3em; padding: 1% 10% 10% 10%; clear: both; }
	.words .padding .events ul.hpevents li .eventtext .timezone {position: relative;font-size: 0.8em;
	color: #333;font-style: italic;}
	.words .padding .events ul.hpevents li .eventtext a { display: block; font-family: "Work Sans", "Open Sans", Arial, sans-serif; color: #222; white-space: normal; text-align: left; line-height: 1.2em; font-size: 1.1em; text-transform: none; letter-spacing: 0px; font-weight: 600; margin: 8px 0; text-decoration: none; }
	.words .padding .events ul.hpevents li .eventtext button.modal-open {display: block; font-family: "Work Sans", "Open Sans", Arial, sans-serif; color: #222; white-space: normal; text-align: left; line-height: 1.2em; font-size: 1.1em; text-transform: none; letter-spacing: 0px; font-weight: 600; margin: 8px 0; }
	.words .padding .events ul.hpevents li .eventtext button.modal-open:hover, .words .padding .events ul.hpevents li .eventtext button.modal-open:active {background: #FFF; color: #222; margin: 8px 0; padding: 0;  }

/* start Event List styles */
.eventlist { position: relative; width:90%; margin: 20px auto; padding: 0; font-family: "Work Sans", "Open Sans", Arial, sans-serif; }
.eventlist ul.hpevents { position: relative; width: 100%; background: #FFF; display: flex; flex-flow: column; margin: 0 auto; padding: 0; height: auto; border-left: none;}
.eventlist ul.hpevents li { position: relative; list-style: none; display: block; border: none; padding: 0; margin: 1% 0; vertical-align: top; background: #ededed; }

.eventlist ul.hpevents li .eventpic { position: relative; width: 18%; height: auto; float: left; overflow: hidden; margin: 0 0px 0 0;}
.eventlist ul.hpevents li .eventpic img { width: 100%;height:auto;}

.eventlist ul.hpevents li .dateday {position: relative;display: inline; float: left; width: 10%; }
.eventlist ul.hpevents li .dateday .date { position: relative; display: inline; float: left; padding: 10%; margin: 0; font-size: 1.5em; color: #FFF; font-weight: 700; background: #364c58; }
.eventlist ul.hpevents li .dateday .day { position: relative; display: inline; float: left; padding: 0; margin: 5px; font-size: 0.6em; text-transform: uppercase; letter-spacing: 1px; }

.eventlist ul.hpevents li .eventtext {position:relative; float: left; display: inline; width: auto; text-align: left; font-size: 1.0em; line-height: 1.3em; padding: 1% 0; }
.eventlist ul.hpevents li .eventtext .timezone {position: relative;font-size: 0.8em;
color: #333;font-style: italic;}
.eventlist ul.hpevents li .eventtext a { display: block; font-family: "Work Sans", "Open Sans", Arial, sans-serif; color: #222; white-space: normal; text-align: left; line-height: 1.2em; font-size: 1.1em; text-transform: none; letter-spacing: 0px; font-weight: 600; margin: 8px 0; text-decoration: none; }
.eventlist ul.hpevents li .eventtext button.modal-open {display: block; font-family: "Work Sans", "Open Sans", Arial, sans-serif; color: #222; white-space: normal; text-align: left; line-height: 1.2em; font-size: 1.1em; text-transform: none; letter-spacing: 0px; font-weight: 600; margin: 8px 0; }


/* start Event Feed styles */
.eventfeed { position: relative; width:90%; margin: 20px auto; padding: 0; font-family: "Work Sans", "Open Sans", Arial, sans-serif; }
.eventfeed>ul.hpevents { position: relative; width: 100%; background: #FFF; display: block; margin: 0 auto; padding: 0; height: auto; border-left: none;}
.eventfeed>ul.hpevents li { position: relative; list-style: none; width: 100%; display: block; border-bottom: 1px solid #666; padding: 0 0 10px 0; margin: 0 0 10px 0; vertical-align: top; }

.eventfeed>ul.hpevents li .eventpic { display: none;}

.eventfeed>ul.hpevents li .dateday {position: relative;display: block; float: none; width: 100%; margin: 0 0 10px 0; }
.eventfeed>ul.hpevents li .dateday .date { position: relative; display: inline; float: left; padding: 0; margin: 0; font-size: 1.1em; color: #666; font-weight: 600; background: #FFF; }
.eventfeed ul.hpevents li .dateday .day { position: relative; display: inline; float: left; padding: 0; margin: 0 0 0 10px; font-size: 0.6em; text-transform: uppercase; letter-spacing: 1px; }

.eventfeed ul.hpevents li .eventtext {position:relative; float: none; display: block; width: 100%; text-align: left; font-size: 0.9em; line-height: 1.3em; padding: 0; }
.eventfeed ul.hpevents li .eventtext .timezone {position: relative;font-size: 0.8em;
color: #333;font-style: italic;}
.eventfeed ul.hpevents li .eventtext a { display: block; font-family: "Work Sans", "Open Sans", Arial, sans-serif; color: #222; white-space: normal; text-align: left; line-height: 1.2em; font-size: 1.1em; text-transform: none; letter-spacing: 0px; font-weight: 600; margin: 8px 0; text-decoration: none; }
.eventfeed ul.hpevents li .eventtext button.modal-open {display: block; font-family: "Work Sans", "Open Sans", Arial, sans-serif; color: #222; white-space: normal; text-align: left; line-height: 1.2em; font-size: 1.1em; text-transform: none; letter-spacing: 0px; font-weight: 600; margin: 8px 0; }

/* Event Modal Popup Image Styles */
.modal-text-shell .modal-box.open .modal-content .eventimg { position: relative; display: inline; float: left; width: 35%; height: auto; padding: 0; margin: 0 20px 20px 0; }
.modal-text-shell .modal-box.open .modal-content .eventimg img { width: 100%; height: auto; padding: 0; margin: 0; }


/* ---------------------------- TABLET STYLES ------------------------------- */

@media only screen and (min-width: 671px) and (max-width: 1000px) {

    
    /* Events Horiz Flex Box Mobile */
    .events { position: relative; width:90%; margin: 20px auto;}
    .events ul.hpevents { position: relative; width: 100%; background: #FFF; display: block; flex-flow:wrap;}
    .events ul.hpevents li { display: inline-block; flex-grow: 0;}
        /* Events Horiz Flex Box in CMS */
        .words .padding .events { position: relative; width:90%; margin: 20px auto;}
        .words .padding .events ul.hpevents { position: relative; width: 100%; background: #FFF; display: block; flex-flow:wrap;}
        .words .padding .events ul.hpevents li { display: inline-block; flex-grow: 0;}
}

/* ---------------------------- MOBILE STYLES ------------------------------- */

@media screen and (max-width: 670px) {

	.pr-news .pr-columns .pr-newscols { position: relative; height: auto !important; padding: 0; margin: 0 auto; display: block; width: 90%; float: none; }
    
    /* Events Horiz Flex Box Mobile */
    .events { position: relative; width:85%; margin: 20px auto;}
    .events ul.hpevents { position: relative; width: 100%; background: #FFF; display: block; flex-flow:column;}
    .events ul.hpevents li { width: 100%; display: block; }
        /* Events Horiz Flex Box in CMS */
        .words .padding .events { position: relative; width: 85%; margin: 20px auto;}
        .words .padding .events ul.hpevents { position: relative; width: 100%; background: #FFF; display: block; flex-flow:column;}
        .words .padding .events ul.hpevents li { width: 100%; display: block; margin: 1% 0 2% 0;}
        .words .padding .events ul.hpevents li .dateday .date { position: relative; display: inline; float: left; padding: 3%; margin: 0 10px 0 0; font-size: 1.5em; color: #FFF; font-weight: 700; background: #364c58; }
        .words .padding .events ul.hpevents li .dateday .day { position: relative; display: inline; float: left; padding: 0; margin: 10px 5px 0 0; font-size: 1em; text-transform: uppercase; letter-spacing: 1px; }
        .words .padding .events ul.hpevents li .eventtext {width: 90%; padding: 1% 5% 5% 5%; clear: both; }
}