@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; } 
.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;}

/* 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 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 {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;}

/* 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;}
}

/* ---------------------------- 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:90%; 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; }
}