/* University Template over-ride
   Launched: 2023-08-01
   Author: Notre Dame Web Team
   ----------------------------------------------------*/

.section { margin: 4rem 0; }

.section--home-callout { margin: 6rem 0; }

embed,iframe {height:auto;}

/* Form Elements
----------------------------------------------------*/

form { margin:1rem 0; }

form.form { --grid-gap:1.5rem; clear:both; margin:1rem 0 4rem; padding-bottom:2rem; padding-top:2rem; }

.form--filter { background:var(--sky-blue);
}

.form--filter .form-fields { padding:0 1.5rem; }

.form--filter .form-utility { background:var(--sky-blue-light); margin-bottom:-2em; margin-top:2rem; padding:1rem 1.5rem; position:relative; }

.form--filter .records-found { font-size:.9rem; font-weight:700; }

form p { margin:0; max-width:none; }

fieldset { background:var(--sky-blue-light); border:none; border-radius:1rem; margin:2rem 0; padding:1.5rem; }

fieldset p { margin-bottom:.75rem; }

legend { border:0; margin:0 0 1.5rem; padding:0; }

label { display:block; font-size:1rem; font-weight:600; }

button,input,optgroup,select,textarea { color:inherit; font-family:inherit; font-size:100%; margin:0; vertical-align:baseline; }

form button.btn-cta,form input[type=submit] { margin-top:2rem; }

button { border-radius:0; width:auto; }

button,input { line-height:normal; overflow:visible; }

button,select { text-transform:none; }

button,input[type=button],input[type=reset],input[type=submit] { -webkit-appearance:button; -moz-appearance:button; appearance:button; cursor:pointer; }

input[type=checkbox],input[type=radio] { margin:0 .5rem; }

input[type=search] { outline-offset:-2px; }

button::-moz-focus-inner,input::-moz-focus-inner { border:0; padding:0; }

button[disabled],html input[disabled] { cursor:default; }

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button { height:auto; }

input[type=search] { -webkit-appearance:textfield; -moz-appearance:textfield; appearance:textfield; box-sizing:content-box; }

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration { -webkit-appearance:none; appearance:none; }

textarea { min-height:5rem; min-width:100%; overflow:auto; vertical-align:top; }

optgroup { font-weight:700; }

[type=color],[type=date],[type=datetime-local],[type=datetime],[type=email],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],textarea { -webkit-appearance:none; -moz-appearance:none; appearance:none; background-color:#fefefe; border:1px solid #cacaca; border-radius:4px; box-shadow:inset 0 1px 2px hsla(0,0%,4%,.1); box-sizing:border-box; color:#0a0a0a; display:block; font-family:inherit; font-size:1rem; font-weight:400; line-height:1.5; margin:0; padding:.5rem; transition:box-shadow .5s,border-color .25s ease-in-out; width:100%; }

input:focus { border:2px solid var(--brand-blue-bright); outline:none; }

select:not([multiple]) { padding-bottom:0; padding-top:0; }

select { -webkit-appearance:none; -moz-appearance:none; appearance:none; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E"); background-origin:content-box; background-position:right -.5rem center; background-repeat:no-repeat; background-size:20px 12px; border:1px solid #cacaca; border-radius:4px; color:#0a0a0a; font-family:inherit; font-size:1rem; font-weight:400; line-height:1.5; margin:0 0 1rem; padding:.5rem 1.5rem .5rem .5rem; width:100%; }

select,select:focus,textarea:focus { background-color:#fefefe; transition:box-shadow .5s,border-color .25s ease-in-out; }

select:focus,textarea:focus { border:2px solid var(--brand-blue-bright); box-shadow:0 0 5px #cacaca; outline:none; }

@media only screen {
  .section--home-callout h2:after { background:var(--brand-gold); content:""; display:block; height:.25rem; margin:.75rem 0 1.875rem; width:3rem; }
  .section--home-callout .section-body  { padding-bottom:2rem; }
  .section--offset-image .section-image { margin:2rem 0 0; position:relative; }
  .body-section { margin: 2rem 0; padding:2rem 1rem; }

  .bg-vinewall-photo .page-header:not(.cap-hdr):before { background-image:url(images/Texture_for_Reilly_Center_800.jpg); background-repeat:no-repeat; background-size:cover; }

  .long-title { font-size:1.625rem; margin-bottom:.5em }
  .long-title:after { content:none; }
}

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

@media only screen and (min-width:48em) {
  .long-title { font-size:1.75rem; }
  .bg-vinewall-photo .page-header:not(.cap-hdr):before { background:url(images/Texture_for_Reilly_Center_1200.jpg); }
  .section--offset-image .section-image { margin:-2rem 0 -2rem var(--gutter-offset); }
}

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

@media only screen and (min-width:60em) {
    main.page-main { margin-top: calc(30vh - 8rem); }
  .page-image.full { max-height: 70vh; }
  .home-primary { background: #fff; margin: -14.5rem auto 0; padding: 3rem; }
  .bg-vinewall-photo .page-header:not(.cap-hdr):before { background-image:url(images/Texture_for_Reilly_Center_1200.jpg); }
  .body-section { padding:2rem; }

  .nav-top-true .page-header:before { min-height: 30vh; }
  .nav-top-true .page-sidebar { margin-top: 23vh; }

  .section--home-callout h2:after { margin-left:-.75rem; margin-top:1.125rem; width:4.25rem; }

}

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

@media only screen and (min-width:80em) {
  .long-title { font-size:2.125rem; }
  .bg-vinewall-photo .page-header:not(.cap-hdr):before { background-image:url(images/Texture_for_Reilly_Center_1600.jpg); }

  @supports (display:grid) {
    .grid-lg2-1 { grid-template-columns:100%; }
    .grid-lg2-2 { grid-template-columns:repeat(2, minmax(0,50%)); }
    .grid-lg2-3 { grid-template-columns:repeat(3, minmax(0,33.3%)); }
    .grid-lg2-4 { grid-template-columns:repeat(4, minmax(0,25%)); }
    .grid-lg2-5 { grid-template-columns:repeat(5, minmax(0,20%)); }
    .grid-lg2-6 { grid-template-columns:repeat(6, minmax(0,16.6%)); }
    [class*=grid-lg2-]>[class*=span-lg2] { width:auto; }
    .span-lg2-1 { grid-column:span 1; }
    .span-lg2-2 { grid-column:span 2; }
    .span-lg2-3 { grid-column:span 3; }
    .span-lg2-4 { grid-column:span 4; }
    .span-lg2-5 { grid-column:span 5; }
    .span-lg2-6 { grid-column:span 6; }
    .order-lg2--1 { order:-1; }
    .order-lg2-0  { order:0; }
    .order-lg2-1  { order:1; }
    .order-lg2-2  { order:2; }
    .order-lg2-3  { order:3; }
    .order-lg2-4  { order:4; }
    .order-lg2-5  { order:5; }
  }

  .horizontal-lg2 { --card-image-width:25%; --card-circle-image-width:calc(100% - var(--card-padding)); flex-flow:row; }
  .horizontal-lg2 .card-image { min-width:var(--card-image-width);}
  .horizontal-lg2 .image-circle { margin-bottom:var(--card-padding); margin-right:0; }
  .horizontal-lg2 .card-image+.card-body { flex-grow:1; }

  .stacked-lg2 { --card-image-width:100%; --card-circle-image-width:calc(100% - var(--card-padding)*2); flex-flow:column; }
  .stacked-lg2 .image-circle { margin-right:var(--card-padding); }

}