/* 
 Theme Name:     Mayfair Centre 2021
 Author:         Place One Systems
 Author URI:     www.placeone.net
 Template:       Divi
 Version:        v1.0
 Description:    Central Walk Mayfair Shopping Centre 2021
 Wordpress Version: 5.8
*/ 

/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 

/*--==[ general ]==--*/
h1, h2, h3, h4, h5, h6 {
	font-family: 'Manrope',Arial,Lucida,sans-serif;
    color: #6f6d65;
    overflow-wrap: normal !important;
}
h1, h2 {
	text-transform: uppercase;
}
h2 {
	font-size: 35px !important;
}
h4 {
	font-size: 24px !important;
}

/*--==[ main menu ]==--*/
#logo {
	max-width: 205px;
}

#main-header:not(.darkHeader), .page-template-storeslist #top-menu-nav #top-menu a:hover {
	background-color: transparent;
}

.page-template-default #top-menu-nav #top-menu a, .page-template-no-cache #top-menu-nav #top-menu a, .page-template-storeslist_test #top-menu-nav #top-menu a, .page-template-storeslist #top-menu-nav #top-menu a {
	font-weight: bold;
	text-shadow: 0 0.04em 0.03em #222;
}
.page-template-no-header #top-menu-nav #top-menu a, .single-mec-events #top-menu-nav #top-menu a, .single-post #top-menu-nav #top-menu a {
	font-weight: bold;
}
#top-menu-nav #top-menu .sub-menu a, .page-template-no-header #top-menu-nav #top-menu a, .single-mec-events #top-menu-nav #top-menu a, .single-post #top-menu-nav #top-menu a {
    color: #6f6d65;
	text-shadow: unset !important;
}
#top-menu-nav #top-menu .current-menu-item a, #top-menu-nav #top-menu .current-menu-parent a, #top-menu-nav #top-menu a:hover {
	color: #87d3ec !important;
	opacity: 1 !important;
}
#top-menu-nav #top-menu .sub-menu a:hover, .darkHeader #top-menu-nav #top-menu a, .darkHeader #top-menu-nav #top-menu .sub-menu a {
	text-shadow: unset !important;
}
#top-menu-nav #top-menu .sub-menu a {
	color: #6f6d65 !important;
	text-transform: unset;
}
.page-template-no-header #logo, .single-mec-events #logo, .single-post #logo {
	filter: invert(100%) !important;
}
.single-mec-events .darkHeader #logo {
	filter: unset !important;
}

.translatepress-en_CA .tp_en, 
.translatepress-zh_CN .tp_zh {
	display: none !important; 
}

/*--==[ header ]==--*/
#banner-title {
	display: flex;
}
#banner-title h1 {
    text-transform: uppercase;
    font-size: 4em;
    font-weight: 700;
    text-shadow: 0 0.02em 0.02em #000;
	position: absolute;
	bottom: 0;
}

/*--==[ footer ]==--*/
#footer-map-column {
	margin-right: 0;
}
#footer-address-column {
	margin-left: 2%;
}
#footer-address {
	margin-top: 5%;
}
#footer-address h1 {
	font-weight: bold;
}
#footer-address h2 {
	font-size: unset !important;
	line-height: 2em;
}
.footer-hours {
	min-width: 300px;
}
.footer-hours td {
	padding-right: 0.5em;
}

.mbhi-is-current {
    background-color: #87d3ec;
    color: #6f6d65;
}

/*--==[ homepage ]==--*/
#hero-slider a {
    color: unset !important;
}

/*--==[ events ]==--*/
.single-mec-events .mec-container {
	padding-top: 85px;
}
.single-mec-events .mec-events-event-image {
	float: left;
}
.single-mec-events .mec-container {
	padding-top: unset !important;
}
.mec-single-event-bar {
	height: 146px;
    margin-top: 0 !important;
}

/*--==[ accordion ]==--*/
.et_pb_toggle_open .et_pb_toggle_title:before {
	display: block !important;
	content: "\e04f";
}
.et_pb_gutters3 .et_pb_column_1_2 .et_pb_module, .et_pb_gutters3.et_pb_row .et_pb_column_1_2 .et_pb_module {
    margin-bottom: 3%;
}

/*--==[ mappedin ]==--*/
#mappedin-app h2 {
	font-size: 1.3em !important;
}

/*--==[ mobile ]==--*/
@media screen and (max-width: 980px) {
	/*--==[ main menu ]==--*/
	#mobile_menu {
		background-color: #fff !important;
		text-transform: uppercase;
	}
	#mobile_menu a {
		color: #6f6d65;
		font-weight: bold;
	}
	#mobile_menu .sub-menu {
		text-transform: none;
	}
	.page-template-default .mobile_menu_bar:before {
		color: #ffffff !important;
	}
	.page-template-no-header .mobile_menu_bar:before, .single .mobile_menu_bar:before {
		color: #000000 !important;
	}
	
	/*--==[ header ]==--*/
	#banner-title h1 {
    	font-size: 3.25em;
	}

	/*--==[ footer ]==--*/
	#footer-menu .et_pb_menu__menu {
		display: block;
		width: 100%;
	}

	#footer-menu .mobile_menu_bar {
		display: none;
	}
}