/*!
International Theme overrides
Launched: 2018-08-16
Author: Shawn Maust, Nevin McElwrath
*/

/*************************************************************************************
 * 1. Common Styles
 ************************************************************************************/
:root {
  --accent-color: #07a6b5;
}


/*************************************************************************************
 * 2. Screen Styles
 ************************************************************************************/
@media only screen {
  .dept-nd a {max-width:calc(100% - 2rem); width:494px; background-image:url('images/dept-nd-england-white.png'); background-position:50% 50%; background-size:100% auto; }
  .dept-intr {display:none;}
  .page-hero { background:url(/stylesheets/images/hdr-london_sq-700.jpg) 50% 50% / cover no-repeat; }
  .about .site-content,
  .about .page-content { padding-bottom: 0; }
  .about .timeline { margin-top:3rem; }
  .nav-full > ul:last-child li a {
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: 0.8rem;
  }
  .nav-full > ul:last-child li ul li a { text-transform:none; }
  .nav-full hr { margin: 1rem 0; border-color:#ccc; }
  .nav-full hr::after { content: none; }

}

/*************************************************************************************
 * 3. Media Queries
 ************************************************************************************/

/* 700px
----------------------------------------------------*/
@media only screen and (min-width:43.75em) {
  .dept-nd a {max-width:100%;} 
   .page-hero { background-image:url(/stylesheets/images/hdr-london_sq-1200.jpg); }
}

/* 960px
----------------------------------------------------*/
@media only screen and (min-width:60em) {
  .dept-intr {display:block;}
  .header-util #nav-tertiary {
    margin: 12px 0;
  }
  .header-util nav li {
	  /*! display: inline-block; */ /* uncomment if more than one header-util tertiary nav link */
	  margin-left:1rem;
  }
  .header-util nav a, .header-util nav a:link {
    color:#fff;
    letter-spacing: .1rem;
	  display: block;
	  padding: 1em .125em .625em .625em;
  }
  .header-util nav a:hover,
  .header-util nav a:active {
    color:#d6b352;
  }
  .header-util nav a, .header-util nav a:hover {
    box-shadow:none;
    text-shadow:none;
    border:none;
    
  }
}

/* 1200px
----------------------------------------------------*/
@media only screen and (min-width: 75em) {
   .page-hero { background-image:url(/stylesheets/images/hdr-london_sq-1600.jpg); }
}

/* 1600px
----------------------------------------------------*/
@media only screen and (min-width: 100em) {
   .page-hero { background-image:url(/stylesheets/images/hdr-london_sq-2240.jpg); }
}

/* Hi-res
----------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:144dpi) {
  .dept-nd a {background-image:url('images/dept-nd-england-white@2x.png');}
}

/*************************************************************************************
 * 4. Plugins
 ************************************************************************************/

/*************************************************************************************
 * 5. Print Styles
 ************************************************************************************/
@media print {
}