/* 
University Template over-ride
Launched: 2019-01-25
Author: Digital Hill
   
   
CONTENTS
-----------------------------------------
1. Common
2. Screen
3. Media Queries
4. Print

----------------------------------------------------*/
   
/*************************************************************************************
 * 1. Common Styles
 ************************************************************************************/
 
.site-title  { text-shadow:none; text-transform:uppercase; }
 
.nav-site > ul { padding-bottom:0; }
.nav-site ul li a { font-size:1.3rem; }
.nav-site ul ul li a { font-size:1rem; }

.nav-site ul li { margin:0 0 .4em; }
.nav-site > ul > li > a,
.nav-site > ul > li > a:active,
.nav-site > ul > li > a:hover,
.nav-site > ul > .active > a {  color:#fff; border-bottom:0; padding:.4em .5em; text-indent:0; }
.nav-site > ul > li > a { background-color:#0a233f; }
.nav-site > ul > li > a:active,
.nav-site > ul > li > a:hover,
.nav-site > ul > .active > a { background-color:#b09043; }
.beta { padding-top:0; }
.nav-site ul ul > .active > a { background-image:none; }
.nav-site .protected>a:after,
.nav-top .protected>a:after {
  background:url(/stylesheets/themes/ndt/3.0/images/icon-lock.svg) 0 0 no-repeat; content:""; display:inline-block; height:1em; margin-left:.5em; vertical-align:baseline; width:1em; background-color:#fff; border:1px solid white; border-radius:0.4em; background-size:80%; background-position:center; }

.nav-site .protected.active>a:after,
.nav-top .protected.active>a:after{ height:0.9em; width:0.9em; border:none; border-radius:0; background-color:transparent; background-size:90%; background-position:0 0; }

div.main > :first-child { margin-top:0; }
.aside h4 { font-size:1.2rem; }
body.awards aside { font-size:.9em; }
body.awards aside ul { padding-left:0; }
body.awards table td:first-child { white-space:nowrap; }

h1.page-title { margin-bottom:1em; }
h1.page-title,
.home-secondary .columns > h2 { padding:.3em 0; text-indent:0; text-shadow:none; font-size:2em; border-bottom:3px solid #b09043; position:relative; }
h1.page-title:after,
.home-secondary .columns > h2:after { content:" "; position:absolute; width:100%; left:0; right:0; bottom:0; height:1px; background:#fff; }
.home-secondary .columns > h2 a { color:#fff; }

h3 { font-style:normal; font-weight:300; color:#0a233f; }

th a:link,
th a:visited,
th a:hover,
th a:active,
th a:focus { color:#fff; }

.home-secondary p { font-size:.9em; }
.home-secondary h3 { margin:.25em 0 0; }
.home-secondary img { width:100%; } 

.home-secondary p a:hover,
.home-secondary p a:active,
.home-secondary p a:focus { text-decoration:none; }

.home-secondary p:last-of-type a { color:#b09043; text-decoration:none; font-weight:bold; }
.home-secondary p:last-of-type a:hover, 
.home-secondary p:last-of-type a:active,
.home-secondary p:last-of-type a:focus { color:#0a233f; }

.home-secondary p.news-link a { display:block; padding-bottom:1em; border-bottom:1px solid #ccc; text-decoration:none; }


.search-button { color:#333; }
.nav-mobile .search-button { float:none; position:absolute; height:22px; width:22px; }
.nav-mobile .search-button .icon { width:1.3em; height:1.6em; }

body:not(.home) .wrapper .site-content { padding-top:1em; }

.social-links { width:100%; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; }
.social-links a { flex-basis:17%; opacity:.5; } 
.social-links a:hover,
.social-links a:active,
.social-links a:focus { opacity:.9; }

.image-default img, .image-right img, .image-left img { border:none; box-shadow:none; }


.intro-image { position:relative; margin-bottom:1em; }
.intro-image img { width:100%; }
.intro-image .intro-text { font-size:.9em; padding:1em; }

.home-buttons { width:100%; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; margin:0 0 1em; }
.home-buttons p { flex-basis:49%; text-align:center; border:3px solid #b09043; font-size:1.3em; font-weight:300; font-family:GPC, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; margin-bottom:0; } 
.home-buttons a { display:block; padding:.5em; text-decoration:none; } 



/* award list */
.award-container .row { max-width:calc(100% + 1.875rem); }
.award-container .row .column { margin-bottom:1.5em; }
.award-container a { display:block; height:100%; text-decoration:none; border:1px solid #ddd; position:relative; border:3px solid #0a233f; background:#0a233f; color:#fff;  }
.award-container a:hover,
.award-container a:active,
.award-container a:focus,
.award-container a:hover p.button,
.award-container a:active p.button,
.award-container a:focus p.button { border-color:#b09043; }

.award-container a > div { padding:1em 1em 2em; /*border:1px solid #fff; border-bottom:none;*/ }
.award-container a h4 { margin-top:0; color:#fff; text-shadow:none; margin-bottom:1em; font-size:1.2em; font-weight:400; }
.award-container a h5 { margin-top:0; color:#fff; text-shadow:none; font-size:.9rem; font-weight:600; }
.award-container a h5.amount { font-size:1.2rem; font-weight:600; font-family:Arial; margin-bottom:0; line-height:1.1; text-transform:none; }
.award-container a p.amount-description { font-size:.7rem; margin-top:0; line-height:1; margin-bottom:1.5em; }
.award-container a ul { color:#fff; font-size:.8rem; padding:0; margin:0 0 1em; }
.award-container a li { line-height:1.1; padding:.5em 0; list-style-type:none; margin-bottom:0; }
.award-container p.button { display:block; padding:.25em .5em; position:absolute; bottom:0; left:0; width:100%; text-align:center; background-color:#fff; color:#000; border-top:3px solid #b09043; text-transform:uppercase; margin-bottom:0; box-sizing:border-box; font-weight:bold; font-size:.8em; }

/* white bg */
.award-container a { background:#fff; color:#000; }
.award-container a h4 { color:#000; }
.award-container a h5 { color:#000; }
.award-container a ul { color:#000;  }
.award-container p.button { background-color:#0a233f; color:#fff; border-top:3px solid #0a233f; }

/* possibly more intense hover
.award-container a:hover,
.award-container a:active,
.award-container a:focus { background-color:#0a233f; color:#fff; }
.award-container a:hover h4,
.award-container a:active h4,
.award-container a:focus h4,
.award-container a:hover h5,
.award-container a:active h5,
.award-container a:focus h5,
.award-container a:hover ul,
.award-container a:active ul,
.award-container a:focus ul { color:#fff; }
/* */

/* scholar list */
body .scholar-bio-toggle { display:none; }
body.hasjs .scholar-bio-toggle { display:block; }

body .scholar-bio { display:none; /*max-height:0; overflow:hidden; transition: max-height .5s ease;*/ }
body .scholar-expanded .scholar-bio { display:block; /*max-height:2000px;*/ }

.scholar { padding-bottom:1em; border-bottom:1px solid #ccc; margin-bottom:1em;  }
.scholar h4 { margin-top:0; }

.scholar:not(.scholar-expanded) .scholar-bio-toggle > span:last-of-type { display:none; }
.scholar-expanded .scholar-bio-toggle > span:first-of-type { display:none; }

.scholar .scholar-bio-toggle > span:first-of-type:before { content:"+ "; }
.scholar .scholar-bio-toggle > span:last-of-type:before { content:"- ";  }

.scholar .scholar-summary { position:relative; }
.scholar .scholar-bio-toggle { position:absolute; text-shadow:none; font-weight:bold; letter-spacing:1px; right:0; bottom:0; text-decoration:none; background-color:rgba(0,0,0,0.085); color:#333; font-size:.7em; text-transform:uppercase; padding:.1em .5em; }


/* alumni directory */
form.alumdir { padding-bottom:1em; border-bottom:1px solid #ccc; margin-bottom:1em; }
form.alumdir label { display:inline-block; font-family:GPC, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; }
form.alumdir label { margin-right:2em; }
form.alumdir select,
form.alumdir input { font-family:Arial, Verdana, sans-serif; max-width:200px; }
form.alumdir button,
form.alumdir .button{ display:inline-block; padding:.5em; color: #fff; text-shadow:none; text-decoration:none; box-sizing:border-box; line-height:normal;
    border: 1px solid #fff;
    background: #0a233f url(https://scholars.nd.edu/stylesheets/images/clover-background-button-rev.svg) center no-repeat;
    background-size: cover; 
	font-family:GPC, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	font-weight:300;
	}

table.alumdir  th { font-size:1.1em; }
table.alumdir  td { font-size:.8em; }
table.alumdir  td strong { font-size:1.1em; }

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

@media only screen {
  .brandbar { background:#b09043; }
  .titlebar { background:#0a233f; color:#fff; }
  .site-title a:link,
  .site-title a:visited,
  .site-title a:active,
  .site-title a:hover { color:#fff; }
  
  h1.page-title,
  .home-secondary .columns > h2 { color:#fff; background-color:#0a233f; padding:.3em .5em; }
  
  .intro-image { background-color:rgba(0,0,0,.7); color:#fff; }
  .intro-image .intro-text { background-color:rgba(0,0,0,.7); color:#fff; }
  
  .home-buttons a { color:#fff; border:1px solid #fff; background:#0a233f url(images/clover-background-button-rev.svg) center no-repeat; background-size:cover; } 

  .home-buttons a:hover,
  .home-buttons a:active,
  .home-buttons a:focus { background-color:#b09043; }

  .award-container a h4 { min-height:2.2em;  }
  
  #about-the-program-calendar .page-title + p { overflow:auto; }
  #about-the-program-calendar .page-title + p iframe { min-width:500px; }


  .embed-inner {position:relative; padding:0;}
  .embed-inner iframe,
  .embed-inner object,
  .embed-inner embed {position:absolute; top:0; left:0; width:100%; height:100%;}
}

@media only print {
  #footer p { font-size:.8em; }
  
  .home-secondary .columns + .columns + .columns { margin-bottom:5em; }

  .home-secondary .columns img { max-width:200px; }
 
  .award-container a > div { padding-bottom:0; }
  .award-container a .button { display:none; }
 
  .contact-info.adr { max-width:50%; }
  
  h1.page-title { padding-top:0; }
  
  .embed-inner {position:relative; padding:0;}
  .embed-inner iframe,
  .embed-inner object,
  .embed-inner embed {position:absolute; top:0; left:0; width:100%; height:100%;}
  
  body.hasjs .scholar-bio-toggle,
  form.alumdir { display:none; }
  
  .scholar { display:block; }
  .scholar .column { display:block; }
  .scholar .column.large-2 { float:right; margin-left:5px; }
  .scholar img { max-width:100px; }

}


/* 580px
----------------------------------------------------*/
@media only screen and (min-width:36.250em) {}

/* 700px
----------------------------------------------------*/
@media only screen and (min-width:43.75em) {
  .titlebar { background:#0a233f url(images/clover-background-header-rev.svg) right center no-repeat; }
}

/* 960px
----------------------------------------------------*/
@media only screen and (min-width:60em) {
  .home-buttons p { font-size:2em; } 
  .intro-image .intro-text { position:absolute; bottom:0; left:0; right:0;  }

}

/* 1024px
----------------------------------------------------*/
@media only screen and (min-width:64em) {}

/* Hi-res
----------------------------------------------------*/
@media
  only screen and (-webkit-min-device-pixel-ratio:1.5),
  only screen and (min-device-pixel-ratio: 1.5),
  only screen and (min-resolution:144dpi),
  only screen and (min-resolution:1.5dppx){}

/* under 1024px
----------------------------------------------------*/
@media only screen and (max-width:64em) {
  .scholar .scholar-bio-toggle { position:static; max-width:100px; }

}


/* under 920px
----------------------------------------------------*/
@media only screen and (max-width:57.5em) {
  .brandbar .dept { display:none; }
  .brandbar .dept-nd a { margin-left:calc(0.9375rem * 2); }
  .site-title { font-size:2rem; }
  .header-util { top:1.5rem; }
}

/* under 700px
----------------------------------------------------*/
@media only screen and (max-width: 43.75em) {
  .titlebar .column { padding-right:60px; }
  .brandbar .dept-nd a { margin-left:0.9375rem; }
  .site-title { display:inline; }
  .btn-nav-mobile { top:1.3rem; }
  .award-container a { margin-bottom:1em; }
  .beta { padding-top:1em; margin-top:1em; }
  .scholar { display:block; }
  .scholar .column { display:block; }
  .scholar .column.large-2 { float:right; margin-left:5px; }
  .scholar img { max-width:100px; }

}

/* under 580px
----------------------------------------------------*/
@media only screen and (max-width:36.250em) {
   .home-buttons p { font-size:1rem; } 
}