/* CSS Document */
@import url("//fonts.googleapis.com/css?family=Roboto|Roboto+Condensed:wght@300,700");
.content-link {
  padding: .1rem .25rem !important;
}
.clearfix > div.field {
  position: relative;
}
.contextual-region {
  height: 100%;
}
.embed-responsive-item > .contextual-region {
  position: static;
  height: 100%;
}
.ratio > * {heigh: 100%; width: 100%;}
.align-self-stretch > .field { height:100%; }
.align-self-stretch > .field #block-actions { display: flex; align-items: center; }

.content-link a {
  color: var(--secondary);
  text-decoration: none;
}
.container-fluid {
  overflow: hidden
}
img {
  max-width: 100%;
}
section, .node--type-_-special-page {
  max-width: none !important;
  padding: 0;
}
.col-6.fluid-left {
  width: 100%;
  max-width: 50vw !important;
  flex: 0 0 50vw;
  margin-left: calc(50% - 50vw)
}
.col-6.fluid-right {
  width: 100%;
  max-width: 50vw !important;
  flex: 0 0 50vw;
  margin-right: calc(50% - 50vw)
}
.col-6.move-left {
  transform: translateX(-100%);
  /* moves to outside container */
  transform: translateX(calc((200% - 100vw)/2) /* moves page edge container */ );
}
.grid {
  display: flex;
  justify-content: center;
}
.grid .col {
  flex: 1 1 auto !important;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  padding: 1rem;
}
.grid .col > div {
  align-self: stretch;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.align-self-stretch .card {
  height: 100%;
}
.field--name-field-second-content .field__item:first-of-type .container-fluid {
  opacity: 1 !important;
  transform: none !important
}
.container .container {
  padding: 0 !important
}
.section-mark {
  padding: 1rem;
  position: absolute;
  top: -5rem;
}
#toc .col {
  overflow: auto;
}
#toc .nav-link {
  white-space: nowrap;
  padding-bottom:0;
}
#toc .col-auto li {
  width: auto;
  overflow: hidden
}
#toc .col-auto li i {
  padding: .25rem .25rem 0;
  overflow: hidden
}
.program-message p {padding:1rem; margin: 0; width:100%; text-align:right }
.bg-pre-footer .btn-outline-corner {margin:0 auto;}
.halftone { position: absolute; height: 100%; width:100%; background-color: rgba(250,250,250,1); background-size: cover; background-position: center; filter: contrast(2) grayscale(1); }
.halftone::before {
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: #fff;
  background-image: radial-gradient(circle , #666 , transparent 5px),
                    radial-gradient(circle , #666 , transparent 5px);
  background-position: 0 0, 6px 6px;
  background-size: 12px 12px;
  mix-blend-mode: screen;
  background-repeat: round;
  content: "";
}


.program-img {position: relative; xwidth: 100%!important; xheight:100%; display: flex;}
.program-img img {position: relative; z-index: 1;}
/*.program-img:after{content:''; position: absolute;
  top:0; left:50%; right:0; bottom:0; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='600' height='600' viewBox='0 0 600 600'><circle r='30px' cx='50%' cy='50%' stroke='rgb(204 204 204)' stroke-width='2px' fill='none'/><circle r='15px' cx='50%' cy='50%' stroke='none' stroke-width='15px' fill='rgb(216 59 24)'/><rect width='50' height='50' x='calc(50% - 25px)' y='calc(100% - 50px - 20px - 1px)' stroke='rgb(204 204 204)' stroke-width='2px' fill='none'/><rect width='26' height='26' x='calc(50% - 13px)' y='calc(100% - 38px - 20px - 1px)' stroke='none' stroke-width='3px' fill='rgb(216 59 24)'/><rect width='50' height='50' x='calc(50% - 95px)' y='calc(100% - 50px - 20px - 1px)' stroke='rgb(204 204 204)' stroke-width='2px' fill='none'/><rect width='26' height='26' x='calc(50% - 83px)' y='calc(100% - 38px - 20px - 1px)' stroke='none' stroke-width='3px' fill='rgb(204 204 204)'/><rect width='50' height='50' x='calc(50% - 165px)' y='calc(100% - 50px - 20px - 1px)' stroke='rgb(204 204 204)' stroke-width='2px' fill='none'/><rect width='26' height='26' x='calc(50% - 153px)' y='calc(100% - 38px - 20px - 1px)' stroke='none' stroke-width='3px' fill='rgb(204 204 204)'/><rect width='50' height='50' x='calc(50% - 235px)' y='calc(100% - 50px - 20px - 1px)' stroke='rgb(204 204 204)' stroke-width='2px' fill='none'/><rect width='26' height='26' x='calc(50% - 223px)' y='calc(100% - 38px - 20px - 1px)' stroke='none' stroke-width='3px' fill='rgb(204 204 204)'/><rect width='50' height='50' x='calc(50% + 43px)' y='calc(100% - 50px - 20px - 1px)' stroke='rgb(204 204 204)' stroke-width='2px' fill='none'/><rect width='50' height='50' x='calc(50% + 113px)' y='calc(100% - 50px - 20px - 1px)' stroke='rgb(204 204 204)' stroke-width='2px' fill='none'/><line stroke-width='2px' x1='50%' y1='50%' x2='50%' y2='calc(100% - 38px - 10px)' stroke='rgb(216 59 24)' /></svg>"); background-position: bottom; background-repeat: no-repeat;}
x.program-img:before{content:''; position: absolute;
  top: 0; left:0; width:100%; bottom:0; background-image: radial-gradient(ellipse at top right, rgba(250, 250, 250,0) 40%, rgba(250, 250, 250) 70%); }*/
.program-img:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color:var(--light-blue);
  mix-blend-mode: darken;
}
.program-img:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 100%;
  width: 100vw;
  height: 100%;
  background-color: var(--danger);
  mix-blend-mode: color;
}
/*.program-img:before{content:''; position: absolute;
  top:6px; left:-28px; width:270px; height:55px; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='55' height='55' viewBox='0 0 55 55'><rect width='40' height='40' x='8' y='2' stroke='rgba(204 204 204)' stroke-width='1px' fill='rgba(250 250 250)'/><rect width='20' height='20' x='18' y='12' stroke='none' stroke-width='3px' fill='rgba(204 204 204 )'/></svg>");}
.head_img_bg >div { xbackground: radial-gradient(circle ,rgba(223,223,223,0) 50%,rgba(223,223,223,.5) 50%) center ; background-size: 100%;position:relative; filter:blur(0); z-index: 2;}
.head_img_bg:after {
  xpadding-top:5rem;

  --dotSize: 0.25rem;
	--bgSize: 1.35rem;
	--bgPosition: calc(var(--bgSize) / 2);
	background-image: radial-gradient(circle at center, black var(--dotSize), transparent 0), radial-gradient(circle at center, black var(--dotSize), transparent 0);
	background-size: var(--bgSize) var(--bgSize);
	background-position: 0 0, var(--bgPosition) var(--bgPosition);
  filter: blur(3px) brightness(1.15) grayscale(1);
      mix-blend-mode: screen;
      content: ''; 
  z-index:1;
  position: absolute;
  top:0; left:0; right:100px; bottom:100px;
	
  
  background-repeat: repeat; 
  background-position: top left;
  background-size: 80px 80px;*v/
  xbackground-image: linear-gradient(to left, rgba(250,250,250,0) 50% ,rgba(250,250,250,1) ), url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' stroke='rgba(223,223,223,1)' stroke-width='2px' fill='none'><line x1='0' y1='100' x2='6' y2='100'/><line x1='94' y1='100' x2='100' y2='100'/><line x1='0' y1='0' x2='0' y2='6'/><line x1='0' y1='100' x2='0' y2='94'/></svg>");
  /*background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' stroke='rgba(247,247,247,1)' stroke-width='3px' fill='none'><line x1='-100' y1='100' x2='0' y2='0'/><line x1='-75' y1='100' x2='25' y2='0'/><line x1='-50' y1='100' x2='50' y2='0'/><line x1='-25' y1='100' x2='75' y2='0'/><line x1='0' y1='100' x2='100' y2='0'/><line x1='25' y1='100' x2='125' y2='0'/><line x1='50' y1='100' x2='150' y2='0'/><line x1='75' y1='100' x2='175' y2='0'/><line x1='100' y1='100' x2='200' y2='0'/></svg>");
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' stroke='rgba(247,247,247,1)' stroke-width='3px' fill='none'><line x1='-100' y1='100' x2='0' y2='0'/><line x1='-75' y1='100' x2='25' y2='0'/><line x1='-50' y1='100' x2='50' y2='0'/><line x1='-25' y1='100' x2='75' y2='0'/><line x1='0' y1='100' x2='100' y2='0'/><line x1='25' y1='100' x2='125' y2='0'/><line x1='50' y1='100' x2='150' y2='0'/><line x1='75' y1='100' x2='175' y2='0'/><line x1='100' y1='100' x2='200' y2='0'/></svg>"), linear-gradient(45deg, var(--light-blue) 50%, var(--penn-college-blue) 50%);
}
.head_img_bg:before { content: ''; background: url('/files/img/bg_halftone_circle.png') center top no-repeat; position: absolute;  right: -50%; bottom: -50%; xbackground-size: cover; width: 100%; height: 100%; border-radius:50%; }*/
@media (min-width: 576px) {
  .half-container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .half-container {
    max-width: 720px;
  }
  .grid .col {
    max-width: 33%
  }
}
@media (min-width: 992px) {
  .half-container {
    max-width: 480px
  }
  .grid .col {
    max-width: 25%
  }
 
}
@media (min-width: 1200px) {
  .half-container {
    max-width: 570px
  }
  .grid .col {
    max-width: 20%
  }
  #toc .col-auto li {
    width: auto
  }
  #toc .col-auto li i {
    padding: 0;
    overflow: hidden
  }
  .head_img_bg {
  
  xbackground-repeat: repeat-y;

}
}
@media (min-width: 1400px) {
  .half-container {
    max-width: 660px
  }
}
@media (max-width: 767.9px) {
  .half-container {
    margin-left:auto;
    margin-right:auto;
  }
}
@media (max-width: 991.9px) {
  .program-message p {padding:1rem; margin: 0; width:100%; text-align:left;}
  .col-md-6:has(+ .col-lg-3 ~ .col-lg-3) { max-width: 100%; width: 100% }
} 

.carousel-control-prev, .carousel-control-next {
  width: 2rem;
	transform: none !important;
}
.carousel-item .image-item {
  margin: 0 -1.5rem;
}
.search-api-page-block-form-article-search .btn-primary.form-control {
  display: none;
}
#ui-id-1 .ui-menu-item .ui-menu-item-wrapper {
  display: block;
  padding: .5rem 1rem;
  border: none !important;
  background: rgba(0, 0, 0, 0);
  transition: all .35s
}
#ui-id-1 .ui-menu-item .ui-menu-item-wrapper:before {
  display: inline-block;
  padding: .0 1rem 0 0;
  content: '\f002';
  font-family: "Font Awesome 6 Pro";
}
#ui-id-1 .ui-menu-item .ui-menu-item-wrapper.ui-state-active {
  background: rgba(0, 0, 0, .035);
  text-decoration: none;
  border: none !important;
  color: var(--dark)
}
#major_action_menu li a {
  display: inline-block;
  text-decoration: none
}
.h1[data-label] {position: relative;    padding-top: 10rem; margin-top: -10rem; font-weight: 300 !important;}
html, body, #not_main{ overflow: unset; }
#inner_nav {
  position: sticky;
  top: calc(var(--gin-toolbar-secondary-height) - 2rem + 88px);
  z-index: 1029;
}
#inner_nav.is-pinned{
  background:var(--dark) !important;
}
#major_action_menu li a::after, #inner_nav .nav-link::after {
  content: '';
  background: var(--secondary);
  display: block;
  width: 100%;
  height: 4px;
  margin: 3px auto 0;
  transition: all .2s;
  transition-timing-function: ease-out;
}
#major_action_menu li a:hover::after, #inner_nav .nav-item .nav-link.active::after, #inner_nav .nav-item .nav-link:hover::after {
  background: var(--danger);
}
.slick-slider .slick-list {
  overflow: visible;
}
h2.h1:before {
  content: '';
  background: var(--danger);
  height: 5px;
  width: 1.25rem;
  display: block;
  margin: .25rem 0;
}
#news > div {
  height: 100%;
  width: 22rem;
  border: 1px solid rgba(0, 0, 0, .1);
  margin-right: 1rem;
  padding: .75rem 1rem !important;
}
#news div .text-muted {
  x-text-transform: uppercase;
  opacity: .75;
}
#news div img {
  height: 3rem;
  width: 3rem;
  margin-right: 1rem
}
#makers_results .maker {
  width: 320px;
  max-width: 350px;
  min-width: 250px;
}
#makers_results .card {
  width: 560px;
  max-width: 564px !important;
  min-width: 250px;
}
.dark-blue-background-bottom-right-halftone div[class*="accordion_section"] a.btn-outline-corner {
  color: var(--dark-gray) !important;
  background-color: var(--white);
  border: var(--primary) 1px solid;
}
.dark-blue-background-bottom-right-halftone div[class*="accordion_section"] a.btn-outline-corner:hover {
  color: var(--white) !important;
}
.card-header.all {
  border-top: 1px solid rgba(0, 0, 0, .125);
  border-bottom: none;
}
[class*="dark"] .card-accordion-section .card-header.all {
  border-top: 1px solid rgba(255, 255, 255, .125);
  border-bottom: none;
}.slantything:before {
    position: absolute;
    top: 33%;
    right: -3.5rem;
    height: 2rem;
    width: 6rem;
    z-index: 3;
    content: "";
    background-image: linear-gradient(135deg, rgba(0,0,0,0) 40%, rgba(216,59,24,1) 40.5%, rgba(216,59,24,1) 50%,rgba(0,0,0,0) 50.5%, rgba(0,0,0,0) 90%, rgba(216,59,24,1) 90.5%, rgba(216,59,24,1) 100%);
    background-size: 1rem 1rem;
}
body.toolbar-fixed .toolbar-oriented .toolbar-bar {
    z-index: 1099;
}

.grid-golden, .grid-golden > div.golden-child:not(.golden-child-0) .card {
  display: grid;
  gap: 2rem;
  grid-template-columns: 1fr 1fr;
  grid-template-rows:  auto 2fr ;
} 
.grid-golden > div.golden-child:not(.golden-child-0) .card {
  gap: 0;
  grid-template-columns: 1fr 1.5fr;
  grid-template-rows:   2fr auto;
} 
.grid-golden > div.golden-child-0, .grid-golden > div.golden-child:not(.golden-child-0) img{
  grid-column: 1;
  grid-row: 1/ span 2;
} 
.grid-golden > div.golden-child-1, .grid-golden > div.golden-child:not(.golden-child-0) .card-body{
  grid-column: 2;
  grid-row: 1;
} 
.grid-golden > div.golden-child-2, .grid-golden > div.golden-child-:not(.golden-child-0) .card-footer{
  grid-column: 2;
  grid-row: 2;
} 
div.golden-child .card-title{  margin:.75rem 0}
div.golden-child .card-body, div.golden-child .card-footer{ padding: 0 1rem !important;}