/*----------------------------------------------------

	II. EMS System

----------------------------------------------------*/

#ems {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  background-color: #f18a00;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  position: relative;
  margin-bottom: 0;
  border-bottom: 1px solid transparent;
}

#ems-message {
  max-width: 75rem;
  position: relative;
  margin: 0 auto;
  padding: 0 1rem;
  border: 0;
}

#ems-message.open #ems-description {
    visibility: visible;
    display: block;
}

#ems-title {
  font-size: 1rem;
  line-height: 1;
  margin: 0;
  -webkit-transition: font-size 0.3s;
  -o-transition: font-size 0.3s;
  transition: font-size 0.3s;
}

#ems-button {
  font: inherit;
  color: #333333;
  padding: 0.5rem 0 0.5rem 2rem;
  text-transform: uppercase;
  font-weight: 400;
  background: transparent;
  border: none;
}

#ems-button:focus, #ems-button:hover {
  text-decoration: none;
  outline-color: #333333;
}

#ems-message.open #ems-button:after {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

#ems-button .icon-contain {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 1.2rem;
  width: 1.2rem;
  position: absolute;
  left: 1rem;
  top: 5px;
  pointer-events: none;
  color: black;
}

#ems-button .button-text {
  position: relative;
  pointer-events: none;
  display: inline-block;
  padding-right: 2rem;
}


#ems-description {
    padding: 0 1% 14px;
    max-width: 980px;
    display: none;
}

#ems-button .button-text div.svg-container img {
	color: #1c1c1c;
	height: 2rem;
	width: 2rem;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: calc(50% - 1.050rem);
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

#ems-button[aria-expanded="true"] div.svg-container img {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

#ems-description a {
  color: #0056b3;
}

#ems-description p {
  font-size: 0.875rem;
  margin: 0;
}

#ems .accordion-content p > a {
  color: #1c1c1c;
}

#ems .accordion-content .accordion-content-wrap {
  max-width: 45rem !important;
}

/*----------------------------------------------------

/* Thincrust Makeover 2015 */

body {background:#fff;background-color: #fff;}
p {  margin: .25em 0 1.45em 0;line-height: 1.5;}

#jhh a {color: #03296d;}
#topNavWrapper {background:none;}
#topNavNavMod .divnav1 ul li a {padding: 0 20px 0 0;}
.Header_6, h6 {font-size:29px;}
#topNavNavMod .divnav1 ul {margin:0;}
#JHHTitle {padding: 0 0 20px 10px;width: 1004px;}
#JHHTitleWrapper {clear:both;}


.copyright {float:left;}
.institution_title {font-size: 2.65em;color: #03296d;max-width: 1004px;}
.institution_title a {color: #03296d;}
.wrapperBody {background:none;}
hr.jhm-blue-bar {width:100%;clear:both;margin:0;border:0;border-bottom:4px solid #03296d;}

.thincrust-wrapper {background:#03296d;padding:20px 0;float:left;width:100%;color:#fff;}
.large-logo {width:300px;height:auto;float:left;margin: 20px 0 40px 0;}
.small-logo {width: 20%;height: auto;float: left;margin: 25px 0;}
.large-logo img, .small-logo img {width:100%;height:auto;}
.menu-wrapper.subsite { float: right; margin: 0 0 5px 0; width:auto;}
.menu-wrapper.subsite .jhm-thcrmenu > ul, .jhm-thcrmenu .jhm-thcrsub-inner {width: auto;}
.menu-wrapper.subsite .jhm-thcrmenu > ul > li > a {padding:1em;}
.menu-wrapper.subsite .jhm-thcrmenu > ul, .jhm-thcrmenu .jhm-thcrsub-inner {padding:0;}
.large-logo img, .small-logo img {width:100%;height:auto;}
ul.global-navigation {width:100%;float:left;list-style-type:none;}
ul.global-navigation li {float:left;width:auto;margin:0 2% 0 0;text-transform:uppercase;font-size:1.25em;}
.thincrust-wrapper .content {width: 964px;padding:0 20px;margin:0 auto;}

.thincrust-wrapper {background:#03296d;padding:0;float:left;min-width:1014px;color:#fff;margin: 0 0 25px 0;}

ul.global-navigation {width:100%;float:left;list-style-type:none;}
ul.global-navigation li {float:left;width:auto;margin:0 2% 0 0;text-transform:uppercase;font-size:1.25em;font-family: "Gill Sans", Arial, Helvetica, sans-serif;}

.utility-links {margin: 20px 0 0 0;}
.utility-links ul {list-style-type:none;padding:10px 1%;border:1px solid #b1c9f4;border-radius:5px;float:right;width:auto;margin: 0 0 15px 0;font-size: 12px;}
.utility-links ul li {float:left;width:auto;padding: 0 10px;border-right:1px solid #b1c9f4;}
.utility-links ul li:last-child {border-right:none;margin:0;}
.utility-links a:link { color: #fff; text-decoration: none;}
.utility-links a:hover { text-decoration: underline;}
.utility-links a:visited { color: #fff;}

.search2, .search3, .menu {display:none;}

#jhm-search {float: right;clear: right; margin: 0 0 10px 0; height: 38px;width:29%;}

.thincrust-wrapper.subsite #jhm-search { padding-right: 1em;}
.institution_title {width:100%;}

.search-box {float:right;width:100%;position:relative;clear: right;}
.search-field-wrapper input[type="text"] { top:0; right:0; border:0; outline:0; background:#fff; width:100%; height:38px; margin:0; padding:0px 2%;font-size:14px;color:#03296d;border-radius: 3px;}
.search-field-wrapper input[type="radio"] {}
.search-field-wrapper input::-webkit-input-placeholder { color: #d74b4b;}
.search-field-wrapper input:-moz-placeholder { color: #d74b4b;}
.search-field-wrapper input::-moz-placeholder { color: #d74b4b;}
.search-field-wrapper input:-ms-input-placeholder { color: #d74b4b;}

button.bannerSearchButton { width:20%;height:38px;display:block;position:absolute;top:0;font-family: "Gill Sans", Arial, Helvetica, sans-serif;font-size:14px;right:0;padding:0;margin:0;border:0;outline:0;line-height:39px;text-align:center;cursor:pointer;color:#00276f;background:#ffd101;border-radius: 3px;min-width:28%;}

.jhm-thcrmenu {width: 100%;float:left;}

/* general ul style */
.jhm-thcrmenu ul {margin: 0;padding: 0;list-style-type: none;}

/* first level ul style */
.jhm-thcrmenu > ul,
.jhm-thcrmenu .jhm-thcrsub-inner {width: 100%;margin: 0 auto;padding: 0 2em 0 0;}
.jhm-thcrmenu .jhm-thcrsub-inner {    width: 96%; max-width: 1004px; margin: 0 auto; padding: 20px 2%;}
.jhm-thcrmenu > ul > li {display: inline-block;}
.jhm-thcrmenu > ul > li > a {font-weight: 200;padding: 1em 2em;color: #fff;display: inline-block;text-transform: uppercase; text-decoration: none; font-size: 13px;font-family: "Gill Sans", Arial, Helvetica, sans-serif;}
.menu-wrapper.subsite .jhm-thcrmenu > ul > li > a {font-size:1em;}
.jhm-thcrmenu > ul > li > a:hover {color: #ccc; text-decoration:underline;}
.jhm-thcrmenu > ul > li.jhm-menuopen a,
.jhm-thcrmenu > ul > li.jhm-menuopen > a:hover {color: #fff;background: #1146aa;}

/* sub-menu */
.jhm-thcrmenu .jhm-thcrsub {display: none;position: absolute;background: #1146aa;width: 100%;left: 0; z-index: 9999;}
.jhm-menuopen .jhm-thcrsub {display: block;padding-bottom: 2%;}
.jhm-thcrmenu .jhm-thcrsub-inner > div {width: 30%;float: left;padding: 0;margin: 0 2% 0 0;}
.jhm-thcrmenu .jhm-thcrsub-inner:before,
.jhm-thcrmenu .jhm-thcrsub-inner:after {content: " ";display: table;}
.jhm-thcrmenu .jhm-thcrsub-inner:after {clear: both;}
.jhm-thcrmenu .jhm-thcrsub-inner > div a {line-height: 2.75em;color: #fff; text-decoration: none; font-size: 12px;}
.jhm-thcrsub-inner p {font-size: 12px;}
.jhm-thcrsub h4 {color: #c0dbf6;padding: 0 0 0.6em;margin: 0;font-size: 160%;font-weight: 300;font-family: "Gill Sans", Arial, Helvetica, sans-serif;text-transform:uppercase;}
.jhm-thcrmenu .jhm-thcrsub-inner > div:last-child {border-right: 0; margin: 0;}
.jhm-thcrmenu .jhm-thcrsub-inner input {width: 65%;font-size: 1.125em;line-height: 1.2; color: #666;padding: .55em .65em;background: #fff; border: 1px solid #D2D5DB;border-radius: 4px;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;}
.jhm-thcrmenu .jhm-thcrsub-inner input[type="submit"] {width: 3em;font-size: 1.125em;line-height: 1.2em; color: #00276f;padding: .55em .65em;background: #ffd101;border: none;border-radius: 4px;font-family: 'Gill Sans', 'Gill Sans MT', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-weight: 100; height: 2.6em;text-decoration: none;cursor: pointer;}

.jhm-thcrmenu .jhm-thcrsub-inner .btn-link {
    display: block;
    margin: 1em 0;
    position: relative;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
}
.jhm-thcrmenu .jhm-thcrsub-inner .btn-link > div:first-of-type{
    color: #1b4899;
    font-family: Arial,sans-serif;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 1.5em;
    height: 2.125em;
    padding-left: 10px;
    padding-top: 0.81em;
    transition: padding-left 0.3s ease 0.1s, background 0.3s ease 0s, color 0.2s ease 0s;
    -webkit-transition: padding-left 0.3s ease 0.1s, background 0.3s ease 0s, color 0.2s ease 0s;
    background:#F6F8F7;
}
.jhm-thcrmenu .jhm-thcrsub-inner .btn-link:hover > div:first-of-type {
    padding-left: 20px!important;
    background:#9facc1;
    color:#212f57;
}
.jhm-thcrmenu .jhm-thcrsub-inner .btn-link .chev{
    height: 2.6em;
    position: absolute;
    right: 0;
    top: 0;
    width: 2.55em;
    background:#9facc1;
    color: #212f57;
}
.jhm-thcrmenu .jhm-thcrsub-inner .btn-link .chev::after {
    background:#9facc1;
    color: #2D3646;
    content: "chevron_right";
    direction: ltr;
    display: inline-block;
    font-family: "Material Icons";
    font-feature-settings: "liga";
    font-size: 1.5rem;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1;
    margin-left: 50%;
    margin-top: 50%;
    overflow-wrap: normal;
    text-rendering: optimizelegibility;
    text-transform: none;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    white-space: nowrap;
}

.search-positioning { position: relative; margin:0;top:20px;}
.subsite-search-wrapper {display:none;  position: absolute; padding: 15px; background: #1146aa; top: 57px; right: 0; z-index: 999;}
#jhm-search form .search-field-wrapper { position: absolute;right: 28%;top: 0;width:100%;}
#jhm-search form .search-options {display:none;z-index:300;position:absolute;top:2.05em;right:0;width:93%;padding:.5em 1% .3em 1em;background:#fff;border-top:0 none;-moz-box-shadow:0 3px 6px rgba(0,0,0,.2);-webkit-box-shadow:0 3px 6px rgba(0,0,0,.2);box-shadow:0 3px 6px rgba(0,0,0,.2);text-align:left;-moz-border-bottom-right-radius:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px;-moz-border-bottom-left-radius:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;top:3em;left:0;}
#jhm-search form .search-options label {display: block;margin: -20px 0 10px 30px;line-height: 1.5;color: #000;font-size: 1.2em;}


/* Footer */

.footer-wrapper { background: #00276f; margin: 20px 0 0 0; float: left; width: 100%;padding: 0 0 20px 0;color: #fff;font-size:12px;}
.footer-wrapper ul { list-style: none;}
.footer-wrapper ul li {margin: 0 0 1em 0; }
.social-footer-wrapper ul li {margin: 0 1em 1em 0; float:left;}
.social-footer-wrapper { float: left; width: 100%; padding: 10px 0 0 0; background: #0a43ad; color: #fff; margin: 0 0 20px 0;}
.social-footer-wrapper p { text-transform: uppercase; float: left; width: auto; margin: 0 3% 0 0; line-height: 1; font-family: "Gill Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:1.5em; line-height:normal;padding: 4px 0;}
.footer-widgets a:link {color:#b1c9f4;}
.footer-widgets a:visited {color:#cbcbcb;}
.footer-wrapper .title { font-family: "Gill Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.75em;}
.footer-wrapper .content { margin: 0 auto; width: 982px;padding:0 20px;}

.social-footer-wrapper a {display:block;width:30px;height:30px;float:left;margin:0 2% 0 0;}
.social-footer-wrapper a.facebook {background:url(https://www.hopkinsmedicine.org/sebin/j/z/facebook_logo.png) no-repeat top left;background-size:30px;text-indent:90000px;overflow:hidden;}
.social-footer-wrapper a.twitter {background:url(https://www.hopkinsmedicine.org/sebin/h/s/twitter_logo.png) no-repeat top left;background-size:30px;text-indent:90000px;overflow:hidden;}
.social-footer-wrapper a.linkedin {background:url(https://www.hopkinsmedicine.org/sebin/h/g/linked_in_logo.png) no-repeat top left;background-size:30px;text-indent:90000px;overflow:hidden;}
.social-footer-wrapper a.googleplus {background:url(https://www.hopkinsmedicine.org/sebin/j/j/google_plus_logo.png) no-repeat top left;background-size:30px;text-indent:90000px;overflow:hidden;}
.social-footer-wrapper a.weibo {background:url(https://www.hopkinsmedicine.org/sebin/x/j/weibo_logo.png) no-repeat top left;background-size:30px;text-indent:90000px;overflow:hidden;}
.social-footer-wrapper a.instagram {background:url(https://www.hopkinsmedicine.org/sebin/l/a/instagram_icon.png) no-repeat top left;background-size:30px;text-indent:90000px;overflow:hidden;}
.social-footer-wrapper a.youtube {background:url(https://www.hopkinsmedicine.org/sebin/v/j/youtube_logo.png) no-repeat top left;background-size:30px;text-indent:90000px;overflow:hidden;}
.social-footer-wrapper ul li {line-height: 2em;}


/* Inline footer links - language assistance */
ul.footerInline { list-style-type: none; margin:0; padding: 0;  }
ul.footerInline li { display: inline-block; margin-right: .75em; margin-bottom: 1em; }
ul.footerInline li:after { content: "|"; margin-left: .75em; }
ul.footerInline li:last-child:after { content: none; }
ul.footerInline li:last-child { margin-right: 0; }
ul.footerInline li a { color: #b1c9f4; }
ul.footerInline li a:visited { color: #cbcbcb; }



/*
 *  3.22.18 - pdenni11
 */
    /*myanmar language font fix*/
    ul.footerInline li.int-lang-item.myanmar {
        margin-bottom: 0;
        padding-right: 0;
        border-right: none;
    }
    ul.footerInline li.int-lang-item.myanmar:after {
        display: inline-block;
        content: '';
        width: 1px;
        height: 12px;
        margin-left: .5rem;
        background-color: white;
        line-height: 1.2;
        vertical-align: sub;
    }
    a.int-lang-link img.myanmar-font-fix {
        width: 2.5rem;
        vertical-align: middle;
    }
    a.int-lang-link img.sign-language-font-fix {
        width: 22px;
        vertical-align: middle;
    }

    /*american sign language font-awesome-icon*/
    .fa-american-sign-language-interpreting {
        font-size: 1.25rem;
        vertical-align: middle;
        color: #b1c9f4;
    }


/* Autocomplete */

.autocomplete {overflow-y: scroll;background: #fff;margin: 0 9px;padding: 0 19px 10px;font-size: 1.5em;font-family: 'Gill Sans', 'Gill Sans MT', 'Helvetica Neue', Helvetica, Arial, sans-serif;color: #4c689a;font-weight: 300;border-bottom-right-radius: 7px;border-bottom-left-radius: 7px;box-shadow: 5px 5px 7px rgba(0,0,0,.1)}
.autocomplete div {padding: 4px 0;cursor: pointer;}
.autocomplete div.selected {background: #eee;padding: 4px 6px;margin: 0 0 0 -6px;border-radius: 3px;width: 100%;}

.autocomplete-suggestions {overflow-y: scroll;background: #fff;margin: 0 9px;padding: 0 19px 10px;font-size: 1.5em;font-family: 'Gill Sans', 'Gill Sans MT', 'Helvetica Neue', Helvetica, Arial, sans-serif;color: #4c689a;font-weight: 300;border-bottom-right-radius: 7px;border-bottom-left-radius: 7px;box-shadow: 5px 5px 7px rgba(0,0,0,.1)}
.autocomplete-suggestions .autocomplete-suggestion {padding: 4px 0;cursor: pointer;}
.autocomplete-suggestions .autocomplete-suggestions .autocomplete-selected {background: #eee;padding: 4px 6px;margin: 0 0 0 -6px;border-radius: 3px;width: 100%;}