/* Text styles */

    /* notes:
        font-size is set to 16px in patterns.css; overwrite if needed
        line-height is set by ".scale_tttt" class; if not using set here
    */

/* default */
html, body {
    color: #3D3F42;
    font-family: "Open Sans", Arial, sans-serif;
    font-style: normal;
}
h1 {
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 26px;
    margin: 0 0 0.3em; 
    /* margin: 0 0 24px; */
}

#home h1 {
    font-weight: 300;
}

h2 {
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    /* margin: 0 0 15px; */
}
h3 {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    /* margin: 0 0 10px;*/
}
h4 {
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 14px;    
    font-weight: 400;
    line-height: 20px;
    margin: 0; 
    /* margin: 0 0 10px; */
}
h5 {
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 16px;    /* 1 */
    font-style: normal;
    line-height: 24px;  /* 1.4375 */
    margin: 0 0 20px;   /* 20px - ( (23px-16px) / 2 ) == 16.5px */
}

.callout {
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 20px;
    line-height: 27.5px;
    font-weight: 400;
}

p {
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
}

ul {
    font-weight: 400;
}

/********** H1 **********/
h1 + h1 {
  margin-top: 0.65em;
}

h1 + h2 {
  margin-top: 0.6em;
}

h1 + h3 {
  margin-top: 0.9em;
}

h1 + h4 {
  margin-top: 0.9em;
}

h1 + h5 {
  margin-top: 0.9em;
}

h1 + .title {
  margin-top: 0.9em;
}

h1 + .text-title,
h1 + .small-text {
  margin-top: 2.11em;
}

h1 + p,
h1 + ol,
h1 + ul {
  margin-top: 0.6em;
}

/********** H2 **********/
h2 + h1 {
  margin-top: 0.54em;
}

h2 + h2 {
  margin-top: 0.69em;
}

h2 + h3 {
  margin-top: 0.9em;
}

h2 + h4 {
  margin-top: 1.05em;
}

h2 + h5 {
  margin-top: 1.34em;
}

h2 + .title {
  margin-top: 0.9em;
}

h2 + .text-title,
h2 + .small-text {
  margin-top: 0.9em;
}

h2 + p,
h2 + ol,
h2 + ul,
h2 + div > p,
h2 + div > ul {
  margin-top: 1em;
}

/********** H3 **********/
h3 + h1 {
  margin-top: 0.45em;
}

h3 + h2 {
  margin-top: 0.58em;
}

h3 + h3 {
  margin-top: 0.75em;
}

h3 + h4 {
  margin-top: 0.88em;
}

h3 + h5 {
  margin-top: 1.13em;
}

h3 + .title {
  margin-top: 1.3em;
}

h3 + .text-title,
h3 + .small-text {
  margin-top: 0.9em;
}

h3 + p,
h3 + ol,
h3 + ul {
  margin-top: 0.5em;
}

/********** H4 **********/
h4 + h1 {
  margin-top: 0.44em;
}

h4 + h2 {
  margin-top: 0.57em;
}

h4 + h3 {
  margin-top: 0.74em;
}

h4 + h4 {
  margin-top: 0.86em;
}

h4 + h5 {
  margin-top: 1.11em;
}

h4 + .title {
  margin-top: 1.28em;
}

h4 + .text-title,
h4 + .small-text {
  margin-top: 1.5em;
}

h4 + p,
h4 + ol,
h4 + ul {
  margin-top: 0.5em;
}

/********** H5 **********/
h5 + h1 {
  margin-top: 0.4625em;
}

h5 + h2 {
  margin-top: 0.6em;
}

h5 + h3 {
  margin-top: 0.78em;
}

h5 + h4 {
  margin-top: 0.91em;
}

h5 + h5 {
  margin-top: 1.17em;
}

h5 + .title {
  margin-top: 1.34em;
}

h5 + .text-title,
h5 + .small-text {
  margin-top: 1.57em;
}

h5 + p,
h5 + ol,
h5 + ul,
h5 + div {
  margin-top: 0.6em;
}

p + h1,
p + h2,
p + h3,
p + h4,
p + h5,
ul + h1,
ul + h2,
ul + h3,
ul + h4,
ul + h5,
.video + h1,
.video + h2,
.video + h3,
.video + h4,
.video + h5 {
    margin-top: 40px;
}
p + .link-block {
    margin-top: -10px;
}
ul {
    line-height: 23px;
}
li {
    line-height: 23px;
}

a {
    font-size: 16px;
    font-weight: 600;
    color: #00758D;
    text-decoration: none;
}
a:hover {
    border-bottom: 1px solid rgb(16, 161, 190);
}
    /* should be added to default styles for links */
   a.active {
       border-bottom: 1px solid rgb(16, 161, 190);
   }

.button {
    font-family: "Open Sans", Arial, sans-serif;
}

.toolbar_nav a {
    font-weight: 300;
}


/* em is getting weird in Myriad Pro ... */
/*.page em { vertical-align: text-bottom; }*/


.skin_p1 {
    background-color: #00758D;
    color: rgb(255, 255, 255);
}
.skin_p2 {
    background-color: rgb(16, 161, 190);
    color: rgb(255, 255, 255);
}
.skin_p3 {
    background-color: rgb(240, 240, 240);
    color: rgb(69, 69, 69);
}

.skin_cta1 {
    background-color: rgb(242, 143, 10);
    border: transparent 1px solid;
    color: rgb(255, 255, 255);
}
    .skin_cta1:hover {
        background-color: rgb(245, 165, 59);
        border: transparent 1px solid;
    }

.skin_cta2 {
    background-color: transparent;
    border: 1px solid rgb(16, 161, 190);
    color: rgb(16, 161, 190);
}
    .skin_cta2:hover {
        background-color: rgb(207, 236, 242);
        border: 1px solid rgb(16, 161, 190);
    }

/*
.skin_cta3
    background-color:
    color:
*/

/* site custom style tile patterns */


/* this next one works great for taglines and such */
.tagline {font-size: 18px; font-weight: 600;}


/* ##### possible framework candidates? ##### */

/* Note: the .right[n] classes are a candidate for integration into the Betty framework. */
/* They fit into the media-queries the same way as hide[n] */

.rightAll { float: right; }
.right4 { float: right; }

/* 6 */

@media screen and (max-width: 480px) {

}

@media screen and (min-width: 321px) and (max-width: 480px) {
    .right4, .right8, .right9, .right12, .right16 {float: left;}
    .right6 { float: right; }
}
/* 8, 9 */
@media screen and (min-width: 481px) and (max-width: 720px) {
    .right4, .right6, .right12, .right16 {float: left;}
    .right8, .right9 { float: right; }
}
/* 12 */
@media screen and (min-width: 721px) and (max-width: 960px) {
    .right4, .right6, .right8, .right9, .right16 {float: left;}
    .right12 { float: right; }
}
/* 16 */
@media screen and (min-width: 961px) {
    .right4, .right6, .right8, .right9, .right12 {float: left;}
    .right16 { float: right; }
}



/* framework */
/* used to transform content boxes from float left to float right
 * e.g. <div class="content shift-right size1of1 size3of9 size3of12 size3of16">some content</d>
 */
.shift-right {
    float: right;
    text-align: right;
}

/* patterns */
.link-callout {
    display: inline;
    position: relative;
}
     .link-callout:hover {
         border-bottom: 1px solid transparent;
         text-decoration: underline;
     }
   .link-callout:after {
        content: "»";
        margin-left: 0.25em;
        -moz-transition: margin 0.15s ease-out;
        -webkit-transition: margin 0.15s ease-out;
        -ms-transition: margin 0.15s ease-out;
        transition: margin 0.15s ease-out;
    }
    .link-callout:hover:after {
        text-decoration: none;
    }

    .link-callout:hover:after {
        text-decoration: none;
    }

       .link-callout.link-out:after {
            background: url(../images/css/icon_link-out.png) no-repeat 0 0 transparent;
            color: rgb(255,255,255);
            color: transparent;
            content: "......";
            font-size: 12px;
        }
       .link-callout.link-out_white:after {
            background: url(../images/css/link_out_white.png) no-repeat 0 0 transparent;
            color: rgb(255,255,255);
            color: transparent;
            content: " ";
            bottom: 5px;
            height: 12px;
            position: absolute;
            right: -12px;
            width: 9px;
        }

.quote-box-border {
    border-top: 1px solid rgb(16, 161, 190);
    border-bottom: 1px solid rgb(16, 161, 190);
    margin: 40px 0 40px 0;
    padding: 20px 0 10px 0;
}
.quote-text { font-size: 22px; line-height: 32px; }

.caption,
.quote-attrib {
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 16px;    /* 1 */
    font-style: italic;
    font-weight: 400;
    line-height: 23px;  /* 1.4375 */
    margin: 0 0 20px;   /* 20px - ( (23px-16px) / 2 ) == 16.5px */
}

/* extends basic-list in patterns.css */
.basic-list.video-list dt { width: 40px; }
.basic-list.video-list dd { line-height: 26px; margin-left: 45px; }


/* link list
 * used for displaying a list of links that stack vertically, but do not use bullet style
 *
 * <ul class="link-list">
 *     <li><a href="">Link Label</a></li>
 *     <li><a href="">Link Label</a></li>
 *     <li><a href="">Link Label</a></li>
 * </ul>
 */

.link-list {
    list-style: none;
    padding-left: 0;
}
.link-list li {
    margin-left: 0;
    padding-left: 0;
}



/* ##### global page structure rules ##### */

/* siteID
 *
 * <header class="container" id="siteID">
 *     <div class="inner">
 *         <div class="site-logo content"> [ logo ] </div>
 *         <div class="site-links content"> [ site links (subscribe, support, login etc) ] </div>
 *     </div>
 * </header>
 */

#siteID {
}
    #siteID .site-links {
        position: absolute;
        right: 10px;
    }
    #siteID .site-links a {
        /* margin-left: 52px; ONLY at desktop sizes */
        color: rgb(99, 99, 99);
    }
    #siteID .site-links a:hover,
    #siteID .site-links a.active {
        /* color: rgb(16, 161, 190); */
        border-color: rgb(99, 99, 99);
        color: rgb(99, 99, 99);
    }
    /* login link special styling */
    #siteID .site-links a.login:hover {
        border-color: rgb(16, 161, 190);
        color: rgb(16, 161, 190);
    }
    #siteID .site-links a.login {
        background: url(../img/icon_login.png) no-repeat 0 3px transparent;
        color: rgb(16, 161, 190);
        padding-left: 18px;
    }

        #siteID .dmp-logo {
            display: block;
            margin-top: 20px;
        }
        #siteID .skin_main-nav .nav-link {
            border-bottom: none;
        }
.site-logo a:hover, .health-henry a:hover {
    border-bottom: none;
    }
.health-henry {
    margin: 10px 0;
}
#mobileMenuCtrl {
    margin-top: -31px;
}
#mobileMenuCtrl:hover,
#mobileMenuCtrl:focus {
    border: none;
}

.login-text_brief {
    display: inline;
}
.login-text_full {
    display: none;
}


/* menu changes */
.skin_main-nav .nav-menu .nav-menu { background-color: rgb(3, 54, 67); }
.skin_main-nav .has-drop > .nav-link:before,
.skin_main-nav .has-drop.current > .nav-link.no-point:before { border-color: transparent transparent rgb(3, 54, 67) transparent; }


nav.container .content { position: relative; }

/* allows for dropdown nav element to cover lower pageHeader element */
nav.container { z-index: 3; }
/* #pageHeader { z-index: 1; } */

/* revisit why float:left was added in; removing to keep it in the dom */
.nav-back { float: none; }


.lt-ie9 .skin_main-nav .has-drop > .nav-link:before {
    display: none !important;
}

.mobile_signin {
    list-style-type: none;
    float: right;
}
    .mobile_signin a {
        color: white;
    }
    .mobile_signin a:hover {
        border-bottom: 1px solid #fff;
    }


/* left nav */
/* assumed markup
 *
    <div class="side-content content hide4 hide6 hide9 size4of12 size4of16">
        <div class="inner">
            <nav class="skin_p3" id="level3Nav">
                <p class="header_sidemenu">Editors &amp; Contributors</p>

                <ul class="list_sidemenu">
                    <li><a href="#side-nav-item" class="nav-link">Editorial Leadership<span class="link-callout"></span></a></li>
                    <li><a href="#side-nav-item" class="nav-link active">Specialty Editorial Board<span class="link-callout"></span></a></li>
                    <li><a href="#side-nav-item" class="nav-link">Editorial Team<span class="link-callout"></span></a></li>
                    <li><a href="#side-nav-item" class="nav-link">Become a Reviewer<span class="link-callout"></span></a></li>
                </ul>
            </nav>
        </div>
    </div>
 *
 */
.side-content { margin-top: 22px; }

.content-aside .aside-slot {
    margin-bottom: 32px;
}

#level3Nav {
    padding: 15px 10px 10px;
}
.list_sidemenu {
    display: block;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.list_sidemenu li {
    display: block;
    list-style: outside none none;
    margin: 0 0 16px 0;
    padding: 0;
}
.header_sidemenu {
    font-size: 22px;
}


/* main-nav correction for when font-scales are used */
.top-nav li,
.sub-menu li {
    margin: 0;
}

#level3Nav {
    padding: 15px 10px 10px;
}

.list_sidemenu {
    display: block;
    list-style: none;
     margin: 0;
     padding: 0;
}
 .list_sidemenu li {
     display: block;
     list-style: none;
     margin: 0 0 16px 20px;
     padding: 0;
 }
.header_sidemenu {
    font-size: 22px;
    /*font-weight: 600;*/
}

/* side navigation */
#level3Nav {
    padding: 0;
    width: auto;
}
#level3Nav .header_sidemenu {
    background: rgb( 221, 221, 221 );
    line-height: 46px;
    margin: 0;
    padding: 0 10px;
}
#level3Nav .header_sidemenu a {
    color: rgb( 69, 69, 69 );
    font-size: 16px;
    font-weight: 400;
}
#level3Nav .header_sidemenu a:hover {
    border-color: rgb( 69, 69, 69 );
}
#level3Nav .list_sidemenu {
    padding: 0 20px;
}
#level3Nav .list_sidemenu li,
#level3Nav .list_sidemenu li:first-child {
    border-bottom: 1px solid rgb( 223, 223, 223 );
    font-size: 14px;
    margin: 0;
    padding: 15px 0;
}
#level3Nav .list_sidemenu li a {
    color: rgb( 69, 69, 69 );
}
#level3Nav .list_sidemenu li a.active,
#level3Nav .list_sidemenu li a:hover {
    border-bottom: 1px solid rgb( 69, 69, 69 );
}
#level3Nav .list_sidemenu li:last-child {
    border-bottom: 0px;
}




/* ##### lower cta ##### */
/*
 * assumed markup:
 *
    <section class="container skin_p3" id="lowerCTASection">
        <div class="inner">
            <div class="content size1of1">
                <div class="inner">
                    <p>[ some text ] <a class="button skin_cta1" href="#link">[ some text ]</a></p>
                </div>
            </div>
        </div>
    </section>
 *
 *
 */

#lowerCTASection { margin-top: 40px; }

#lowerCTASection > .inner > .content > .inner {
    padding: 30px 10px;
}
#lowerCTASection .button {
    display: inline-block;
    float: none;
    font-size: 18px;
    margin: 5px auto 15px;
    white-space: nowrap;
    width: auto;
}
#lowerCTASection p, #lowerCTASection .button {
    margin-bottom: 0;
}
#lowerCTASection p, #level-1_portal #lowerCTASection .button {
    text-align: center;
    margin-bottom: 15px;
}

#levelOneCTASection > .inner > .content > .inner {
    padding: 0 0 30px 10px;
}
#levelOneCTASection .button {
    display: inline-block;
    float: none;
    font-size: 18px;
    margin: 5px auto 0;
    white-space: nowrap;
    width: auto;
}

#levelOneCTASection h3 {
    font-weight: 400;
    text-align: center;
}

#levelOneCTASection p, #level-1_portal #lowerCTASection .button {
    text-align: center;
}

#levelOneCTASection .button {
    display: inline-block;
    float: none;
    width: auto;
}

#levelOneCTASection .CTApadding {
    margin: 20px 0;
}



/* ICON BAR */
/*
 * assumed markup:
 *
    <div role="presentation" class="container icon-bar">
        <div class="inner">

            <div class="bar-left"><div class="inner-bar"></div></div>
            <div class="icon">
                <img src="/files/img/icon_home-megaphone.png" />
            </div>
            <div class="bar-right"></div>
        </div>
    </div>
 *
 *
 * **** IMPORTANT: add class 'icon-bar_sibling' to the sibling container
 *
 * **** SORT ALSO CRITICAL: only use on 'container' level items
 *
 *
 */

            .icon-bar {
                /* border-top: 1px solid rgb(16, 161, 190); */
                z-index: 2;
            }
            .bar-left {
                display: none;
            }

            .icon {
                float: left;
                height: 53px;
                margin-left: -24px;
            }
            .bar-right {
                background-color: rgb(16, 161, 190);
                background-image: url(../img/diag_noise_transparent.png);
                border-bottom: 1px solid rgb(16, 161, 190);
                border-top: 1px solid rgb(16, 161, 190);
                color: rgb( 255, 255, 255 );
                display: block;
                font-size: 22px;
                height: 51px;
                line-height: 53px;
                margin-left: 0;
                margin-right: -10000px;
                padding-left: 20px;
                padding-right: 10000px;
                width: 100%;
            }
            .bar-right-alt {
                background-color: rgb(16, 161, 190);
                background-image: url(../img/diag_noise_transparent.png);
                border-bottom: 1px solid rgb(16, 161, 190);
                border-top: 1px solid rgb(16, 161, 190);
                color: rgb( 255, 255, 255 );
                display: block;
                font-size: 16px;
                height: 51px;
                line-height: 53px;
                letter-spacing: 1px;
                margin-left: 0;
                margin-right: -10000px;
                padding-left: 20px;
                padding-right: 10000px;
                width: 100%;
            }
            .bar-bottom {
                background-color: rgb(16, 161, 190);
                background-image: url(../img/diag_noise_transparent.png);
                border-bottom: 1px solid rgb(16, 161, 190);
                border-top: 1px solid rgb(16, 161, 190);
                color: rgb( 255, 255, 255 );
                display: block;
                font-size: 2px;
                height: 5px;
                line-height: 5px;
                margin-left: -10000px;
                margin-right: -10000px;
                padding-left: 10000px;
                padding-right: 10000px;
                width: 100%;
            }

            .icon-bar_sibling {
                margin-top: 0;
                padding-top: 40px;
                z-index: 1;
            }

            .icon-bar_sibling > .inner { clear: left; }



/*  .bevelbox
 *  assumed markup:
 *  <div class="bevelbox">  <!-- hides skewed overflow, provides borders bottom & left -->
 *      <div></div>             <!-- skewed empty div provides border-top and bevel -->
 *      <div>                   <!-- compensates for bevel's height, provides border right -->
 *          <div>                   <!-- provides padding and centering -->
 *              Your content
 *          </div>
 *      </div>
 *  </div>
 */
.bevelbox {
    border: 1px solid #dcdcdc;
    border-width: 0px 0px 1px 1px;
    overflow: hidden;
}
.bevelbox > div:nth-child(1) {
    border: 1px solid #dcdcdc;
    border-width: 1px 1px 0px 0px;
    -ms-transform: skewX(30deg);
    -moz-transform: skewX(30deg);
    -webkit-transform: skewX(30deg);
    transform: skewX(30deg);
    height: 80px;
    /* need to set a lower z-index on this div so as to not cover the hotspot for the link */
    position: relative;
    z-index: 1;
}
.bevelbox > div:nth-child(2) {
    border: 1px solid #dcdcdc;
    border-color: transparent #dcdcdc transparent transparent; /* width must not be zero or it breaks */
    margin-top: -40px;
    position: relative;
    z-index: 2;
}
.bevelbox > div:nth-child(2) > div {
    border: 0px solid #000000;
    margin-top: -20px;
    padding: 0px 20px;
    text-align: center;
}
/* linked-promo used within bevelbox */
.linked-promo img {
    margin: 0 auto 1em;
}


/* social sharing links */
#mainContent .social-links,
.aside-section .social-links {
    display: block;
    list-style: outside none none;
    margin: 0 auto 10px;
    padding: 0;
    position: relative;
    width: 240px;
}
#mainContent .social-links {
    margin: 0 0 10px;
}
#mainContent .social-links li,
.aside-section .social-links li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    float: left;
    height: 30px;
    margin: 0 5px 0 0;
    padding: 0;
    position: relative;
    transition: background 0.2s ease-in-out 0s;
    width: 30px;
}
#mainContent .social-links li:hover,
.aside-section .social-links li:hover {
    background: none repeat scroll 0 0 rgba(90, 159, 233, 0.5);
}
#mainContent .social-links li a,
.aside-section .social-links li a {
    background: url("//journals.ebsco.com/files/img/social-icons.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 30px;
    margin: 0;
    padding: 0;
    position: relative;
    width: 30px;
    z-index: 2;
}
#mainContent .social-links li a:hover,
.aside-section .social-links li a:hover {
    border: medium none;
    text-decoration: none;
}
#mainContent .social-links .social-link_facebook a,
.aside-section .social-links .social-link_facebook a {
    background-position: 0 0;
}
#mainContent .social-links .social-link_twitter a,
.aside-section .social-links .social-link_twitter a {
    background-position: -36px 0;
}
#mainContent .social-links .social-link_google a,
.aside-section .social-links .social-link_google a {
    background-position: -72px 0;
}
#mainContent .social-links .social-link_linkedin a,
.aside-section .social-links .social-link_linkedin a {
    background-position: -108px 0;
}
#mainContent .social-links .social-link_youtube a,
.aside-section .social-links .social-link_youtube a {
    background-position: -144px 0;
}
#mainContent .social-links .social-link_pinterest a,
.aside-section .social-links .social-link_pinterest a {
    background-position: -180px 0;
}



/*
Blurbicon = small image or div on left with text on the right that fills the available width
Blurbicon assumes a static image, but could be modified for fluid. Text wraps around your image by default.
-To stop wrapping, set ".blurbicon > :not(img)" margin-left equal to your image-width (plus desired spacing),
and set .blurbicon > img margin-right to zero.
-To stack (image on top), change img float to none and margins (left & right) to auto;
assumed markup:

<div|a class="blurbicon">
    <img />
    <h#|p|div>Your text and stuff.  May be in the form of any combination of these tags</h#|p|div>
</div|a>
*/

.blurbicon { display: block; float: left; width: 100%; color: inherit; }
.blurbicon:hover { border-bottom: 0px;} /* override */
/* .blurbicon > :not(img) { display: block; } */
.blurbicon > img { display: block; float: left; margin-right: 15px; margin-top: 8px; }


/*#home .blurbicon > img { margin-left: auto; margin-right: auto; margin-bottom: 26px; }*/
/* added max-width and removed .acp special due to all image not consistent size */
#home .blurbicon > img { margin-right: 30px; margin-bottom: 0; margin-top: 16px; max-width: 192px; }
#home .blurbicon > img.acp { /* margin-right: 55px; */ }
.partner-div:nth-child(n+2) {
    padding-top: 30px;
}
/*
.blurbicon.bill > :not(img) { margin-left: 115px; }
.blurbicon.bill > img { margin-right: 0; }
*/
.blurbicon.vendor-list > img {
    float: none;
}
.blurbicon.vendor-list {
    margin-bottom: 32px;
}


#home .blurbicon > a:hover {
    border: none;
    text-decoration: none;
}


@media screen and (max-width: 480px) {
    #home .blurbicon > img, #home .blurbicon > img.acp { float: none; margin-left: auto; margin-right: auto; margin-bottom: 0; }
    #page_7-step-editorial-process .blurbicon > img { float: none; margin-left: auto; margin-right: auto; margin-bottom: 0; }
}
@media screen and (min-width: 961px) {
    #home .blurbicon > img, #home .blurbicon > img.acp { float: none; margin-left: auto; margin-right: auto; margin-bottom: 0; }
}

/* max sizing for videos within main content area */
.video_main-content {
    max-width: 480px;
    width: 100%;
}


/* video icon */
.page .video p > * { vertical-align: middle; }

.video.basic-list.snug dt {
    line-height: 26px;
    width: 33px;
}
    .video.basic-list.snug dt a:hover {
        border-color: transparent;
    }
.video.basic-list.snug dd {
    line-height: 26px;
    margin-left: 40px;
}


/* text style specific to this site (not framework patterns or skins) */

/* intended for making tm, r c marks smaller */
.text-mark {
    font-size: 80%;
    line-height: 1.4;
    vertical-align: text-top;
}


/* PAGE SPECIFIC RULES */

#home #pageHeader {
    background: url( /files/dynamed/files/img/new-launch-home-banner.jpg ) no-repeat 10% 0 / auto 100% #fff;
    background-color: #f0f0f0;
    background-size: cover;
    min-height: 200px;
}
#home .tablet-background {
    float: none;
    margin: auto;
    max-height: 360px;
    overflow: hidden;
}
#home .tablet-background img { display: block; }

#home #pageHeader > .inner {
    padding-top: 40px;
    padding-bottom: 50px;
    position: relative;
}

#home h1 {
    font-size: 30px;
    line-height: 32px;
    margin: 10px 0;
}




#home h2 {
    /* color should be set by the <a> tag */
    /*color: rgb(16, 161, 190);*/
    /*font-size: 22px;*/
    font-weight: 400;
    margin: 10px 0;
}

#home h1 strong { font-family: "Open Sans", Arial, sans-serif; font-weight: 400; }

#home #bottomSection {
    padding-bottom: 40px;
}

#home #bottomSection h2 {
    color: rgb( 255, 255, 255 );
    font-size: 22px;
    line-height: 32px;
    margin: 20px 0;
}

#home #bottomSection .tweets h2 { margin-bottom: 5px; }

#home #bottomSection .tweets { margin-bottom: 40px; }

#twitter-widget-0 .SandboxRoot.env-bp-550 p.timeline-Tweet-text {
    font-size: 16px;
}

#home .blog-list { margin-bottom: 20px; }

#home p.blog { margin: 0 0 5px; }

#home h4.blog a { 
    font-size: 18px;
    color: #fff; 
}

#home h4.blog a:hover { border-bottom: 1px solid #fff; }

#home p.datetime { font-weight: 400; }

#home p.datetime a { 
    color: #fff;
    font-weight: 600;
}

#home p.datetime a:hover { 
    border-bottom: 1px solid #fff;
}

#home .button {
    text-align: center;
    display: inline-block;
}

#home .text-content .button {
    border: 1px solid #fff;
    margin: 20px 0;
    padding: 20px 40px;
}
#home .cta {
    text-align: center;
    margin: 20px 0;
}
#home .mobile-btn-cta .button {
    padding: 18px 20px;
}

#home .announcement { padding-top: 32px; text-align: center; }

#home #features { background-image: url('../img/diagonal-noise_gray.png'); padding-bottom: 32px; }

#home #features-new { background-image: url('../img/dynamed-texture-background-image-web-2500-Recovered.jpg'); background-color: rgb(239, 239, 239); }

#home #features-new h2 {
    padding: 0 10px;
}

#home #features-new p {
    padding: 0 10px;
}

#home #features-new .prevideo-text {
    padding-bottom: 20px;
}

#home #secondary-features {
    margin: 30px 0 0;
    padding-bottom: 30px;
    }

#home .partners {
    margin-top: 40px;
    }

#home .promo {
    margin-top: 10px;
    margin-bottom: 10px;
}

#home .promo-img > img {
    width: 100%;
}

.promo > a:hover {
    border-bottom: none!important;
}

#home .videoWrapper {
    border: 1px solid #eee;
}

#home .video-text h2 {
    line-height: 30px;
}

/* Level 1 Pages */
#level1 #pageHeader {
    /* set to overflow: hidden to clip the image */
    overflow: hidden;
}
#level1 #pageHeader .content {
    background-color: rgb(8, 82, 101);
    background-image: url("../img/pageHeader_smudge.png");
    background-position: 600px 0;
    color: rgb(255,255,255);
    font-size: 18px;
    margin-left: -1000px;
    padding-left: 1000px;
    /* give this element a higher z-index than the image to cover the image */
    position: relative;
    z-index: 2;
}
    #level1 #pageHeader .content > .inner {
        padding-bottom: 25px;
    }
#level1 .pageHeader_image {
    position: absolute;
    right: 0;
    top: 0;
    width: 52%;
    z-index: 1;
}
#level1.page_about .pageHeader_image { top: -48px; }
#level1.page_access-options .pageHeader_image { bottom: -9px; top: auto; }
#level1.page_editorial .pageHeader_image { bottom: 0; top: auto; width: 70%; }
#level1.page_features .pageHeader_image {  }

#level1 #pageHeader .content:after {
    border-color: transparent transparent transparent rgb(8, 82, 101);
    border-style: solid;
    border-width: 240px 0 0 133px;
    content: '';
    position: absolute;
    right:-133px;
    top: 0;
}

#level1 .itt .itt_img {
    margin-top: 10px;
}

.directory-box:nth-child(2n+1) {
    clear: left;
}

.promo-section > .inner {
    padding: 40px 0;
}

/* Hawaii Hospital page */
.page_hawaii-hospital .hawaii-pageheader h1 {
    color: rgb(255, 255, 255);
    margin: 0;
    text-align: center;
    font-weight: 300;
}
.page_hawaii-hospital h2 {
    color: #454545;
    font-size: 22px;
    font-weight: 400;
    line-height: 36px;
    margin: 10px 0;
}
.page_hawaii-hospital .dmp {
    font-style: italic;
}
.page_hawaii-hospital .guillemet_link::after {
    content: '\00a0\00BB';
}
.page_hawaii-hospital .hawaii-pageheader {
    background: url(../img/DMP_Hawaii_banner_mobile.jpg) center top no-repeat #0e6076;
}
.page_hawaii-hospital .hawaii-pageheader .dmp-hawaii {
    text-align: center;
}
.page_hawaii-hospital .hawaii-pageheader .dmp-hawaii img {
    margin: 0 auto;
    max-width: 301px;
    width: 100%;
}
.page_hawaii-hospital .hawaii-pageheader .dmp-access {
    background-color: #fff;
    text-align: center;
    margin: -100px 0 10px;
    padding-top: 10px;
    border-bottom: 1px solid #c3c3c3;
}
.page_hawaii-hospital .hawaii-pageheader h1 .mp-reg {
    font-weight: 400;
}
.page_hawaii-hospital .videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.page_hawaii-hospital .videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.page_hawaii-hospital .dmp-learn {
    padding: 40px 0;
}
.page_hawaii-hospital .dmp-learn .content:first-child {
    border-bottom: 1px solid #c3c3c3;
}


/* level 2 directory pages */
#level2D p + .itt { margin-top: 40px; }
#level2D .itt { 
    margin-bottom: 40px; 
}
#level2D .itt_img-content {
    margin-top: 40px;
}


/* partners index page icons */
#level2D .itt_partners .itt_img { float: none; width: 160px; }
/*#level2D .itt.itt_partners { margin: 20px 0; }*/


/* specialty people rules */
    .expandingHeader {
        color: rgb(16, 161, 190);
        cursor: pointer;
        float: left;
        padding-left: 20px;
        position: relative;
    }
    /* since the expanding header is floated, we want to make certain the the next sibling clears the float */
    .expandingHeader + * {
        clear: left;
    }

    .expandingHeader:before {
        /*border-color: transparent transparent transparent rgb(16, 161, 190);
        border-style: solid;
        border-width: 12px 0 12px 12px;*/
        color: rgb(163,163,163);
        content: '+';
        position: absolute;
        left: 0;
    }
    .expandingHeader.open:before {
        /*border-color: rgb(16, 161, 190) transparent transparent transparent;
        border-width: 12px 12px 0 12px;*/
        content: '_';
        top: -11px;
    }



    #specialtyEditorial .person {
        display: block;
        float: left;
        margin-bottom: 24px;
        width: 100%;
    }

    #specialtyEditorial .person > p {
        margin-bottom: 10px;
    }

    .person .person_name {
        font-size: 18px;
        font-weight: 600;
    }
    .person .person_degree {
        font-size: 18px;
    }
    .person .person_affilitation,
    .person .person_address {
        font-style: italic;
        font-weight: 400;
    }
    .person .person_free-text p {
        font-style: italic;
        font-weight: 400;
    }
    .person .person_free-text p + ul {
        margin-top: -20px;
    }

    /* Executive Bios Rules */
    #exec_leaders-l2 .itt .person {
        /* default/mobile put text below image */
        clear: left;
    }
    #exec_leaders-l2 .itt_img-left .itt_img-content {
        /* fixed width for all mq */
        width: 150px;
    }
    #exec_leaders-l2 .itt_img-left .itt_img {
        width:100%;
    }

    #exec_leaders-l2 h1 {
        margin-bottom: 20px;
    }

    .itt_img-left .itt_img {
        margin: 0 10% 0 0;
    }

    /* Login Page Rules */
    #login #pageHeader h1,
    #login #pageHeader h2 {
        color: rgb(69, 69, 69);
        text-align: center;
    }

    #login #pageHeader { margin-top: 30px; margin-bottom: 40px; }

    #login .individual,
    #login .institution { margin-bottom: 40px; text-align: center; }

    .institution .button,
    .individual .button {
        font-size: 18px;
    }

    #login #mainContent .button {
        display: inline-block;
        max-width: 400px;
        width: 90%;
        height: 30px;
    }

    #login .individual img, .institution img {
        vertical-align: middle;
        margin: 0 0 0 -10px;
        padding: 0 4px;
    }

    #login #mainContent p {
        font-style: italic;
    }

    .person {
        display: grid;
    }

    .person p {
        margin-top: 0;
    }


/* press releases index page (story-blurb) */
.story-blurb { margin-bottom: 40px; }
.story-blurb > p { margin-bottom: 12px; }


/* press release detail pages */
.news-logo {
    margin: auto;
    width: 80%;
}


/* special features >> graphics and images page style */
.page_graphics-images .detail-bottom-img img {
    width: 90%;
}


/* contact us form */
#contact .container > .req-info {
    margin-top: 40px;
    margin-bottom: 40px;
}

.contact-panel {
    display: none;
}

.ebsco-img {
    max-width: 380px;
}

.chooseForm {
    margin: 20px 0 40px;
}


/* 404 page */
#page404 #mainContent { margin-top: 32px; }
#page404 .line1 {
    font-size: 40px;
    font-weight: 300;
    line-height: 1.5;
    margin: 0 0 24px;
}
#page404 .line2 {
    font-size: 40px;
    font-weight: 400;
    line-height: 1.5;
    margin: 0 0 24px;
}
#page404 .line3 {
    font-size: 22px;
    font-weight: 400;
    line-height: 1.5;
    margin: 0 0 24px;
}
#page404 #mainContent .image-fluid { width: 75%; }




/* impatient dots */
.iframe-loader span {
    transition: all 0.35s ease-in-out;
}
.last-dot {
    font-size: 50%;
}


/* paging */

#paging > a {
    display: block;
    float: left;
    height: 60px;
    line-height: 60px;
}
#paging > span {
    display: block;
    float: left;
    height: 34px;
    line-height: 34px;
    margin: 8px;
    width: 30px;
}
    #paging > span.hidden { display: none; }
#paging span.dots {
    margin: 8px 0;
    text-align: center;
}
#paging > a {
    border-bottom: medium none;
}
.page-box {
}
.page-box > a {
    display: block;
    line-height: 34px;
    text-align: center;
}
.page-box .inactive {
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(149, 149, 149);
    color: rgb(149, 149, 149);
}
.page-box .active {
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(16, 161, 190);
    color: rgb(25, 78, 149);
}
.page-box .inactive:hover {
    background-color: rgb(16, 161, 190);
    border: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
}
.first-last-pg .inactive {
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(149, 149, 149);
    color: rgb(149, 149, 149);
}
.first-last-pg .active {
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(16, 161, 190);
    color: rgb(25, 78, 149);
}
.first-last-pg .inactive:hover {
    background-color: rgb(16, 161, 190);
    border: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
}

.icon_pointer.point-left:after {
    border-color: transparent rgb(16, 161, 190) transparent transparent;
    border-style: solid;
    border-width: 8px 8px 8px 0;
    content: "";
    display: inline-block;
    height: 0;
    margin-right: 8px;
    position: relative;
    width: 0;
}
.icon_pointer.point-right:after {
    border-color: transparent transparent transparent rgb(16, 161, 190);
    border-style: solid;
    border-width: 8px 0 8px 8px;
    content: "";
    display: inline-block;
    height: 0;
    margin-left: 8px;
    position: relative;
    width: 0;
}


/* panels/pages on contributors page (can be used elsewhere) */
.panels {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    display: none;
    padding: 0;
}
.panels.current {
    display: block;
}




/*
    ========================================
        ::Product Search on Homepage
    ========================================
*/
.search-content {
    /* background: rgba( 255, 255, 255, 0.4 ); */
    color: rgb(45, 45, 45);
    /* margin-top: 32px; */
}
.search-content-alt {
    /* background: rgba( 255, 255, 255, 0.8 ); */
    color: rgb(45, 45, 45);
    margin-top: 32px;
    border-radius: 5px;
}
    .search-content > .inner {
        /* padding: 20px 20px 52px; */
        padding: 0;
    }
    .search-content-alt > .inner {
        border-radius: 5px;
        border: 1px solid #006680;
    }
    #home .search-content h2 {
        /*color: rgb( 255, 255, 255 );*/
        font-size: 38px;
        line-height: 54px;
        font-weight: lighter;
        color: #3D3F42;
        /* text-align: center; */
    }
    #home .search-content p {
        color: #3D3F42;
        font-size: 16px;
        line-height: 27px;
    }
    .search-content-alt h2 {
        color: #0c3d49;
        text-align: center;
    }
    .search-content #qinput {
        border: 0;
        box-sizing: border-box;
        height: 50px;
        font-weight: normal;
        line-height: 40px;
        margin: 0;
        padding: 0 40px 0 8px;
        width: 100%;
        border-radius: 5px;
        border: 1px solid #bbbbbb;
    }
    .search-content-alt #qinput {
        border-radius: 5px;
        border: 1px solid #006680;
    }
        .search-content #qinput.error:-moz-placeholder {
           color: #ff2e2e;
        }
        .search-content #qinput.error::-webkit-input-placeholder {
           color: #ff2e2e;
        }
        .search-content #qinput.error::-moz-placeholder {
           color: #ff2e2e;
        }
        .search-content #qinput.error:-ms-input-placeholder {
           color: #ff2e2e;
        }
        .search-content #qinput.error::placeholder {
           color: #ff2e2e;
        }

    .search-content .button {
        /* background: rgb( 0, 102, 128 ); */
        background-color: transparent;
        background-image: url(/files/dynamed/files/img/orange_search_icon.svg);
        background-repeat: no-repeat;
        background-position: 50% 50%;
        color: transparent;
        border: none;
        display: block;
        line-height: 50px;
        margin: 10px auto;
        padding: 0 12px;
        position: relative;
        width: 100%;
    }
    .search-content .button:hover {
        /* background: rgba( 0, 102, 128, 0.8 ); */
    }


/*
    ========================================
        ::Homepage
    ========================================
*/

/* featured content boxes */
.feature-container > .inner {
    overflow: hidden;
    padding: 32px 0;
}
.feature-content {
    overflow: hidden;
}
.feature-content:first-child {
    margin-bottom: 32px;
}
.feature-content > .inner {
    background: rgb( 246, 246, 246 );
    box-sizing: border-box;
    margin: 0 10px -10000px;
    padding: 32px 10px 10000px;
    text-align: left;
}
.feature-content .inner > a {
    display: block;
    float: left;
    margin-top: 16px;
}
.feature-content .inner > a:hover {
    border: none;
    text-decoration: none;
}
.feature-icon {
    height: 32px;
}
.feature-content:last-child .inner > a {
    margin-top: 24px;
}
.feature-content:last-child .feature-icon {
    height: auto;
    width: 32px;
}
.feature-content h2 {
    padding-left: 40px;
}

#home #lowerCTASection {
    margin-top: 10px;
    margin-bottom: 10px;
}

#home #lowerCTASection h2 {
    text-align: center;
}


/*
    ========================================
        ::Level One Pages
    ========================================
*/

#levelOne h1 {
    font-size: 36px;
    font-weight: 400;
    margin: 12px 0 10px 0;
}

.levelOneHeader {
    background: url(../img/dynamed-lvl1-banner.jpg) 50% 0 no-repeat #fff;
    margin-bottom: 40px;
}

    .levelOneHeader .content {
        text-align: center;
        color: #454545;
        padding: 0 0 30px 0;
    }

.level-icon {
    text-align: center;
}

.level-icon h3 {
    display: inline-block;
    margin-bottom: 10px;
}

.level-icon img {
    display: block;
    margin: 0 auto;
}

.level-icon a:hover {
    border-bottom: 1px solid #00758D;
}

ul.icon-container,
ul.icon-container-5,
ul.icon-container-7 {
    list-style-type: none;
    padding: 0;
}

li.level-icon div.inner {
    padding: 0 0 40px;
}

.icon-container a,
.icon-container-5 a,
.icon-container-7 a {
    color: rgb(45, 45, 45);
    border-bottom: none;
}

.icon-container h3,
.icon-container-5 h3,
.icon-container-7 h3 {
    color: #00758D;
}

@media screen and (min-width: 721px) {
    #home #pageHeader {
        background: url( /files/dynamed/files/img/new-launch-home-banner.jpg ) no-repeat 40% 0 / auto 100% #fff;
    }

    .icon-container li,
    .icon-container-5 li,
    .icon-container-7 li {
        width: 50%;
    }

    li.level-icon div.inner {
        padding: 0 20px 40px;
    }

    .levelOneHeader .content {
        padding: 30px 0 30px 0;
    }
}

@media screen and (min-width: 900px) {
    li.level-7 div.inner {
        min-height: 200px;
        padding: 0 20px 0;
    }
} 

@media screen and (min-width: 961px) {
    .icon-container-5 li.level-icon div.inner {
        padding: 0 40px 40px;
    }

    li.level-icon div.inner {
        padding: 0 20px 40px;
    }

    .icon-container li {
        width: 25%;
    }

    .icon-container-5 li {
        width: 33.33%;
    }

    .icon-container-5 li:nth-child(4) {
        margin-left: 16.67%;
    }

    .icon-container-7 li {
        width: 25%;
    }

    .icon-container-7 li:nth-child(5) {
        margin-left: 12.5%;
    }

    li.level-7 div.inner {
        padding: 0 20px 0;
        min-height: 263px;
    }

}

/*
    ========================================
        ::Site Main Navigation
    ========================================

    USAGE
    ========================================
    Pattern for each site's main header and main navigation sections

    The below markup is assumed to be used; changing class names, ids, or aria properties will impact css and js functionality

    Framework is not required


    MARKUP:
    ========================================
    <header id="siteHeader" class="special-container">
        <div class="inner">

            <div class="site-id" itemscope itemtype="http://schema.org/Organization">
                <a class="site-id_logo" href="{site_root}" itemprop="url">
                    <img src="{site_logo}" alt="{site_name}" itemprop="logo" />
                </a>
            </div>

            <div class="toolbar group">

                <nav class="toolbar_nav" aria-label="Primary Navigation" role="navigation">
                    <a class="toolbar_menu-btn" href="" aria-haspopup="true" aria-expanded="false">show menu</a>
                    <ul>

                        <!-- ### level 1 items ### -->
                        <li  class="has-submenu">
                            <a href="{level-1_link}" aria-haspopup="true" aria-expanded="false">{level-1_name}</a>
                            <ul>
                                <li><a href="{level-2_link}">{level-2_name}</a></li>
                                <li><a href="{level-2_link}">{level-2_name}</a></li>
                                <li><a href="{level-2_link}">{level-2_name}</a></li>
                            </ul>
                        </li>
                        <li><a href="{level-1_link}">{level-1_name}</a></li>

                        <!-- ### utility items ### -->
                        <li class="utility-link"><a href="{utility_link}">{utility_name}</a></li>
                        <li class="utility-link"><a href="{utility_link}">{utility_name}</a></li>

                        <!-- ### cta item ### -->
                        <li class="toolbar_cta"><a href="{cta_link}">{cta_name}</a></li>
                    </ul>
                </nav>

                <div class="toolbar_utility">
                    <ul class="toolbar_links">
                        <!-- ### utility items ### -->
                        <li class="utility-link"><a href="{utility_link}">{utility_name}</a></li>
                        <li class="utility-link"><a href="{utility_link}">{utility_name}</a></li>
                    </ul>
                </div>

                <a class="toolbar_search" href="{search_link}">{search_name}</a>

            </div>
        </div>
    </header>
    <div id="navOverlay"></div>


    NOTES:
    ========================================
    Does not use framework grid system (can switch from mobile to desktop at any required mediaquery)

    Tested with css normalizing/reset (not included here)

    Site search included here is for positioning only; search functionality and styles must be added separately

    CSS rules organized into following sections:
        @mobile (default)
            PARENT NAV CONTAINER
            SITE LOGO
            TOOLBAR CONTAINER
            MAIN NAVIGATION ITEMS (LEVEL 1)
            CALL TO ACTION (CTA)
            SITE SEARCH
        @desktop
            SITE LOGO
            TOOLBAR CONTAINER
            MAIN NAVIGATION ITEMS (LEVEL 1)
            SUBMENU NAVIGATION ITEMS (LEVEL 2)
            CALL TO ACTION (CTA)
            UTILITY ITEMS
            SITE SEARCH
*/

/* ##### PARENT NAV CONTAINER ##### */
    /* because we needed to remove the positioning rule on the '.container', we need to re-apply inner width constraints */
    .special-container {}
    .special-container .inner {
        box-sizing: border-box;
        margin: auto;
        max-width: 1280px;
        min-width: 240px;
        padding: 0 10px;
    }


/* ##### SITE LOGO ##### */
    .site-id {
        display: block;
        margin: auto;
        /* remove width for responsive logo */
        /* width: 200px; */
    }
        .site-id_logo {
            border: none;
            display: block;
            line-height: 60px;
            /* responsive logo styles */
            /* background: url('/files/images/eis-logo-sprite.png') no-repeat 0 0 transparent; */
            /* height: 44px; */
            padding: 13px auto 13px auto;
        }
            /* .site-id_logo img { display: none; } */
        .site-id_logo:hover { border: none; }
        .site-id_logo img {
            /* vertical-align: middle; */
            display: block;
            height: auto;
            margin: auto;
            padding-top: 20px;
            height: 30px;
        }


/* ##### TOOLBAR CONTAINER ##### */
   .toolbar a {
        text-decoration: none;
    }


/* ##### MAIN NAVIGATION ITEMS (LEVEL 1) ##### */
    .upperNav {
        background: url(../img/DM_navigationbar.png), linear-gradient(#1E6785, #0F4264);
        height: 70px;
    }
    .lowerNav {
        height: 0;
    }
   .toolbar_nav {
        font-size: 16px;
        margin: 0;
    }
        .toolbar_nav a {
            color: #fff;
            font-weight: 400;
            display: block;
            margin-top: -1px;
            padding: 0 10px;
            transition: all 0.3s ease-out;
        }
        .toolbar_nav .mobile-linkout {
            border-bottom: 1px solid #454545;
            border-top: 1px solid #454545;
            line-height: 60px;
        }
        .toolbar_nav > ul {
            background: #2a2a2a;
            bottom: 0;
            left: -100%;
            list-style: none;
            margin: 0;
            padding: 0;
            position: absolute;
            right: 100%;
            transition: all 0.3s;
            top: 70px;
            z-index: 3;
            float: left;
        }
        a.toolbar_menu-btn {
            background: url(//www.ebsco.com/apps/global/clarke/css/img/SingleMobileMenu-white.png) 50% 50% no-repeat;
            border: none;
            color: transparent;
            height: 26px;
            left: 0;
            margin: 0;
            position: absolute;
            top: 20px;
            width: 26px;
        }
        .toolbar_menu-btn + ul.isOpen {
            left: 0;
            right: 20%;
            transition: all 0.3s ease-out;
        }

        .toolbar_nav li {
            /* remove bottom padding inherited from the .scale_ebsco styles */
            margin-bottom: 0;
        }

        .toolbar_nav li.mobile-linkout:hover {
            background: #454545;
        }

        .toolbar_nav .utility-link {
            background: #5d5d5d;
        }
        .toolbar_nav .utility-link a {
            border-color: rgb( 100, 100, 100 );
        }
    ul.isOpen li.has-submenu {
        border-bottom: 1px solid #454545;
        border-top: 1px solid #454545;
        line-height: 60px;
    }
    ul.isOpen li.has-submenu a:hover {
        background: #454545;
        border-bottom: 0;
    }
    ul.isOpen li.toolbar_cta_mobile a:hover {
        background: rgba(242, 143, 10, 0.8);
    }
    ul.isOpen li.has-submenu.ld-subscribe-mobile {
        border-bottom: none!important;
    }


    /* hide submenus and top-right utility items at mobile size */
    .has-submenu ul {
        display: none;
    }

    .toolbar_utility .utility-link {
        display: none;
    }

    /* position and display login link */
   .toolbar_utility .action-link {
       display: inline-block;
       float: right;
       margin-left: 0;
       margin-top: -48px;
       width: auto;
       padding-top: 10px;
   }


/* ##### CALL TO ACTION (CTA) ##### */
    .toolbar_nav .toolbar_cta_full {
        display: none;
    }

    .toolbar_nav .ld-signin-logo {
        display: inline-block;
        float: right;
        margin-top: -50px;
        padding: 20px 0;
        text-align: center;
        text-decoration: none;
    }
    .toolbar_nav .ld-signin-logo.ld-subscribe {
        display: none;
   }
    .toolbar_nav .ld-signin-logo a {
        float: right;
    }
    .toolbar_nav .ld-signin-logo span {
        display: none;
    }
    .toolbar_nav .ld-signin-img {
        width: 29px;
        vertical-align: middle;
        margin-right: 5px;
    }
    .toolbar_nav .ld-signin-logo a {
        padding: 0;
    }
    .toolbar_nav .ld-signin-logo a:hover {
        border-bottom: 0;
    }
    .toolbar_nav .ld-signin-img a:hover {
        border-bottom: 0;
    }
    .toolbar_nav .ld-subscribe-mobile {
        text-align: center;
        background-color: #D9DADB;
    }
    .toolbar_nav .ld-subscribe-mobile a {
        color: #3d3f42;
    }
    .toolbar_nav .ld-subscribe-mobile a:hover {
        color: #fff;
    }

    /* cta */
    .toolbar_nav .toolbar_cta_mobile {
        display: inline;
    }
    .toolbar_nav .toolbar_cta_mobile a,
    .toolbar_nav .toolbar_cta_mobile a:focus,
    .toolbar_nav .toolbar_cta_mobile a:hover {
        color: #fff;
        display: block;
        margin: 0;
        padding: 5px 20px;
        line-height: 60px;
        text-align: center;
        text-decoration: none;
        background: rgb(242, 143, 10);
    }
    .toolbar_nav .toolbar_cta_mobile a:hover {
        border-bottom: 0;
    }
    .toolbar_nav .toolbar_cta_mobile,
    .toolbar_nav .toolbar_cta_mobile a:focus,
    .toolbar_nav .toolbar_cta_mobile li.mobile-linkout:hover {
        background: rgb(242, 143, 10);
    }
        .toolbar_nav .toolbar_cta_mobile:focus,
        .toolbar_nav .toolbar_cta_mobile:hover {
            background: rgba(242, 143, 10, 0.8);
        }
        .toolbar_nav li.toolbar_cta_mobile a:hover {
            background: none;
        }

@media screen and (min-width: 820px) {
    #home #pageHeader {
        background: url( /files/dynamed/files/img/new-launch-home-banner.jpg ) no-repeat 45% 0 / auto 120% #fff;
    }

    .toolbar_nav .toolbar_cta_full {
        display: inline-block;
        float: right;
        /* background: rgb(242, 143, 10); */
        margin: 17px 0 0;
        border: 1px solid #fff;
    }
    .toolbar_nav .toolbar_cta_full a,
    .toolbar_nav .toolbar_cta_full a:focus,
    .toolbar_nav .toolbar_cta_full a:hover {
        color: #fff;
        display: block;
        margin: 0;
        padding: 5px 20px;
        text-align: center;
        text-decoration: none;
        transition: all 0.35s ease-in-out;
    }
    .toolbar_nav .toolbar_cta_full,
    .toolbar_nav .toolbar_cta_full:focus,
    .toolbar_nav .toolbar_cta_full:hover {
      transition: all 0.35s ease-in-out;
    }
        .toolbar_nav .toolbar_cta_full:focus,
        .toolbar_nav .toolbar_cta_full:hover {
            /* background: rgba(242, 143, 10, 0.8); */
        }
        .toolbar_nav li.toolbar_cta_full a:hover {
            background: none;
        }
    .toolbar_nav li.ld-signin-logo {
        background: transparent;
        margin: 0;
        }
    .toolbar_nav .ld-signin-logo a {
        border-bottom: 0;
        border-top: 0;
        }

    .toolbar_nav .ld-signin-logo a {
        padding: 0 15px;
    }

    .lowerNav {
        background-color: #267494;
        height: 50px;
        }

    .toolbar_nav .ld-signin-logo span {
        display: inline;
    }

    .toolbar_nav .toolbar_cta_mobile {
        display: none;
    }

    .toolbar_nav .ld-subscribe-mobile {
        display: none;
    }

    .toolbar_nav .ld-signin-logo.ld-subscribe {
        display: inline-block;
        padding-top: 22px;
    }

    /*.toolbar_nav .ld-subscribe:before {
        content: '|';
        color: #fff;
    }*/
}


    /* login link special styling */
    .toolbar_utility a.login:hover {
        border-color: #5d5d5d;
        /* color: rgb(16, 161, 190); */
    }
    .toolbar_utility a.login {
        /* background: url(../img/icon_login.png) no-repeat 0 3px transparent; */
        color: #5d5d5d;
        font-size: 14px;
        /* padding-left: 18px; */
    }




/* ##### SITE SEARCH ##### */
    .toolbar_search {
        background: url(//www.ebsco.com/apps/global/clarke/css/img/search-icon-hi.png) 0 0 no-repeat transparent;
        color: transparent;
        height: 26px;
        position: absolute;
        right: 10px;
        top: 20px;
        width: 26px;
    }
        .toolbar_search:focus,
        .toolbar_search:hover {
            border-bottom: 0px;
        }


/* ##### BACKGROUND OVERLAY ON MOBILE MENU ACTIVE ##### */
    #navOverlay {
        background: rgba( 255, 255, 255, 0.75 );
        display: none;
        height: 100%;
        position: absolute;
        width: 100%;
        z-index: 1;
    }
/*
    ========================================
        ::Site Breadcrumbs
    ========================================

    USAGE
    ========================================
    Pattern for breadcrumbs

    The below markup is assumed to be used; changing class names will impact css functionality

    Framework is not required


    MARKUP:
    ========================================
    <section class="container breadbrumb-container">
        <div class="inner">
            <div class="content breadcrumb-content size1of1">
                <p>
                    <a class="bc_page" href="#home">Home</a>
                    <span class="bc_separator">&raquo;</span>
                    <a class="bc_page" href="#level-1">Level 1</a>
                    <span class="bc_separator">&raquo;</span>
                    <span class="bc_current">Level 2</span>
                </p>
            </div>
        </div>
    </section>


    NOTES:
    ========================================
    Does not use framework grid system (can switch from mobile to desktop at any required mediaquery)

    Tested with css normalizing/reset (not included here)

*/
.breadcrumb-container {
    background: rgb( 224, 224, 224 );
}
.breadcrumb-content p { margin: 16px 0; }
.breadcrumb-content p,
.breadcrumb-content a {
    border: none;
    color: #969696;
    font: 400 14px/1.2 "Open Sans" ,Arial ,sans-serif;
    text-decoration: none;
}
    .breadcrumb-content a:hover {
        border: none;
        text-decoration: underline;
    }
.breadcrumb-content .bc_separator {
    padding: 0 4px;
}
.breadcrumb-content .bc_current {
    color: #525252;
}
/* these rules at mobile will have bc display only the parent item */
.bc_page,
.bc_separator,
.bc_page:last-of-type ~ * {
    display: none;
}
.bc_page:last-of-type,
.bc_mobile {
    display: initial;
}

/* responsive logo */
@media screen and (min-width: 481px) {
    .site-id_logo {
        background-position: 0 -72px;
        /* width: 319px; */
    }
}

/* adjust the breakpoint size as needed */
@media screen and (min-width: 721px) {
    a.toolbar_menu-btn {
        /*top: 58px;*/
    }
    .toolbar_nav > ul {
        top: 70px;
    }
}
@media screen and (min-width: 820px) {

    /* ##### SITE LOGO ##### */
        .site-id {
            margin: 0;
        }
        .site-id_logo {
            background-position: 0 -144px;
            margin: 15px 0 15px;
            float: left;
        }
        .site-id_logo img {
            margin: 0;
            padding-left: 0;
            padding-top: 0;
            width: 162px;
            height: auto;
        }

    /* ##### TOOLBAR CONTAINER ##### */
        .toolbar {
            margin: auto;
            position: relative;
        }
        img.ld-signin {
            width: 24px;
            display: inline-block;
        }


    /* ##### MAIN NAVIGATION ITEMS (LEVEL 1) ##### */
        .toolbar_nav .toolbar_menu-btn,
        .toolbar_nav .utility-link,
        #navOverlay {
            display: none;
        }
        .toolbar_nav li a:hover {
            background: none;
        }
        .toolbar_nav a {
            border: none;
            color: #fff;
            margin: 0;
            padding: 0;
            text-decoration: none;
        }
            .toolbar_nav > ul > li:focus > a,
            .toolbar_nav > ul > li:hover > a,
            .toolbar_nav a:focus,
            .toolbar_nav a:hover,
            .toolbar_nav > ul > li.active > a {
                border: none;
                text-decoration: underline;
            }
        .toolbar_nav ul {
            background: none;
            bottom: auto;
            left: auto;
            padding-top: 15px;
            /*position: relative;*/
            right: auto;
            top: auto;
            z-index: 3;
        }

        .toolbar_nav ul.isOpen {
            margin-top: 30px;
        }


    /* ##### SUBMENU NAVIGATION ITEMS (LEVEL 2) ##### */
        .toolbar_nav > ul > li {
            display: inline-block;
            list-style: none;
            padding: 0;
        }

        .toolbar_nav > ul > li:nth-of-type(n+2) {
            padding-right: 10px;
            padding-left: 10px;
        }

        .toolbar_nav > ul > li:first-child {
            padding-right: 10px;
        }

        .toolbar_nav ul.lowerNavBlue li:nth-child(-n+2) {
            border-right: 1px solid #3d92b4;
        }
        .toolbar_nav > ul > li.has-submenu {
            line-height: initial;
        }

        /* dropdown */
        .has-submenu {
            position: relative;
        }
        .has-submenu > a::after {
            position: relative;
            /* top: 3pt; Uncomment this to lower the icons as requested in comments*/
            content: "";
            display: inline-block;
            /* By using an em scale, the arrows will size with the font */
            width: 0.3em;
            height: 0.3em;
            border-right: 0.1em solid #fff;
            border-top: 0.1em solid #fff;
            transform: rotate(135deg);
            margin-right: 0.5em;
            margin-left: 0.2em;
            margin-bottom: 0.2em;
        }
        .has-submenu:focus > a::after,
        .has-submenu:hover > a::after {
            -moz-transform: translate(-1px) rotate(315deg);
            -ms-transform: translate(-1px) rotate(315deg);
            -webkit-transform: translate(-1px) rotate(315deg);
            transform: translate(-1px) rotate(315deg);
            margin-bottom: 0;
        }
        .has-submenu ul {
            background: #2a2a2a;
            display: block;
            list-style: none;
            margin: 0;
            max-height: 0;
            overflow: hidden;
            padding: 0;
            position: absolute;
            transition: all 0.35s ease-out;
            width: 300px;
            margin-top: 12px;
            z-index: 1;
        }
        li.isOpen > ul,
        .has-submenu:focus > ul,
        .has-submenu:hover > ul,
        .has-submenu a:focus + ul,
        .has-submenu a:hover + ul {
            display: block;
            max-height: 1000px;
            transition: all 0.35s ease-in;
            z-index: 2;
        }
        .has-submenu li {
            border-bottom: 1px solid #454545;
            border-top: 1px solid #454545;
            margin-top: -1px;
        }
        .has-submenu ul a {
            color: #fff;
            display: block;
            padding: 0 10px;
        }
        .has-submenu ul a:focus,
        .has-submenu ul a:hover,
        .has-submenu ul li.active a{
            background: #454545;
            text-decoration: none;
        }


    /* ##### CALL TO ACTION (CTA) ##### */
        .toolbar_utility,
        .toolbar_cta {
            display: inline-block;
            float: right;
        }
        .toolbar_cta a {
            line-height: 30px;
        }

    /* ##### UTILITY ITEMS ##### */
        .toolbar_links {
            list-style: none;
            background: none;
            bottom: auto;
            left: auto;
            margin: 0;
            position: relative;
            right: auto;
            top: auto;
        }
            .toolbar_links .utility-link {
                display: inline-block;
                margin: 0 0 0 20px;
            }
            .toolbar_links .utility-link a {
                border: none;
                color: #5d5d5d;
                font: 400 14px/1.2 "Open Sans",Arial,sans-serif;
                text-decoration: none;
            }
            .toolbar_links .utility-link a:focus,
            .toolbar_links .utility-link a:hover {
                border: none;
                text-decoration: underline;
            }
            .toolbar_links .action-link {
                float: none;
                margin-top: 0;
                padding-top: 0;
            }

    /* ##### SITE SEARCH ##### */
        .toolbar_search {
            top: 16px;
        }

     /* ##### BREADCRUMBS ##### */
    .bc_page,
    .bc_separator,
    .bc_page:last-of-type ~ * {
        display: initial;
    }
    .bc_mobile {
        display: none;
    }
    .breadcrumb-content { min-height: 44px; }
    .breadcrumb-content > p { display: none;}

}
/* END Navigation Styles */






/*
    ========================================
        ::6 Columns and up
    ========================================
*/
@media screen and (min-width: 321px) {

    /* home search button */
    .search-content .button {
        float: right;
        margin: -50px 0 0;
        /* width: auto; */
        width: 50px;
    }


    #exec_leaders-l2 .itt .person {
        /* let text wrap around floated image */
        clear: none;
    }

}


/*
    ========================================
        ::Up to 9 Columns
    ========================================
*/

@media screen and (max-width: 720px) {
        #siteID .hide-nav {
            display: none;
        }
        #mainNav.has-sub {
            margin-bottom: 10px;
        }
        .dmp-logo {
            margin-left: 60px;
        }
        #mainNav {
            margin-top: -8px;
        }
        #siteID .dmp-logo {
            margin-top: 32px;
        }
        #mainNav > .nav-menu {
            /* don't do this ... handled in the js */
            /* max-height: 600px; */
        }
        .nav-menu > .trial-nav-btn {
            font-size: 16px;
            margin-bottom: 10px;
            padding: 0;
            width: 100%;
        }
        .nav-menu > .trial-nav-btn > .nav-link {
            padding: 25px 10px 21px;
        }
}

/*
    ========================================
        ::8 Columns ONLY
        ::9 Columns ONLY
    ========================================
*/
/* Special case to allow Login to remain above DMP logo at mobile */
    @media screen and  (max-width: 420px) {

        #siteID .dmp-logo img {
            width: 90%;
        }
    }

    @media screen and (min-width: 481px) and (max-width: 720px) {

        .directory-box:nth-child(2n) {
            margin-left: 11.1%;
        }
        .partner-div:nth-child(1) {
            height: 77px;
        }
        /* Hawaii Hospital page */
        .page_hawaii-hospital .hawaii-pageheader h1 {
            font-size: 44px;
            line-height: 52px;
        }
    }

/*
    ========================================
        ::8 Columns and up
        ::9 Columns and up
    ========================================
*/
    @media screen and (min-width: 481px) {
        .page_graphics-images .detail-bottom-img img {
            width: 80%;
        }
        #home .promo-img > img {
            width: auto;
        }
        #home .partners {
            text-align: center;
        }
        .partner-div:nth-child(n+2) {
            padding-top: 0px;
        }
        .partner-div:nth-child(n+3) {
            padding-top:30px;
        }

        /* Hawaii Hospital page */
        .page_hawaii-hospital .hawaii-pageheader {
            background: url(../img/DMP_Hawaii_banner.jpg) 50% 0 no-repeat #0e6076;
            height: 525px;
        }
        .page_hawaii-hospital .hawaii-pageheader .dmp-hawaii img {
            max-width: 575px;
            width: 100%;
        }
        .page_hawaii-hospital .hawaii-pageheader h1 {
            margin-top: 30px;
        }
        .page_hawaii-hospital .hawaii-pageheader .dmp-access {
            border: 0;
            margin-top: -202px;
            opacity: .95;
            padding-bottom: 26px;
        }


    }

 /*
    ========================================
        ::SPECIAL NAV RULES @ 12 Columns ONLY (custom)
    ========================================
*/

    @media screen and (min-width: 721px) and (max-width: 776px) {

            .nav-menu .nav-item > .nav-link {
                padding: 0 30px;
            }
               .drop-menu,
               .has-drop.current .no-point .drop-menu {
                   right: 20px;
               }
               .current .drop-menu,
               .skin_main-nav .has-drop:hover > .nav-link .drop-menu,
               .skin_main-nav .has-drop:focus > .nav-link .drop-menu {
                   right: 18px;
               }

    }


/*
    ========================================
        ::12 Columns ONLY
    ========================================
*/
    @media screen and (min-width: 721px) and (max-width: 960px) {

            .directory-box:nth-child(2n) {
                margin-left: 8.33333%;
            }
            .flex {
                padding-left: 10%;
            }

    }


/*
    ========================================
        ::12 Columns and up
    ========================================
*/
@media screen and (min-width: 721px) {
    
    h1 {
        font-size: 28px;
        line-height: 36.4px; 
    }

    #home h1 {
        font-size: 32px;
        line-height: 36px;
    }

    #mainContent h1 {
        margin-top: 28px;
    }

    h2 {
        font-size: 22px;
        line-height: 29.3px; 
    }

    h3 {
        font-size: 20px;
        line-height: 27.5px; 
    }

    h4 {
        font-size: 18px;
        line-height: 25.7px; 
    }

    p {
        font-size: 16px;
        line-height: 24px;
    }

    #siteID .site-links {
        /* vertically centers these links to the DMP logo */
        line-height: 63px;
        position: relative;
    }
        #siteID .site-links a {
            margin-left: 52px;
        }

    .free-trial-btn {
        /* margin-top: -55px; */
        position: absolute;
        right: 10px;
    }

    .mobile_signin {
        display: none;
    }

    .bar-left {
        display: block;
        background: url(../img/icon-bar_left.png) repeat-x 0 0 transparent;
        position: absolute;
        height: 54px;
        margin-left:-10000px;
        padding-left:10000px;
    }

    .partner-div:nth-child(n+3) {
            padding-top: 0px;
        }

    .icon { margin-left: 0; }

    .icon-bar { margin-bottom: -40px; }
    .icon-bar + section { padding-top: 60px; }

    .bar-right { margin-left: 68px; }

    .bar-right-alt { margin-left: 68px; }

    .icon-bar_sibling {
        z-index: 1;
    }

    #lowerCTASection .button {
        display: inline-block;
        float: none;
        width: auto;
    }

    #home #pageHeader {
        max-height: 360px;
        overflow: hidden;
    }
    #home .tablet-background {
        float: inherit;
        margin: auto;
        max-height: 100%;
        overflow: visible;
    }

    #home #pageHeader .text-content {
        position: absolute;
        top: 0;
    }

    #home .announcement {
        border: 1px solid #f0f0f0;
        margin: 0 0 30px;
    }

    #home .a-text { margin: 20px 0; }

    .dino-alt a {
        position: relative;
        height: 70px;
        display: block;
    }
    .dino-alt img {
        vertical-align: bottom;
        bottom: 0;
        position: absolute;
    }

    /* home feature boxes */
    .feature-container {
        padding-bottom: 32px;
    }
    .feature-content {
        overflow: visible;
    }
    .feature-content .inner {
        text-align: center;
    }
    .feature-content .inner > a {
        float: none;
    }
    .feature-icon {
        float: none;
        height: 32px;
        line-height: 1.2;
    }
    .feature-content h2 {
        padding-left: 0;
    }

    #exec_leaders-l2 .itt:nth-of-type(2n+1) {
        clear: left;
    }
    #exec_leaders-l2 .itt:nth-of-type(2n-1) .person {
        padding-right: 10px;
    }

    /* special features >> graphics and images page style */
    .page_graphics-images .detail-bottom-img {
        float: left;
        width: 33%;
    }
    .page_graphics-images .detail-bottom-img img {
        width: 95%;
    }

    #page404 #mainContent .image-fluid {
        width: 100%;
    }

}

/* special case for change to 5 partner logos */
@media screen and (min-width: 721px) and (max-width: 1150px) {
    .blurbicon img.partner-img {
        width: 100%;
    }
}


/* special break for top nav */
@media screen and (min-width: 825px) {
    .login-text_brief {
        display: none;
    }
    .login-text_full {
        display: inline;
    }
}



/*
    ========================================
        ::16 Columns
    ========================================
*/
@media screen and (min-width: 961px) {

    #home h1 {
        font-size: 40px;
        line-height: 45px;
    }

    h2 {
        font-size: 25px;
        line-height: 33px; 
    }

    #home #pageHeader > .inner {
        padding-top: 70px;
        padding-bottom: 80px;
        position: relative;
    }   

    .directory-box:nth-child(2n+1) {
        clear: none;
    }
    .directory-box:nth-child(4n+1) {
        clear: left;
    }

    /* specialty people */
    #specialtyEditorial .person {
        display: block;
        float: left;
        padding: 0 2%;
        width: 46%;
    }
    #specialtyEditorial .person:nth-of-type(2n) {
        padding: 0 0 0 2%;
    }
    #specialtyEditorial .person:nth-of-type(2n+1) {
        clear: left;
    }

    #level1.page_editorial .pageHeader_image { bottom: -50px; top: auto; width: 60%; }
    #level1.page_features .pageHeader_image { top: -75px; width: 50%; }

    #home #features { padding-bottom: 40px; }
    #home #features-new { padding-bottom: 40px; }
    #home .promo {
        margin-top: 40px;
        margin-bottom: 40px;
    }
    #home .announcement { margin: 40px 0; }
    #home #bottomSection .cta { float: left; }
    .dino-alt a { height: 90px;}

     /** ITT boxes stacked and static at desktop sizes **/
    .itt_img-content a:hover {
        border: transparent;
    }
    #level1 .itt .itt_img-content {
        text-align: center;
    }
    #level1 .itt .itt_img {
        float: none;
        margin: 0 0 0.5em;
        width: auto;
    }
    #level1 .itt .itt_title {
        display: block;
        margin-bottom: 0.5em;
    }

    /* editorial bios */
    #edit_leaders .itt .person {
        padding-right: 20px;
    }

    /*#level2D .itt.itt_partners:nth-of-type(2n+1) { clear: left; }
    #level2D .itt.itt_partners {
        float: left;
        margin: 20px 2% 20px 0;
        width: 48%;
    }
    #level2D .itt.itt_partners:nth-of-type(2n) { margin: 20px 0 20px 2%; }*/


}

/* Breakpoints to fit home page banner text */
@media screen and (min-width: 1024px) {
    .dino-alt a { height: 110px;}
    }

@media screen and (min-width: 1280px) {

    .dino-alt a { height: 110px;}

    .ehr-vendors-form-panel {
        display: none;
    }

    #ehr_vendor_form .panels {
        display: none;
        /*min-height: 300px;*/
        /* foundation overwrites */
        background: none;
        border: none;
        padding: 0;
    }

    #ehr_vendor_form .inner-space {
        padding: 0 10px;
    }

    #ehr_vendor_form .panels.current {
        display: block;
    }

    #ehr_vendor_form .status .removed {
        display: none;
    }

    #ehr_vendor_form .status .status-group {
    }

    #ehr_vendor_form .status-group .button {
        margin: 0;
    }

    #ehr_vendor_form .status .button-left {
        float: left;
        /* add in length of triangle pointer */
        margin-left: 21px;
    }

    #ehr_vendor_form .status .button-right {
        /* add in length of triangle pointer */
        margin-right: 21px;
    }

    #ehr_vendor_form .status .button.disabled {
        background: rgb(137,137,137);
        border: none;
    }

    #ehr_vendor_form .status .button-left.disabled:after {
        border-color: transparent rgb(137,137,137) transparent transparent;
        border-width: 21px 21px 21px 0;
    }

    #ehr_vendor_form .status .button-right.disabled:after {
        border-color: transparent transparent transparent rgb(137,137,137);
        border-width: 21px 0 21px 21px;
    }

    #ehr_vendor_form .status-group .note {
        clear: both;
        padding-top: 10px;
        text-align: right;
        font-size: 0.9em;
    }

    #ehr_vendor_form .status-group .note.highlight {
        color: rgb(255, 46, 46);
    }

    #ehr_vendor_form .progress {
        height: auto;
        /*margin-top: 20px;*/
        /* add in length of triangle pointer */
        margin-right: 21px;
        padding: 0;
        position: relative;
        /*width: 100%;*/
    }

    #ehr_vendor_form .progress .indicator {
        position: relative;
        width: 0;
        height: 32px;
        line-height: 32px;
        padding: 3px;
        /*background: rgb(40, 76, 105);*/
        color: rgb(245,245,245);
        text-align: right;
        -moz-transition: width 0.5s ease-in-out;
        -webkit-transition: width 0.5s ease-in-out;
        -o-transition: width 0.5s ease-in-out;
        -ms-transition: width 0.5s ease-in-out;
        transition: width 0.5s ease-in-out;
    }

    #ehr_vendor_form .progress span {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        line-height: 40px;
        color: rgb(223,223,223);
        font-size: 0.9em;
    }

    #ehr_vendor_form .submitForm {
        float: right;
    }

    #ehr_vendor_form .loading {
        background: url(/files/images/Loading.gif) 50% 50% no-repeat !important;
        cursor: progress;
    }

    /* progression buttons and indicators */
    #ehr_vendor_form .button { position: relative; }
    #ehr_vendor_form .button-right:after,
    #ehr_vendor_form .button-left:after,
    #ehr_vendor_form .indicator:after {
        border-color: transparent transparent transparent rgb(14, 49, 107);
        border-style: solid;
        border-width: 21px 0 21px 21px;
        content: "";
        display: block;
        height: 0;
        position: absolute;
        right: -21px;
        top: 0;
        transition: background 0.35s ease-in-out 0s, border 0.35s ease-in-out 0s;
        width: 0;
    }

    #ehr_vendor_form .indicator:after {
         border-color: transparent transparent transparent rgb(14, 49, 107);
    }
    #ehr_vendor_form .button-left:after {
        border-color: transparent rgb(14, 49, 107) transparent transparent;
        border-width: 21px 21px 21px 0;
        left: -21px;
    }

    #ehr_vendor_form .button-right:hover:after { border-color: transparent transparent transparent rgb(65, 105, 172); }
    #ehr_vendor_form  .button-left:hover:after { border-color: transparent rgb(65, 105, 172) transparent transparent; }

    #ehr_vendor_form .field-stack div.field {
        clear: left;
        float: left;
        margin-right: 2%;
        width: 49%;
    }

    #ehr_vendor_form .field-stack div.field:nth-of-type(2n) {
        clear: none;
        margin-right: 0;
    }

    #ehr_vendor_form .status .button-right {
        margin-right: 21px;
    }

    #ehr_vendor_form .status .button-right.disabled::after {
        border-color: transparent transparent transparent #898989;
        border-width: 21px 0 21px 21px;
    }

    #ehr_vendor_form .button {
         padding: 0.4em 0.5em;
         cursor: pointer;
    }

    #ehr_vendor_form .skin_cta2 {
        background-color: rgb(14, 49, 107);
        border: medium none;
        color: rgb(255, 255, 255);
    }

    #ehr_vendor_form .skin_cta2:hover {
            background-color: rgb(65, 105, 172);
            color: rgb(255, 255, 255);
    }

    #ehr_vendor_form div.field textarea {
        height: 64px;
    }

    #ehr_vendor_form .field-stack div.field {
        clear: left;
        float: left;
        margin-right: 2%;
        width: 49%;
    }

}

/* hawaii page custom breakpoint */
@media screen and (min-width: 1614px) {
    .page_hawaii-hospital h2 {
        margin: 25px 0;
    }
}

/* Archives section style */
#catFilter {
  margin: 0 0 2em;
  max-width: 290px;
  position: relative;
}

#archives-detail h1 { margin-top: 20px; }

#archives-detail .back-to-archives { margin: 30px 0 10px 0; }

.ebm_cta {
  display: inline-block;
  margin-right: 30px;
}

.ebm-focus-rss {
  position: relative;
  top: -63px;
  left: 310px;
}

.ebm-focus-rss a {
  border: none;
}

@media screen and (max-width: 360px) {
    .ebm-focus-rss {
          position: inherit;
        }
    }


/* navigation desktop */


/* adjust the breakpoint size as needed */
@media screen and (min-width: 721px) {

    /* ##### SITE SEARCH ##### */
        .toolbar_search {
            top: 16px;
        }


}