/* University Template over-ride
   Launched: 2020-07-24
   Author: Shawn Maust, Notre Dame Web Team
   ----------------------------------------------------*/

blockquote em { font-style:normal; }

@media only screen {
  iframe[src*="vimeo.com"],iframe[src*="youtube-nocookie.com"],iframe[src*="youtube.com"] { height:auto; } /* for responsive videos using aspect ratio */
  
  /* Sections */
  .section { --section-padding:2rem; --section-margin:2rem; margin-bottom:2rem; margin-bottom:var(--section-margin); padding:2rem 0; padding:var(--section-padding) 0; }
  .section:last-child { margin-bottom:0; }
  .section--home-callout .section__image { margin-left:var(--gutter-offset); margin-right:var(--gutter-offset); margin-top:calc(var(--section-padding)*-1);}
  
  .section--dark-cards .card { background-color:var(--brand-blue); color:#fff; }
  .section--dark-cards .card:hover { background-color:var(--brand-blue-light); }
  .section--dark-cards .card-body { padding:2.5rem 1.5rem; }
  .section--dark-cards .card-title { color:#fff; margin-bottom:0; }
  
  /* Home */
  .home .page-main { margin-bottom:0; padding-bottom:0; }
  .long-title { font-size:1.625rem; margin-bottom:.5em }
  .long-title:after { content:none; }
 
  /* Faculty 
  .area-filter__list { display: flex; flex-flow: row wrap; align-items: flex-start; }
  .area-filter__item { display:inline-grid; align-items:center; position:relative; margin:0 0.5rem 0.5rem 0; width: 100%; }
  .area-filter__label { grid-row:1; grid-column:1; padding:0.5rem 2.3rem; margin:0; text-indent: -1rem; border-radius: 0.3rem; font-weight: 500; }
  .area-filter__label:hover { cursor:pointer; background:var(--sky-blue); }
  .area-filter__input { grid-row:1; grid-column:1; justify-self:start; margin:0 0 0 0.75em; z-index:10; visibility: hidden; }
    .area-filter__input + .area-filter__label:before { display: inline-block; width: 1rem; content: "\00A0"; text-align: center; }
  .area-filter__input:checked + .area-filter__label { background:var(--brand-blue); color: white; }
    .area-filter__input:checked + .area-filter__label:before { content: "\2713"; }
  */
  
  .area-filter__item { align-items:center; display:flex; margin-bottom:1rem; }
  .area-filter__list { line-height:1; }
  .area-filter__input { margin-bottom:0; }
  .area-filter__label { margin-left:.5rem; }
  
  /* Profiles */
  .profile-image { margin:0 auto; max-width:20rem;}
  .profile-more .btn { display:block; }
  
  /* Student Achievements */
  .card--entry-point { background:var(--sky-blue-light); }
}

/* 480px
----------------------------------------------------*/

/* 768px
----------------------------------------------------*/

@media only screen and (min-width:48em) {
  
  /* Profiles */
  .profile-grid {  grid-template-columns:[main-start] 2fr [main-end aside-start] 1fr [aside-end]; grid-template-rows:auto 1fr; } 
  .profile-image { grid-column:aside; grid-row:1; }
  .profile-body { grid-column:main; grid-row:span 2;}
  .profile-aside { align-items:center; display:flex; flex-flow:column; grid-column:aside; grid-row:2;}
  .profile-contact { margin:0 auto;}
  .profile-more { margin-top:1rem; }
  
  /* Home */
  .home-primary { background:#fff; margin:-6.5rem auto 0; padding:2rem; }
  .long-title { font-size:1.75rem; }
  .section--home-callout { margin-bottom:calc(var(--section-margin)*2); }
  .section--home-callout .section__image { margin-bottom:calc(var(--section-padding)*-2); margin-left:var(--gutter-offset); margin-right:0; margin-top:calc(var(--section-padding)*-2); }
  .section--home-callout .section__body { padding:2rem; }
  .section--home-callout img { width:100%; }
  
  .area-filter__list { -moz-column-count:2; column-count:2; }
  /*.area-filter__item { width: 32%; }*/
}

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

@media only screen and (min-width:60em) {
  /*.area-filter__item { width: 24%; }*/
}

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

@media only screen and (min-width:80em) {
  .long-title { font-size:2.125rem; }
  .area-filter__list { -moz-column-count:3; column-count:3; }
}

/* 1400px
----------------------------------------------------*/

/* 1600px
----------------------------------------------------*/

/* 1920px
----------------------------------------------------*/

@media only screen and (min-width:120em) {
  
  /* Home */
  .section--home-callout .section__image { margin-left:-6rem; }
}

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