/*
Theme Name: HMC
Description: WordPress theme designed and developed by Engine Creative.
Author: Engine Creative
Author URI: http://www.enginecreative.co.uk
Version: 1.0
*/
/* Import Resets */
@import url(css/reset.css);

/* Import Fonts */
@font-face {
    font-family: 'GothamRoundedBook';
    src: url('/wp-content/themes/hmc/fonts/gothamrnd-book.eot');
    src: url('/wp-content/themes/hmc/fonts/gothamrnd-book.eot?#iefix') format('embedded-opentype'),
    url('/wp-content/themes/hmc/fonts/gothamrnd-book.woff') format('woff'),
    url('/wp-content/themes/hmc/fonts/gothamrnd-book.ttf') format('truetype'),
    url('/wp-content/themes/hmc/fonts/gothamrnd-book.svg#gothamrnd-book') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GothamRoundedBold';
    src: url('/wp-content/themes/hmc/fonts/gothamrnd-bold.eot');
    src: url('/wp-content/themes/hmc/fonts/gothamrnd-bold.eot?#iefix') format('embedded-opentype'),
    url('/wp-content/themes/hmc/fonts/gothamrnd-bold.woff') format('woff'),
    url('/wp-content/themes/hmc/fonts/gothamrnd-bold.ttf') format('truetype'),
    url('/wp-content/themes/hmc/fonts/gothamrnd-bold.svg#gothamrnd-bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*
================================================================================

  Base

================================================================================
*/

/* Typography */
html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body, input, textarea, select, button, #main-nav ul.sub-menu a {
    font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 14px;
    line-height: 100%;
    color: #002f52;
}

h1, h2, h3, h4 {
    font-family: "GothamRoundedBook";
    line-height: 1em;
    padding: 0;
    margin: 0;
}

h1 {
    font-size: 30px;
    line-height: 1.2em;
    margin-bottom: 0.5em;
}

h2 {
    font-size: 20px;
    color: #787776;
    margin-bottom: 0.75em;
}

h3 {
    font-size: 16px;
    font-family: "GothamRoundedBold";
    margin-bottom: 0.75em;
}

h4 {
    font-weight: bold;
    margin-bottom: 1em;
}

p {
    line-height: 1.5em;
    margin-bottom: 1.2em;
}

b, strong {
    font-weight: bold;
}

i, em {
    font-style: italic;
}

blockquote {
    background: #66D0DA url(/wp-content/themes/hmc/images/retina/bg-blockquote-white.png) 14px 14px no-repeat;
    padding: 15px 15px 0px 50px;
    float: right;
    width: 280px;
    margin: 0 0 1em 1.5em;
    background-size: 23px auto;
}

blockquote p {
    margin: 0 0 15px 0;
    font-weight: bold;
}

blockquote strong {
    color: #fff;
}

small {
    font-size: 85%;
}

article h2 {
    margin: 1em 0 0.75em 0;
}

h1.search-title em {
    color: #66d0da;
    font-style: normal;
}

/* Lists */
ul {
    list-style-type: disc;
}

ol {
    list-style-type: decimal;
}

article ul, article ol {
    line-height: 1.5em;
    margin: 0 0 1em 2em;
}

ul li, ol li {
    margin-bottom: 0.5em;
}

ul.no-list, ol.no-list, ul.menu, ul.sub-menu {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

ul.no-list li, ol.no-list li, ul.menu li, ul.sub-menu li {
    margin: 0px;
    padding: 0px;
}

/* Forms */
input, textarea, #content input[type=password] {
    padding: 5px 10px;
    margin: 0;
    font-size: 1em;
    border: solid 1px #ddd;
    background: #fff;
    border-left-color: #c3c3c3;
    border-right-color: #c3c3c3;
    border-top-color: #7c7c7c;
}

input[type=text], input.text {
}

input.search, .dataTables_filter input {
    background: #fff url(/wp-content/themes/hmc/images/bg-search.png) 7px 7px no-repeat;
    padding-left: 28px;
    width: 188px;
}

input[type=submit], input.submit, button, a.button, .wpcf7 input.wpcf7-submit {
    cursor: pointer;
    width: auto;
    background: #002f52;
    color: #fff;
    font-weight: bold;
    padding: 10px 20px;
    border: none;
    -webkit-appearance: none;
}

input[type=submit]:hover, input.submit:hover, button:hover, a.button:hover, .wpcf7 input.wpcf7-submit:hover {
}

textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical;
}

label {
    cursor: pointer;
}

/* Tables */
td.td-content {
    padding-left: 15px;
}

table.spaced td {
    padding: .2em .3em .3em 0;
}

table.top td {
    vertical-align: top;
}

/* Navigation */
a {
    color: #002f52;
    text-decoration: underline;
}

a:link {
}

a:visited {
}

a:hover {
    text-decoration: none;
}

a:focus {
}

a:hover, a:active {
    outline: 0;
}

/* Text Selection */
::-moz-selection {
    background: #333;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #333;
    color: #fff;
    text-shadow: none;
}

/* Misc */
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
}

.mq-only {
    display: none;
}

.clearLt {
    clear: left;
}

/*
================================================================================

  Page

================================================================================
*/

body {
}

#container {
    margin: 0 auto;
    width: 960px;
    padding: 0 10px;
}

.left, .alignleft {
    float: left;
}

.right, .alignright {
    float: right;
}

.alignleft {
    margin: 0 1em 1em 0;
}

.alignright {
    margin: 0 0 1em 1em;
}

/*
================================================================================

  Header

================================================================================
*/

header, #header {
    height: 214px;
    background: url(/wp-content/themes/hmc/images/bg-header-shadow.jpg) center bottom no-repeat;
}

header .right, #header .right {
    clear: right;
}

#header-logo {
    width: 218px;
    height: 120px;
    margin: 12px 0 25px 0;
}

#header-logo a {
    display: block;
    width: 218px;
    height: 120px;
    background: url(/wp-content/themes/hmc/images/retina/retina-hmc-header-logo.png) 0 0 no-repeat;
    position: relative;
    overflow: hidden;
    background-size: auto 120px;
}

#header-logo a span {
    position: absolute;
    left: -999em;
    top: -999em;
    text-indent: -999em;
}

#header-social {
    margin: 8px 10px 0 0;
}

#header-social a {
    position: relative;
    overflow: hidden;
    display: block;
    float: left;
    width: 32px;
    height: 32px;
    background: url(/wp-content/themes/hmc/images/sprite-social-icons.jpg) no-repeat;
    margin-left: 3px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

#header-social a.facebook {
    background-position: 0 0;
}

#header-social a.twitter {
    background-position: -34px 0;
}

#header-social a.flickr {
    background-position: -68px 0;
}

#header-social a.googleplus {
    background-position: -102px 0;
}

#header-social a.linkedin {
    background-position: -136px 0;
}

#header-social a:hover {
    margin-top: -5px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

#header-search {
    margin-top: 8px;
}

#header-search input.search {
    width: 261px;
}

#searchsubmit, #postcode-submit {
    display: none;
}

header ul.menu li, #header ul.menu li {
    float: left;
}

header ul.menu a, #header ul.menu a {
    font-family: "GothamRoundedBold";
    font-size: 12px;
    text-transform: uppercase;
    text-decoration: none;
}

html.oldie header ul.menu a, #header ul.menu a {
    font-family: inherit;
}

#members-button a {
    display: block;
    width: 120px;
    position: relative;
    top: -5px;
    padding-top: 20px;
    height: 25px;
    background: #66d0da url(/wp-content/themes/hmc/images/btn-members-zone.png) left bottom no-repeat;
    color: #002f52;
    text-align: center;
    font-family: "GothamRoundedBold";
    text-transform: uppercase;
    text-decoration: none;
    font-size: 12px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

#members-button a:hover {
    position: relative;
    top: 0px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

/* Main Nav */
#main-nav {
    width: 960px;
    height: 22px;
    clear: both;
}

#main-nav ul.menu {
    height: 22px;
    position: relative;
    z-index: 11;
}

#main-nav li {
    position: relative;
    z-index: 3;
}

#main-nav li:last-child a {
    padding-right: 0;
}

#main-nav a {
    display: block;
    color: #6a6a6a;
    padding-bottom: 8px;
    padding-right: 16px;
    position: relative;
    z-index: 3;
    background: #fff;
}

#main-nav a:hover, #main-nav li.current-menu-item a, #main-nav li:hover a, #main-nav li.current-page-ancestor a {
    color: #002f52;
}

/* Sub Nav */
#main-nav li ul.sub-menu {
    position: absolute;
    z-index: 10;
    left: -999em;
    top: 22px;
    background: #fff;
    padding: 0 3px 2px 3px;
    width: 230px;
    box-shadow: 0 3px 5px #999;
}

#main-nav li ul.sub-menu li {
    float: none;
    margin: 0 0 1px 0;
    padding-bottom: 0;
}

#main-nav li ul.sub-menu a {
    display: block;
    background: #e8e8e8;
    padding: 10px 16px;
    color: #002f52;
    text-decoration: none;
    text-transform: none;
}

#main-nav li ul.sub-menu a:hover {
    background: #999999;
    color: #fff;
    font-weight: bold;
}

#main-nav li:hover ul.sub-menu {
    left: -7px;
}

/* Hide spans */
#header-logo a span, #header-social a span {
    position: absolute;
    left: -999em;
    top: -999em;
    text-indent: -999em;
}

/*
================================================================================

  Main

================================================================================
*/

#main {
    overflow: hidden;
    min-height: 500px;
    padding-bottom: 10px;
}

/* Carousel */
#carousel {
    width: 700px;
    height: 220px;
    margin-bottom: 30px;
    overflow: hidden;
    position: relative;
}

#carousel .carousel-slide {
    float: left;
    position: relative;
    width: 700px;
    height: 220px;
}

#carousel .slide-content, .easy-nivo-slider .nivo-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 8;
    padding: 15px 10px;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    font-family: "GothamRoundedBook";
    font-size: 20px;
}

#carousel .slide-content p, .easy-nivo-slider .nivo-caption p {
    margin: 0;
}

#carousel .slide-image {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.carousel-nav, .easy-nivo-slider .nivo-directionNav a {
    position: absolute;
    top: 92px;
    z-index: 9;
    display: block;
    width: 40px;
    height: 40px;
    background: url(/wp-content/themes/hmc/images/sprite-carousel-nav.png) 0 0 no-repeat;
}

.carousel-nav span {
    position: absolute;
    top: -999em;
    left: -999em;
    text-indent: -999em;
}

#carousel-prev, .easy-nivo-slider .nivo-directionNav .nivo-prevNav {
    left: 0;
}

#carousel-next, .easy-nivo-slider .nivo-directionNav .nivo-nextNav {
    right: 0;
    background-position: right top;
}

#carousel-container {
    margin-left: -710px;
    overflow: hidden;
}

.nivo-directionNav a {
}

/* Homepage */
#homepage-content .panel-wide-top {
    padding-bottom: 20px;
}

#homepage-content .panel-wide ul {
    width: 400px;
    padding: 0;
    list-style-type: none;
    font-size: 15px;
    line-height: 1.3em;
}

#homepage-tabs {
    position: relative;
    margin-bottom: 20px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: none;
    background: none;
}

#homepage-tabs .tab-content {
    width: 230px;
}

#homepage-tabs .tab-content a {
    text-decoration: none;
}

#homepage-tabs .tab-content a:hover {
    text-decoration: underline;
}

#homepage-tabs .ui-tabs-hide {
    display: none;
}

#homepage-tabs .tab-content article {
    padding: 15px;
}

#homepage-tabs .tab-content article .excerpt {
    line-height: 1.2em;
}

#tab-buttons {
    height: 50px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: none;
    background: none;
}

#tab-buttons li {
    float: left;
    border: none;
}

#tab-buttons a {
    display: block;
    padding: 11px 15px;
    border-top: solid 2px #fff;
    font-family: "GothamRoundedBook";
    font-size: 26px;
    line-height: 26px;
    color: #fff;
    text-decoration: none;
}

#news-tab {
    background: #0a395c;
    margin-left: 3px;
    border: none;
}

#news-tab.ui-state-active {
    margin-left: 0;
}

#news-tab.ui-state-active a {
    border-color: #0a395c;
    padding: 11px 16px 11px 17px;
}

#news-tab a, #homepage-tabs #tab-1 a {
    color: #66d0da;
}

#homepage-tabs #tab-1 {
    background: #0a395c;
    color: #fff;
    border: none;
}

#homepage-tabs #tab-1 article {
    background: url(/wp-content/themes/hmc/images/bg-insights-divider.png) left top repeat-x;
}

#tweets-tab {
    background: #66d0da;
}

#tweets-tab.ui-state-active a {
    border-color: #66d0da;
    padding: 11px 16px 11px 17px;
}

#homepage-tabs #tab-2 a {
    color: #fff;
}

#homepage-tabs #tab-2 {
    background: #66d0da;
    border: none;
}

#homepage-tabs #tab-2 article {
    background: url(/wp-content/themes/hmc/images/bg-featured-news-divider.png) left top repeat-x;
}

#home-sidebar {
    clear: both;
}

/* Content */
#content {
    width: 700px;
}

#breadcrumbs {
    margin: 0 0 30px 0;
    line-height: 1.3em;
}

#breadcrumbs b {
    margin-right: 0.5em;
}

#breadcrumbs a {
    text-decoration: underline;
}

#breadcrumbs a:hover {
    text-decoration: none;
}

/* Grey Panel */
.panel {
    background: url(/wp-content/themes/hmc/images/bg-panel.jpg) 0 0 repeat-y;
    margin-bottom: 20px;
}

.panel-bottom {
    background: url(/wp-content/themes/hmc/images/bg-panel-bottom.jpg) left bottom no-repeat;
}

.panel-top {
    background: url(/wp-content/themes/hmc/images/bg-panel-top.jpg) left top no-repeat;
    padding: 30px;
}

/* Grey Panel (wide/homepage) */
.panel-wide {
    width: 467px;
    background: url(/wp-content/themes/hmc/images/bg-panel-wide.jpg) 0 0 repeat-y;
    margin-bottom: 20px;
}

.panel-wide-bottom {
    background: url(/wp-content/themes/hmc/images/bg-panel-wide-bottom.jpg) left bottom no-repeat;
}

.panel-wide-top {
    background: url(/wp-content/themes/hmc/images/bg-panel-wide-top.jpg) left top no-repeat;
    padding: 30px;
}

/* Sidebar */
#sidebar {
    width: 230px;
}

.sidebar-shadow {
    width: 230px;
    height: 15px;
    background: url(/wp-content/themes/hmc/images/bg-sidebar-shadow.jpg) 0 0 no-repeat;
}

#sidebar .widget-container {
    margin-bottom: 20px;
}

#sidebar h3.widget-title {
    font-family: "GothamRoundedBook";
    font-size: 24px;
}

#category-accordion, #courses-widget, .hmc-blog-categories {
    margin-bottom: 20px;
}

#category-accordion li.cat-item, #menu-courses-menu li, .hmc-blog-categories li.cat-item, #subpages li, .members-widget ul.menu li, #courses-widget li, #nav_menu-3 li, #nav_menu-4 li, #nav_menu-5 li {
    margin-bottom: 1px;
}

#category-accordion li.cat-item a, #menu-courses-menu li a, #subpages li a, #subpages li.header, .members-widget h3, .members-widget ul li a, #courses-widget a, #courses-widget h3, #nav_menu-3 ul li a, #nav_menu-3 h3, #nav_menu-4 h3, #nav_menu-4 ul li a, #nav_menu-5 h3, #nav_menu-5 ul li a {
    display: block;
    background: #e8e8e8;
    padding: 10px 15px;
    text-decoration: none;
}

#category-accordion li.cat-item a:hover, #menu-courses-menu li a:hover, #subpages li a:hover, #subpages ul.children a:hover, .members-widget ul li a:hover, #courses-widget a:hover, #nav_menu-3 ul li a:hover, #nav_menu-4 ul li a:hover, #nav_menu-5 ul li a:hover {
    background: #ccc;
    color: #002f52;
    font-weight: normal;
}

#subpages li.current-menu-item a:hover, #menu-courses-menu li.current-menu-item a, .members-widget ul li.current-menu-item a:hover, #nav_menu-3 ul li.current-menu-item a:hover, #nav_menu-4 ul li.current-menu-item a:hover, #nav_menu-5 ul li.current-menu-item a:hover {
    font-weight: bold;
}

#subpages, .members-widget, #nav_menu-3 {
    margin-bottom: 20px !important;
}

#subpages li.header, .members-widget h3, #courses-widget h3, #nav_menu-3 h3, #nav_menu-4 h3, #nav_menu-5 h3, .hmc-blog-categories {
    background: #002f52;
    color: #fff;
    font-weight: bold;
}

#subpages li.current_page_item a, .members-widget ul.menu li.current_page_item a, .members-widget ul.menu li.current-menu-item a, #nav_menu-3 li.current_page_item a, #nav_menu-3 li.current-menu-item a, #nav_menu-4 li.current-menu-item a, #nav_menu-5 li.current-menu-item a, .hmc-blog-categories a {
    font-weight: bold;
}

#subpages li.header a {
    color: #fff;
    padding: 0;
    background: none;
    font-weight: bold;
}

#subpages ul.children {
    list-style-type: none;
    margin: 0;
    display: none;
}

#subpages li ul.children {
    display: block;
}

#subpages ul.children li {
    margin-top: 1px;
}

#subpages ul.children a {
    background: #dadada;
    font-weight: normal;
}

#subpages li.current_page_item > a,
body.page-template-calendar-php #subpages a[href*="calendar"],
body.page-id-644 #subpages a[href*="hmc-members"],
body.page-id-1425 #subpages a[href*="edit-profile"],
body.page-id-8861 #subpages a[href*="submit-article"],
body.page-id-11209 #subpages a[href*="annual-survey"],
body.page-id-8495 #subpages a[href*="examination-results"] {
    font-weight: bold;
}

#subpages li.current_page_item > a:hover {
    font-weight: bold;
}

.hmc-blog-categories, #menu-courses-menu {
    margin: 0 0 20px 0 !important;
}

.hmcpd #nav_menu-6 h3 {
    margin-bottom: 1px;
    padding: 10px 15px;
    font-size: 15px;
    color: #fff;
    font-weight: bold;
    background: #a0cf54;
    font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important;
}

#menu-item-827 a {
    font-weight: bold;
}

#sidebar .members-widget h3, #courses-widget h3, #sidebar #nav_menu-3 h3, #sidebar #nav_menu-4 h3, #sidebar #nav_menu-5 h3 {
    font-size: 14px;
    margin: 0 0 1px 0;
    font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.members-widget ul {
    list-style-type: none;
    margin: 0;
}

.members-widget ul li {
    margin: 0;
    padding: 0;
}

.members-widget a {
    text-decoration: none;
    padding: 10px 15px;
}

.members-widget #searchdocs {
    margin-top: 5px;
    width: 190px;
}

#btn-video-modal-outer {
    margin-bottom: 30px;
}

#btn-tt-link {
    display: block;
    margin-bottom: 10px;
}

#btn-video-modal {
    display: block;
}

#video-modal {
    display: none;
    width: 800px;
    height: 450px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -225px 0 0 -400px;
    background: #fff;
}

#btn-vimeo-close {
    position: absolute;
    top: -20px;
    right: -20px;
    width: 40px;
    height: 40px;
    background: url(images/btn-close.png) 0 0 no-repeat;
    border: none;
    cursor: pointer;
    outline: none;
    margin: 0;
}

#category-accordion li.cat-item .sub-list {
    padding: 10px 20px 0 20px;
}

#category-accordion li.cat-item .sub-list li {
    margin-bottom: 10px;
}

#category-accordion li.cat-item .sub-list a {
    font-size: 12px;
    background: #fff;
    padding: 0;
    display: inline;
    line-height: 1.2em;
    font-weight: bold;
}

#category-accordion li.cat-item .sub-list a:hover {
    color: inherit;
    text-decoration: underline;
}

/* Flickr Widget */
#slickr-flickr {
    height: 220px;
    width: 230px;
    overflow: hidden;
    position: relative;
}

#slickr-flickr .heading, #slickr-flickr .heading a {
    z-index: 2;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    width: 100%;
    padding: 15px;
    font-style: normal;
    text-decoration: none;
}

#slickr-flickr .heading {
    background: none;
}

#slickr-flickr .heading a:hover {
    text-decoration: underline;
}

#slickr-flickr .slickr-flickr-slideshow div {
    z-index: 1;
    display: table-cell;
    vertical-align: middle;
}

#slickr-flickr .slickr-flickr-slideshow div img {
    max-width: none;
}

#slickr-flickr .slickr-flickr-slideshow {
    cursor: default;
}

/* Twitter widget */
.twitter-widget {
    background: #66d0da url(/wp-content/themes/hmc/images/bg-twitter.png) 170px 5px no-repeat;
}

.twitter-widget h3 {
    font-family: "GothamRoundedBook";
    font-size: 22px !important;
    padding: 13px 10px 7px 10px;
    margin: 0;
}

.twitter-widget ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.twitter-widget li {
    background: url(/wp-content/themes/hmc/images/bg-twitter-divider.png) left top repeat-x;
    padding: 10px !important;
    line-height: 1.2em;
}

/* Callouts */
.callout-potential {
    margin: 0 0 0 25px;
}

/* Widgets */
#schools-widget {
    background: #5a5a5a;
    padding: 10px;
    color: #fff;
    line-height: 1.4em;
    font-size: 0.9em;
}

#schools-widget h3 {
    margin: 5px 0 10px 0;
}

#schools-widget a.img-link {
    display: block;
    overflow: hidden;
    margin-bottom: 10px;
}

#schools-widget img {
    width: 300px;
    margin-left: -30%;
}

#schools-widget a {
    color: #a9a9a9;
    font-weight: bold;
    text-decoration: none;
}

#schools-widget a:hover {
    color: #fff;
}

#document-list {
    width: 710px;
}

.document-listing a[href$='.pdf'] {
    display: inline-block;
    padding-left: 20px;
    line-height: 18px;
    background: transparent url(images/icons/pdf.png) center left no-repeat;
}

.document-listing a[href$='.doc'], .document-listing a[href$='.docx'] {
    display: inline-block;
    padding-left: 20px;
    line-height: 18px;
    background: transparent url('images/icons/doc.png') center left no-repeat;
}

.document-listing a[href$='.eps'] {
    display: inline-block;
    padding-left: 20px;
    line-height: 18px;
    background: transparent url('images/icons/eps.png') center left no-repeat;
}

.document-listing a[href$='.jpg'], .document-listing a[href$='.jpeg'] {
    display: inline-block;
    padding-left: 20px;
    line-height: 18px;
    background: transparent url('images/icons/jpg.png') center left no-repeat;
}

.document-listing a[href$='.xls'], .document-listing a[href$='.xlsx'] {
    display: inline-block;
    padding-left: 20px;
    line-height: 18px;
    background: transparent url('images/icons/xls.png') center left no-repeat;
}

.document-listing a[href$='.zip'] {
    display: inline-block;
    padding-left: 20px;
    line-height: 18px;
    background: transparent url('images/icons/zip.png') center left no-repeat;
}

.document-listing a[href$='.ppt'], .document-listing a[href$='.pptx'] {
    display: inline-block;
    padding-left: 20px;
    line-height: 18px;
    background: transparent url('images/icons/ppt.png') center left no-repeat;
}

.document-block {
    margin: 0 15px 15px 0;
    width: 340px;
    float: left;
    padding-bottom: 10px;
    background: url(images/bg-td-member-zone.png) center bottom no-repeat;
}

.document-block p {
    margin-bottom: 0;
}

.document-block h2 {
    background: #5ecfda url('images/bg-folder.png') 300px center no-repeat;
    padding: 10px 15px;
    margin: 0;
    border: solid 1px #62bcc5;
    font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: bold;
    font-size: 16px;
}

.document-block h2 a {
    text-decoration: none;
    color: #FFF;
}

.document-block h2 a:hover {
    text-decoration: underline;
}

.document-block ul {
    border-left: solid 1px #e3e3e3;
    border-right: solid 1px #e3e3e3;
    padding: 5px 0;
    background: url(images/bg-dash.png) 0 bottom repeat-x;
}

.document-block ul li {
    padding: 10px 35px;
    line-height: 1.2em;
    background: url('images/bg-documents-item.png') 10px 10px no-repeat;
}

.document-block ul li.folder {
    background: url('images/bg-documents-folder.png') 10px 12px no-repeat;
}

.document-block ul li a {
    font-weight: bold;
}

.document-block ul li span {
    color: #999;
}

.document-view-all {
    color: #002F52;
    padding: 10px 15px;
    border: solid 1px #e3e3e3;
    border-top: none;
}

.document-view-all a {
    color: #727272;
    text-decoration: none;
    font-size: 12px;
}

.document-view-all a:hover {
    text-decoration: underline;
}

#subcats {
    background: #e8e8e8;
    padding: 10px 10px 3px 10px;
    overflow: hidden;
    margin-bottom: 20px;
}

#subcats li {
    float: left;
    margin: 0 10px 7px 0;
}

#subcats li.current-cat {
    font-weight: bold;
}

.count {
    color: #5fd0db;
}

.news-listing.document-listing article {
    padding-top: 10px;
}

.document-listing #subcats {
    background: #FFF;
    border: 1px solid #dddddd;
}

.document-listing #subcats li {
    background: url('images/bg-documents-folder.png') 0px 0px no-repeat;
    padding: 0 0 0 22px;
    display: block;
    width: 180px;
    float: left;
}

/* Members */
#hmc-members-list {
    margin-top: 10px;
}

/* News */
.readmore {
    display: block;
    font-weight: bold;
    margin-top: 0.5em;
}

.post-thumbnail {
    float: left;
    width: 143px;
    height: 117px;
    background: #efefef url(/wp-content/themes/hmc/images/bg-post-thumbnail.jpg) center center no-repeat;
}

.news-listing h2 {
    font-size: 17px;
    font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: bold;
    margin: 0px 0px 15px 0;
}

.news-listing a, .schools-home a {
    text-decoration: none;
}

.news-listing a:hover, .schools-home a:hover {
    text-decoration: underline;
}

.news-listing article {
    overflow: hidden;
    padding-top: 25px;
    margin-bottom: 25px;
    background: url(/wp-content/themes/hmc/images/bg-article-listing.jpg) 0 0 no-repeat;
}

.news-listing article p {
    color: #505050;
    margin: 0;
}

.news-listing .post-content {
    margin-left: 173px;
    width: 480px;
}

.news-listing .date {
    margin-bottom: 0.75em;
    width: 480px;
    overflow: hidden;
}

.news-listing .author {
    float: right;
    font-weight: normal;
    width: 250px;
    text-align: right;
}

.navigation {
    width: 700px;
    background: url(/wp-content/themes/hmc/images/bg-article-listing.jpg) 0 0 no-repeat;
    padding: 20px 0;
    overflow: hidden;
}

.navigation a {
    font-weight: bold;
}

.nav-previous {
    float: left;
    background: url(/wp-content/themes/hmc/images/btn-nav-arrows.png) left -36px no-repeat;
    padding-left: 15px;
}

.nav-next {
    float: right;
    background: url(/wp-content/themes/hmc/images/btn-nav-arrows.png) right -56px no-repeat;
    padding-right: 15px;
}

#news-panels {
    width: 720px;
    overflow: hidden;
}

.news-panel {
    width: 340px;
    margin: 0 20px 20px 0;
    float: left;
}

.news-img {
    display: block;
    margin: 0;
}

/* Single Post */
body.single h1 {
    font-size: 26px;
    margin-bottom: 0.75em;
}

body.single article {
    color: #505050;
}

#single-top-panel {
    margin-bottom: 25px;
    position: relative;
    overflow: hidden;
}

#single-top-panel .right {
    width: 460px;
}

#single-top-panel .left {
    width: 230px;
    color: #505050;
}

.post-intro {
    width: 230px;
    position: absolute;
    bottom: 0;
    left: 0;
    color: #505050;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.2em;
}

.no-featured .date {
    margin-right: 0.5em;
}

.no-featured .post-intro {
    position: static;
    width: 100%;
    margin: 1em 0;
}

#content .date {
    font-weight: bold;
    margin-bottom: 0.3em;
}

/* Contact Page */
#content.contact-page {
    width: 470px;
}

#google-map {
    border: solid 1px #002f52;
    margin-top: 53px;
}

#contact-form {
    background: #002f52;
    color: #fff;
    float: left;
    clear: both;
    margin-top: 10px;
    padding: 20px;
    width: 920px;
    position: relative;
}

#contact-form h2 {
    color: #fff;
}

#contact-form li {
    float: left;
    position: relative;
}

#contact-form .col {
    float: left;
    margin-right: 20px;
}

#contact-form .col-right {
    margin-right: 0;
}

#contact-form .left {
    margin-top: 20px;
    clear: left;
}

#contact-form .wpcf7-submit {
    background: #4c6c85;
    color: #fff;
    margin: 20px 4px 0 0;
}

#contact-form .wpcf7-submit:hover {
    background: #597f9d;
}

#contact-form .wpcf7-text, #contact-form .wpcf7-textarea {
    background: #4c6c85;
    border: none;
    font-weight: bold;
    color: #fff;
    padding: 8px 10px;
}

/* Contact Form */
.wpcf7 label {
    font-weight: bold;
    display: block;
}

.wpcf7 input, .wpcf7 textarea {
    display: block;
    margin-top: 7px;
    width: 220px;
}

.wpcf7 textarea {
    width: 376px;
    height: 85px;
}

.wpcf7 p {
    width: 400px;
    position: relative;
}

.wpcf7 .wpcf7-not-valid-tip {
    border: none;
    background: #4c6c85;
    color: #a4c7e3;
    width: auto;
    position: absolute;
    left: 5px;
    top: -29px;
    padding: 5px;
    white-space: nowrap;
}

.col-right .wpcf7-not-valid-tip {
    top: -97px;
}

.wpcf7 .wpcf7-form-control-wrap {
}

.wpcf7 .wpcf7-response-output {
    clear: left;
    border: none;
    padding: 20px 0 10px 0;
    margin: 0;
    font-weight: bold;
}

.required-fields {
    text-transform: uppercase;
    font-size: 0.8em;
    float: right;
    font-weight: bold;
    color: #a4c7e3;
}

/* Schools */
#myList-nav {
    margin-bottom: 6px;
    background: #F3F3F3 url(images/bg-schools-nav-top.png) 0 0 no-repeat;
    padding-top: 15px;
    overflow: hidden;
}

#myList-nav a {
    font-weight: bold;
    font-size: 1.2em;
    text-decoration: none;
    padding: 10px 0;
    text-align: center;
    width: 25px;
    float: left;
    display: block;
}

#myList-nav a:hover, #myList-nav a.ln-disabled.ln-selected:hover {
    background: #ddd;
}

#myList-nav a.ln-last {
    margin-right: 0;
}

#myList-nav a.ln-disabled {
    color: #999;
}

#myList-nav a.ln-selected {
    background: #002f52;
    color: #fff;
}

#myList-nav a.ln-disabled.ln-selected {
    background: #e6e6e6;
    color: #999;
}

.school {
    margin-top: 10px;
    padding: 0 0 10px 30px;
    background: url(images/bg-school-category.png) 0 0 no-repeat;
}

.ln-no-match {
    margin-top: 1.5em;
}

.school.international-members {
    background-position: 0 -150px;
}

.school.additional-members {
    background-position: 0 -300px;
}

.school h3, #school-address h3 {
    margin-bottom: 0.2em;
}

.school p, #school-address p {
    margin: 0;
}

.school h3 a {
    font-weight: bold;
}

#school-address {
    padding: 15px;
    float: right;
    width: 280px;
    margin: 0 0 1em 1.5em;
    background: #f3f3f3;
}

#school-address td, #school-address th {
    vertical-align: top;
    font-weight: normal;
    text-align: left;
}

#school-address th {
    white-space: nowrap;
}

table.spaced th {
    padding: .2em .3em .3em 0;
}

#school-photo {
    margin-bottom: 30px;
}

/* Schools Directory filters */
.schools-directory .main-categories {
    margin: 0 0 10px 0;
}

.schools-directory .main-categories label {
    font-weight: bold;
    font-size: 16px;
    color: #727272;
    margin-right: 30px;
}

.schools-directory .main-categories input[type=checkbox] {
    margin-right: 5px;
    position: relative;
    top: -1px;
}

.schools-directory .main-categories label.hmc-schools {
    color: #0088b5;
}

.schools-directory .main-categories label.international-members {
    color: #00b19d;
}

#schools-subcategories-wrapper {
    background: url(images/bg-schools-nav-bottom.png) 0 bottom no-repeat;
    padding-bottom: 15px;
}

#schools-subcategories-wrapper .sub-categories {
    margin: 12px 0;
}

#schools-subcategories-wrapper .sub-categories li {
    float: left;
    margin-right: 6px;
    padding-right: 10px;
    border-right: solid 1px #ccc;
    line-height: 1.4em;
}

#schools-subcategories-wrapper .sub-categories li:last-child {
    border-right: none;
}

#schools-subcategories-wrapper .sub-categories label {
    color: #727272;
    cursor: pointer;
    white-space: nowrap;
}

#schools-subcategories-wrapper .sub-categories input[type=checkbox] {
    display: none;
}

#schools-subcategories-wrapper .sub-categories input[type=checkbox]:checked + label {
    font-weight: bold;
    color: #002f52;
}

.filter-label {
    font-weight: bold;
    padding-right: 5px;
    display: block;
    white-space: nowrap;
    line-height: 1.4em;
}

#regions-map {
    border: solid 1px #002f52;
    width: 678px;
    height: 500px;
    margin-bottom: 20px;
}

/* BBpress */
#content .bbp-forums td, #content .bbp-topics td {
    padding: 10px;
    border: solid 1px #ddd;
    background: #e8e8e8;
}

#content .bbp-forums thead th, #content .bbp-topics thead th, #content .bbp-replies thead th, #content .bbp-replies tfoot th {
    font-weight: bold;
    padding: 10px;
    background: #002f52;
    color: #fff;
    border-right: solid 1px #002f52;
    border-left: solid 1px #002f52;
}

#content .bbp-forums thead th a, #content .bbp-topics thead th a, #content .bbp-replies thead th a, #content .bbp-replies tfoot th a {
    color: #fff;
    text-decoration: none;
}

#content .bbp-forums thead th a:hover, #content .bbp-topics thead th a:hover, #content .bbp-replies thead th a:hover, #content .bbp-replies tfoot th a:hover {
    text-decoration: underline;
}

#content .bbp-topics {
    margin-bottom: 15px;
}

#content span.bbp-admin-links a, #content a.bbp-topic-permalink, #content a.bbp-reply-permalink {
    color: #999;
}

#content span.bbp-admin-links a:hover {
    color: #002F52;
}

#content p.bbp-topic-meta img.avatar, #content ul.bbp-reply-revision-log img.avatar, #content ul.bbp-topic-revision-log img.avatar, #content div.bbp-template-notice img.avatar, #content .widget_display_topics img.avatar, #content .widget_display_replies img.avatar, #content p.bbp-topic-meta img.avatar, #main ul.bbp-reply-revision-log img.avatar, #main ul.bbp-topic-revision-log img.avatar, #main div.bbp-template-notice img.avatar, #main .widget_display_topics img.avatar, #main .widget_display_replies img.avatar, #main p.bbp-topic-meta img.avatar, #container ul.bbp-reply-revision-log img.avatar, #container ul.bbp-topic-revision-log img.avatar, #container div.bbp-template-notice img.avatar, #container .widget_display_topics img.avatar, #container .widget_display_replies img.avatar {
    border: none !important;
    margin: 0 !important;
}

/* Members Login */
#loginform label {
    font-weight: bold;
    float: left;
    width: 80px;
    padding-top: 4px;
}

#loginform .login-submit {
    clear: left;
}

#loginform .login-remember {
    margin-bottom: 20px;
    overflow: hidden;
}

#loginform .login-remember label {
    width: 150px;
}

#sidebar li.logout {
    margin-bottom: 20px;
}

/* Survey */
.survey-area {
    margin-bottom: 20px;
}

.survey-area input.answer {
    margin: 0 0 10px 10px;
}

.survey-area .survey-question {
    border: none !important;
    padding-bottom: 20px !important;
    margin-bottom: 15px;
    border-bottom: solid 1px #ccc !important;
}

.survey-area .survey-question p {
}

.survey-area input[type=checkbox] {
    margin-right: 10px;
}

.survey-form label.styled {
    font-weight: bold;
    float: left;
    width: 50px;
    padding-top: 7px;
}

.survey-form #name, .survey-form #email {
    margin: 0 0 15px 0;
}

.survey-form p {
    margin: 0;
}

.survey-form input.user-answer {
    width: 400px;
    position: relative;
    top: 2px;
}

.survey-form textarea {
    width: 435px;
    height: 120px;
}

.survey-form ol, .survey-form ol li {
    margin-bottom: 0;
}

#question-1 .user-answer, #question-4 .user-answer {
    display: inline;
}

#question-8 .user-answer, #question-9 .user-answer, #question-10 .user-answer, #question-11 .user-answer {
    width: 400px;
}

#question-8, #question-9, #question-10 {
    background: none !important;
}

/* Head Profile */
.profile-editor .head-profile label {
    display: block;
    font-weight: bold;
}

.profile-editor .head-profile input.text, .profile-editor textarea {
    display: block;
    width: 300px;
    margin-top: 5px !important;
}

.profile-editor .head-profile ul li {
    margin: 0 20px 10px 0;
    float: left;
}

.profile-editor .head-profile h2 {
    clear: left;
}

.profile-editor .head-profile .school, .profile-editor .head-profile {
    clear: left;
    background: url(/wp-content/themes/hmc/images/bg-article-listing.jpg) left bottom no-repeat;
    margin-bottom: 20px;
    padding: 0 0 20px 0;
}

.profile-editor textarea {
    width: 640px;
    height: 75px;
}

/* Members icons */

#members-home {
    margin-left: -10px;
    border-spacing: 10px;
    border-collapse: separate;
}

#members-home td {
    border-top: #5fd0db 6px solid;
    padding: 10px;
    background: #e8e8e8 url('images/bg-article-listing.jpg') bottom center no-repeat;
    background-size: 100%;
    vertical-align: top;
}

#members-home h3 {
    border-bottom: 1px dashed #6a6a6a;
    margin: 0 0 1em -10px;
    padding: 5px 0 15px 10px;
}

#members-home h3 a {
    text-decoration: none;
}

#members-home h3 img {
    border-left: 1em solid #e8e8e8;
}

#members-home td.forum {
}

/**

.btn-members { width: 340px; height: 200px; display: block; background: url(images/sprite-members-zone.png) 0 0 no-repeat; position: relative; overflow: hidden; }
.btn-members span { position: absolute; top: -999em; left: -999em; text-indent: -999em; }

.btn-members:hover { background-position: 0 -200px; }
.btn-documents { background-position: 0 -400px; }
.btn-documents:hover { background-position: 0 -600px; }
.btn-calendar { background-position: 0 -800px; }
.btn-calendar:hover { background-position: 0 -1000px; }
.btn-list { background-position: 0 -1200px; }
.btn-list:hover { background-position: 0 -1400px; }
.btn-profile { background-position: 0 -1600px; }
.btn-profile:hover { background-position: 0 -1800px; }

**/

article table td.img-cell {
    padding-right: 20px;
}

.twitter-count-horizontal {
    width: 83px !important;
}

#tbl-support-staff td {
    padding-bottom: 20px;
}

td.w700 {
    width: 700px;
}

td.w340 {
    width: 340px;
}

td.w20 {
    width: 20px;
}

/*
================================================================================

  Footer

================================================================================
*/

#modal-mask {
    display: none;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
}

#cookie-modal {
    display: none;
    width: 360px;
    height: 140px;
    padding: 20px;
    margin-left: -200px;
    margin-top: -70px;
    background: #ccc;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 20;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0 0 7px #444;
}

footer {
    margin: 10px 0 0 0;
}

#footer {
    overflow: hidden;
    position: relative;
}

footer.hmcpd-footer #footer-address .textwidget {
    margin-bottom: 15px;
}

#footer-bar {
    background: #f3f3f3;
    height: 41px;
    margin-bottom: 25px;
    position: relative;
    margin-right: 20px;
}

#footer-social {
    padding: 13px 25px;
}

#footer-social .strapline {
    font-size: 12px;
    text-transform: uppercase;
    color: #636363;
    font-family: "GothamRoundedBold";
    margin-right: 50px;
    float: left;
}

#sharebar-horizontal {
    width: 400px !important;
    float: left;
    margin-top: -2px;
}

#sharebar-horizontal ul, #sharebar-horizontal li {
    margin-bottom: 0 !important;
}

#sharebar li {
    margin: 0 !important;
    padding: 8px 0 !important;
    border-bottom: solid 1px #ccc !important;
}

#sharebar {
    border-bottom: none !important;
}

body ul#sharebar {
    margin-left: 990px !important;
}

#footer-logo {
    width: 126px;
    height: 70px;
    background: url(/wp-content/themes/hmc/images/retina/footer-logo.png) 0 0 no-repeat;
    background-size: auto 70px;
    position: absolute;
    right: -20px;
    top: -17px;
}

#factsfigures {
    width: 280px;
}

#factsfigures ol {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#factsfigures li {
    display: none;
}

#factsfigures li, #factsfigures .textwidget {
    color: #9a9998;
    width: 220px;
    line-height: 1.4em;
}

#factsfigures.hmcpd {
    width: 320px;
}

#footer-nav {
    width: 200px;
    margin: 0 20px 25px 0;
}

#footer-nav li {
    margin-bottom: 5px;
}

#footer-nav a {
    color: #515a5e;
    font-family: "GothamRoundedBold";
    font-size: 10px;
    line-height: 1em;
    text-transform: uppercase;
    text-decoration: none;
}

#footer-nav a:hover {
    text-decoration: underline;
}

#footer-address {
    width: 230px;
    font-size: 12px;
    color: #787776;
    min-height: 50px;
}


#footer-address-hmcpd {
    width: 100%;
    font-size: 12px;
    color: #787776;
    min-height: 50px;
}

#footer-address address {
    line-height: 1.4em;
    margin-bottom: 10px;
}

#footer-address strong {
    color: #002f52;
}

#footer-address .textwidget {
    margin-bottom: 1em;
}

#footer-Logo {min-width: 300px; width: 300px; margin-right: 10px;}

#copyright {
    font-size: 11px;
    padding-right: 10px;
    margin-bottom: 20px;
}

#engine {
    font-size: 11px;
    width: 170px;
    margin-bottom: 1em;
}

#engine a {
    color: #787776;
    text-decoration: none;
}

#engine a:hover {
    text-decoration: underline;
}

/*
================================================================================

  HMCPD

================================================================================
*/

#header-logo.hmcpd {
    width: 248px;
}

#header-logo.hmcpd a {
    width: 248px;
    background: url(/wp-content/themes/hmc/images/retina/retina-hmcpd-header-logo.png) 0 0 no-repeat;
    background-size: auto 120px;
}

.hmcpd #main-nav a {
    padding-right: 36px;
}

/* Typography */
.hmcpd #content {
    position: relative;
    padding-bottom: 40px;
}

.hmcpd h1, .hmcpd h3, .hmcpd #breadcrumbs b, .news-listing.hmcpd h2 a, .hmcpd .readmore {
    color: #a0cf54;
}

.hmcpd h3 {
    font-size: 18px;
}

.hmcpd p, .hmcpd li {
    color: #505050;
}

.hmcpd #carousel p {
    color: #fff;
}

/* Sidebar */
#news-widget {
    background: #a0cf54;
    margin-bottom: 20px;
}

#news-widget h3, #news-widget a {
    color: #2b3f00;
}

#news-widget h3 {
    font-family: "GothamRoundedBook";
    font-size: 30px;
    padding: 13px 13px 10px 13px;
    margin: 0;
}

#news-widget h4 {
    margin-bottom: 0.5em;
}

#news-widget h4 a {
    font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: bold;
    text-decoration: none;
}

#news-widget h4 a:hover {
    text-decoration: underline;
}

#news-widget .news-article {
    padding: 15px;
    background: url(/wp-content/themes/hmc/images/bg-sidebar-green-divider.png) left top repeat-x;
}

#news-widget .news-article p {
    margin: 0;
    line-height: 1.3em;
    color: #fff;
}

#hmcpd-purpose {
    width: 360px;
    font-size: 15px;
    margin-top: 20px;
}

#hmcpd-purpose .panel {
    margin-bottom: 0;
}

#hmcpd-purpose .panel-top {
    padding-bottom: 20px;
}

#hmcpd-course {
    width: 320px;
    margin-top: 20px;
}

#hmcpd-course h3 {
    margin-bottom: 1em;
}

#hmcpd-course li {
    margin-bottom: 1px;
}

#hmcpd-course a {
    display: block;
    color: #505050;
    font-weight: bold;
    text-decoration: none;
    background: #eee;
    padding: 10px 15px;
}

#hmcpd-course a:hover {
    text-decoration: underline;
}

#hmcpd-course li:nth-child(even) a {
    background: #d7d7d7;
}

.course-content {
    background: url(/wp-content/themes/hmc/images/bg-article-listing.jpg) center bottom no-repeat;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

#course-overview p {
    font-weight: bold;
    font-size: 16px;
}

.btn-book {
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    width: 108px;
    height: 114px;
    background: url(/wp-content/themes/hmc/images/btn-book-now.png) 0 0 no-repeat;
}

.btn-book:hover {
    background-position: 0 -114px;
}

.hmcpd .nav-previous {
    background-position: left 4px;
}

.hmcpd .nav-next {
    background-position: right -16px;
}

.hmcpd #courses-widget h3 {
    background: #a0cf54 !important;
}

.hmcpd .post-thumbnail {
    background: #efefef url(/wp-content/themes/hmc/images/bg-post-thumbnail-hmcpd.png) center center no-repeat;
}

.hmcpd blockquote {
    background-color: #a0cf54;
}

/*
================================================================================

  HMC Projects

================================================================================
*/

.hmc-projects {
    color: #313131;
}

.hmc-projects h1 {
    color: #470c3a;
}

.hmc-projects h2 {
    color: #d067a5;
}

.hmc-projects #subpages li.header {
    background: #470c3a;
}

.hmc-projects #sidebar h3 {
    color: #470c3a;
}

.hmc-projects #sidebar #schools-widget h3, .hmc-projects #sidebar #twitter-vjck h3 {
    color: #fff;
}

.hmc-projects blockquote {
    background: #efefef url(/wp-content/themes/hmc/images/retina/bg-blockquote-pink.png) 14px 18px no-repeat;
    background-size: 25px auto;
}

.hmc-projects blockquote strong {
    color: #d067a5;
}

#header-logo.hmc-projects {
    width: 199px;
}

#header-logo.hmc-projects a {
    width: 199px;
    background: url(/wp-content/themes/hmc/images/retina/retina-hmc-projects-header-logo.png) 0 0 no-repeat;
    background-size: auto 120px;
}

/*
================================================================================

  HMC Sustainability

================================================================================
*/

.hmc-sustainability h1, .hmc-sustainability #sidebar h3.widget-title {
    color: #00b19d;
}

.hmc-sustainability h2 {
    color: #999;
}

.hmc-sustainability #subpages li.header, .hmc-sustainability blockquote {
    background-color: #00b19d;
}

.hmc-sustainability blockquote {
    color: #002f52;
}

.hmc-sustainability blockquote strong {
    color: #fff;
}

.hmc-sustainability #sidebar #schools-widget h3, .hmc-sustainability #sidebar #twitter-vjck h3 {
    color: #fff;
}

#header-logo.hmc-sustainability {
    width: 246px;
}

#header-logo.hmc-sustainability a {
    width: 246px;
    background: url(/wp-content/themes/hmc/images/retina/retina-hmc-sustainability-header-logo.png) 0 0 no-repeat;
    background-size: auto 120px;
}

/*
================================================================================

  HMCPD Learning Source ** EXTERNAL SITE **

================================================================================
*/

.mobile-only {
    display: none;
}

#ctl00_body {
    width: 960px;
    margin: 0 auto;
}

#ctl00_body h1 {
    color: #a0cf54;
}

#ctl00_body #main-content {
    width: 700px;
    padding: 0;
}

#ctl00_body a {
    color: #002f52;
    text-decoration: underline;
}

#ctl00_body a:hover {
    text-decoration: none;
}

.browse-courses {
    margin-bottom: 20px;
}

#ctl00_body #members-button a {
    color: #002F52;
    text-decoration: none;
}

#ctl00_body #main-nav a {
    color: #6a6a6a;
}

#ctl00_body #main-nav a:hover {
    color: #002f52;
}

#ctl00_body #main-nav li ul a {
    color: #002f52;
    font-weight: normal;
    font-size: 14px;
    font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

#ctl00_body #main-nav li ul a:hover {
    font-weight: bold;
    color: #fff;
}

#status-controls-main {
    position: relative;
    margin-bottom: 20px;
}

#status-controls-main .username {
    margin-top: 20px;
}

#status-controls-main #status {
    position: relative;
    top: 0;
    right: 0;
    left: 0;
    background: none;
    border: none;
}

#status-controls-main #status li {
    margin: 0;
}

#status-controls-main #status li a /* Clear defaults */
{
    background: none;
    padding: 0;
    margin: 0;
    color: #002F52;
    border: none;
    text-transform: none;
}

#status-controls-main #status li a {
    text-decoration: none !important;
    font-size: 0.9em;
    cursor: pointer;
    width: auto;
    background: #002f52;
    color: #fff;
    font-weight: bold;
    padding: 10px 16px 11px 16px;
    border: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#status-controls-main #status li a:hover {
    background: #264e6c;
}

#status-controls-main #status li.btn-basket a {
    width: 120px;
    text-align: center;
}

#sidebar-ls {
    width: 230px;
    float: right;
}

#sidebar-ls #nav {
    margin-bottom: 20px;
}

#cat-nav li {
    margin-bottom: 1px;
}

#cat-nav li a {
    display: block;
    background: #e8e8e8;
    padding: 10px 15px;
    text-decoration: none;
    color: #002f52;
}

#cat-nav li a:hover {
    background: #ccc;
    color: #002f52;
    font-weight: normal;
}

#cat-nav h3 {
    background: #A0CF54;
    color: #fff;
    font-weight: bold;
    padding: 10px 15px;
    font-size: 1em;
    margin: 0 0 1px 0;
}

#cat-nav {
    margin-bottom: 20px;
}

#ctl00_body #cat-nav .ls-view-all a {
    font-weight: bold;
    text-decoration: none;
    padding: 10px 15px;
    display: block;
    background: #e8e8e8;
}

#ctl00_body #cat-nav .ls-view-all a:hover {
    text-decoration: none;
    background: #ccc;
}

#sidebar-ls .ls-search-form-left {
    margin: 0 0 20px 0;
    padding: 0;
}

#sidebar-ls .ls-search-form-left input.ls-text-input {
    padding: 8px 10px;
    width: 162px;
}

#sidebar-ls .ls-search-form-left input.ls-search-button {
    padding: 15px 20px;
    background: #fff url(/wp-content/themes/hmc/images/bg-search.png) center center no-repeat;
}

.evt-page .schedule ul li {
    border-left-color: #A0CF54;
}

.evt-page .schedule .datetime, .default-page .ls-upcoming-events .ls-datetime {
    width: 50px;
}

.evt-page .schedule .month, .default-page .ls-upcoming-events .ls-month {
    background-color: #002f52;
    font-size: 1em;
    padding: 2px 5px;
    font-weight: bold;
}

.evt-page .schedule .day, .default-page .ls-upcoming-events .ls-day {
    border-color: #002f52;
    padding: 4px 0;
}

#ctl00_body .website-link-button, #ctl00_body .website-button {
    background: #002f52;
    border: none;
    font-size: 1em;
    text-shadow: none;
    box-shadow: none;
    color: #fff;
    text-decoration: none;
    padding: 10px 15px;
    margin: 12px 0 0 0;
}

#ctl00_body .website-link-button:hover, #ctl00_body .website-button:hover {
    background: #264e6c;
}

.wizard-step {
    background-image: url(/wp-content/themes/hmc/images/sprite-cart-steps.png);
}

.wizard-step-current {
    color: #A0CF54;
    font-weight: bold;
}

.checkout-page .shopping-cart h3 {
    background: #002f52;
}

.checkout-page .registration-controls a {
    color: #fff !important;
    border-bottom: none;
}

.checkout-page .registration-controls a:hover {
    border-bottom: none;
}

.checkout-page .attendee-header-row {
    background: #999;
}

.checkout-page .attendee-header-row a {
    color: #fff !important;
    border-bottom: none;
}

.checkout-page .attendee-header-row a:hover {
    border-bottom: none;
}

.attendee-details-main fieldset {
    padding: 20px;
}

.attendee-details-main label {
    font-weight: bold;
}

.attendee-details-main .address-control-container label, .attendee-details-main .check-container label {
    font-weight: normal;
}

.field .textbox-input {
    width: 400px;
}

.field select.textbox-input {
    width: 410px;
}

.order-details p {
    margin-bottom: 0;
}

.checkout-page .order-lines-table {
    width: 700px;
}

.checkout-page .order-lines-table td.description-cell {
    white-space: normal;
}

.newsletter-more-options {
    width: 420px;
}

.newsletter-more-options select {
    margin-top: 10px;
}

#ctl00_ContentMain_regWizard_Cart_rptrCourseRegistrations_ctl00_AttendeeList_rptrRegistrationUsers_ctl00_EditableUserRow_customFieldContainer_PostalAddress_lblFieldName {
    margin-right: 300px;
    margin-bottom: 10px;
}

#ctl00_ContentMain_regWizard_Cart_rptrCourseRegistrations_ctl00_AttendeeList_rptrRegistrationUsers_ctl00_EditableUserRow_customFieldContainer_ctl02_ReferredBy_txtInput {
    margin-bottom: 10px;
}

.default-page .ls-upcoming-events .ls-event {
    width: 640px;
}

.default-page .ls-upcoming-events {
    border-top: solid 2px #e8e8e8;
}

.default-page .ls-upcoming-events li {
    border-bottom: solid 2px #e8e8e8;
    padding: 15px 0;
}

.default-page .ls-upcoming-events li:hover {
    background: #fafafa;
}

#ctl00_body .default-page .ls-upcoming-events a {
    text-decoration: none;
}

.default-page .ls-upcoming-events .ls-name {
    font-weight: bold;
}

.ls-view-more {
    margin-top: 10px;
}

.catalogue-page .header-table {
    background: #002f52;
}

#ctl00_body #sidebar-ls .ls-selected a, #ctl00_body #sidebar-ls .ls-selected a:hover {
    font-weight: bold;
}

.catalogue-page #website-page-wrapper h3 {
    margin: 10px 0;
    border: none;
    padding: 0;
    background: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-weight: normal;
}

.catalogue-page #website-page-wrapper h3 span {
    background: #A0CF54;
    padding: 10px;
    margin: 0;
}

.catalogue-page .catalogue-category {
    margin: 0;
}

#ctl00_body .pager-link {
    margin-top: 10px;
    display: inline-block;
    padding: 6px 10px;
    border: solid 1px #ddd;
    color: #ccc;
    text-decoration: none;
}

#ctl00_body a.pager-link {
    color: #aaa;
    border-color: #aaa;
}

#ctl00_body a.pager-link:hover {
    color: #002f52;
    border-color: #002f52;
}

#ls-search-form, #website-page-wrapper #ls-search-response .ls-search-error, #website-page-wrapper #ls-search-response .ls-search-no-results {
    background: #e8e8e8;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

#ctl00_body #footer-wrap {
    clear: both;
    position: relative;
    top: 30px;
}

#ctl00_body #footer {
    font-size: 1em;
    padding: 0;
    text-align: left;
    margin: 0;
}

#ctl00_body #footer a {
    text-decoration: none;
}

#ctl00_body #footer a:hover {
    text-decoration: underline;
}

#ctl00_body #footer ul {
    margin-top: -5px;
}

#ctl00_body #footer ul li {
    display: block;
    margin: 10px 0 0 0;
}

#ctl00_body #footer ul li a {
    color: #515A5E;
}

#ctl00_body #factsfigures {
    font-size: 0.8em;
    color: #515a5e;
}

.website-page .login {
    background: #e8e8e8;
    border: none;
}

.website-page .login .login-field input {
    border-color: #ccc;
}

fieldset, .order-form-inner-container {
    border: none;
}

/* Upcoming course listing */
.whatson-page #website-page-wrapper h2 {
    background: #A0CF54 !important;
    margin: 20px 0 10px 0;
}

.whatson-page #website-page-wrapper .item {
    border-bottom: none;
}

#ls-search-response .ls-category-branch a, #ls-search-response .ls-meta .ls-value a {
    color: #002f52;
}

#ls-search-response .ls-title {
    line-height: 1.2em;
    margin-bottom: 10px;
}

#ls-search-response .ls-search-results li {
    margin-bottom: 1.2em;
    padding-bottom: 1.2em;
    border-bottom: solid 1px #f3f3f3;
}

#ls-search-form .ls-content-inner {
    padding: 20px 20px 0 20px;
}

#ls-search-form #ls-search-text {
    box-shadow: none;
    border-radius: 0;
}

/*
================================================================================

  Data Tables

================================================================================
*/

#content table.dataTable tr.even {
    background: #F3F3F3;
}

#content table.dataTable tr.odd {
    background: #fff;
}

#content table.dataTable tr.even td.sorting_1 {
    background: #e9e9e9;
}

#content table.dataTable tr.odd td.sorting_1 {
    background: #f7f7f7;
}

/*
================================================================================

  Internet Exploder Fixes

================================================================================
*/

html.ie9 {
}

html.ie8 {
}

html.ie7 {
}

html.ie6 {
}

html.oldie h3 {
    font-weight: bold;
}

html.oldie #main-nav a {
    font-weight: bold;
    padding-right: 14px;
}

html.oldie #main-nav ul.sub-menu a {
    font-weight: normal;
}

html.oldie #main-nav li.menu-item-358 a {
    padding-right: 0;
}

html.oldie #top-nav {
    width: 305px;
}

html.oldie #carousel .slide-content {
    background: url(/wp-content/themes/hmc/images/bg-slide-content.png) 0 0 repeat;
}

html.oldie #modal-mask, html.oldie #slickr-flickr .heading {
    background: url(/wp-content/themes/hmc/images/bg-mask.png) 0 0 repeat;
}

html.oldie #header-social a:hover {
    margin-top: 0px;
    transition: 0;
}

html.oldie #tab-buttons a {
    padding: 11px 15px;
}

html.ie7 .callout-potential {
    margin: 0;
}

html.ie7 #footer-nav a {
    font-weight: bold;
}

/* Mobile tweaks */
html.touch header {
}

html.touch #main-nav {
}

html.touch #main-nav a {
    padding-right: 16px;
}

html.touch #main-nav li:last-child a {
    padding-right: 0;
}

html.touch .hmcpd #main-nav a {
    padding-right: 35px;
}

html.touch .hmcpd #main-nav li:last-child a {
    padding-right: 0;
}

html.touch #tab-buttons a, .iphone #tab-buttons a {
    padding: 11px 15px;
}

body.iphone #sharebar {
    display: none !important;
}

/* Retina image fallbacks */
html.oldie #header-logo a {
    background: url(/wp-content/themes/hmc/images/logo-hmc.png) 0 0 no-repeat;
}

html.oldie #header-logo.hmcpd a {
    background: url(/wp-content/themes/hmc/images/logo-hmcpd.jpg) 0 0 no-repeat;
}

html.oldie #header-logo.hmc-projects a {
    background: url(/wp-content/themes/hmc/images/logo-hmc-projects.png) 0 0 no-repeat;
}

html.oldie #header-logo.hmc-sustainability a {
    background: url(/wp-content/themes/hmc/images/logo-hmc-sustainability.png) 0 0 no-repeat;
}

html.oldie #footer-logo {
    background: url(/wp-content/themes/hmc/images/logo-hmc-small.png) 0 0 no-repeat;
}

html.oldie blockquote {
    background: #66D0DA url(/wp-content/themes/hmc/images/bg-blockquote.png) 14px 14px no-repeat;
}

html.oldie .hmc-projects blockquote {
    background: #efefef url(/wp-content/themes/hmc/images/bg-blockquote-pink.png) 14px 14px no-repeat;
}

/*
================================================================================

  Print Styles

================================================================================
*/

@media print {
    * {
        background: transparent !important;
        color: black !important;
        text-shadow: none !important;
        filter: none !important;
        -ms-filter: none !important;
    }

    /* Black prints faster: h5bp.com/s */
    a, a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
        content: "";
    }

    /* Don't show links for images, or javascript/internal links */
    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    /* h5bp.com/t */
    tr, img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3;
    }

    h2, h3 {
        page-break-after: avoid;
    }
}

#schools-subcategories-wrapper ul {
    display: none;
}

#schools-subcategories-wrapper ul#parent-wrapper_hmc-schools {
    display: block;
}

.password-notice {
    padding-bottom: 1em;
    color: #F00;
}

/*
================================================================================

  Author Page

================================================================================
*/

#author-info {
    overflow: hidden;
    padding: 2em 0 0;
    margin-top: 2em;
    background: url(images/bg-article-listing.jpg) 0 0 no-repeat;
}

#author-avatar {
    float: left;
    margin: 0 10px 0 0;
}

#author-description {
    margin: 0 0 0 80px;
}

#author-description .author-desc {
    line-height: 1.4em;
}

.news-listing .author-page {
    background: none;
    padding-top: 0;
    margin-top: 0;
}

.author-page p {
    margin-bottom: 1.4em !important;
}

h2.authors-posts-title {
    margin: 30px 0 20px 0;
    background: url(images/bg-article-listing.jpg) 0 0 no-repeat;
    padding-top: 2em;
}

.twitter-follow {
}

.info-window {
    display: none;
    width: 300px;
    position: absolute;
    top: 8px;
    left: 20px;
    background: #e8e8e8;
    border: 1px solid #e3e3e3;
    padding: 10px 15px;
}

.info-window-graphics {
    display: inline-block;
    width: 17px;
    height: 17px;
    margin: 0 0 -3px 0.2em;
    position: relative;
    background: url("images/info-window.png");
}

.info-window-graphics:hover .info-window {
    display: block;
    z-index: 9999;
}

/*
================================================================================

  Media Queries

================================================================================
*/

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

    body.responsive #footer-address .textwidget {
        margin-bottom: 0;
    }

    body.responsive blockquote {
        float: none;
        margin: 0 0 20px 0;
        width: 405px;
    }

    body.responsive #container {
        width: 730px;
        padding: 0 10px;
    }

    body.responsive header {
        height: 240px;
    }

    body.responsive #main-nav li ul.sub-menu, body.responsive #main-nav li:hover ul.sub-menu {
        display: none;
    }

    body.responsive #main-nav {
        width: 730px;
        background: #fff;
        text-align: center;
        height: 50px;
    }

    body.responsive #main-nav li {
        float: none;
        display: inline-block;
        margin: 0;
    }

    body.responsive #content, body.responsive #carousel {
        width: 470px;
    }

    body.responsive .callout-potential, body.responsive .wp-image-2096 {
        display: none;
    }

    body.responsive #factsfigures {
        width: 260px;
        margin-right: 30px;
    }

    body.responsive #factsfigures li {
        width: 260px;
    }

    body.responsive #footer-nav {
        width: 190px;
    }

    body.responsive #carousel, body.responsive #content .nivoSlider {
        width: 470px !important;
        height: 148px !important;
    }

    body.responsive #content .nivoSlider img {
        max-width: 100% !important;
        height: auto !important;
    }

    body.responsive .carousel-nav, body.responsive .easy-nivo-slider .nivo-directionNav a {
        top: 58px !important;
    }

    body.responsive #carousel .slide-content, body.responsive .easy-nivo-slider .nivo-caption {
        font-size: 14px;
        line-height: 1.3em;
        padding: 10px;
    }

    body.responsive #slickr-flickr {
        height: 148px !important;
    }

    body.responsive #slickr-flickr img {
        max-width: 100% !important;
        height: auto !important;
    }

    body.responsive #hmcpd-purpose, body.responsive #hmcpd-course {
        float: none;
    }

    body.responsive #sharebar {
        display: none !important;
    }

    body.responsive #sharebar-horizontal {
        width: 320px !important;
    }

    body.responsive #news-panels {
        width: 490px;
    }

    body.responsive .news-panel {
        width: 225px;
        overflow: hidden;
    }

    body.responsive .news-panel .news-img img {
        max-width: 100%;
        height: auto;
    }

    body.responsive .news-listing article {
        background-size: 470px auto;
    }

    body.responsive .news-listing .post-content {
        margin-left: 165px;
        width: 300px;
    }

    body.responsive #google-map {
        margin: 100px 0 20px 0;
        width: 460px;
    }

    body.responsive #content.contact-page {
        width: 260px;
    }

    body.responsive #contact-form {
        width: 710px;
        margin-bottom: 20px;
        padding: 20px 0 5px 20px;
    }

    body.responsive #contact-form .col {
        margin-bottom: 15px;
    }

    body.responsive #contact-form .wpcf7-text {
        width: 315px;
    }

    body.responsive #contact-form .wpcf7-textarea {
        width: 670px;
    }

    body.responsive #contact-form .wpcf7-submit {
        margin: 10px 20px 0 0;
    }

    body.responsive #contact-form .left {
        margin-top: 0;
    }

    body.responsive #content table {
        width: 470px !important;
        margin-bottom: 1.4em;
    }

    body.responsive #content table td {
        vertical-align: top !important;
    }

    body.responsive #content table td.td-logo {
        width: 70px;
    }

    body.responsive #content table td.td-content {
        padding-left: 15px;
    }

    body.responsive #content table img {
        max-width: 100%;
        height: auto;
    }

    body.responsive #content #tbl-support-staff td {
        width: 33.3333%;
        padding-bottom: 10px;
    }

    body.responsive img.wp-image-2088 {
        display: none;
    }

    body.responsive #content table td.img-cell {
        width: 40%;
        padding-right: 20px;
    }

    body.responsive .img-link {
        display: block;
    }

    body.responsive .schools-directory .main-categories {
        margin-bottom: 20px;
    }

    body.responsive .schools-directory .main-categories label {
        display: block;
        margin-bottom: 10px;
    }

    body.responsive #schools-subcategories-wrapper {
        background: none;
        border-bottom: solid 2px #e8e8e8;
        padding-bottom: 0;
        margin-bottom: 20px;
    }

    body.responsive #schools-subcategories-wrapper .sub-categories li {
        padding-right: 7px;
    }

    body.responsive #myList-nav {
        background-image: none !important;
        padding-top: 0;
    }

    body.responsive #school-photo {
        width: 100%;
        margin-bottom: 4%;
    }

    body.responsive #school-photo img {
        max-width: 100%;
        height: auto;
    }

    body.responsive #school-address {
        float: none;
        width: 94%;
        padding: 3%;
        margin: 0 0 20px 0;
    }

    body.responsive #regions-map {
        width: 99% !important;
        height: 300px !important;
    }

    body.responsive #hmctv-main-table iframe, body.responsive #hmctv-second-table iframe {
        width: 470px !important;
        height: 265px !important;
    }

    body.responsive #hmctv-second-table, body.responsive #hmctv-second-table thead, body.responsive #hmctv-second-table th, body.responsive #hmctv-second-table tr, body.responsive #hmctv-second-table td {
        display: block;
    }

    /* Learning Source */
    body.responsive #ctl00_body {
        width: 730px;
        margin: 0 auto;
        padding: 0 10px;
    }

    body.responsive #ctl00_body #main-content {
        width: 470px;
    }

    body.responsive #header #menu-hmcpd-main-menu li {
        float: none;
        display: inline-block;
        margin: 0;
    }

    body.responsive .default-page .ls-upcoming-events .ls-event {
        width: 400px;
    }

    body.responsive .evt-page .schedule .column-one {
        width: 22%;
    }

    body.responsive .evt-page .schedule .column-two {
        width: 42%;
        padding-right: 2%;
    }

    body.responsive .evt-page .schedule .column-three {
        width: 27%;
        text-align: right;
    }

    body.responsive #LoginControl {
        margin-top: 30px;
    }

    body.responsive .checkout-table {
        width: 470px !important;
    }

    body.responsive .checkout-page .checkout-step {
        width: 470px;
    }

    body.responsive .attendee-details-main fieldset {
        width: 416px;
    }

    body.responsive .checkout-page .field input {
        width: 235px;
    }

    body.responsive .checkout-page .field input[type=checkbox] {
        width: 30px;
    }

    body.responsive .checkout-page .field .radio input, body.responsive .checkout-page .field .type-radio input {
        width: 30px;
    }

    body.responsive .checkout-page .field input.field-address-state {
        width: 83px !important;
    }

    body.responsive .checkout-page .field select.textbox-input {
        width: 245px;
    }

    body.responsive .checkout-page .shopping-cart-item h3 {
        padding-right: 100px;
    }

    body.responsive .checkout-page .order-lines-table {
        width: 470px;
    }

    body.responsive #ctl00_body .website-link-button, body.responsive #ctl00_body .website-button {
        margin-top: 0;
        -webkit-appearance: none;
    }

    body.responsive td.w700 {
        width: 470px;
    }

    body.responsive td.w340 {
        width: 228px;
    }

    body.responsive td.w20 {
        width: 14px;
    }

    /* Front-end profile editor (Member Zone) */
    body.responsive .profile-editor .head-profile ul li {
        width: 46%;
        margin: 0 15px 10px 0;
    }

    body.responsive .profile-editor .head-profile input.text, body.responsive .profile-editor textarea, body.responsive #content.profile-editor .head-profile input[type=password] {
        width: 95%;
        padding: 2%;
    }

    body.responsive .profile-editor .head-profile .school, body.responsive .profile-editor .head-profile {
        background-size: 100% auto !important;
    }

    body.responsive .catalogue-page table td {
        padding: 2% 1% !important;
        font-size: 0.9em !important;
    }

    body.responsive .catalogue-page .course-name-cell, body.responsive .catalogue-page .course-name-column {
        width: 54%;
    }

    /* 60% */
    body.responsive .catalogue-page .course-duration-cell, body.responsive .catalogue-page .course-duration-column {
        width: 20%;
    }

    /* 20% */
    body.responsive .catalogue-page .course-price-cell, body.responsive .catalogue-page .course-price-column {
        width: 20%;
    }

    /* 20% */
    body.responsive .website-page .login {
        width: 96%;
        padding: 2%;
        margin: 0;
        -webkit-transition: none;
    }

    body.responsive .checkout-page .shopping-cart fieldset {
        width: 96%;
        padding: 2%;
    }

    body.responsive .checkout-page .attendee-remove-cell {
        width: 32%;
    }

    body.responsive .checkout-page .attendee-heading {
        width: 60%;
    }

    body.responsive .whatson-page #website-page-wrapper h4 {
        display: block;
    }

}

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

    body.responsive .mobile-only {
        display: block;
    }

    body.responsive #footer .mobile-only {
        display: inline;
    }

    body.responsive #content p {
        font-size: 15px;
    }

    body.responsive #content h2 {
        font-size: 22px;
    }

    body.responsive #container {
        width: 94%;
        margin: 0;
        padding: 0 3%;
    }

    body.responsive #content, body.responsive #sidebar {
        float: none;
    }

    body.responsive #content, body.responsive #carousel {
        width: 100%;
        overflow: hidden;
    }

    body.responsive #carousel, body.responsive #content .nivoSlider {
        width: auto !important;
        height: auto !important;
    }

    body.responsive .carousel-nav, body.responsive .easy-nivo-slider .nivo-directionNav a {
        top: 35% !important;
    }

    /* .nivo-caption { display: none !important; } */
    body.responsive #carousel {
        margin-bottom: 0;
    }

    body.responsive #breadcrumbs {
        display: none;
    }

    body.responsive header, body.responsive #header.hmcpd {
        height: auto !important;
        border-bottom: solid 2px #f3f3f3;
        overflow: hidden;
        background: none;
        margin-bottom: 20px;
    }

    body.responsive #main-nav {
        display: none;
        width: 100%;
        background: #fff;
        text-align: left;
        height: auto;
        margin-bottom: 15px;
    }

    body.responsive #main-nav li ul.sub-menu, body.responsive #main-nav li:hover ul.sub-menu {
        display: none;
    }

    body.responsive #main-nav li {
        float: none;
        display: block;
        margin: 0;
        border-bottom: solid 1px #fff;
    }

    body.responsive #main-nav a {
        font-size: 16px;
        line-height: 16px;
        color: #002f52;
        padding: 15px 10px;
        display: block;
        background: #e8e8e8;
    }

    body.responsive #main-nav a:hover {
        background: #c1c1c1;
    }

    body.responsive #main-nav ul.menu {
        height: auto;
    }

    body.responsive #header-search {
        display: none;
        float: none;
        width: 100%;
        clear: both !important;
        margin-bottom: 20px;
    }

    body.responsive #searchform, body.responsive #postcodesearchform {
        position: relative;
    }

    body.responsive #header-search input.search, body.responsive #postcodesearchform input.search {
        border: solid 1px #ccc;
        width: 100%;
        padding: 12px 12px 12px 35px;
        background-position: 12px 16px;
        font-size: 1.2em;
        line-height: 1em;
        outline: none;
        display: inline-block;
    }

    body.responsive #searchsubmit, body.responsive #postcode-submit {
        display: inline-block;
        width: 50px;
        padding: 15px 5px;
        position: absolute;
        top: -2px;
        right: 0;
        bottom: -2px;
    }

    body.responsive.gecko #searchsubmit, body.responsive.gecko #postcode-submit {
        top: 0;
        bottom: 0;
    }

    body.responsive #header-logo, body.responsive #header-logo.hmc-projects, body.responsive #header-logo.hmcpd, body.responsive #header-logo.hmc-sustainability {
        float: left;
        width: 150px;
        height: 80px;
        margin-top: 10px;
    }

    body.responsive #header-logo a, body.responsive #header-logo.hmc-projects a, body.responsive #header-logo.hmcpd a, body.responsive #header-logo.hmc-sustainability a {
        background-size: 150px auto;
        width: 150px;
        height: 85px;
    }

    body.responsive #header-logo.hmc-projects a {
        height: 90px;
    }

    body.responsive #header-logo.hmcpd a, body.responsive #header-logo.hmc-sustainability a {
        width: 170px;
        height: 87px;
        background-size: 170px auto;
    }

    body.responsive #header-logo.hmc-projects a {
        background-size: 137px auto;
    }

    body.responsive #top-nav {
        float: right;
        position: relative;
        height: 93px;
    }

    body.responsive #members-button {
        float: none;
        clear: none;
    }

    body.responsive #header-social {
        display: none;
    }

    body.responsive #members-button {
        position: absolute;
        top: 0;
        right: 0;
    }

    body.responsive #mobile-menu {
        position: absolute;
        bottom: 0;
        right: 0;
    }

    body.responsive #main {
        width: 100%;
        clear: both;
    }

    body.responsive #mobile-menu {
        display: block;
        color: #d5d5d5;
        width: 120px;
        overflow: hidden;
    }

    body.responsive #mobile-menu a {
        display: block;
        float: left;
        width: 36px;
        height: 36px;
        margin-right: 6px;
        overflow: hidden;
        position: relative;
    }

    body.responsive #mobile-menu a span {
        position: absolute;
        top: -999em;
        left: -999em;
        text-indent: -999em;
    }

    body.responsive #menu-btn {
        background: #f3f3f3 url(images/retina/mobile-nav-menu.png) center center no-repeat;
        background-size: auto 15px !important;
    }

    body.responsive #menu-btn.active {
        background: #002f52 url(images/retina/mobile-nav-menu-white.png) center center no-repeat;
    }

    body.responsive #tel-btn {
        background: #f3f3f3 url(images/retina/mobile-nav-tel.png) center center no-repeat;
        background-size: auto 17px !important;
    }

    body.responsive #tel-btn.active {
        background: #002f52 url(images/retina/mobile-nav-tel-white.png) center center no-repeat;
    }

    body.responsive #search-btn {
        background: #f3f3f3 url(images/retina/mobile-nav-search.png) center center no-repeat;
        margin-right: 0 !important;
        background-size: auto 16px !important;
    }

    body.responsive #search-btn.active {
        background: #002f52 url(images/retina/mobile-nav-search-white.png) center center no-repeat;
    }

    body.responsive #mobile-menu a.active {
        color: #5e5e5e;
    }

    body.responsive #homepage-content .panel-wide, body.responsive .panel-wide, body.responsive #homepage-content .panel-wide-top, body.responsive .panel-wide-top, body.responsive #homepage-content .panel-wide-bottom, body.responsive .panel-wide-bottom, body.responsive #hmcpd-purpose .panel, body.responsive #hmcpd-purpose .panel-top, body.responsive #hmcpd-purpose .panel-bottom {
        background: none;
        padding: 0;
        width: 100%;
        margin: 0;
    }

    body.responsive #homepage-content .panel-wide, body.responsive .panel-wide, body.responsive #hmcpd-purpose .panel {
        background: #f3f3f3;
        width: 92%;
        padding: 4%;
        margin-bottom: 20px;
    }

    body.responsive #homepage-content .panel-wide ul, body.responsive .panel-wide ul, body.responsive #hmcpd-purpose .panel ul {
        width: 100%;
        margin: 0;
    }

    body.responsive #homepage-content .panel-wide {
        clear: both;
        margin-bottom: 0;
    }

    body.responsive .panel-wide ul {
        margin: 0 0 20px 18px;
    }

    body.responsive #slickr-flickr, body.responsive #homepage-tabs, body.responsive #footer-social .strapline {
        display: none;
    }

    body.responsive #factsfigures {
        width: 95%;
        float: none;
        margin: 0 12px;
        border-bottom: solid 1px #f2f2f2;
        margin-bottom: 20px;
    }

    body.responsive #factsfigures ol {
        list-style-type: none;
    }

    body.responsive #factsfigures li {
        width: 100%;
    }

    body.responsive #content img.alignright, body.responsive #content img.alignleft {
        max-width: 50%;
        height: auto;
        margin-top: 10px;
    }

    body.responsive #footer {
        margin: 0 -3%;
        padding: 0;
    }

    body.responsive #footer-nav {
        padding: 0 12px;
        width: 90%;
    }

    body.responsive #footer .left {
        float: none;
    }

    body.responsive #footer-Logo { padding-left: 5px; }
    body.responsive #footer-address { width: auto; background: #e8e8e8; padding: 5px 2px 20px 2px; }
    body.responsive #footer-phone {  padding-top: 5px; padding-bottom: 5px; }

    body.responsive #copyright {
        width: auto;
        padding-right: 0;
        position: static;
        bottom: auto;
        right: auto;
        margin-top: 15px;
    }

    body.responsive #footer-nav li {
        margin-bottom: 10px;
    }

    body.responsive #footer-nav a {
        font-size: 14px;
    }

    body.responsive #sidebar {
        width: 100%;
    }

    body.responsive #content table {
        width: 100% !important;
    }

    body.responsive blockquote {
        width: 82%;
        padding: 4% 4% 4% 14%;
    }

    body.responsive #hmcpd-purpose, body.responsive #hmcpd-course {
        width: 100%;
    }

    body.responsive #news-widget .sidebar-shadow {
        display: none;
    }

    body.responsive #news-panels {
        width: 100%;
    }

    body.responsive .news-panel {
        width: 225px;
        overflow: hidden;
    }

    body.responsive .news-panel .news-img img {
        width: 100%;
        max-width: 100%;
        height: auto;
    }

    body.responsive .news-listing .post-thumbnail {
        display: none;
    }

    body.responsive .news-listing .post-content {
        float: none;
        width: 100%;
        margin-left: 0;
    }

    body.responsive .news-listing .date {
        width: 100%;
    }

    body.responsive .news-listing .date .left {
        float: none;
    }

    /* .news-listing .date .author { display: none; } */
    body.responsive #modal-mask, body.responsive #cookie-modal {
        display: none !important;
    }

    body.responsive .news-panel {
        float: none;
        width: 100%;
    }

    body.responsive #contact-form {
        width: 92%;
        padding: 4%;
    }

    body.responsive #contact-form .col {
        float: none;
        margin-right: 0;
    }

    body.responsive #contact-form .wpcf7-text {
        width: 92%;
        padding: 3% 4%;
    }

    body.responsive #contact-form .wpcf7-textarea {
        width: 92%;
        padding: 3% 4%;
    }

    body.responsive #contact-form .wpcf7-submit {
        margin: 10px 0 0 0;
    }

    body.responsive #content.contact-page {
        width: 100%;
    }

    body.responsive #google-map {
        float: none;
        width: 99%;
        margin-top: 0;
    }

    body.responsive #google-map iframe {
        width: 100% !important;
    }

    body.responsive .panel-wide table, body.responsive .panel-wide table tr, body.responsive .panel-wide table td {
        display: block;
    }

    body.responsive #hmcpd-map {
        float: none;
        width: 99% !important;
        margin: 0 0 20px 0 !important;
    }

    body.responsive #hmcpd-map iframe {
        width: 100% !important;
    }

    body.responsive table#members-home {
        width: 100%;
        display: block;
    }

    body.responsive table#members-home tr {
        display: block;
    }

    body.responsive table#members-home td {
        display: block;
        width: 100% !important;
        border-bottom: solid 10px #fff;
    }

    body.responsive #document-list {
        width: 100% !important;
        height: auto !important;
    }

    body.responsive #document-list .document-block {
        width: 100% !important;
        margin: 0 0 20px 0 !important;
        float: none !important;
        position: static !important;
        top: auto !important;
        left: auto !important;
    }

    body.responsive .document-block h2 {
        background-image: none !important;
    }

    body.responsive #postbox input[type=text], body.responsive #postbox textarea {
        width: 93% !important;
        padding: 2% 3% !important;
    }

    body.responsive #bbpress-forums li.bbp-header, body.responsive #bbpress-forums li.bbp-footer {
        margin-bottom: 0;
    }

    body.responsive .twitter-widget {
        background-position: right 5px;
        background-size: auto 30px;
    }

    body.responsive .hmcpd h1 {
        font-size: 24px;
    }

    body.responsive body.single h1 {
        font-size: 24px;
    }

    body.responsive .news-listing h1 {
        font-size: 24px;
    }

    body.responsive article iframe {
        width: 100% !important;
        height: auto !important;
    }

    body.responsive #sharebar-horizontal {
        margin-left: -10px;
    }

    body.responsive #footer-logo {
        background-position: -55px 0;
        width: 75px;
    }

    body.responsive #hmctv-main-table iframe, body.responsive #hmctv-second-table iframe {
        width: 360px !important;
        height: 200px !important;
    }

    /* Learning Source */
    body.responsive #ctl00_body {
        width: 96%;
        margin: 0;
        padding: 0 2%;
    }

    body.responsive #ctl00_body #main-content {
        width: 100%;
    }

    body.responsive #sidebar-ls {
        float: none;
        width: 100%;
        overflow: hidden;
        margin-bottom: 20px;
    }

    body.responsive .default-page .ls-upcoming-events .ls-event {
        width: 80%;
    }

    body.responsive #header #menu-hmcpd-main-menu li {
        display: block;
    }

    body.responsive #header #menu-hmcpd-main-menu a {
        font-size: 16px;
        line-height: 16px;
        color: #002f52;
        padding: 15px 10px;
        display: block;
        background: #e8e8e8;
    }

    body.responsive #header #menu-hmcpd-main-menu a:hover {
        background: #c1c1c1;
    }

    body.responsive #ctl00_body #searchsubmit {
        top: 0;
        bottom: 0;
    }

    body.responsive .checkout-table {
        width: 100% !important;
    }

    body.responsive .checkout-page .checkout-step {
        width: 100%;
    }

    body.responsive .shopping-cart label {
        text-align: left;
    }

    body.responsive .shopping-cart label, body.responsive .shopping-cart input[type=text] {
        display: block;
    }

    body.responsive .shopping-cart input[type=text] {
        width: 280px;
    }

    body.responsive .attendee-details-main fieldset {
        width: 300px;
    }

    body.responsive .checkout-page .shopping-cart-items {
        border: none;
        padding: 0;
        border-radius: 0;
    }

    body.responsive .field .help-container {
        width: 100%;
    }

    body.responsive .checkout-page .checkout-step {
        width: 100%;
    }

    body.responsive .field-input-container span.radio label {
        display: inline-block;
    }

    body.responsive .field .textbox-input.short-input {
        width: 80px;
        display: inline;
    }

    body.responsive .checkout-page .field select.textbox-input {
        width: 290px;
    }

    body.responsive .checkout-page .field input[type=checkbox] {
        float: left;
        margin-bottom: 10px;
    }

    body.responsive #footer-address {
        font-size: inherit;
    }

    body.responsive .news-listing article {
        background-size: 100% auto;
    }

    body.responsive .news-panel h3 {
        line-height: 1.2em;
    }

    body.responsive #schools-widget a.img-link {
    }

    body.responsive #schools-widget img {
        width: auto;
        max-width: 100%;
        height: auto;
        margin-left: auto;
    }

    body.responsive h2.authors-posts-title, body.responsive #author-info {
        background-size: 100% auto !important;
    }

    body.responsive .twitter-follow {
        float: none;
    }

    body.responsive .twitter-follow iframe {
        width: 150px !important;
        height: 20px !important;
    }

    /* Front-end profile editor (Member Zone) */
    body.responsive .profile-editor .head-profile ul li {
        float: none;
        width: 100%;
        margin: 0 0 10px 0;
    }

    body.responsive .profile-editor .head-profile input.text, body.responsive .profile-editor textarea {
        width: 95%;
        padding: 2%;
    }

    /* Android Mobile Nav */
    body.responsive.android #main-nav a {
        padding-top: 16px;
        padding-bottom: 10px;
    }

    body.responsive .survey-form input.user-answer, #question-8 .user-answer, #question-9 .user-answer, #question-10 .user-answer, #question-11 .user-answer {
        width: 78%;
        padding: 8px 3%;
    }

    body.responsive .survey-form textarea {
        width: 92%;
    }

    body.responsive #status-controls-main {
        float: right;
        margin: 0;
    }

    body.responsive #status-controls-main #status li.status-control a {
        width: 57px;
        text-align: center;
        color: transparent;
        position: relative;
        padding: 0;
        height: 36px;
        display: inline-block;
        overflow: hidden;
    }

    body.responsive #status-controls-main #status li.status-control a span {
        position: absolute;
        top: -999em;
        left: -999em;
    }

    body.responsive #status-controls-main #status li.btn-basket a {
        background: #002f52 url(http://hmc.staging.engineserver.co.uk/wp-content/themes/hmc/images/icon-basket.png) center center no-repeat;
        background-size: auto 20px;
    }

    body.responsive #status-controls-main #status li.btn-login a {
        background: #002f52 url(http://hmc.staging.engineserver.co.uk/wp-content/themes/hmc/images/icon-login.png) center center no-repeat;
        background-size: auto 20px;
    }

    body.responsive #status-controls-main #status li.btn-logout a {
        background: #002f52 url(http://hmc.staging.engineserver.co.uk/wp-content/themes/hmc/images/icon-logout.png) center center no-repeat;
        background-size: auto 20px;
    }

    body.responsive #search-ls {
        float: left;
        margin: 0;
    }

    body.responsive #sidebar-ls .ls-search-form-left {
        margin: 0;
    }

    body.responsive #cat-nav {
        display: none;
        margin: 20px 0 0 0;
    }

    body.responsive #cat-nav.mobile-only {
        display: block;
    }

    body.responsive #sidebar-ls .ls-search-form-left {
    }

    body.responsive #search-ls {
        width: 57%;
    }

    body.responsive #sidebar-ls .ls-search-form-left input.ls-text-input {
        padding: 10px;
        width: 64%;
    }

    body.responsive #sidebar-ls .ls-search-form-left input.ls-search-button {
        padding: 17px 20px;
    }

    body.responsive #footer-bar {
        display: none;
    }

    body.responsive #ctl00_body h1 {
        font-size: 20px;
    }

    body.responsive .whatson-page .course-info-item p.info {
        width: 70%;
    }

    body.responsive .whatson-page .course-price p.info {
        width: 30%;
        float: right;
    }

    body.responsive .attendee-details-main .address-control-container label, body.responsive .attendee-details-main .check-container label {
        width: 80%;
    }

    body.responsive .field .field-label, body.responsive .field > label, body.responsive label.field-description {
        text-align: left;
    }

    body.responsive #ctl00_body .website-link-button, body.responsive #ctl00_body .website-button {
        font-size: 12px;
        padding: 10px;
    }

    body.responsive .checkout-page .order-lines-table {
        width: 100%;
    }

    body.responsive #website-page-wrapper #ls-advanced-search-options {
        margin-left: 0;
    }

    body.responsive #ls-advanced-search-options .ls-field label {
        display: block;
        text-align: left;
    }

    body.responsive #engine {
        display: none;
    }

}

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

    body.responsive body {
        overflow-x: hidden;
    }

    body.responsive #hmc-members-list {
        font-size: 0.9em;
        width: 98% !important;
    }

    body.responsive #hmc-members-list thead th {
        text-align: left;
    }

    body.responsive #hmc-members-list_wrapper .dataTables_length, body.responsive #hmc-members-list_wrapper .dataTables_filter {
        float: none;
        text-align: left;
    }

    body.responsive #hmc-members-list_wrapper .dataTables_length {
        margin-bottom: 10px;
    }

    body.responsive .members-widget #searchdocs {
        width: 89%;
        padding: 2% 2% 2% 8%;
    }

    body.responsive #footer-logo {
        display: none;
    }

    body.responsive #footer-bar {
        margin-right: 0;
    }

    body.responsive #sharebar-horizontal {
        width: 280px !important;
        overflow: hidden;
    }

    body.responsive body ul#sharebarx li {
        margin-right: 5px !important;
    }

    body.responsive #author-avatar {
        display: none;
    }

    body.responsive #author-description {
        margin: 0;
    }

    body.responsive #btn-video-modal {
        margin-bottom: 10px;
    }

}

#crm-user label {
    display: block;
    float: left;
    margin: 0 0 1em 0;
    overflow: hidden;
    padding: 3px;
    width: 220px;
    font-size: 0.9em;
}

#crm-user label.updating input {

}

#crm-user input[type=radio], #crm-user input[type=checkbox] {
    margin: 0 0.5em 0 0;
}

#crm-user #errors {
    margin: 0;
    padding: 20px 40px;
    box-sizing: border-box;
    background: #990000;
    color: white;
}

#crm-user h3 {
    padding: 2em 0 .5em 0;
}

#crm-user h2 {
    padding: 2em 0 0 0;
}

#crm-user h4, #crm-user h2 {
    clear: both;
}

#crm-user sup {
    font-size: 10px;
    vertical-align: top;
    padding: 0 3px;
}

#crm-user h3, #crm-user .clearLt {
    clear: left;
}

#crm-user .description {
    clear: both;
}

#crm-user label textarea, #crm-user label select, #crm-user label input[type=text], #crm-user label input[type=email], #crm-user label input[type=text], #crm-user label input[type=tel], #crm-user label input[type=url], #crm-user label input[type=date], #crm-user label input[type=number] {
    display: block;
    width: 200px;
    -webkit-transition: background-color 0.5s, color 0.5s;
    -moz-transition: background-color 0.5s, color 0.5s;
    -ms-transition: background-color 0.5s, color 0.5s;
    -o-transition: background-color 0.5s, color 0.5s;
    transition: background-color 0.5s, color 0.5s;
}

#crm-user .ec-crm-results-table {
    margin: 2em 0;
}

#crm-user .crm-user__result {
    float: none;
}

#crm-user .ui-state-error {
    background-color: rgb(185, 50, 0);
    color: white;
}

#conference-registration-form label {
    display: block;
    margin: 0 0 1em 0;
    padding: 0 0 0 0.2em;
}

#conference-registration-form label.inline {
    display: inline-block;
}

#conference-registration-form label input[type=text] {
    display: block;
    width: 75%;
}

#conference-registration-form th {
    font-weight: bold;
}

#conference-registration-form .centered td {
    text-align: center;
}

#conference-registration-form td.left {
    text-align: left;
}

#conference-registration-form td {
    padding: 0 1em 1em 0;
}

#conference-registration-form .amount {
    width: 50px;
}

.regional {
    display: none;
}

#seminar-booking-form label, #seminar-booking-form input[type=text] {
    display: block;
}

#seminar-booking-form label {
    margin-bottom: 25px;
    width: 50%;
    float: left;
    overflow: hidden;
}

#seminar-booking-form input[type=text] {
    width: 90%;
}

#seminar-booking-form tbody th {
    text-align: left;
}

#seminar-booking-form tbody td, #seminar-booking-form thead th {
    text-align: center;
    vertical-align: middle;
}

#seminar-booking-form th, #seminar-booking-form td {
    padding: 5px 0px;
}

#seminar-booking-form tbody tr:nth-child(2n) {
    background: #EEE;
}

.popup {
    display: none;
    position: relative;
    padding: 45px;
    border-top: 6px solid #33cccc;
    background: #002f52;
    font-family: "GothamRoundedBook";
    margin-bottom: 45px;
    color: #fff;
}

@media only screen and (min-width: 780px) {
    .popup {
        font-size: 1.25rem;
        line-height: 36px;
    }
}

.popup p {
    margin: 0;
}

.popup a {
    color: #33cccc;
}

.popup__close {
    display: block;
    position: absolute;
    top: 15px;
    right: 15px;
    width: 20px;
    height: 20px;
    fill: #fff;
    cursor: pointer;
}

.popup__close:hover {
    fill: #33cccc;
}

.relatednews {
    width: 100%;
    right: -1rem;
    margin-left: -1rem;
    overflow: auto;
}

.relatednews__item {
    float: left;
    width: 100.3333%;
    padding: 1rem;
    box-sizing: border-box;
}
.relatednews__item .post-thumbnail{
    width: 100.3333%;
    margin-bottom: 10px;
}
.relatednews__item h2{
    font-size: 18px;
}

@media only screen and (min-width: 780px) {
    .relatednews__item {
        width: 33.3333%;

    }
}

.relatednews__item p {
    background: #2F353E;
}

/* TLP Changes */

#homepage-tabs {
	display: block !important;
}