/* Research Template over-ride
   Launched:
   Author: Shawn Maust, Nevin McElwrath
   ----------------------------------------------------*/

/* Global Styles go outside the @media screen */

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 { line-height: 1.25; }

.h5,h5 { color: #ae8f2c; }

.visually-hidden { clip:rect(0 0 0 0); border:0; height:1px; margin:-1px; overflow:hidden; padding:0;position:absolute; white-space:nowrap; width:1px;}

.lede { color: #002b5c; font-size:1.5em; font-weight:300; line-height:1.25; margin-bottom:1em; }

.text-center { max-width: none !important; text-align: center !important; }

.no-bullets { list-style:none; margin:0; padding:0; }

.research-list { display:flex; flex-flow:row wrap; list-style-type: none; }

.research-list li { margin-bottom:1rem; width:100%; }

.list-grid { padding-left:0; }

.card-body { padding: 1rem 0; }

.card-title { margin:0 0 .25rem; padding:0; }

.card-title .icon { font-size:.8em; vertical-align: baseline; }

.card { display:flex; flex-flow:column; padding: 1em 1em 0; position:relative; -webkit-text-decoration: none; text-decoration: none; }

.layout-h.row { margin-bottom: 2rem; margin-top: 2rem; }

.webcal a {margin-right:1rem;}

@media only screen {
  .block-center,.row.block-center { margin:0 auto; max-width:60rem; }
  blockquote p { font-size:1em; }
  .page-title { clear:left; }
  .page-title--highlight a,.page-title--highlight a:visited { color:#fff; }
  .btn-featured.btn-main { border-color: #ae9142; padding-top: 0; }
  .btn-featured:hover { border-color: #ae9142; }
  .btn-featured:hover .info { color: #ae9142; }
    .btn-featured.btn-main .info { background: #0c2340 url(/stylesheets/images/callout-up.svg) no-repeat 2em bottom; background-size:1em auto; position: absolute; transform:translateY(-2.4em); z-index: 1; }
    .btn-featured.btn-main:hover .info { background-color:transparent; transform:translateY(-5.25em); }
  
    .card:hover { transform:scale(1.02); }
  
    .home-secondary .card-list { display: flex; flex-flow: column; }
    .home-secondary .card { background:#fff; border:1px solid #eee; margin-bottom:1em; padding:0; transition:transform .35s ease-in-out; }
    .home-secondary .card-title { font-size:1.65rem; }
    .home-secondary .card-title a { color:#002b5c; }
    .home-secondary .card-body { padding:1em 1em 0; }
    .home-secondary .card-image { overflow:hidden; position:relative; }
    .home-secondary .card-image:after { background: #fff; bottom: -2px; content: " "; height: 1.5em; left: -2em; position: absolute; transform: skewX(35deg); transform-origin: bottom right; width: 50%; z-index: 2; }
    
    .home-secondary:after { background: #fff; }
  
  .home-stats { display:flex; flex-flow:column; margin:2em 0; }
    .home-stat { font-size:1.5em; font-weight:400; line-height:1; text-align:center; width:100%; }
    .home-stat a { display:block; margin:0 1em; padding:1.5em 2em; -webkit-text-decoration:none; text-decoration:none; }
      .home-stat a:after { background:#ae9142; content:""; display:block; height:3px; margin:1em auto; transition:width .35s ease-in-out; width:6em; }
      .home-stat a:hover { background:#f2f2f2; }
      .home-stat a:hover:after { width:8em; }
    .home-stat strong { display:block; font-size:3em; line-height:1; margin-bottom:1rem; }
  
  .home-get-involved { margin-top:0; padding:2em 0 3em; text-align:center; }
  .home-get-involved:after { background:url(images/logo-texture-gray.jpg) 50% no-repeat #e8e7e6; bottom:0; content: ""; display:block; left:-999em; position:absolute; right:-999em; top:0; z-index:-1; }
  .home-get-involved h2 { color:#ae9142; font-size:2.5em; font-weight:600; margin-top:1rem; text-transform:uppercase; }
  .home-get-involved h2 a { color:#ae9142; }
  .home-get-involved h3,.home-get-involved h3 a { color:#0c2340; font-weight:300; }
  .row.row-full-width { --gutter-width:calc(2vw + 0.9375em); --gutter-offset:calc(var(--gutter-width)*-1); margin-left:calc(-2vw + -.9375em); margin-left:var(--gutter-offset); margin-right:calc(-2vw + -.9375em); margin-right:var(--gutter-offset); }
  
  .row-home-callout { background:#0c2340; overflow:hidden; padding:3em 0; position:relative; }
  .row-home-callout+.row-secondary { margin-top:0; }
    .home-callout-image { bottom:0; height:100%; left:0; -o-object-fit:cover; object-fit:cover; -o-object-position:center center; object-position:center center; opacity:.2; position:absolute; right:0; top:0; width:100%; }
    .row.row-home-callout:before { left:49%; right:-999em; top:0; transform:skewX(30deg); transform-origin:top right; }
    .row.row-home-callout:after,.row.row-home-callout:before { background:#fff; content:""; display:block; height:2em; position:absolute; z-index:1; }
    .row.row-home-callout:after { bottom:0; left:-999em; right:49%; transform:skewX(30deg); transform-origin:bottom left; }
    
  .save-the-date { color:#fff; position:relative; text-align:center; }
    .save-the-date:before { background-image:inherit; bottom:0; content:""; display:block; left:-100vw; position:absolute; right:-100vw; top:0; z-index:-1; }
    .save-the-date h2 { color:#ae9142; font-size:3.5em; font-weight:600; margin-top:2rem; text-transform:uppercase; }
    .save-the-date p { font-family:GPC,Helvetica Neue,Helvetica,Verdana,Arial,sans-serif; font-size:1.325em; line-height:1.5; text-transform:uppercase; }
    .save-the-date .btn { background:none; border-bottom:2px solid #ae9142; box-shadow:none; color:#fff; font-size:1.25em; outline:none; }
    .save-the-date .btn:hover { background:#fff; color:#0c2340; }
    
  .nav-top { background: #0c2340; border-bottom: 5px solid #0f447f; }
  .page-title { border-bottom-color: #ae9142; }
  .page-title:after { border-top-color: #ae9142; }
  .home .nav-top .home,.nav-top .home:hover,.nav-top li a:hover,.nav-top li.active a { color: #ae9142; }
  .nav-top li a:hover:after { background: #ae9142; }
  .nav-site ul>.active>a { border-bottom-color: #ae9142; }
  .section-title { border-bottom: 4px solid #ae9142; }
  .section-title,.section-title a,.section-title a:visited { color: #ae9142; }
  .section-title:after { border-top-color: #ae9142; }
    
  .card-link:after { bottom:0; content:""; left:0; position:absolute; right:0; top:0; }
  .card-link:hover { border:none; -webkit-text-decoration: none; text-decoration: none;}
  .people-item .card-title { font-family: GPC,Helvetica Neue,Helvetica,Verdana,Arial,sans-serif; font-size: 1.2rem; line-height: 1.3; }
  .ex-grid { text-align:left; }
  .ex-grid-details h3 { margin-bottom: .25em; }
  .ex-grid-details .title-department { margin-bottom: 2em; }
  .grid-item-link { -webkit-text-decoration:none; text-decoration:none; }
  
  .site-title a { background:url(images/fitzgerald-institute-logo.png) 0 50% / contain no-repeat; height:0; max-width:400px; padding-bottom:20%; text-indent:-999em; width:100%; } 
  .home .header-tagline { background:url(/stylesheets/images/tagline.png) 0 100% / contain no-repeat; height:0; }
  .header-image { background: #555 url(/stylesheets/images/hdr-home-3-800.jpg) 50% 50% / cover no-repeat; }
    /* .home .header-image { background-image: url(/stylesheets/images/hdr-2023-class-800.jpg); min-height:0; padding-bottom:1rem; } */
    .home .header-image.default { background-image: url(/stylesheets/images/hdr-home-3-800.jpg); min-height:0; padding-bottom:1rem; }
    .news-events .header-image { background-image: url(/assets/318105/800x/mc_9.20.16_bond_hall_detail_21.jpg.jpg); }
    
  .career-opportunity-item { background:#0c2340; border-bottom:6px solid #ae9142; color:#fff; margin-bottom:1rem; padding:1em; }
    .career-opportunity-item h3 { color:#ae9142; margin-top:0; }

  /* Faculty Filters */  
  .faculty-search-input { width:100%; }
  .faculty-filter-fieldset { border:0; margin:0 0 1rem; padding:0; }
  .faculty-filter-fieldset:last-child { margin: 0; }
  .faculty-filter-fieldset legend { font-weight:700; margin-bottom: .25em; }
  .faculty-filter-group { display:grid; grid-template-columns:50% 50%; }
  .faculty-filter-fieldset input { height:0; margin-bottom:0; opacity:0; position:absolute; width:0;}
  .faculty-filter-fieldset label { background:#fff; border:1px solid #ddd; border-radius: 2rem; cursor: pointer; display:inline-block; font-size:.8em; font-weight:400; margin:0 .5rem .5rem 0; min-width: 140px; padding:.25rem .5rem; text-align: center; transition: all 125ms ease;}
    .faculty-filter-fieldset label:hover { background: #fff; border-color: #0f447f; color: #0f447f; }
  .faculty-filter-fieldset input:checked+label { background:#0f447f; border-color: #0f447f; color:#fff; }
  .form-faculty button { background: #555; border: 1px solid #ddd; border-radius: .3em; color: #fff; cursor: pointer; font-size: .9em; padding: .5rem 1rem; transition: all 125ms ease; }
  
  .faculty-name { font-size: 1.3em; }
  
  /* Advisory Board Filters */  
  .advisory-board-search-input { width:100%; }
  .advisory-board-filter-fieldset { border:0; margin:0 0 1rem; padding:0; }
  .advisory-board-filter-fieldset:last-child { margin: 0; }
  .advisory-board-filter-fieldset legend { font-weight:700; margin-bottom: .25em; }
  .advisory-board-filter-group { display:grid; grid-template-columns:50% 50%; }
  .advisory-board-filter-fieldset input { height:0; margin-bottom:0; opacity:0; position:absolute; width:0;}
  .advisory-board-filter-fieldset label { background:#fff; border:1px solid #ddd; border-radius: 2rem; cursor: pointer; display:inline-block; font-size:.8em; font-weight:400; margin:0 .5rem .5rem 0; min-width: 140px; padding:.25rem .5rem; text-align: center; transition: all 125ms ease;}
    .advisory-board-filter-fieldset label:hover { background: #fff; border-color: #0f447f; color: #0f447f; }
  .advisory-board-filter-fieldset input:checked+label { background:#0f447f; border-color: #0f447f; color:#fff; }
  
  .form-advisory-board button { background: #555; border: 1px solid #ddd; border-radius: .3em; color: #fff; cursor: pointer; font-size: .9em; padding: .5rem 1rem; transition: all 125ms ease; }
    .form-faculty button:hover { background: #0c2340; }
  .form-advisory-board-search-wrap { position:relative;}
  .form-advisory-board-search-wrap button { background:none; border:3px solid transparent; bottom:0; color:#555; position:absolute; right:.5rem; top:0; }
  .form-advisory-board-search-wrap input { border:3px solid transparent; box-shadow:inset 0 0 0 1px #ccc; padding-right:3rem; width:100%; }
  .form-advisory-board-search-wrap button:focus,.form-advisory-board-search-wrap input:focus { border-color:rgba(94,158,214,.75); outline:none; transition:none; }
  .advisory-board-filter-input { border:1px solid #ccc; border-radius:2rem; box-shadow:none; min-width:66.7%; padding:.5rem 1rem;}
  .advisory-board-item__name { font-size:1.2em; }
  .advisory-board-item__company,.advisory-board-item__title { color:#333; }
  .advisory-board__heading { border-bottom:1px solid; margin-top:0; }
  
  /* Reading List */
  .book-search-input { width:100%; }
  .form-books { margin:0 0 2rem; }
  .book-filter-fieldset { border:0; margin:0; padding:0; }
  .book-filter-fieldset:last-child { margin: 0; }
  .book-filter-fieldset legend { font-weight:700; margin-bottom: .25em; }
  .book-filter-group { display:grid; grid-template-columns:50% 50%; }
  .book-filter-fieldset input { height:0; margin-bottom:0; opacity:0; position:absolute; width:0;}
  .book-filter-fieldset label { background:#fff; border:1px solid #ccc; border-radius: 2rem; cursor: pointer; display:inline-block; font-size:.8em; font-weight:400; margin:0 .5rem .5rem 0; min-width: 140px; padding:.25rem .5rem; text-align: center; transition: all 125ms ease;}
    .book-filter-fieldset label:hover { background: #fff; border-color: #0f447f; color: #0f447f; }
  .book-filter-fieldset input:checked+label { background:#0f447f; border-color: #0f447f; color:#fff; }
  .book-faculty button { background: #555; border: 1px solid #ddd; border-radius: .3em; color: #fff; cursor: pointer; font-size: .9em; padding: .5rem 1rem; transition: all 125ms ease; }
    .book-faculty button:hover { background: #0c2340; }
  .book-filter-input { border:1px solid #ccc; border-radius:2rem; box-shadow:none; min-width:66.7%; padding:.5rem 1rem;}
  .book-filter-descriptions { list-style:none; margin:0; min-height:2rem; padding:0 1rem 1rem; }
  
  .book-item { grid-gap:1rem; display:grid;
    grid-template-columns:[body-start image-start] 1fr [image-end header-start] 3fr [header-end body-end]; 
    grid-template-rows: [image-start header-start] auto [image-end header-end body-start] auto [body-end]; margin-bottom:2rem; 
  }
  .book-item__image { grid-area:image; }
  .book-item__body { grid-area:body; }
  .book-item__header { grid-area:header; }
  .book-item__title { margin:0; padding:0; }
  .book-item__title .icon {  font-size:.67em; vertical-align:baseline; }
  .book-item__link.btn { border:1px solid #ccc; border-radius:2rem; box-shadow:none; color:#333; margin-top:0; padding:.25rem 2rem; text-transform:none; }
  .book-item__link.btn:hover { background-color:#0f447f; border-color:#0f447f; color:#fff; }
  
.event-entry { float:left; margin-bottom:1em; padding:.5em 0; width:100%;  }
  .event-entry .entry-title { margin-top:.5em; width:80%; }
  .publish-info { color: #656565; display: block; float: left; width: 20%; }
  .publish-info .day,.publish-info .month { display: block; padding: .1em; text-align: center; }
  .publish-info .month { font-size: 1em; letter-spacing: .1em; text-transform: uppercase; }
  .publish-info .day { font-size: 2.25em; font-weight: 300; }

.event-entry+.event-repeat { display:none; }

/* Video Items */
.video-list { padding:2em 0 0; }
.video-item { margin-bottom:2rem; position:relative;}
.video-item__title { display: block; font-family: GPC; font-size: 1.25rem; margin-top: .25em; }
.video-item__link { border:1px solid #ddd; overflow:hidden; padding-top:56.25%;  }
.video-item__image { height:100%; left:50%; -o-object-fit:cover; object-fit:cover; position:absolute; top:50%; transform:translate(-50%, -50%); width:100%; }

/* Lists
-------------------------------------------------------*/
details { background: #f5f5f5; margin-bottom: 2em; padding-left: 2rem; }
summary { background-color: #eee; display: block; font-size: 1.1rem; margin-left: -2rem; outline: none; padding: .5rem; transition: all 125ms ease; }
summary:hover { cursor: pointer; }
summary::-webkit-details-marker { display: none; }
summary:before { content: "\002B"; display:inline-block; float:left; font-weight: 500; text-align: left; width: 1.3em; }
details[open] summary:before { content: "\2212"; }

summary .project-name { display:inline-block; font-weight: 500; width: calc(100% - 1.5em); }
summary .project-byline { font-size: 1rem; margin-left: 1.4rem; }
details .project-body { padding: 1em 1rem 1rem 0; }
.research-list { padding:0; }
.masonry-item .card { border:2px solid #ddd; padding:0; transition:all .25s; }
.masonry-item .card-body { padding:1rem; }

.site-footer { color: #555; }
.site-footer a { color: #0f447f; }
/* .site-footer .icon[data-icon="linkedin-alt"] { margin: 0 0 0 1em; font-size: 1.2em; }  commented 2023-10-30*/
.ndmark { height:50px;width:211px;}
.footer-inner .social-links { display:block; margin: .5em 0; position:relative; text-align:center; }
  .footer-inner .social-links a { display:block; margin: 0 0 .5em; padding:0 .3em; }
  .footer-inner .social-links .icon { height:1.2em; width:1.2em }
}

/* 580px
----------------------------------------------------*/

@media only screen and (min-width:36.250em) {
  /* Video Items */
  .video-list { grid-gap:1rem; display:grid; gap:1rem; grid-template-columns:repeat(auto-fill, minmax(min(250px, 100%), 1fr)); }
  .video-item {margin-bottom:0;}

  .list-grid { padding-left:1rem; }
  .faculty-search-form { margin:2rem 2rem 2rem 0; }
  .research-list.undergraduate-minor-features { display:flex; flex-flow:row; margin-right:-1rem;}
  .research-list.undergraduate-minor-features li { padding-right:1rem; }
  
  .book-item { grid-gap:0 1.5rem;
    grid-template-columns:[image-start] 10rem [image-end header-start body-start ] auto [header-end body-end]; 
    grid-template-rows: [image-start header-start] auto [header-end body-start] 1fr [body-end image-end]; 
  }
  .book-item__image { grid-area:image; }
  .book-item__body { grid-area:body; }
  .book-item__header { grid-area:header; }
  .book-item__title { margin:0; padding:0; }  
}

/* 700px
----------------------------------------------------*/

@media only screen and (min-width:43.75em) {
    /* .home .header-image { min-height:30rem; background-image: url(/stylesheets/images/hdr-2023-class-1200.jpg); } */
    .header-image,.home .header-image.default { background-image: url(/stylesheets/images/hdr-home-3-1200.jpg); }
    .home .header-image.default { min-height:30rem; }
    .news-events .header-image { background-image: url(/assets/318105/1200x/mc_9.20.16_bond_hall_detail_21.jpg.jpg); }
    .home .header-tagline { height:180px; }
    
  /* Faculty Filter */
  .faculty-search-submit { float:right; }
  .form-faculty { margin:2rem 1rem 2rem 0; padding:1rem; }
  .faculty-filter-group { display:flex; flex-flow:row wrap; }
  .faculty-filter-fieldset label { font-size:.9em; padding:.25rem 1rem; }
  
  /* Reading List */
  .form-books { margin:2rem 1rem 2rem 0; }
  .book-filter-group { display:flex; flex-flow:row wrap; }
  .book-filter-fieldset label { font-size:.9em; padding:.25rem 1rem; }
  
  /* Faculty Filter */
  .form-advisory-board { margin:1rem 0; padding:1rem 0; }
  .advisory-board-filter-group { display:flex; flex-flow:row wrap; }
  .advisory-board-filter-fieldset label { font-size:.9em; padding:.25rem 1rem; }
  
  .research-list.undergraduate-minor-features { flex-flow:column; }
  .home-primary h2,.home-primary h3 { margin-top:0;  }
  .home-secondary .card-list { flex-flow:row; margin-right:-1rem;}
  .home-secondary .card { margin-right:1rem; width:calc(33.33% - 1rem); }
  .site-title { width:18rem; }
  .nav-top-true .nav-top { width:calc(100% - 21rem); }
  .ndmark { right:1rem; }
  .site-footer .social { font-size:1.25em; }
  .site-footer .address { clear:left; }
  .footer-inner .social-links { text-align:left; }
  .image-left,.image-right { max-width:50%; }
  
  .layout-h.row h4 { margin-top: 0; }
}

/* 960px
----------------------------------------------------*/

@media only screen and (min-width:60em) {
  .site-title { width:20rem; }
  .nav-top-true .nav-top { width:calc(100% - 24rem); }
  .research-list.undergraduate-minor-features { flex-flow:row; }
  .research-list { grid-gap:1rem; display:grid; grid-template-columns:50% 50%; padding:0; }
  .site-footer .social { left:50%; position:absolute; text-align:center; top:0; }
  .footer-inner .social-links { display: inline-block; margin: 0 4rem; vertical-align:top;}
  .footer-inner .contacts { display:inline-block; }
  
  .lede { font-size:2em; }
  
  .home-get-involved h2 { font-size:3.5em; }
      
  .career-opportunity-list { display:flex; flex-flow:row wrap; margin:0 -.5em; }  
  .career-opportunity-item { margin-left:.5em; margin-right:.5em; width:calc(50% - 1em); }
  
  .home-stats { flex-flow:row; }
    .home-stat { width:33.3%; }
    
  .row-home-callout { padding:6em 0; }
  .row-home-callout p { font-size:1.5em; }
}

/* 1024px
----------------------------------------------------*/

/* 1200px
----------------------------------------------------*/

@media only screen and (min-width:75em) {
    /* .home .header-image { background-image: url(/stylesheets/images/hdr-2023-class-1600.jpg); } */
    .header-image,.home .header-image.default { background-image: url(/stylesheets/images/hdr-home-3-1600.jpg); }
    .news-events .header-image { background-image: url(/assets/318105/1600x/mc_9.20.16_bond_hall_detail_21.jpg); }
  /*.book-list-item { width: calc(33.33% - 1.25em); }*/
  .row.row-full-width { --gutter-width:calc(5vw + 0.9375em); }

}

/* 1280px
----------------------------------------------------*/

@media only screen and (min-width:80em) {
  .career-opportunity-list { margin:0 -.75em; }
  .career-opportunity-item { margin-bottom:1.5em; margin-left:.75em; margin-right:.75em; padding:1.5em; width:calc(50% - 1.5em); }
}

@media only screen and (min-width:85em) {
  .row.row-full-width { --gutter-width:calc(50vw - 39.0625em); }
  
}

/* 1440px
----------------------------------------------------*/

/* Hi-res
----------------------------------------------------*/

/* Print
----------------------------------------------------*/

@media print { 
  .site-footer .address { display:block; }  
  .research-list.undergraduate-minor-features li { padding-right:1rem; }
  .research-list.undergraduate-minor-features { flex-flow:row; }
  .research-list { grid-gap:1rem; display:grid; grid-template-columns:50% 50%; padding:0; }
  .faculty-filter-fieldset input { height:0; margin-bottom:0; opacity:0; width:0; }
  .faculty-filter-fieldset label { background:#fff; border:1px solid #ddd; border-radius: 2rem; cursor: pointer; display:inline-block; font-size:.9em; font-weight:400; margin:0 .5rem .5rem 0; min-width: 140px; padding:.25rem 1rem; text-align: center; transition: all 125ms ease;}

}