/*-------------------------------------------------------------------
  * $PUBLIC HEADER CSS
  *
  * Defines all of the header styles used in the plugin's PUBLIC facing pages.
  *
  * @since          1.4.2
  * @version        1.0.1          Cleanup code, removed outdated styles.
  * @return         mixed          Doesn't load if footer is disabled
  *
  * 1. $LAYOUT
  * 2. $MEDIA QUERIES
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
  1. $LAYOUT
    a. 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;
  margin:10px 0 0;
  font-weight: 500;
}
#udtbp_header span a {
  color:#FFF;
  text-decoration: none;
  outline:none;
  height: 48px;
  line-height: 2.2;
}
#udtbp_header{
  background: #0048A5 url('//www.udel.edu/deptforms//img/logos/ud-seal-cpa.png') no-repeat center 0;
  -webkit-background-size:auto 100%;
  background-size:auto 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 > div {
  text-align: center;
 /*  padding: 0 6.5% !important */
}
#udtbp_logo + 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;
  display: inline-block;
  height: 50px;
  line-height: 50px;
  -webkit-transition: height 0.3s ease-in 0s;
  transition: height 0.3s ease-in 0s;
}
#udtbp_header > a {
  font-size: calc(112.5% + 0.25vw) !important
}

#udtbp_logo img {
  height: auto;
  width: calc(50% - 13.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;
  padding: 0 !important;
}
#udtbp_logo {
  display: block;
  font-size:.1rem;
  color:#333;
  overflow:visible;
  border-bottom:none;
  padding:20px 0;
}

/*-------------------------------------------------------------------
  2. $MEDIA QUERIES
     a. max-width: 767px
     b. min-width: 768px
-------------------------------------------------------------------*/
@media only screen and (max-width: 767px) {
  #udtbp_logo {
    padding: 10px 0
  }
  #udtbp_logo img {
    /* width:calc(50% - 10.519rem); */
    min-width: 120px
  }
  #udtbp_header{
    -webkit-background-size:cover;
    background-size:cover;
  }
}
@media only screen and (min-width: 768px) {
  /*#udtbp_header{
    -webkit-background-size:contain;
    background-size:contain;
  }*/
}





/*-------------------------------------------------------------------
  * $NORMALIZE CSS
  *
  * Defines all of the basic reset styles used in the plugin's PUBLIC facing pages.
  * Based off the normalize.css standard by Nicolas Gallagher and Johnathan Neal
  *
  * @since          1.4.2
  * @version        1.0.1          Cleanup code, removed outdated styles.
  * @link                          https://github.com/necolas/normalize.css
  * @license                       MIT License
  *
  * 1. $BASE
  * 2. $LINKS
  * 3. $TYPOGRAPHY
  * 4. $CLASSES
  * 5. $FLEXBOX
  * 6. $IMAGES
  * 7. $MISC
  * 8. $MEDIA QUERIES
-------------------------------------------------------------------*/

/*-------------------------------------------------------------------
  2. $LINKS
    a. Remove the gray background on active links in IE 10.
    b. Remove gaps in links underline in iOS 8+ and Safari 8+.
-------------------------------------------------------------------*/
a {
  background-color: transparent; /* a */
  -webkit-text-decoration-skip: objects; /* b */
}
/*-------------------------------------------------------------------
  3. $TYPOGRAPHY
    a. Add the correct font weight in Chrome, Edge, and Safari.
-------------------------------------------------------------------*/
b,
strong {
  font-weight: inherit;
}
b,
strong {
  font-weight: bolder;/* a */
}
/*-------------------------------------------------------------------
  4. $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
}
/*-------------------------------------------------------------------
  5. $FLEXBOX
-------------------------------------------------------------------*/
.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 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%
  }
.ud_grid-cell {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}
.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--center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}
.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
}
.ud_grid-cell--bottom {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end
}
.ud_grid-cell--center {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center
}
.ud_grid--fit > .ud_grid-cell {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}
.u-1of4,
.u-3of4 {
  -webkit-box-flex: 0 !important;
  -webkit-flex: none !important;
  flex: none !important;
}
.u-1of4 {
    width: 25% !important;
}
.u-3of4 {
    width: 75% !important;
}