html {
  font-size: 10px;
}
body {
  background-color: #eeeeee;
  color: #333333;
  margin: auto;
  width: 100%;
  font-size: 1.7rem;
}
header {
  background-color: #fff;
  font-size: 1.7rem;

}
main {
  font-family: museo-sans, sans-serif;
  font-weight: 300;
  line-height: 1.6;
}
.container {
  max-width: 1028px;
  margin: auto;
  padding: 0;
}
.inner-container {
  padding: 0 2em;
}
h5 {
  font-family: museo, serif;
  font-weight: 300;
  font-size: 1.2em;
  line-height: 1.5;
}
.title {
  font-family: museo, serif;
  font-weight: 300;
  font-size: 2.2em;
  line-height: 1.2;
  margin-bottom: 0.25em;
}
.small-text {
  font-size: 0.85em;
}
.consent-message {
  margin: 2rem 0; 
}
a:link {
  color: #006f7a;
  text-decoration: none;
}
a:visited {
  color: #006f7a;
  text-decoration: none;
}
a:hover{
  color: #00a390;
  text-decoration: underline;
}
.btn {
  display: inline-block;
  background-color: #006f7a;
  border-radius: 1.25em;
  color: white;
  line-height: 2.5em;
  padding: 0 3.5em 0 1.5em;
  text-decoration: none;
  font-size: 1.7rem;
  position: relative;
  -webkit-transition: 2s background-color #054f55;
  -o-transition: 2s background-color #054f55;
  transition: 2s background-color #054f55;
  font-weight: 500;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.btn:after {
  position: absolute;
  right: 0;
  top: 0;
  height: 2.5em;
  width: 2.5em;
  border-radius: 50%;
  background-color: #00a390;
  content: "";
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 192 320' style='enable-background:new 0 0 192 320;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='0,19.4 20.7,0 192,160 20.7,320 0,300.7 150.5,160 '/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 0.5em;
}
.btn:hover,
.btn:focus {
  background-color: #054f55;
  color: white;
}
.btn:focus:after,
.btn:hover:after {
  -webkit-animation: arrowSlide 0.4s ease-in-out 1;
         animation: arrowSlide 0.4s ease-in-out 1;
}

@-webkit-keyframes arrowSlide {
  0% {
    background-position: 50% 50%;
    background-size: 0.5em;
  }
  48% {
    background-position: 120% 50%;
    background-size: 0.5em;
  }
  49% {
    background-position: 120% 50%;
    background-size: 0;
  }
  50% {
    background-position: -20% 50%;
    background-size: 0;
  }
  51% {
    background-position: -20% 50%;
    background-size: 0.5em;
  }
  100% {
    background-position: 50% 50%;
    background-size: 0.5em;
  }
}

@keyframes arrowSlide {
  0% {
    background-position: 50% 50%;
    background-size: 0.5em;
  }
  48% {
    background-position: 120% 50%;
    background-size: 0.5em;
  }
  49% {
    background-position: 120% 50%;
    background-size: 0;
  }
  50% {
    background-position: -20% 50%;
    background-size: 0;
  }
  51% {
    background-position: -20% 50%;
    background-size: 0.5em;
  }
  100% {
    background-position: 50% 50%;
    background-size: 0.5em;
  }
}
.form-required:after {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 0.3em;
  content: "";
  vertical-align: super;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='%23EE0000' d='M0,7.562l1.114-3.438c2.565,0.906,4.43,1.688,5.59,2.35C6.398,3.553,6.237,1.544,6.22,0.447h3.511 c-0.05,1.597-0.234,3.6-0.558,6.003c1.664-0.838,3.566-1.613,5.714-2.325L16,7.562c-2.05,0.678-4.06,1.131-6.028,1.356 c0.984,0.856,2.372,2.381,4.166,4.575l-2.906,2.059c-0.935-1.274-2.041-3.009-3.316-5.206c-1.194,2.275-2.244,4.013-3.147,5.206 l-2.856-2.059c1.872-2.307,3.211-3.832,4.017-4.575C3.849,8.516,1.872,8.062,0,7.562'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 6px 6px;
}
.form-control:focus {
  border: 2px solid black;
  -webkit-box-shadow: none;
         box-shadow: none;
}
.form-control {
  -webkit-appearance: none;
    -moz-appearance: none;
          appearance: none;
  background-color: white;
  border-width: 0;
  padding: 1em 0.5em;
  width: 100%;
  resize: none !important;
  line-height: 1em;
  font-weight: 300;
  border-radius: 1px;
  font-size: 1.7rem; 
}
select {
  background: white no-repeat center right
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70 24' style='enable-background:new 0 0 70 24;'%3E%3Cpolyline class='st0' points='44,8.5 35,17.5 26,8.5' fill='none' stroke-width='2' stroke='%23000000' stroke-miterlimit='10' /%3E%3Crect y='2.5' fill='%23eeeeee' width='1' height='19'/%3E%3C/svg%3E");
  background-size: 3em auto;
  padding: 1.1em 2.5em 1em 0.5em !important;
}
/*Removes default drop down arrow in IE*/
select::-ms-expand {
    display: none;
}
.error-field {
 outline: 2px solid red;
}
.message-error {
 padding: 40px 20px 15px 35px;
    border: 1px solid;
    border-width: 1px 1px 1px 0;
    border-radius: 2px;
    background: no-repeat 10px 17px;
    color: #a51b00;
    border-color: #f9c9bf #f9c9bf #f9c9bf transparent;
    background-color: #fcf4f2;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23e32700'%3E%3Cpath d='M8.002 1c-3.868 0-7.002 3.134-7.002 7s3.134 7 7.002 7c3.865 0 7-3.134 7-7s-3.135-7-7-7zm4.025 9.284c.062.063.1.149.1.239 0 .091-.037.177-.1.24l-1.262 1.262c-.064.062-.15.1-.24.1s-.176-.036-.24-.1l-2.283-2.283-2.286 2.283c-.064.062-.15.1-.24.1s-.176-.036-.24-.1l-1.261-1.262c-.063-.062-.1-.148-.1-.24 0-.088.036-.176.1-.238l2.283-2.285-2.283-2.284c-.063-.064-.1-.15-.1-.24s.036-.176.1-.24l1.262-1.262c.063-.063.149-.1.24-.1.089 0 .176.036.24.1l2.285 2.284 2.283-2.284c.064-.063.15-.1.24-.1s.176.036.24.1l1.262 1.262c.062.063.1.149.1.24 0 .089-.037.176-.1.24l-2.283 2.284 2.283 2.284z'/%3E%3C/svg%3E");
    box-shadow: -8px 0 0 #e62600;
}
@media (max-width: 500px) {
 main, .btn, .form-control {
     font-size: 1.4rem;
 }
}

 .site-footer {
  background-color: #333333;
  color: #fff;
  padding: 7rem 0px;
  margin-top: 4em; }
  .inner-footer {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    display: block; }
    @media screen and (min-width: 1024px) {
      .footer-inner {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; } }
  .site-footer a {
    color: #fff; }
  .site-footer__logo {
    width: 22.5rem;
    height: 8rem;
    background: url(https://www.emeraldgrouppublishing.com/themes/custom/emerald_publishing/assets/svg/emerald-publishing-logo_white.svg) no-repeat center;
    background-size: contain;
    text-indent: 150%;
    overflow: hidden;
    white-space: nowrap;
    margin: 0 auto;
    margin-bottom: 25px; }
    @media screen and (min-width: 1024px) {
      .site-footer__logo {
        margin: 0; } }
    @media screen and (min-width: 1024px) {
      .site-footer__upper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; } }
  .site-footer__legal {
    font-weight: 500;
    text-align: center;
    font-family: museo-sans, sans-serif;
    margin: 1.5em 0px;
    font-size: 1.4rem; }
    @media screen and (min-width: 1024px) {
      .site-footer__legal {
        text-align: left;
        margin: 0; } }

/*.site-header {
  background-color: #fff;
  overflow: visible;
  height: 8rem;
  position: relative;
  z-index: 100;
  width: 100%; }
  @media (min-width: 1025px) {
    .site-header {
      height: 10rem;} }
  .site-header__inner {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0px;
    position: relative; }
  .site-header__logo {
    width: 16em;
    height: 6em;
    font-size: 0.8em;
    /*background: url(https://www.emeraldgrouppublishing.com/themes/custom/emerald_publishing/assets/svg/epg-logo.svg
) no-repeat center;    
    background: url(https://www.emeraldgrouppublishing.com/themes/custom/emerald_publishing/assets/svg/emerald-publishing-logo.svg) no-repeat center;

 /*   background-size: contain;
    text-indent: 150%;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    z-index: 2; }
    @media (min-width: 1025px) {
      .site-header__logo {
        background: url(https://www.emeraldgrouppublishing.com/themes/custom/emerald_publishing/assets/svg/emerald-publishing-logo.svg) no-repeat center;
        font-size: 1em; } }
*/
.section__inner {
    max-width: 100%;
    margin: 0 auto;
}    
.site-header {
  background-color: #fff;
  overflow: visible;
  height: 8rem;
  position: relative;
  z-index: 100; 
  padding: 1rem 0px;
  margin-bottom: 4em;}

  @media (min-width: 1025px) {
    .site-header {
      height: 10rem; } }
  .site-header__inner {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative; }
  .site-header__logo {
    width: 14em;
    height: 6em;
    font-size: 0.6em;
    background: url(https://www.emeraldgrouppublishing.com/themes/custom/emerald_publishing/assets/svg/emerald-publishing-logo.svg) no-repeat center;
    background-size: contain;
    text-indent: 150%;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    z-index: 2; }
    @media (min-width: 1025px) {
      .site-header__logo {
        font-size: .8em; } }


/*.section__inner {
    max-width: 1080px;
    margin: 0 auto;

}    
*/