/**
* @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. @GROUPING CONTENT
   4. @TEXT-LEVEL SEMANTICS
   5. @EMBEDDED CONTENT
   6. @CLASSES
   7. @FORMS
   8. @UDBRAND HEADER
   9. @UDBRAND FOOTER
  10. @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,
h1,
h2,
h3,
nav,
section {display: block}
article h1,
article h2,
article h3,
article ol,
article p,
article ul,
section,
section ul,
nav.top-nav {
  padding-right: 1.4rem;
  padding-left: 1.4rem
}
@media (min-width:42em) {
  article h1,
  article h2,
  article h3,
  article ol,
  article p,
  article pre code,
  article ul,
  section {
    padding-right: calc(50% - 23.974rem);
    padding-left: calc(50% - 23.974rem)
  }
}

/*section li::before {
  color: #BBB;
  content: "\00bb ";
  padding-right:.238rem;
}*/
section ul:not(.icons-gapps) li::before {
  color: #BBB;
    content: "\00bb ";
    padding-right:.238rem;
}
/*footer {
  margin-top: 2.1rem;
  padding-bottom: 7rem;
  font-size: .83333rem;
  line-height: 1.4rem
}

footer:before {
  margin-bottom: 2.1rem;
  content: ''
}
footer:before,
header:after {
  display: block;
  width: 2.1rem;
  height: 2px;
  background: #aaa
}*/

@media all and (min-width:32.5em) {
  footer:before,
  header:after {
    margin-right: auto;
    margin-left: auto
  }
}
@media all and (min-width:32.5em) {
  header:after {display: none}
}
article {
  padding-right: calc(50% - 27.1450rem);
  padding-left: calc(50% - 27.1450rem);
  margin: 0 auto
}
/*article h3 {
  margin-top: 1.75rem;
  margin-bottom: .35rem
}

article h3+* {
  margin-top: 0
}*/
/*article li {
  margin-left: 1.7rem;
  list-style-position: outside
}*/
/*h1 {
  font-size: 2em;
  margin: .67em 0
}*/
h1{color: #06A}
h2,
h3,
h1,
h2,
h3,
h4,
h5 {
  margin: 0;
  padding: 0;
}
p+* {margin-top: 1.05rem}
h1 {
  font-size: 1.728rem !important;
  line-height: 1.4;
  margin-top: 2.1rem;
  font-weight: 500
}
@media all and (min-width:640px) {
  h1 {
    font-size: 2.0736rem !important
  }
}

h2 {
  font-size: 1.44rem !important;
}
h3 {
  font-size: 1.2rem !important;
  line-height: 1.3;
  font-weight: 500
}
/*-------------------------------------------------------------------
  3. @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 a{
  line-height:inherit
}
li,
p,
ul {
    margin: 0;
    padding: 0
}
ol,
ul {
  list-style:none;
  list-style-image:none;
  list-style-position: outside
}
.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,
.u-1of4 {
  -webkit-box-flex: 0 !important;
  -webkit-flex: none !important;
  -ms-flex: none !important;
  flex: none !important;
}
.u-1of3 {
  width: 33.3333% !important;
}
.u-1of4 {
  width: 25% !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
}

/*-------------------------------------------------------------------
  4. @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-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}
/*-------------------------------------------------------------------
  5. @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%;
}
/*-------------------------------------------------------------------
  6. @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
}
.ud_flex_nowrap  {
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
/*-------------------------------------------------------------------
  7. @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-size:1.3rem;
  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% !important;
  line-height: 1.4 !important;
  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
*---------------------------------------------------------------------------------------------------*/
#udtbp_header span {
  display: inline-flex;
  align-content: center;
}
#udtbp_header{
  background: #0048A5 url('../img/logos/ud-seal-cpa.png') no-repeat center 0;
  -webkit-background-size: 100%;
  background-size: 100%;
  margin: 0;
  padding: 0;
  overflow: visible;
  border-bottom: 3px solid #FFD300;
  height: auto;
  max-height: 177px;
  -webkit-transition: height 0.3s ease-in 0s;
  transition: height 0.3s ease-in 0s;
  width: 100%;
}
#udtbp_logo a:hover {
  text-decoration: none
}
#udtbp_header span a {
  font-family: "Open Sans",sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: subpixel-antialiased; /* a */
  -webkit-text-stroke:1px transparent;
  padding-bottom: 0;
  color: #FFF;
  text-decoration: none;
  border-bottom: none;
  font-size: 20px;
  line-height: 50px
}
#udtbp_logo img {
  height: auto;
  width: calc(50% - 5.905rem);
  -webkit-transition: width 0.3s ease 0s, height 0.3s ease 0s, transform 0.3s ease 0s;
  transition: width 0.3s ease 0s, height 0.3s ease 0s, transform 0.3s ease 0s;
  max-width: 218px;
}
#udtbp_logo {
  display: block;
  font-size:.1rem;
  color:#000;
  overflow:visible;
  border-bottom:none;
  text-align: center;
  padding:15px 0 0;
}
.et-fixed-header {
  max-height: 120px !important;
  padding: 10px 0 0 !important
}
/*-------------------------------------------------------------------
  2. $MEDIA QUERIES
     a. max-width: 767px
     b. min-width: 768px
-------------------------------------------------------------------*/
@media only screen and (max-width: 767px) {
  #udtbp_logo {
    padding: 10px 0 0px;
  }
  #udtbp_logo img {
    width:calc(50% - 10.519rem);
    min-width: 120px
  }
}
@media only screen and (min-width: 768px) {
  #udtbp_header{
    -webkit-background-size:contain;
    background-size:contain;
  }
}
/*-------------------------------------------------------------------
  10. @UDBRAND FOOTER CSS
    A. @LAYOUT
    B. @IE HACKS
    C. @MEDIA QUERIES
--------------------------------------------------------------------*/
/*-------------------------------------------------------------------
    A. @LAYOUT
--------------------------------------------------------------------*/
#udtbp_footer > .ud_grid:not(#udtbp_legal) {
  margin-top: -30px;
}
a#udtbp_logo_footer {
  display: block
}
#udtbp_footer_lockup a {
  height: 129px;
  display: inherit;
}
#udtbp_footer img {
  -webkit-transition: width 0.3s ease 0s, height 0.3s ease 0s, transform 0.3s ease 0s;
  transition: width 0.3s ease 0s, height 0.3s ease 0s, transform 0.3s ease 0s;
}
#udtbp_footer img.lockup {
  width: calc(100% - 5.905rem);
  max-width: 129px;
  height: auto;
}
#udtbp_footer img.dare {
  max-width: 191px;
  height: auto;
}
#udtbp_footer > .ud_grid--gutters {
  padding: 0 2.317rem 1.158rem;
}
#udtbp_footer_social {
  padding: 0;
  margin-right: -10px;
}
#udtbp_footer {
  border-top: 3px solid #FFD300;
  padding: .313rem 0 0;
}
#udtbp_footer_legal {
  background: #EEE;
  display: flex;
  width: 100%;
  margin:1rem 0 0;
}
#udtbp_footer_legal ul {
  margin: 0 auto;
}
#udtbp_footer_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
}
#udtbp_footer_legal li:first-child {
  color:#999
}
#udtbp_footer_legal a {
  border-bottom: none;
  text-decoration: underline;
  color:#337AB7
}
#udtbp_footer_social ul {
  display: flex;
  list-style: none;
  list-style-image: none;
  justify-content: flex-end;
  padding: 0;
  margin-top:40px;
}
#udtbp_footer_social li {
  width: 50px;
  height: 50px;
}
#udtbp_footer_social a {
  display: block;
  height: 50px;
  width: 50px;
  text-decoration: none;
  border-bottom: none;
}
#udtbp_footer_social a span{
  display: block;
}
[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: 50px;
  height: 50px;
  -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 -50px !important;
}
[data-icon="instagram"]:after {
  background-position: center -100px !important;
}
[data-icon="youtube"]:after {
  background-position: center -150px !important;
}
[data-icon="pintrest"]:after {
  background-position: center -200px !important;
}
[data-icon="linkedin"]:after {
  background-position: center -250px !important;
}
/*-------------------------------------------------------------------
  2. @IE HACKS
-------------------------------------------------------------------*/
.is_ie .ud_circle_logo.ud_grid-cell {
    padding-left: 0rem;
}
/*-------------------------------------------------------------------
  3. @$MEDIA QUERIES
    a. max-width:681px
    b. min-width:682px
    c. min-width:747px
    d. max-width:47.938em / 767px
    e. min-width:20.000em and max-width:29.938em   / 320px and 479px
-------------------------------------------------------------------*/
@media only screen and (max-width:681px){
  #udtbp_footer_social ul {
    justify-content: center;
    margin-top: 0
  }
}
@media (min-width:682px) {
  .large-ud_grid--fit > .ud_grid-cell {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
  }
}
@media (min-width:747px) {
  .large-ud_grid--fit > .ud_grid-cell {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
  }
  #udtbp_footer_lockup {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 59.6667%;
    -ms-flex: 0 0 59.6667%;
    flex: 0 0 59.6667%;
  }
  #udtbp_footer_lockup img.lockup {
    min-width: 129px
  }
}
@media only screen and (max-width:47.938em){
  #udtbp_footer_social {
    z-index: 9999 !important
  }
  #udtbp_footer > .ud_grid--gutters {
    padding: 0 1.317rem 0;
  }
  #udtbp_footer_social > ul {
    padding: 0;
  }
}
@media all and (min-width:20.000em) and (max-width:29.938em){
  #udtbp_footer_lockup img.lockup {
    width: 64px;
    max-width:112px;
  }
  #udtbp_footer > .ud_grid:not(#udtbp_legal) {
    margin-top: -50px;
  }
  #udtbp_footer img.dare {
    -webkit-transform: translate(-15px, 10px);
    transform: translate(-15px, 10px);
  }
}

/*-------------------------------------------
  10. @MEDIA QUERIESG
    -webkit-min-device-pixel-ratio:1.5),
    (min-resolution:1.5dppx),
    (min-resolution:144dpi)
    Retina specific styles
\*------------------------------------*/



@media (-webkit-min-device-pixel-ratio:1.5),G
(min-resolution:1.5dppx),
(min-resolution:144dpi) {
  html {
    font-weight: 300
  }
}

/**
 * https://uxplanet.org/button-ux-design-best-practices-types-and-states-647cf4ae0fc6#.6au566jzn
 * minimum touch target size is 10mmx10mm which equals 37.7953px
 */
.side-nav {
  padding: 1.125rem 1.125rem 0 !important
}



.waves-effect.waves-teal {
  background-color: #06A;
}
nav.top-nav {
  background-color:#E1E1E1 !important;
  height: auto;
}
nav .button-collapse{
  margin:0 !important;
  width:50px;
}
.waves-effect {
  z-index: 0 !important
}

@media only screen and (max-width: 992px) {
    .side-nav h3,
    .side-nav h1 {
      padding: 0 16px;
      margin: 0;
      border-bottom: 1px solid #E0E0E0;
      line-height: 2;
    }
}