body {
    color: #2d3b66;
    background: #fff;
    /*background: #f5f5f5;*/
    font-family: "Open Sans", sans-serif;
}

body span{
    font-family: "Open Sans", sans-serif;
}

body.home {
    background: #fff;
}

body.login-body-class {
    background: url("/hcmdev/images/diamonds_sub.png") right 100px no-repeat, linear-gradient(#a09ea8, #f5f5f5 70%);
}
body.about-body-class {
    background: url("/hcmdev/images/diamonds_sub.png") right 100px no-repeat, linear-gradient(#aaa4b3, #f5f5f5 70%);
}
body.news-body-class {
    background: url("/hcmdev/images/diamonds_sub.png") right 100px no-repeat, linear-gradient(#a6aebf, #f5f5f5 70%);
}
body.work-body-class {
    background: url("/hcmdev/images/diamonds_sub.png") right 100px no-repeat, linear-gradient(#b3b7c4, #f5f5f5 70%);
}
body.training-body-class {
    background: url("/hcmdev/images/diamonds_sub.png") right 100px no-repeat, linear-gradient(#a4a4b0, #f5f5f5 70%);
}

a {
    color: #2d3b66;
    text-decoration: none;
}

.home #primary.whs-container,
.whs-container {
    width: 1060px;
}

.whs-container-footer {
    text-align: center;
}

#primary.whs-container {
    width: 950px;
}

/*--------------------------------------------------------------
## Forms
--------------------------------------------------------------*/


/*input[type="text"],*/
/*input[type="email"],*/
/*input[type="url"],*/
/*input[type="password"],*/
/*input[type="search"],*/
/*input[type="number"],*/
/*input[type="tel"],*/
/*input[type="range"],*/
/*input[type="date"],*/
/*input[type="month"],*/
/*input[type="week"],*/
/*input[type="time"],*/
/*input[type="datetime"],*/
/*input[type="datetime-local"],*/
/*input[type="color"] {*/
    /*width: 100%;*/
    /*font-size: 1em;*/
    /*border-color:*/
/*}*/

/*button,*/
/*input[type="button"],*/
/*input[type="reset"],*/
/*input[type="submit"] {*/
    /*border: 0;*/
    /*background: #2d3b66;*/
    /*color: #fff;*/
    /*font-size: 1em;*/
    /*margin-top: 15px;*/
    /*padding-left: 2em;*/
    /*padding-right: 2em;*/
/*}*/


/*!* do not group these rules *!*/
/*form *::-webkit-input-placeholder {*/
    /*color: #111;*/
/*}*/
/*form *:-moz-placeholder {*/
    /*!* FF 4-18 *!*/
    /*color: #111;*/
/*}*/
/*form *::-moz-placeholder {*/
    /*!* FF 19+ *!*/
    /*color: #111;*/
/*}*/
/*form *:-ms-input-placeholder {*/
    /*!* IE 10+ *!*/
    /*color: #111;*/
/*}*/

/*form {*/
    /*font-size: .85rem;*/
/*}*/

/*form.login-form {*/
    /*width: 275px;*/
/*}*/

/*form.login-form .form-fields {*/
    /*padding: 5px 10px;*/
    /*background: #fff;*/
/*}*/

/*form.login-form input[type="text"] {*/
    /*border: 0;*/
/*}*/
/*form.login-form input[type="password"] {*/
    /*border: 0;*/
    /*border-top: 1px solid #ccc;*/
/*}*/

/*form.login-form input[type="submit"] {*/
    /*width: 100%;*/
/*}*/


/*.rcuh-form label {*/
    /*font-weight: 600;*/
/*}*/
/*.rcuh-form label ~ label {*/
    /*margin-top: 5px;*/
/*}*/

/*.form-field {*/
    /*margin-bottom: 10px;*/
/*}*/

/*label.form-checkbox {*/
    /*font-weight: normal;*/
/*}*/

/*.form-group-checkbox {*/
    /*margin-left: 12px;*/
/*}*/

/*.form-checkbox input[type="checkbox"] {*/
    /*margin-right: 6px;*/
/*}*/
/*.form-group-checkbox input[type="text"] {*/
    /*margin-top: 2px;*/
    /*margin-left:20px;*/
    /*width: calc(100% - 20px);*/
/*}*/


/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/

#header {
    background: #2f302f;
}

#header-container a {
    text-decoration: none;
}

#logo a {
    display: block;
    color: #575140;
    width: 100%;
}

#header-container {
    position: relative;
    width: 100%;
    /*border-bottom: 3px solid #4f0b4d;*/
    height: 72px;
}

.home #header-container {
    height: 73px;
    border-bottom: 2px solid #4f0b4d;
}

#logo {
    position: absolute;
    padding-left: 3%;
    left: 0;
    top: 18px;
    line-height: 2;
    width: 80%;
    /* 01/30/2023 LChoy line-height: 1.2; */
    /* width: 30%; */
}

#header-right {
    position: absolute;
    right: 3%;
    width: 70%;
    height: 100%;
    text-align: right;
    padding-top: 24px;
    font-size: .9rem;
}

.logo-image {
    float: left;
    margin-right: 16px;
}

/* PPLSFT-1515 - added */
.menu-subtitle-container {
    display: table-cell;
    vertical-align: bottom;
    height: 46px;
    padding-left: 3%;
    width: 40%;
    margin-bottom: 1px;
}

.menu-subtitle {
    vertical-align: bottom;
    font-size: 1.2em;
    color: #ffffff;
    font-style: italic;
    font-family: "Calisto MT";
}
/* PPLSFT-1515 - end */

.search-form {
    display: inline-block;
    margin-left: 7px;
    left: 100px;
}

.search-form label {
    position: relative;
    display: inline-block;
}
.search-form input[type="search"],
.search-form input.search-field {
    position: relative;
    background: url('https://prototype.awsnode.test.rcuh.com/images/search-icon.png') 6px center no-repeat #e3e1de;
    background-size: 16px 17px;
    width: 175px;
    height: 26px;
    line-height: 26px;
    padding: 0px 5px 0px 32px;
    color: #918e83;
    border: 0;
    border-radius: 3px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    font-size: 1em;
}

.search-form label:after {
    display: block;
    position: absolute;
    top: 2px;
    right: -1px;
    width: 10px;
    height: 26px;
    line-height: 22px;
    color: #736c62;
    content: none;
    font-size: 14px;
}

.search-form .search-submit {
    display: inline-block;
    margin-left: -4px;
    margin-top: 0;
    border: 0;
    padding: 0 10px;
    background: #736c62;
    color: #eff0ed;
    height: 26px;
    line-height: 26px;
    font-size: 1em;
    cursor: pointer;
    border-radius: 3px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}


/* do not group these rules */
#header-container .search-field::-webkit-input-placeholder {
    font-size: .9em;
}
#header-container .search-field:-moz-placeholder {
    /* FF 4-18 */
    font-size: .9em;
}
#header-container .search-field::-moz-placeholder {
    /* FF 19+ */
    font-size: .9em;
}
#header-container .search-field:-ms-input-placeholder {
    /* IE 10+ */
    font-size: .9em;
}

#header .menu-toggle {
    display: none;
}

/*--------------------------------------------------------------
## Top Menu
--------------------------------------------------------------*/

#site-navigation {
    /*position:absolute;*/
    bottom: 0;
    right:0;
    display: block;
    /*margin-top: 20px;*/
    font-size: 15px;
}

.home #site-navigation {
    display: none;
}

#site-navigation a {
    color: #fff;
    font-weight: 700;
    font-size: .9em;
}


#site-navigation ul.primary-menu,
#site-navigation .primary-menu li {
    display: inline-block;
    line-height: 24px;
    font-size: 1em;
}
#site-navigation .primary-menu ul.sub-menu li {
    line-height: 1.3;
}

#site-navigation .primary-menu > li {
    margin: 0;
    padding: 0 12px 2px;
}
#site-navigation .primary-menu > li:last-child {
    padding-right: 0;
}

#site-navigation .primary-menu > li:hover > ul {
    display: block;
}


#site-navigation .primary-menu > li > ul {
    position: absolute;
    border-top: 2px solid #4f0b4d;
    background: rgba(47, 48, 47, 0.9);
    left: 0;
    top: 26px;
    min-width: 190px;
    padding: 10px 0;
    display:none;
    z-index: 9000;
}
#site-navigation .primary-menu > li:nth-child(n+4) > ul {
    left: auto;
    right: 0;
}

#site-navigation .primary-menu > li ul ul {
    position: relative;
    display: block;
    min-width: 150px;
}

#site-navigation .primary-menu > li li {
    display: block;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    text-align: left;
    margin-right: 20px;
}
#site-navigation .primary-menu > li li a {
    padding: 8px 0px 8px 16px;
}
#site-navigation .primary-menu li li:last-child {
    border-bottom: none;
}


#site-navigation .primary-menu li li li {
    display: block;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    border-bottom: none;
    margin-right: 0;
}

#site-navigation .primary-menu li li li a {
    padding-left: 32px;
}

#site-navigation a:hover,
#site-navigation .primary-menu .current-menu-item > a,
#site-navigation .primary-menu > .current-menu-ancestor > a {
    color: #8095d1;
}
#site-navigation .primary-menu li a{
    padding-right:0px;
}



/*--------------------------------------------------------------
## Content
--------------------------------------------------------------*/

h1 {
    font-size: 2.2em;
    line-height: 1.1;
    font-weight: 600;
}

h2 {
    font-weight: 600;
}

.entry-title > span {
    display: block;
    font-size: 0.7em;
    font-style: italic;
    font-weight: normal;
    line-height: 1.2;
}

#primary {
    background: #f5f5f5;
    margin-top: 100px;
}

.home #primary {
    margin-top: 0;
    background: none;
}

#sidebar-before_main {
    font-size: 1rem;
    padding:0;
}

#main {
    /*float: left;*/
    /*width: calc( 100% - 212px );*/
    min-height: 475px;
    margin-bottom: 40px;
    padding: 15px 40px 40px 40px;
    padding-left: 200px;
    /*font-size: .85rem;*/
    background: #f5f5f5;
}

#main a {
    text-decoration: underline;
}
.home #main {
    width: 100%;
    padding: 0;
    min-height: 100px;
}

.archive .whs-list h1.entry-title {
    margin-top: 0;
    margin-bottom: 2px;
    line-height: 1.2;
    font-size: 1.64em;
    font-weight: 400;
}

.archive .whs-list h1.entry-title a {
    text-decoration: none;
    color: #4f6bc9;
}

.archive .entry-meta {
    font-weight: 700;
    color: #2d3b66;
}

.archive .entry-summary {
    margin-top: 12px;
}

.archive article.whs-list {
    margin-bottom: 30px;
}

.entry-summary a.more {
    color: #2d3b66;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
    font-size: .9em;
}


/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/

#footer-wrapper {
    position: relative;
    border-top: 3px solid #4f0b4d;
    margin-top: 30px;
}

.home #footer-wrapper {
    border-top: 2px solid #4f0b4d;
}

#footer-diamonds {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('/hcmdev/images/footer_diamonds.png') no-repeat;
    background-size: auto 100%;
}

.footer-section {
    color: #fff;
    background: rgba(93, 93, 93, 0.8);
    padding: 19px 0 0;
}
.footer-section a {
    color: #fff;
    text-decoration: none;
}

.footer-section ~ .footer-section {
    border-top: 1px solid #fff;
    background: rgba(38, 38, 38, 0.8);
    line-height: 40px;
    padding: 0;
    font-size: .9em;
}

.footer-content {
    font-size: .9em;
    color: #dfedf7;
    line-height: 1.4;
}
.footer-content a {
    color: #dfedf7;
}

.footer-content span.bold-white {
    color: #fff;
    font-weight: 600;
}

.footer-row {
    display: flex;
    justify-content: center;
    margin-bottom: 14px;
    padding: 0 6px;
}

.footer-col-1,
.footer-col-2,
.footer-col-3,
.footer-col-4 {
	width: 12%;
}


/*--------------------------------------------------------------
## Home
--------------------------------------------------------------*/

#slideshow-container {
    position: relative;
    z-index: 70;
}

.slideshow.flexslider {
    border: 0;
    border-radius: 0;
    margin: 0;
    max-height: 550px;
    overflow: hidden;
    margin: 0 auto;
    z-index: 50;
}

.slide-overlay-container {
    position: absolute;
    top: 180px;
    left: 50%;
    width: 1060px;
    margin-left: -530px;
    overflow: visible;
    text-align: right;
}
.slide-overlay {
    color: #fff;
    text-shadow: 1px 1px 2px #777;
    font-size: 2em;
}
.slide-overlay-diamonds {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 98;
    opacity: .5;

}
.slideshow.flexslider .slides > li {
    position: relative;
}

#slideshow-fade {
    position: absolute;
    top: calc(350px + 73px);
    left: 0;
    background: transparent;
    background: linear-gradient(rgba(0,0,0,0), rgba(255, 255, 255, 1));
    width: 100%;
    height: 200px;
    z-index: 80;
}

#home-navigation {
    position: relative;
    width: 100%;
    margin-top: -100px;
    z-index: 90;
}

.home-menu {
    width: 100%;
    font-size: 1rem;
}

.rcuh-menu > li,
.rcuh-menu > li {
    position: relative;
    display: block;
    float: left;
    width: 212px;
    margin: 0;
    padding: 0;
    min-height: 500px;
}
.home-menu > li:last-child {
    border-right:0;
}


.side-menu > li {
    background: #213152;
    background: linear-gradient(to top right, #213152, #293c5e);
}

.rcuh-menu > li > .menu-item-inner {
    height: 153px;
    margin-top: -40px;
    padding-top: 40px;
    background-repeat: no-repeat;
}
.side-menu > li > .menu-item-inner {
    height: 114px;
    margin-top: 0;
    padding-top: 0;
    margin-right: 0;
    background-position: 0 -40px;
}

.rcuh-menu > li.menu-item > .menu-item-inner a {
    display: inline-block;
    width: 100%;
    text-align: center;
    line-height: 113px;
    height: 114px;
    color: #fff;
    font-size: 1.7em;
}

.rcuh-menu > li.menu-item > .menu-item-inner a:before {
    position: relative;
    display: inline-block;
    content: '';
    margin-right: 12px;
    vertical-align: middle;
    background: transparent center center no-repeat;
    background-size: 100% 100%;
    margin-top: -4px;
}

.home-menu > li.about-us-menu-item {
    background: #647182;
    background: linear-gradient(to top right, #647182, #404c63);
}

.home-menu > li.opportunities-menu-item {
    background: #353d57;
    background: linear-gradient(to top right, #353d57, #282f47);
}

.home-menu > li.resources-menu-item {
    background: #223254;
    background: linear-gradient(to top right, #37445e, #2b354f);
}

.home-menu > li.news-events-menu-item {
    background: #223254;
    background: linear-gradient(to top right, #233454, #2c4166);
}

.home-menu > li.sign-in-menu-item {
    background: #353d57;
    background: linear-gradient(to top right, #353d57, #282f47);
}

.rcuh-menu ul.sub-menu,
.rcuh-menu ul.sub-menu li,
.rcuh-menu ul.sub-menu li a {
    display: block;
}

.home-menu ul.sub-menu ul {
    display: none;
}


.rcuh-menu ul.sub-menu li {
    width: calc( 100% - 20px);
    margin-right: 20px;
}

.rcuh-menu ul.sub-menu li a {
    color: #fff;
    text-align: left;
    padding: 12px 14px;
    line-height: 1.1;
    font-size: .9em;
}

.side-menu > li > ul.sub-menu > li ~ li,
.home-menu ul.sub-menu li ~ li {
    border-top: 1px solid rgba(255, 255, 255, .2);
}

.side-menu ul.sub-menu li.current-menu-item > .menu-item-inner a {
    background: #657fc7;
}


/*--------------------------------------------------------------
## Sidebar menu
--------------------------------------------------------------*/

#sidebar-before_main {
    position: relative;
    float: left;
    width: 212px;
    font-size: 16px;
}

#sidebar-before_main ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.side-menu > li > ul.sub-menu {
    margin-top: 5px;
}

.side-menu > li {
    padding-top: 0;
}

.rcuh-menu ul.sub-menu li:before {
    line-height: 26px;
}

.rcuh-menu ul.sub-menu ul.sub-menu li {
    position: relative;
    border-top: 1px solid rgba(255, 255, 255, .2);
    margin-right: 0;
    width: 100%;
}

.rcuh-menu ul.sub-menu ul.sub-menu li a {
    padding-left: calc( 12px + 1.5em);
}

.rcuh-menu ul.sub-menu ul.sub-menu li:before {
    position: absolute;
    padding-top: 12px;
    width: 1.5em;
    content: "-";
    color: #fff;
    margin-left: 14px;
    font-size: 1.5em;
    /* because this is not border-box box-sizing, minus the padding from 26px */
    line-height: 14px;
    z-index: 90;
}


/*--------------------------------------------------------------
## TABLE
--------------------------------------------------------------*/


.rcuh-table:before,
.rcuh-table:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.rcuh-table:after {
    clear: both;
}

.rcuh-table {
    margin-bottom: 40px;
}

.rcuh-table-row {
    float: left;
    width: 100%;
    display: table;
}

.rcuh-table-col {
    padding: 12px;
    border: 1px solid #fff;
    display: table-cell;
    background: #edf3fa;
    vertical-align: middle;
}
.rcuh-table-header .rcuh-table-col {
    position: relative;
    height: 100%;
    background: #2d3b66;
    color: #fff;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 25px;
    text-transform: uppercase;
    font-weight: 700;
    border: 1px solid #000;
    text-align: center;
}

a.rcuh-table-action:before {
    content:'[\a0';
}
a.rcuh-table-action:after {
    content:'\a0]';
}
a.rcuh-table-action {
    text-transform: uppercase;
    font-weight: bold;
}
.rcuh-table .rcuh-table-row .rcuh-table-col:nth-child(1) {
    vertical-align: top;
}

.rcuh-table-sessions .rcuh-table-row .rcuh-table-col:nth-child(1) {
    width: 88px;
    font-weight: bold;
}
.rcuh-table-sessions .rcuh-table-row .rcuh-table-col:nth-child(2) {
    width: calc(100% - 88px - 88px - 92px - 98px);
    vertical-align: top;
}
.rcuh-table-sessions .rcuh-table-row .rcuh-table-col:nth-child(3) {
    width: 88px;
}
.rcuh-table-sessions .rcuh-table-row .rcuh-table-col:nth-child(4) {
    width: 92px;
}
.rcuh-table-sessions .rcuh-table-row .rcuh-table-col:nth-child(5) {
    width: 98px;
    text-align: center;
}
/* smaller so workshops col can be wider */
.rcuh-table-sessions .rcuh-table-action {
    font-size: .94em;
}


.rcuh-table-workshops .rcuh-table-row .rcuh-table-col:nth-child(1) {
    width: calc(100% - 88px - 140px);
    vertical-align: top;
}
.rcuh-table-workshops .rcuh-table-row .rcuh-table-col:nth-child(2) {
    width: 88px;
    text-align: center;
}
.rcuh-table-workshops .rcuh-table-row .rcuh-table-col:nth-child(3) {
    width: 140px;
    text-align: center;
}



@media only screen and (max-width:1060px) {
    .home #primary.whs-container,
    .whs-container {
        width: 100%;
    }

    #slideshow-fade {
        display: none;
    }

    .slide-overlay-container {
        top: auto;
        left: auto;
        bottom: 120px;
        right: 3%;
        width: 100%;
        margin-left: 0;
    }

    #home-navigation {
        margin-top: -40px;
    }

    .home-menu > li {
        width: 20%;
    }
    .home-menu > li > .menu-item-inner {
        height: 120px;
    }
    .home-menu > li.menu-item > .menu-item-inner a {
        font-size: 1.3em;
        height: auto;
        line-height: 1em;
        padding-top: 0;
    }
    .home-menu ul.sub-menu li a {
        font-size: .85em;
        line-height: 1.2;
    }
    .home-menu > li.menu-item > .menu-item-inner a:before {
        position: relative;
        display: block;
        top: auto;
        background-size: auto 85%;
        margin: 12px auto 4px;
        min-height: 32px; /* tallest icon height */
    }

    .home-menu ul.sub-menu li {
        margin-right: 10px;
        width: calc(100% - 10px);
    }


    .footer-col-1,
    .footer-col-2,
    .footer-col-3 {
        padding:0 1%;
    }
}

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

    .footer-content br {
        display: none;
    }
    .footer-email,
    .footer-address,
    .footer-phone {
        display: block;
    }
    .footer-address:before {
        display: none;
    }

    .footer-col-1,
    .footer-col-2,
    .footer-col-3 {
        width: 20%;
    }
}

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

    #primary.whs-container {
        width: 100%;
    }

    #sidebar-before_main,
    .side-menu > li {
        width: 150px;
    }
    .side-menu > li > .menu-item-inner {
        height: 80px;
    }
    .rcuh-menu > li.menu-item > .menu-item-inner a {
        font-size: 1.3em;
        height: auto;
        line-height: 1em;
        padding-top: 0;
    }
    .rcuh-menu ul.sub-menu li a {
        font-size: .85em;
        line-height: 1.2;
    }

    #main {
        /*width: calc(100% - 150px);*/
    }

    .side-menu > li.menu-item > .menu-item-inner a:before {
        position: relative;
        display: block;
        top: auto;
        background-size: auto 85%;
        margin: 12px auto 0;
    }

    .side-menu ul.sub-menu li {
        margin-right: 10px;
        width: calc(100% - 10px);
    }


    .rcuh-table-row {
        display: block;
        margin-bottom: 40px;
    }
    .rcuh-table-col {
        display: block;
        width: 100% !important;
        padding: 0;
        border: 0;
        background: transparent;
        text-align: left !important;
    }

    .rcuh-table-content {
        float: left;
        width: 80%;
        margin-bottom: 5px;
    }
    .rcuh-table-header {
        display: none;
    }

    .rcuh-table-sessions .rcuh-table-action {
        display: inline-block;
        font-size: 1em;
        color: #fff;
        background: #2d3b66;
        padding: 6px 12px;
        text-decoration: none;
        font-weight: normal;
        margin-top: 10px;
    }

    a.rcuh-table-action:before,
    a.rcuh-table-action:after {
        content: '';
    }

    .rcuh-table-col:before {
        display: block;
        float: left;
        content: attr(data-table-header);
        width: 20%;
        font-weight: bold;
    }

    .rcuh-table-sessions .rcuh-table-row .rcuh-table-col:nth-child(1) {
        font-weight: normal;
    }
}

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

    #primary {
        margin-top: 60px;
    }

    #header-container,
    .home #header-container {
        height: 50px;
    }

    body.login-body-class,
    body.about-body-class,
    body.news-body-class,
    body.work-body-class,
    body.training-body-class {
        background-position: right 45px;
    }

    #logo {
        top: 12px;
    }
    .logo-image {
        width: 200px;
    }

    #header-right {
        position: absolute;
        padding-top: 0;
        top: 45px;
        right: 0;
        width: 310px;
        z-index: 99;
    }

    .search-form label,
    .search-form {
        display: block;
        margin:0;
    }
    .search-form label:after {
        content: '';
    }

    .search-form .search-submit {
        display: block;
        width: 100%;
        margin: 0;
        border-radius: 0;
        height: 36px;
    }

    .search-form input[type="search"],
    .search-form input.search-field {
        width: 100%;
        height: 38px;
    }

    .home #site-navigation {
        display: block;
    }


    #header .menu-toggle,
    #header .menu-toggle:hover {
        position: absolute;
        top: 8px;
        right: 3%;
        display: block;
        background: url("https://prototype.awsnode.test.rcuh.com/images/menu_icon.png") no-repeat right center;
        color: #fff;
        text-transform: uppercase;
        line-height: 40px;
        padding-top: 1px; /* align to middle better */
        height: 40px;
        padding-right: 18px;
        font-size: .8em;
        margin: 0;
    }

    #logo {
        width: 100%;
    }

    #header-right {
        display: none;
    }

    #header.toggled #header-right {
        display: block;
    }

    #site-navigation {
        /*position: relative;*/
        bottom: auto;
        /*margin-top: 0;*/
        background: rgba(47, 48, 47, 0.95);
        padding: 6px 0;
    }
    #site-navigation a {
        font-size: 1em;
        font-weight: normal;
        padding: 6px;
    }
    #site-navigation ul.primary-menu,
    #site-navigation .primary-menu li {
        display: block;
        width: 100%;
        text-align: center;
        padding: 0;
    }
    #site-navigation .primary-menu > li:hover > ul {
        display: none;
    }

    /* home */

    .slide-overlay-container {
        display: none;
    }

    #home-navigation {
        margin-top: 0;
    }


    /** menus **/

    #sidebar-before_main {
        width: 100%;
        margin-top: 0;
    }
    .rcuh-menu > li {
        width: 100%;
        min-height: 0;
    }

    .rcuh-menu > li.menu-item > .menu-item-inner a:before {
        position: relative;
        display: inline-block;
        width: 24px;
        background-size: 100% auto;
        background-position: left center;
        top: auto;
        margin: 0 8px 0 0;
        min-height: 0;
        margin-top: -4px;
    }

    .rcuh-menu > li > .menu-item-inner {
        height: auto;
        padding:7px 0 6px 3%;
        background-size: 100% 160px;

        margin-top: 0;
        margin-right: 0;
        background-position: 0 -43px;
    }

    .rcuh-menu > li.menu-item > .menu-item-inner a {
        font-size: 1.2em;
        padding-top: 0;
        line-height: 1.1em;
        text-align: left;
    }
    .rcuh-menu ul.sub-menu li a {
        padding-left: calc( 3% + 36px );
    }
    .rcuh-menu ul.sub-menu ul.sub-menu li:before {
        margin-left: calc( 3% + 36px );
    }
    .rcuh-menu ul.sub-menu ul.sub-menu li a {
        padding-left: calc( 3% + 36px + 1.5em);
    }

    #main {
        width: 100%;
        padding: 15px 3% 40px;
        margin-bottom: 0;
    }

    /* tables */

    .rcuh-table-col:before {
        float: none;
        width: 100%;
    }
    .rcuh-table-col {
        float: none;
        display: block;
        width: 100% !important;
        margin-bottom: 8px;
    }
    .rcuh-table-content {
        float: none;
        width: 100%;
    }
}

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

}

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

    .footer-section {
        padding-top: 20px;
    }

    .footer-col-1,
    .footer-col-2,
    .footer-col-3 {
        width: 100%;
        margin-bottom: 20px;
    }
    .footer-row {
        margin-bottom: 0;
    }


    .footer-content br {
        display: inherit;
    }
    .footer-email,
    .footer-address,
    .footer-phone {
        display: inline-block;
    }
    .footer-address:before {
        display: inline-block;
    }

}

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

    #header-right {
        right: auto;
        left: 50%;
        margin-left: -155px;
    }

    #footer-wrapper {
        margin-top: 0;
    }

    .footer-content br {
        display: none;
    }
    .footer-email,
    .footer-address,
    .footer-phone {
        display: block;
    }
    .footer-address:before {
        display: none;
    }

    .footer-section ~ .footer-section {
        font-size: .9em;
    }

    #footer-diamonds {
        display: none;
    }

}



@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .search-form input[type="search"],
    .search-form input.search-field {
        background-image: url('https://prototype.awsnode.test.rcuh.com/resources/images/search-icon-32.png');
    }
    .rcuh-menu > li.login-menu-item > .menu-item-inner a:before {
        background-image: url('/hcmdev/images/menu_login_icon-2x.png');
    }
    .rcuh-menu > li.about-menu-item > .menu-item-inner a:before  {
        background-image: url('.https://prototype.awsnode.test.rcuh.com/resources/images/menu_about_icon-2x.png');
    }
    .rcuh-menu > li.news-menu-item > .menu-item-inner a:before {
        background-image: url('https://prototype.awsnode.test.rcuh.com/resources/images/menu_news_icon-2x.png');
    }
    .rcuh-menu > li.work-menu-item > .menu-item-inner a:before {
        background-image: url('https://prototype.awsnode.test.rcuh.com/resources/images/menu_work_icon-2x.png');
    }
    .rcuh-menu > li.training-menu-item > a:before {
        background-image: url(https://prototype.awsnode.test.rcuh.com/resources/images/menu_training_icon-2x.png');
    }

}

@media (-webkit-min-device-pixel-ratio: 4), (min-resolution: 192dpi) {
    .search-form input[type="search"],
    .search-form input.search-field {
        background-image: url('https://prototype.awsnode.test.rcuh.com/resources/images/search-icon-64.png');
    }
    .rcuh-menu > li.login-menu-item > .menu-item-inner a:before {
        background-image: url('/hcmdev/images/menu_login_icon-4x.png');
    }
    .rcuh-menu > li.about-menu-item > .menu-item-inner a:before {
        background-image: url('https://prototype.awsnode.test.rcuh.com/resources/images/menu_about_icon-4x.png');
    }
    .rcuh-menu > li.news-menu-item > .menu-item-inner a:before {
        background-image: url('https://prototype.awsnode.test.rcuh.com/resources/images/menu_news_icon-4x.png');
    }
    .rcuh-menu > li.work-menu-item > .menu-item-inner a:before {
        background-image: url('https://prototype.awsnode.test.rcuh.com/resources/images/menu_work_icon-4x.png');
    }
    .rcuh-menu > li.training-menu-item > .menu-item-inner a:before {
        background-image: url('https://prototype.awsnode.test.rcuh.com/resources/images/menu_training_icon-4x.png');
    }
}

/* DH custom css */

/* General */
body {
    background: url("<%=psCtxPath%><%=psHome%>/images/diamonds_sub.png") right 100px no-repeat, linear-gradient(#b3b7c4, #f5f5f5 70%);
}

.site-main span{
    color: #2d3b66 !important;
}

.slide-overlay-diamonds img{
    opacity:0.3;
}

.nestedUl li{
    list-style-type: circle;
}

.slides li{
    max-height: 550px;
}

@media screen and (max-width: 550px){
    .flexslider.slideshow{
        max-height: 183px;
    }
}

@media screen and (min-device-width: 550px) and (max-device-width: 767px){
    .flexslider.slideshow{
        max-height: 433px;
    }
}

@media screen and (max-width: 767px){
    .whs-container{
        margin-top:0px;
    }
}

/* Board of Directors */
#boardList {
    padding-left:3em;
}

/* Annonucements */

.announcements h1{
    font-size: 1.5rem;
}

.announcements a,
article a{
    box-shadow: 0 1px 0 0 currentColor;
}

.announcements h1.entry-title {
    margin-bottom: 2px;
    color: #4f6bc9;
    font-weight: 400;
}

.entry-meta {
    font-weight: 700;
    color: #2d3b66;
}

.entry-title {
    margin-bottom: 10px;
}

/* Training */

/* Online Sessions */
#tablepress-1 .column-3,
#tablepress-1 .column-4{
    width: 70px !important;
}

.tablepress-table-name{
    padding-top: 10px;
    border-top: 1px solid grey;
}

/* Misc. */

@media screen and (max-width: 767px){
    #footer-wrapper{
        margin-top:0px;
    }
}

.entry-meta.single-meta,
.byline span,
.cat-links span{
    display: none;
}

.entry-content {
    margin-top: 12px;
}

.entry-content h4, .entry-content h5, .entry-content h6, .entry-summary h4, .entry-summary h5, .entry-summary h6, .comment-content h4, .comment-content h5, .comment-content h6{
    margin-top: 0px;
    margin-bottom: 15px;
}

.form2 .wdform_page{
    background: #f5f5f5 !important;
}

.formList {
    list-style: none;
    font-weight: normal;
}