@charset "UTF-8";

/*
Font:     Greycliff CF
URL:    https://www.youworkforthem.com/font/T6406/greycliff-cf
Foundry:  Connary Fagen
Foundry:  https://www.youworkforthem.com/designer/479/connary-fagen
Copyright:  © 2017 Connary Fagen
Version:  17
Created:  February 03, 2018
License:  https://www.youworkforthem.com/font-license 
License:  The WebFont(s) listed in this document must follow the YouWorkForThem
      WebFont license rules. All other parties are strictly restricted 
      from using the WebFonts(s) listed without a purchased license. 
      All details above must always remain unaltered and visible in your CSS.
*/

@-webkit-viewport{width:device-width}@-moz-viewport{width:device-width}@-ms-viewport{width:device-width}@-o-viewport{width:device-width}@viewport{width:device-width}

@font-face {
    font-family: 'greycliff-bold';
    src: url('//www.udel.edu/content/dam/udelImages/digital-brand-assets/fonts/GreycliffCF-Bold.woff2') format('woff2'),
         url('//www.udel.edu/content/dam/udelImages/digital-brand-assets/fonts/GreycliffCF-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'greycliff-light';
    src: url('//www.udel.edu/content/dam/udelImages/digital-brand-assets/fonts/GreycliffCF-Light.woff2') format('woff2'),
         url('//www.udel.edu/content/dam/udelImages/digital-brand-assets/fonts/GreycliffCF-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'vanguard-regular';
    src: url('//www.udel.edu/content/dam/udelImages/digital-brand-assets/fonts/vanguard-cf-regular.woff2') format('woff2'),
         url('//www.udel.edu/content/dam/udelImages/digital-brand-assets/fonts/vanguard-cf-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body { margin: 0; }

/* This header max-width may be altered to match the width of your site content/container */
header#udHeader #udHeaderContainer, div#udHeader-collegeBar { max-width: 1024px; }

/* UD Banner */
header#udHeader {
 position: relative; 
 width: 100%; 
 background-color: #00539f;
 border-bottom: 2px solid #ffd300; 
 float: left; 
}
header#udHeader #udHeaderContainer { 
  width: 100%; 
  margin: auto; 
  overflow: hidden; 
  position: relative; 
}
header#udHeader #udHeaderWrapper { 
  position: relative; 
  width: 100%; 
  float: left;
}
header#udHeader #udHeaderLogo img { 
  height: 70px; 
  float: left; 
  margin: 20px; 
}

@media only screen and (max-width: 768px) {
  /* UD Banner */
  body header#udHeader #udHeaderMenuTrigger { display: inline-block; }
  body header#udHeader #udHeaderLogo img { height: 40px; margin: 15px; padding-left: 14px;}
  body header#udHeader .udHeaderMenuTrigger { position: absolute; top: 23px; right: 28px; width: 25px; cursor: pointer; }
  body header#udHeader .udHeaderMenuTrigger span {  height: 5px; width: 5px; margin: auto; background-color: #FFF; border-radius: 50%; display: block; clear: left; }
    body header#udHeader .udHeaderMenuTrigger span + span { margin-top: 5px; }
  body header#udHeader .udHeaderMenuTrigger.udHeaderOn span { background: #fed600; }
  body header#udHeader .udHeaderMenu { text-align: center; background: #003c71; margin: 0; display: none; position: relative; }
  
}