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

/*************************************************************************************
 * 1. Common Styles
 ************************************************************************************/
:root { 
/*  --accent-color: #0c2340; */
} 

.program-list { list-style:none; padding:0; display: flex; flex-flow: row; flex-wrap: wrap; }
.program-list-item { margin-bottom:2rem; width: 100%; padding: 0.5em; }
.program-list-item-title:first-child { font-size: 1.3em; margin-top:0.5em; }
.program-list-item .btn span { position:absolute; left:-100vw; }

.no-js .form-program,
.no-js .nav-program { display:none; }

/*************************************************************************************
 * 2. Screen Styles
 ************************************************************************************/
@media only screen {
  .page-hero { background:url(/stylesheets/images/hdr-dunes-700.jpg) 50% 50% / cover no-repeat; } 
  .form-program fieldset { border:0; padding:0.5rem 0; margin:0 0 1rem; border-radius:0.125rem; background:#f0f0f0; }
  .program-count { font-size:0.9em; margin:1rem 0 2rem; padding:0.5rem 1rem; border:1px solid #f0f0f0; max-width:100%; color:#666; font-family: GP, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;  }
  .select-program { padding-right:2em; width:100%; }
  .nav-program { padding:1rem 0.6rem 0; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; margin-bottom:1rem; }
  .nav-program li { font-size: 1.1rem;  font-family: GP, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; }
  .nav-program li > ul {  margin-bottom:1rem; }
  .nav-program ul ul a {  display: block; padding:0.2em 0.5em 0.2em 1em; color: #0c2340; font-size:0.9rem; }
  .btn-group-program { flex-flow:column; }
}

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

/* 700px
----------------------------------------------------*/
@media only screen and (min-width:43.75em) {
  .page-hero { background-image:url(/stylesheets/images/hdr-dunes-1200.jpg); } 
  .nav-program { padding:0 0 0 0.4rem; border:0; }
  .program-list-item { width: 33%; }
  .program-list-item .btn-group { display:flex; justify-content:space-between; }
  .btn-group-program { flex-flow:row; justify-content:space-between; }
  .btn-back { order:-1; }
}

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

/* 1024px
----------------------------------------------------*/
@media only screen and (min-width:64em) { 
  .header-social .newsletter a { width:25em; }
}

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

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

/* 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 (-webkit-min-device-pixel-ratio:144),
  only screen and (min-resolution:144dpi),
  only screen and (min-resolution:1.5dppx){ }

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

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