@page { size:8.5in 11in;}

/*BOOTSTRAP OVERRIDES*/
body { font-family: "Open Sans", -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; }
.container { max-width:1200px !important; }
strong, .font-weight-bold { font-weight:600 !important; }

.text-primary { color:#3e236e !important } /**PURPLE 62,35,110**/
.text-secondary { color:#d3ff96 !important } /**LT GREEN 141,198,34**/
.text-success { color:#7F9C3A !important; } /**GREEN**/ 127,156,58**/
.text-warning { color:#C77F0A !important; } /**YELLOW 199,127,10**/
.text-info { color:#C77F0A !important; } /**BLUE 21,92,162**/
.text-danger { color:#ED2024 !important; } /**RED 237,32,36**/
.text-dark { color:#3a3a3a !important; }
.text-white, .text-white * { color:#fff !important; }
.text-muted { color:#9d9baa !important; }
.text-larger { font-size:1.1rem; }
.text-shadow { text-shadow:0 0 8px rgba(0,0,0,1); }

a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background:#000 !important }

.bg-primary { background:#3e236e !important; }
.bg-info { background:#155CA2 !important; }
.bg-light { background:#e5e5e5 !important }
.bg-danger { background:#ED2024 !important }
.bg-danger-faded { background:rgba(237,32,36,.6); }
.bg-white { background:rgba(255,255,255) !important; }
.bg-dark { background:rgba(0,0,0) !important; }
.bg-light-faded { background:rgba(229,229,229,.8); }
.bg-white-faded { background:rgba(255,255,255,.8); }
.bg-dark-faded { background:rgba(0,0,0,.5); }
.bg-dark-faded2 { background:rgba(0,0,0,.5); }
.border-light { border-color:#ccc !important; }
.border-muted { border-color:#eaf1fb !important; }
.border-thick { border-width:3px !important }

.gradient-purple-black {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,a63888+100&0.7+0,0.8+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0.7) 0%, rgba(166,56,136,0.8) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.7) 0%,rgba(166,56,136,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%,rgba(166,56,136,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3000000', endColorstr='#cca63888',GradientType=0 ); /* IE6-9 */
}

.container { max-width:1300px !important; }
.container.xl-wrapper { max-width:1600px !important; }

a { color:#0051A8; }
a#admin_button { display:inline-block; font-size:12px; padding:5px 10px; border-radius:8px; background:#a7a7a7; color:#fff !important; text-decoration:none !important; position:absolute; top:-30px; left:13px; opacity:0.3; }
a#admin_button:hover { opacity:1; }
a.button { display:inline-block; padding:8px 15px; border-radius:4px; background:#3e236e !important; color:#fff !important; text-decoration:none !important; }
a.button:hover, a.button:focus { background:#000 !important; text-decoration:none !important; }

b, strong, .font-weight-bold { font-weight:600 !important; }
.font-weight-bolder { font-weight:800 !important; }
li p:last-of-type { padding-bottom:0px !important; margin-bottom:0px !important; }
blockquote { background:#fff; border:#3e236e solid 1px; color:#3e236e; padding:20px; border-radius:5px; margin: 0 0 1rem; }
blockquote p:last-of-type { padding-bottom:0 !important; margin-bottom:0 !important; }
fieldset { padding:20px; border:#333 solid 1px; border-radius:15px; }
hr { margin:2rem 0rem; border: 0; border-top:#ccc solid 1px !important; clear:both; }
legend { display: inline-block; width: auto; padding: 0px 10px; margin-top:30px; }
td { vertical-align:top; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family:"Open Sans",sans-serif; }
.h1, h1 { font-size: 2.18rem; font-weight:800; text-transform:uppercase; color:#3e236e; }
.h2, h2 { font-size: 1.7rem; }
.h3, h3 { font-size: 1.75rem; }
.h4, h4 { font-size: 1.5rem; }
.h5, h5 { font-size: 1.25rem; }
.h6, h6 { font-size: 1rem; }
.display-4 { font-size:2.0rem !important; }

#skip-button { position:absolute; top:0px; left:0px; z-index:999; }
#skip-button a { position:relative; height:1px; width:1px; overflow:hidden; display:inline-block; font:normal 18px/1 'Open Sans', sans-serif; color:#494949;  border-radius:10px; transition:left 0.5s ease; color:#000; }
#skip-button a:focus { margin-top:30px; margin-left:30px; text-decoration:none; display:inline-block; height:auto; width:auto; background:#fff; padding:10px 20px; border:#494949; }
.err-wrap { display:none !important; }
.photo-left { float:left; margin:6px 25px 25px 0px; }
.photo-right { float:right; margin:6px 0px 25px 25px; }
.clear { clear:both; }
.hide { display:none; }
.z-index-1 { z-index:1; }
.z-index-2 { z-index:2; }
.z-index-3 { z-index:3; }
.fill-area { position:absolute; top:0; right:0; bottom:0; left:0; }
.font-weight-bolder { font-weight:800 !important; }
.bottom-0 { bottom:0px; }
.mx-neg-1 { margin-left:-1px !important; margin-right:-1px !important; }
.transition { transition:.5s ease; }

/*HEADER*/
#header { position:relative; z-index:99; top:0; left:0; right:0; transition:.5s ease; background:url(/images/interface/bg-header.jpg) center top / cover no-repeat; }
#top-logo { max-width:190px; transition:.5s ease; }
#top-social-wrapper { background:rgba(62,35,110,1); transition:.5s ease; position:relative; z-index:2; padding:4px 12px; text-align:center; }
#top-social-wrapper a { color:#fff; font-size:25px; display:inline-block; padding:4px; line-height:1; background-color:transparent; border-radius:6px; }
#top-social-wrapper a:hover, #top-social-wrapper a:focus { color:#fff; text-decoration:none; background-color:#000 }

/*HOME PAGE*/
.preload { position:absolute; width:20px; height:20px; top:0; left:-50px; overflow:hidden; }
.hero-spacer { width:100%; height:auto !important; max-height:713px !important; }
.home-caption-text { padding-bottom:20px; transition:.5s ease; }
#home-hero-section .carousel-indicators li { opacity:1; background:#eb474b; border-radius:0; margin:14px 8px; border:none; width:10px; height:10px; }
#home-hero-section .carousel-indicators li.active { opacity:1; background:#cecfcf; }

.star-text { display:inline-flex !important; position:relative; }
.star-text:before { content:"\f005"; display:inline-flex; align-self:center; font:900 20px/1 "Font Awesome 5 Free"; color:#cfcfcf !important; padding-right:14px; }
.star-text:after { content:"\f005"; display:inline-flex; align-self:center; font:900 20px/1 "Font Awesome 5 Free"; color:#cfcfcf !important; padding-left:14px; }
.star-text2 { position:relative; }
.star-text2:before { content:"\f005"; font:900 20px/1 "Font Awesome 5 Free"; color:#cfcfcf !important; position:absolute; top:10px; left:-25px; }
.small-star { font-size:20px; color:#cfcfcf !important; position:relative; top:-5px; padding-left:15px; }

.bg-interactive-map { background:url('/images/interface/bkg-interactive-map-R1.jpg') center / cover no-repeat; }
.bg-interactive-map-blur { background:url('/images/interface/bkg-interactive-map-blur-R1.jpg') center / cover no-repeat; }

.large-icon { display:inline-block; padding-bottom:10px; font-size:55px; line-height:1; }
.target-link:before { content:""; position:absolute; top:0; right:33%; bottom:0; left:33%; background:rgba(135,54,113,.7); transition:.5s ease; }
.target-link:hover:before, .target-link:focus:before { background:rgba(135,54,113,1); }
.turn-ccw { display:inline-block; -webkit-transform:rotate(-90deg); transform:rotate(-90deg); }

.bg-member-map { background:url(/images/interface/bkg-purple-map.png) #e5e5e5 center / 100% auto no-repeat; }
.bg-member-map-large { background:#e5e5e5; }
.member-content { padding:20px; }
.red-stripe { background:#eb474b; }
.red-stripe:before { content:""; position:absolute; height:100%; background:#eb474b; width:500%; top:0; left:-499.5%; }
.purple-stripe { background:#995987; transition:.3s ease; }
.purple-stripe:before { content:""; position:absolute; height:100%; background:#995987; width:500%; top:0; left:-499.5%; transition:.3s ease; }
.purple-stripe:hover, .purple-stripe:focus { background:#3C1633; }
.purple-stripe:hover:before, .purple-stripe:focus:before { background:#3C1633; }

/*news and events*/
.bg-events { background:#eaf1fb; }

/*STATIC*/
.static-header.has-image { min-height:100px; transition:.5s ease; }
#static-wrapper img { max-width:100% !important; height:auto !important; }
#static-wrapper .h3, #static-wrapper h3 { font-size: 1.5rem; font-weight:bold; margin-bottom:1rem; }

.offset-anchor { position:relative; top:-120px; }
.section-icon { font-size:36px; }
.rotate-90-ccw { display:inline-block; transform: rotate(-90deg); }
.purple-gradient { position:relative; margin-bottom:1rem; }
.purple-gradient p { margin:0 !important; padding:0 !important; }
.purple-gradient:after { content:""; position:absolute; top:0; right:0; bottom:0; left:0; 
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#a63888+0,a63888+100&0+0,0.8+100 */
background: -moz-linear-gradient(top,  rgba(166,56,136,0) 0%, rgba(166,56,136,0.8) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(166,56,136,0) 0%,rgba(166,56,136,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(166,56,136,0) 0%,rgba(166,56,136,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a63888', endColorstr='#cca63888',GradientType=0 ); /* IE6-9 */
}

p.caption { color:#747474; font-style:italic; margin:6px 0px; line-height:1.2; font-size:.8rem; }

/*VIDEO*/
.video-wrapper { width:100%; position:relative; margin-bottom:25px; }
.video-wrapper:before { content:''; display:block; padding-top: 56.25%; /*height divided by width*/ }
.video-wrapper iframe { border:none; width:100%; height:100%; position:absolute; top:0; left:0; }

/*Nice Table*/
.nice-table th, .nice-table td { padding:5px 9px; }
.nice-table th, .nice-table th p { color:#fff !important; font-family:"Open Sans", sans-serif; font-weight:700; text-transform:uppercase; }
.nice-table th { background:#005499; vertical-align:top; }
.nice-table td { color:#000; vertical-align:top; }
.nice-table th p { padding-bottom:6px !important; }
.nice-table th p:last-of-type, .nice-table td p:last-of-type { padding-bottom:0px !important; margin-bottom:0px !important; }
.nice-table tr:nth-child(even) { background:#f3f3f3; }
.nice-table { margin-bottom:15px; width:100%; }

.play-button-icon:before { content: "\f144"; display:block; position:absolute; width:100%; height:80px; top:100px; left:0; text-align:center; font:900 5rem/1 "Font Awesome 5 Free"; color:#fff; opacity:.2; z-index:1; }
.play-button-icon:hover:before, .play-button-icon:focus:before { opacity:.8; }

/*PHOTO GRID*/
.photo-grid-wrapper { height:456px; transition:height .5s ease; }
.photo-grid-wrapper.count-1, .photo-grid-wrapper.count-2 { height:356px; }
.photo-grid-wrapper a.popup { cursor:zoom-in; }
.photo-1 { width:100%; height:100%; }
.grid-2.photo-1, .grid-3.photo-1, .grid-4.photo-1 { width:50%; float:left; }
.grid-4.photo-1 { height:50%; }
.photo-2, .photo-3, .photo-4 { width:50%; height:50%; }
.grid-2.photo-2 { width:50%; height:100%; }
.grid-2.photo-2, .grid-2.photo-3, .grid-3.photo-2, .grid-3.photo-3, .grid-4.photo-2, .grid-4.photo-4 { float:right; }
.grid-4.photo-3 { float:left }
.photo-grid-play { opacity:1; display:inline-flex; justify-content:center; align-items:center; position:absolute; top:0; right:0; bottom:0; left:0; text-align:center; transition:.5s ease; }
.photo-grid-caption { opacity:0; display:inline-flex; justify-content:center; align-items:center; position:absolute; top:0; right:0; bottom:0; left:0; text-align:center; color:#fff !important; background:rgba(0,0,0,.9); transition:.5s ease; }
a.grid-link:hover .photo-grid-caption, a.grid-link:focus .photo-grid-caption { opacity:1; }
a.grid-link:hover .photo-grid-play, a.grid-link:focus .photo-grid-play { opacity:.25; }

/*REPORT GENERATOR*/
#iframe-holder { position:absolute; width:20px; height:20px; top:-20px; left:-20px; overflow:hidden; }
#report-bar-wrapper-outer { position:relative; background:#d9d9d9; }
#report-caption p { color:#575757; font-style:italic; font-size:1rem; }
#report-bar-wrapper { background:#ebebeb; }
#report-bar-wrapper, #report-bar-wrapper a { font:normal 15px/15px 'Barlow',sans-serif; }
#report-bar-wrapper a { cursor:pointer; color:#7f7f7f; text-decoration:none; }
#report-bar-wrapper ul, #report-bar-wrapper li { margin:0; padding:0; list-style:none; display:inline-block; }
#report-bar-wrapper ul { width:100%; }
#report-bar-wrapper li { padding:10px 11px; }
#report-bar-wrapper a:hover .fa, #report-bar-wrapper a:focus .fa { color:#35316b; }

a.report-button  { color:#165992; text-decoration:none; }
a.report-button:hover, a.report-button:focus { text-decoration:underline; }
a.report-button.add-button i { color:#60ad00 }
a.report-button.remove-button i { color:#d62434; }

/*INTERACTIVE MAP*/
#map-wrapper-outer { position:relative; overflow:hidden; }
#map-wrapper { display:block; width:100% position:relative; }
#map-wrapper::before { content:""; display:block; padding-top:60%; }
#map-wrapper iframe { border:none; position:absolute; top:0; right:0; bottom:0; left:0; }
#mapNav { background: #e1e1e1; }
#mapNav a { display:block; min-height:44px; text-decoration:none; color:#fff; padding:10px; background:#331B5C; text-align:center; text-transform:uppercase; }
#mapNav a.active { background:#155CA2; color:#fff; }
#resize-frame { width:1600px; height: 940px;
-ms-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-o-transform-origin: 0 0;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}

/*CALENDAR*/
.calendarHeader { color: #3e236e; text-align: center; font-size:20px; padding-bottom:10px; }
.calendarMonthLinks { font-family: "open Sans", sans-serif; font-size: 20px; text-decoration: none; color: #3e236e; background-color:  transparent; text-align:center; }
.calendarMonthLinks a { color: #3e236e !important; text-decoration: none !important; background-color:  transparent; }
.calendarMonthLinks a:visited { color: #3e236e; text-decoration: none !important; background-color: transparent; }
.calendarMonthLinks a:hover { color: #ccc; text-decoration: underline !important; background-color: transparent; }


.calendarBG { background-color: #fff; font-family:"open Sans", sans-serif; border:#3e236e solid 1px; }
.calendarBlank {  background-color: #e8e8e8; color: #3e236e; text-align:center; }
.calendarBG td { border: #3e236e solid 1px; border-collapse:collapse; width:14%; }
.calendarBG td.calendarDayHeading { border: #333333 solid 1px; border-collapse:collapse; }
.calendarDayHeading { font-size: 11px; color: #fff; background-color: #333333; text-align: center; vertical-align: middle; }
.calendarToday { font-family: "open Sans", sans-serif; font-size: 12px; letter-spacing: .1em; text-decoration: none; text-align: center; vertical-align: top; color: #3e236e; background-color: #fdb813; }
.calendarCell { font-family: "open Sans", sans-serif; font-size: 12px; letter-spacing: .1em; text-decoration: none; text-align: center; vertical-align: top; color: #3e236e; background-color: #fff; }
.calendarCell a { color: #000; text-decoration: underline; background-color:  transparent; }
.calendarCell a:visited { color: #3e236e; text-decoration: underline; background-color: transparent; }
.calendarCell a:hover { color: #3e236e; text-decoration: none; background-color: transparent; }
.eventListedCell { background-color:#b8d4ea; }
.eventListedCell a, .eventListedCell a:visited, .eventListedCell a:hover { color: #000; }
.cellContent { height:35px; padding:0px; position:relative; }
.dayNumber { position:absolute; top:0px; right:6px; font-size:10px; }
.dayLink { width:100%; height:100%; display:block; }
.dayListings { display:none; }


#calendarGrid table { border-collapse:no-collapse; }
#calendarGrid { display:none; }


/*FOOTER*/
#footer { background:#4D3B6F; }
.footer-logo { max-width:270px; }
.footer-social-icon { font-size:35px; padding:4px 6px; border-radius:6px; line-height:1; }
.footer-social-icon:hover, .footer-social-icon:focus { text-decoration:none; background:#000; }
#footer p { line-height:1.8; margin-bottom:10px; }

/*NAV*/
#main-nav.navbar { box-shadow: none; }
#main-nav .dropdown-menu { border-top-left-radius:0px; border-top-right-radius:0px; }
#main-nav .dropdown-item { white-space:normal; padding:5px 10px; }
#main-nav .nav-item a.nav-link { position:relative; background:#331b5c; padding-right:20px; }
#main-nav .nav-item a.nav-link:hover, #main-nav .nav-item a.nav-link:focus { background:#000; color:#fff !important; }
.dropdown-toggle::after { border-top:transparent .3em solid; } /**Keeps dropdown arrow invisible until hovered**/
.dropdown-toggle:hover::after, .dropdown-toggle:focus::after { border-top:#fff .3em solid; } /**set dropdown arrow color when hovered**/
#main-nav .dropdown-menu a:hover, #main-nav .dropdown-menu a:focus { background:#949494; }

/*MEDIA QUERIES*/
@media screen and (min-width: 320px) {
  #calendarGrid { display:block; }
}
@media screen and (min-width: 576px) {
  .modal-dialog { max-width:85vw !important; }
  .static-header.has-image { min-height:150px; }
  .play-button-icon:before { top:70px; }
  .cellContent { height:auto; min-height:75px; }
  .dayLink { display:none; }
  .dayListings { display:block; padding:20px 10px 10px 10px; font-size:11px; line-height:12px; text-align:left; }
  #bodyFull .dayListings p { font-size:11px; line-height:12px; padding-bottom:5px;  }
  .dayListings a, .dayListings a:visited, .dayListings a:hover { color:#000; text-decoration:none; }
  .dayListings a:hover { text-decoration:underline; }
}
@media screen and (min-width: 768px) {
  .static-header.has-image { min-height:200px; }
  .bg-events { background:url(/images/interface/bkg-pencil-blur.jpg) #eaf1fb center / cover no-repeat; }
}
@media screen and (min-width: 992px) {
  .display-4 { font-size:2.5rem !important; }
  .border-lg-left-white { border-left:#fff solid 1px; }
  .border-lg-left-white-faded { border-left:rgba(255,255,255,.2) solid 1px; }
  #header { position:absolute; }
  #top-logo { position:absolute; top:30px; left:20px; }
  .offset-bottom { bottom:-12px; }
  #top-social-wrapper { background:rgba(62,35,110,.8); position:absolute; bottom:90px; right:0px; padding-left:20px; padding-right:20px; }
  .home-caption-text { padding-bottom:60px; }
  .content-left { max-width:600px; float:right; }
  .target-link { padding-top:75px !important; padding-bottom:115px !important; }
  .bg-member-map { background-position: center top; }
  .member-content { padding:40px 0px; }
  .member-small-text { padding-right:100px; }
  .static-header { min-height:150px; }
  .static-header.has-image { min-height:300px; }
  #footer { background:url('/images/interface/bkg-footer.jpg') #4D3B6F center / cover no-repeat; }
  .columns { column-count:2; column-gap: 40px; }
  .columns p { break-inside: avoid; }
  .photo-grid-wrapper { height:456px; }
}
@media screen and (max-width: 1024px) {
  table.responsive, table.responsive tr, table.responsive tbody, table.responsive td { display:block; width:100% !important; }
  table.responsive thead, table.responsive thead td, table.responsive th, table.responsive td.hidden-column { display:none; }
  table.responsive tr { clear:both; }
  .table-wrapper { width:100%; overflow:auto; }
}
@media screen and (min-width: 1200px) {
  #header { position:fixed; }
  #header.sticky .pb-lg-4 { padding-bottom:0px !important; }
  #header.sticky #top-logo { top:10px; max-width:160px; }
  /*#header.sticky .bg-dark-faded { background:rgba(0,0,0,.8); }*/
  .home-caption-text { padding-bottom:120px; }
  .member-content { padding:100px 75px 80px 0px; }
  .target-link:before { right:35%; left:35%; }
  .bg-member-map-large { background:url(/images/interface/bkg-purple-map.png) #e5e5e5 80% top / auto 130% no-repeat }
  .static-header.has-image { min-height:390px; }
  #main-nav .nav-item a.nav-link { padding:20px 20px 15px 20px; }
  #main-nav .nav-item:last-child a.nav-link { padding-right:50px; }
  #main-nav .nav-item:last-child .dropdown-menu { left:auto; right:0; }
}
@media screen and (min-width: 1400px) {
  #top-social-wrapper { padding-right:50px; padding-left:25px; }
  .target-link:before { right:40%; left:40%; }
}
@media print {
  html, body, #main, #static-wrapper, row, section, article, #printHeader { display:block !important; width:100% !important; float:none !important; padding:0 !important; margin:0 !important; }
  container, .container { display:block !important; }
  *.d-print-none, .button { display:none !important; }
  .d-screen-only, a.button, a.learn-more-button { display:none !important; }
  .print-no-style, .print-no-style * { background:#fff !important; color:#000 !important; }
  .print-no-spacing { margin:0 !important; padding:0 !important; }
  .border-primary, .border-secondary, .border-success { border:none !important; }
  #print-header { display:block; padding-bottom:20px; margin-bottom:20px; font:normal 14px/15px "Open Sans", sans-serif; color:#000; }
  #print-header table { width:100%; }
  #print-header td{ vertical-align:middle !important;}
  #print-header table td:first-child { width:150px; }
  #print-header table img { max-width:120px !important; }
  .purple-gradient { position:relative; margin-bottom:1rem; }
  .purple-gradient p { margin:0 !important; padding:0 !important; }
  .purple-gradient:after { display:none; }
}