/**
* @NORMALIZE CSS
*
* Defines all of the basic reset styles used public facing pages hosted on
* Copland.
*
* Based off the normalize.css standard by Nicolas Gallagher and Johnathan Neal
* Viewport Unit Based Typography by Zell Liew
*
* @version      2.0.0
* @author       Christopher Leonard - University of Delaware | IT CS&S
* @license      MIT License
* @see          github.com/necolas/normalize.css
* @see          zellwk.com/blog/viewport-based-typography/
* @see          cssguidelin.es/
* @see          www.devlounge.net/code/getting-started-with-cssdoc-commenting
*
*/
/*------------------------------------------------------------------
[Table of contents]
   1. @COLOR CODES
   2. @BASE
   3. @SECTIONS
   4. @GROUPING CONTENT
   5. @TEXT-LEVEL SEMANTICS
   6. @EMBEDDED CONTENT
   7. @CLASSES
   8. @FORMS
   9. @UDBRAND HEADER CSS
       A. @LAYOUT
       B. @MEDIA QUERIES
  10. @UDBRAND FOOTER CSS
        A. @LAYOUT
        B. @IE HACKS
        C. @MEDIA QUERIES
  11. @MEDIA QUERIES
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
  1. @COLOR CODES

  Background:  #FFF
  Content: #565656
  Header h1: #06A
  Header h2: #3D464D
  Header h3: #3D464D
  Header h4: #3D464D
  Header h5: #3D464D
  Form Label: #4C4C4C
  Form Fieldset (background): #FAFAFA
  Form Fieldset (border): #AAA
  Form Fieldset Fieldset (background): #F7F7F7
  Form Fieldset Fieldset (border): #AAA
  Form Fieldset Legend (background):#00539F
  Form Fieldset Legend (color): #FFF
  Form Fieldset Legend (border): #01456B
  Form Fieldset Fieldset Legend (color): #FFF
  Form Sup: #9F0000
  Form Error: #9F0000
  Footer (border-top: #FFD300)
  a (standard):  #06A
  a (visited): #3867B1
  a (focus):  #002663
  a (border-bottom): rgba(26, 67, 106, .37)
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
  2. @BASE
    a. Correct the line height in all browsers.
-------------------------------------------------------------------*/
html,
input,
label,
textarea {
  box-sizing: border-box
}
*,
:after,
:before {
  box-sizing: inherit
}
html{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering:auto;
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%;
  line-height: 1.15; /* a */
}
/*-------------------------------------------------------------------
  3. @SECTIONS
-------------------------------------------------------------------*/
body {
  position:relative;
  padding: 0 !important;
  border: 0 none !important;
  margin: 0;
}
article,
aside,
footer,
header,
h1,
h2,
h3,
h4,
h5
nav,
section {
  display: block
}
article h1,
article h2,
article h3,
article ol,
article p,
article ul,
section,
footer > .ud_grid {
  padding-right: 1.4rem; /* calc(50% - 29.1612rem) */
  padding-left: 1.4rem
}

article {
  padding-right: calc(50% - 27.1430rem);
  padding-left: calc(50% - 27.1430rem)
}
h1{
  color: #06A
}
h2,
h3,
h4,
h5 {
  color: #3D464D
}
h1,
h2,
h3,
h4,
h5 {
  margin: 0;
  padding: 0;
}
h2+p {margin-top: .7rem}
*+blockquote,
*+figure,
*+p,
p+* {margin-top: 1.05rem}
h1 {
  font-size: 1.728rem;
  line-height: 1.4;
  margin-top: 2.1rem;
  font-weight: 500
}
@media all and (min-width:640px) {
  h1 {font-size: 2.0736rem}
}
h2 {
  font-size: 1.44rem;
  line-height: 1.35;
  margin-top: 2.1rem;
  font-weight: 500
}
h1+h2 {
  margin-top: 1.4rem
}
h3,
h4 {
  font-size: 1.2rem;
  line-height: 1.3
}
h3,
h4{
  font-weight: 500
}
/*-------------------------------------------------------------------
  4. @GROUPING CONTENT
    a. Add the correct box sizing in Firefox.
    b. Show the overflow in Edge and IE.
-------------------------------------------------------------------*/
hr {
  box-sizing: content-box; /* a */
  height: 0; /* a */
  overflow: visible; /* b */
}
main {
  position: relative;
  padding-bottom: 2.105rem
}
p,
pre{
  margin:0 0 1.4rem
}
p a{
  line-height:inherit
}
li,
p,
ul {
    margin: 0;
    padding: 0
}
ol, ul {
  list-style:none;
  list-style-image:none;
  list-style-position: outside
}
ol.nums {
  list-style-type: decimal !important;
  list-style: inside
}
/*.ud_grid {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0
}*/
/*.ud_grid--full > .ud_grid-cell,
.ud_grid--full > .ud_grid-subcell {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%
}*/
/*.ud_grid-cell,
.ud_grid-subcell {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}
.ud_grid--flexcells > .ud_grid-cell {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.u-1of3, .u-2of3 {
  -webkit-box-flex: 0 !important;
  -webkit-flex: none !important;
  -ms-flex: none !important;
  flex: none !important;
}
.u-1of3 {
  width: 33.3333% !important;
}
.ud_grid--center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}
.ud_grid--top {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start
}
.ud_grid--bottom {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end
}
.ud_grid-cell--center {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center
}
.ud_grid-subcell {
  width: 100%;
  padding: .8em 1em 0;
}
.ud_grid-cell--bottom,
.ud_grid-subcell--bottom {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end
}*/
/*


.ud_grid--justifyCenter {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center
}

.ud_grid-cell--top {
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start
}
*/
/*-------------------------------------------------------------------
  5. @TEXT-LEVEL SEMANTICS
    a. Remove the gray background on active links in IE 10.
    b. Remove gaps in links underline in iOS 8+ and Safari 8+.
    c. Prevent the duplicate application of `bolder` by the next rule in
       Safari 6.
    d. Add the correct font weight in Chrome, Edge, and Safari.
    e. Add the correct font size in all browsers.
    f. Prevent `sub` and `sup` elements from affecting the line height in
       all browsers.
-------------------------------------------------------------------*/
a {
  background-color: transparent; /* a */
  -webkit-text-decoration-skip: objects; /* b */
  -webkit-tap-highlight-color: transparent;
  -webkit-transition: color .12s ease-in-out;
  transition: color .12s ease-in-out;
}
b,
strong {font-weight: inherit /* c */}
b,
strong {font-weight: bolder /* d */}
small {font-size: 80% /* e */}
/* sub{
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline
}
sup {
  color: #9F0000;
  font-weight: bold;
  font-size:200%;
  vertical-align: sub
}
sub{
  bottom:-0.25em
} */

sub,
sup {
  font-size: 75%;
  line-height: 0; /* f */
  position: relative;
  vertical-align: baseline;
}
sub {bottom: -0.25em}
sup {top: -0.5em}
/*-------------------------------------------------------------------
  6. @EMBEDDED CONTENT
    * a. Remove the border on images inside links in IE 10-.
    * b. Hide the overflow in IE.
    * c. Make svg image fluid in IE
    * https://tympanus.net/Tutorials/ResponsiveSVGs/index.html
-------------------------------------------------------------------*/
img {
  border-style: none; /* a */
  max-width:100%;
}
svg:not(:root) {
  overflow: hidden; /* b */
}
img:not(.png) {
  width: 100%;
}
/*-------------------------------------------------------------------
  7. @CLASSES
--------------------------------------------------------------------*/
.ud_alignleft {
  text-align:left !important
}
.ud_aligncenter {
  text-align:center !important
}
.ud_alignright {
  text-align:right !important
}
.last {
  margin-right:0 !important
}
.first {
  margin-left:0 !important
}
.left {
  float:left
}
.right{
  float:right
}
.disabled {
  opacity: .6
}
.hide {
  display: none
}
.block {
  display: block
}
.inline_block {
  display: inline-block
}
/*-------------------------------------------------------------------
  8. @FORMS
    a. Change the font styles in all browsers (opinionated).
    b. Remove the margin in Firefox and Safari.
    c. Show the overflow in IE, Edge.
    d. Remove the inheritance of text transform in Edge, Firefox, and IE.
    e. Prevent a WebKit bug where (2) destroys native `audio` and `video`
       controls in Android 4.
    f. Correct the inability to style clickable types in iOS and Safari.
    g. Remove the inner border and padding in Firefox.
    h. Restore the focus styles unset by the previous rule.
    i. Change the border, margin, and padding in all browsers (opinionated).
    j. Correct the text wrapping in Edge and IE.
    k. Correct the color inheritance from `fieldset` elements in IE.
    l. Remove the padding so developers are not caught out when they zero out
      `fieldset` elements in all browsers.
    m. Remove the default vertical scrollbar in IE.
    n. Support for all WebKit browsers.
    0. Support for Safari and Chrome.
    p. Support for Firefox.
    q. Support for IE.
-------------------------------------------------------------------*/
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* a */
  font-size: 100%; /* a */
  line-height: 1.15; /* a */
  margin: 0; /* b */
}
button {
  display: inline-block;
  position: relative;
  padding: .381rem .762rem;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: background .15s ease-out, transform .15s ease-out, box-shadow .15s ease-out;
  transition: background .15s ease-out, transform .15s ease-out, box-shadow .15s ease-out;
  border-radius: 4px;
  background: #ff4f4f;
  color: #fff;
  font-size: inherit;
  cursor: pointer
}
button,
input { /* c */
  overflow: visible;
}
button,
select { /* d */
  text-transform: none;
}
button,
html [type="button"], /* e */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* f */
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none; /* g */
  padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; /* h */
}
fieldset {
  border: 1px solid #AAA; /* i */
  margin: 0 .0095rem;
  padding: .238rem .476rem .571rem;
}
form input {
  margin-right: .524rem;
  margin-bottom: .524rem;
  padding: .381rem .571rem;
  border: 1px solid #aaa;
  border-radius: 4px;
  font-size: inherit;
  line-height: inherit
}
legend {
  box-sizing: border-box; /* j */
  color: inherit; /* k */
  display: table; /* j */
  max-width: 100%; /* j */
  padding: 0; /* l */
  white-space: normal; /* j */
}
textarea {
  overflow: auto; /* m */
}
[data-icon-after]::after {
  content: attr(data-icon-after);
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  vertical-align: bottom;
  margin-left: .571rem;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  -webkit-font-smoothing: antialiased; /* n */
  text-rendering: optimizeLegibility; /* o */
  -moz-osx-font-smoothing: grayscale; /* p */
  -webkit-font-feature-settings: 'liga'; /* q */
          font-feature-settings: 'liga';
}
[data-icon-before]::before {
  content: attr(data-icon-before);
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  vertical-align: bottom;
  margin-right: .571rem;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  -webkit-font-smoothing: antialiased; /* n */
  text-rendering: optimizeLegibility; /* o */
  -moz-osx-font-smoothing: grayscale; /* p */
  -webkit-font-feature-settings: 'liga'; /* q */
          font-feature-settings: 'liga';
}
html {
  font-size: 106.25%;
  line-height: 1.4;
  font-family: "Roboto", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #565656;
  text-rendering: optimizeLegibility;
  font-variant-ligatures: common-ligatures
}
/*-------------------------------------------------------------------
  9. @UDBRAND HEADER CSS
    A. @LAYOUT
    B. @MEDIA QUERIES
--------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------
    A. @LAYOUT
      r. safari fix for font weight
      @example https://stackoverflow.com/questions/21278020/font-weight-turns-lighter-on-mac-safari
*---------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------
  10. @UDBRAND FOOTER CSS
    A. @LAYOUT
    B. @IE HACKS
    C. @MEDIA QUERIES
--------------------------------------------------------------------*/
/*-------------------------------------------------------------------
    A. @LAYOUT
--------------------------------------------------------------------*/
.ud_grid-cell.udtbp_social {
  padding: 0 1rem 0 0;
}
#udtbp_footer {
  border-top: 3px solid #FFD300;
  padding: .313rem 0 0;
}
#udtbp_ftlogo > a {
  padding-right:0;
  position: relative;
  top: -33px;
  z-index: 1;
}
#udtbp_ftlogo > a,
#udtbp_ftlogo > a:hover {
  border: medium none;
  display: block;
  max-width:325px;
}
#udtbp_ftlogo img {
  margin: 0 !important;
  height:auto;
  width:calc(50% - 5.905rem);
  max-width:325px;
}
#ud-legal {
  background: #EEE;
  display: flex;
  width: 100%;
}
#ud-legal > ul {
  margin: 0 auto;
}
#ud-legal li {
  font-family: 'Arial', sans-serif;
  font-weight: 400;
  font-size:10px !important;
  display: inline-block;
  list-style: none inside none !important;
  padding:.5rem 0 .625rem;
  line-height: 2
}
#ud-legal li:first-child {
  color:#999
}
#ud-legal a {
  border-bottom: none;
  text-decoration: underline;
  color:#337AB7
}
.udtbp_social > ul {
  display: flex;
  list-style: none;
  list-style-image: none;
  justify-content: flex-end;
  padding: 0;

}
.udtbp_social li {
  width: 40px;
  height: 40px;
}
.udtbp_social li span {
  /* display: flex; */
}
.udtbp_social a {
  display: block;
  height: 40px;
  width: 40px;
  text-decoration: none;
  border-bottom: none;
}
[data-icon="twitter"]:after,
[data-icon="facebook"]:after,
[data-icon="instagram"]:after,
[data-icon="youtube"]:after,
[data-icon="pintrest"]:after,
[data-icon="linkedin"]:after{
  background: url('//www.udel.edu/deptforms/img/icons/icons_social_footer_blue.png');
  display:block;
  content:'';
  background-color:transparent;
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  -webkit-background-size: cover !important;
  background-size: cover !important;
  margin:0 auto;
}
[data-icon="facebook"]:after {
  background-position: center 0px !important;
}
[data-icon="twitter"]:after {
  background-position: center -40px !important;
}
[data-icon="instagram"]:after {
  background-position: center -80px !important;
}
[data-icon="youtube"]:after {
  background-position: center -120px !important;
}
[data-icon="pintrest"]:after {
  background-position: center -160px !important;
}
[data-icon="linkedin"]:after {
  background-position: center -200px !important;
}
/*-------------------------------------------------------------------
    B. @IE HACKS
--------------------------------------------------------------------*/
.is_ie .ud_circle_logo.ud_grid-cell {
    padding-left: 0rem;
}
/*-------------------------------------------------------------------
    C. @$MEDIA QUERIES
      max-width:47.938em (767px)
--------------------------------------------------------------------*/
@media only screen and (max-width:47.938em){
  .ud_grid-cell.udtbp_social {
    z-index: 9999 !important
  }
  .udtbp_social ul {
    padding: 0;
  }
  /*  #udtbp_footer {
    padding: 1rem 0 0;
  } */
}
@media all and (min-width:20.000em) and (max-width:29.938em){
  #udtbp_header {
    padding: .667rem 0 !important;
  }
  #udtbp_footer img {
    min-width: 80px;
  }
}
/*-------------------------------------------------------------------
  11. @MEDIA QUERIES
    min-width: 30.000em (480px)
    min-width: 48.000em (768px)
      s. sets max width to 1140px
    min-width: 68.750em (1100px)
    min-width: 112.500em (1800px)
    min-width: 175.000em(2800px)
    -webkit-min-device-pixel-ratio:1.5),
    (min-resolution:1.5dppx),
    (min-resolution:144dpi)
    Retina specific styles
--------------------------------------------------------------------*/


/* @media all and (min-width:30.000em) { 480px
  html {
    font-size: 118.75%
  }
} */

@media all and (min-width:68.750em) {
  html {
    font-size: 131.25%
  }
}
@media all and (min-width:112.500em) {
  html {
    font-size: 150%
  }
}
@media all and (min-width:175.000em) {
  html {
    font-size: 162.5%
  }
}
@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:1.5dppx),
(min-resolution:144dpi) {
  html {
    font-weight: 300
  }
}