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

 Theme Name:   TRX HK
 Theme URI:    http://trx-hk.com
 Description:  Theme for TRX Hong Kong by HUB4 Concepts
 Author:       HUB4 Concepts
 Author URI:   https://hub4concepts.com
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/

/*Menus****/

#top-menu li a, .et_search_form_container input {
    /*font-weight: normal;
    font-style: normal;*/
    text-transform: uppercase;
    text-decoration: none;
    FONT-FAMILY: trxbold;
    font-size: 1.3em;
}

#top-header, #top-header a {
    padding: 3px;
}


@media screen and (max-width: 1350px) {
.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {font-size: 14px !Important;}
}

@media screen and (max-width: 1225px) {
.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {font-size: 13px !Important;}
}


.ubermenu-skin-minimal .ubermenu-item-level-0 > .ubermenu-target {
    /*font-weight: normal;*/
    color: #fff;
    text-transform: none;
    border-left: none;
}

.ubermenu-skin-minimal .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target, .ubermenu-skin-minimal .ubermenu-item-level-0.ubermenu-current-menu-parent > .ubermenu-target, .ubermenu-skin-minimal .ubermenu-item-level-0.ubermenu-current-menu-ancestor > .ubermenu-target {
    color: #ffe500 !Important;
    background: transparent;
}

.ubermenu-skin-minimal .ubermenu-item-level-0:hover > .ubermenu-target, .ubermenu-skin-minimal .ubermenu-item-level-0.ubermenu-active > .ubermenu-target {
    background: transparent;
    color: #ffe500 !Important;
}

.fa-angle-down:before {
    content: "\f107";
	display: none !Important;
}

.ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target:after {
    position: absolute;
    right: 6px !Important;
    top: 50%;
    margin-top: -10px !Important;
    content: "\f107";
    display: none !Important /*inline-block*/;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 900 !Important;
    line-height: 1;
    color: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

}

.ubermenu .ubermenu-target-text {
    font-family: trx-atc-bold !Important;
}

.ubermenu-skin-minimal .ubermenu-submenu, .ubermenu-skin-minimal .ubermenu-submenu .ubermenu-target {
    color: #333333;
    /*font-size: 18px;*/
	/*font-family: trxfontone !Important;*/
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/*#menu-item-5969 > a, #menu-item-5970 > a, #menu-item-5971 > a {padding: 10px 0px 0px 0px;}*/

.ubermenu .ubermenu-submenu-type-stack>.ubermenu-item-normal>.ubermenu-target {
    padding-top: 15px;
    padding-bottom: 0px;
    padding: 15px 0px 0px 0px;
}

#menu-item-5986 > span, #menu-item-5995 > span, #menu-item-6000 > span {padding: 0px !Important;} 

#menu-item-5986, #menu-item-5995, #menu-item-6000 {padding: 5px 20px 0px 0px !Important; }

.ubermenu .ubermenu-item-type-column>.ubermenu-submenu-type-stack>.ubermenu-item-normal:first-child {
    margin-top: 0px !Important;
}

/*.ubermenu .ubermenu-nav .ubermenu-column-1-3 {
    width: 31.33% !Important;
}*/

.ubermenu .ubermenu-submenu-type-stack>.ubermenu-divider {
    padding: 0px !Important;
}

/*HUB4 Concepts Super Menu Spacing adjustments and alignment*/

/*#menu-item-5931 > ul > li.ubermenu-item.ubermenu-item-type-custom.ubermenu-item-object-ubermenu-custom.ubermenu-item-has-children.ubermenu-item-5967.ubermenu-item-level-1.ubermenu-column.ubermenu-column-1-4.ubermenu-has-submenu-stack.ubermenu-item-type-column.ubermenu-column-id-5967 {margin-left: 0px !Important; margin-right: 12px;}*/

/*#menu-item-5931 > ul > li.ubermenu-item.ubermenu-item-type-custom.ubermenu-item-object-ubermenu-custom.ubermenu-item-has-children.ubermenu-item-5968.ubermenu-item-level-1.ubermenu-column.ubermenu-column-1-4.ubermenu-has-submenu-stack.ubermenu-item-type-column.ubermenu-column-id-5968 > ul > li.ubermenu-divider > ul > li.ubermenu-item.ubermenu-item-type-custom.ubermenu-item-object-ubermenu-custom.ubermenu-item-has-children.ubermenu-item-6005.ubermenu-item-level-3.ubermenu-column.ubermenu-column-1-2.ubermenu-has-submenu-stack.ubermenu-item-type-column.ubermenu-column-id-6005 {margin-left: -10px; margin-right: 4px;}*/

#menu-item-5931 > ul > li.ubermenu-item.ubermenu-item-type-custom.ubermenu-item-object-ubermenu-custom.ubermenu-item-has-children.ubermenu-item-5984.ubermenu-item-level-1.ubermenu-column.ubermenu-column-1-2.ubermenu-has-submenu-stack.ubermenu-item-type-column.ubermenu-column-id-5984 > ul > li.ubermenu-divider > ul {margin-left: -10px; margin-right: 10px;}

#menu-item-5931 > ul > li.ubermenu-item.ubermenu-item-type-custom.ubermenu-item-object-ubermenu-custom.ubermenu-item-has-children.ubermenu-item-5967.ubermenu-item-level-1.ubermenu-column.ubermenu-column-1-4.ubermenu-has-submenu-stack.ubermenu-item-type-column.ubermenu-column-id-5967 > ul > li.ubermenu-divider > ul {margin-top: 10px; margin-right: 10px;}

#menu-item-5972, #menu-item-5973 {margin-bottom: 20px;}

#menu-item-5971 > a > img, #menu-item-5970 > a > img, #menu-item-5969 > a > img  {max-height: 387px;}


/*repsonsive options*/

@media screen and (max-width: 1588px) {
	
#menu-item-5971 > a > img, #menu-item-5970 > a > img, #menu-item-5969 > a > img  {max-height: 369px;}	
	
}

@media screen and (max-width: 1521px) {
	
#menu-item-5971 > a > img, #menu-item-5970 > a > img, #menu-item-5969 > a > img  {max-height: 355px;}	
	
}

@media screen and (max-width: 1513px) {
	
#menu-item-5971 > a > img, #menu-item-5970 > a > img, #menu-item-5969 > a > img  {max-height: 348px;}	
	
}

@media screen and (max-width: 1472px) {
	
#menu-item-5971 > a > img, #menu-item-5970 > a > img, #menu-item-5969 > a > img  {max-height: 345px;}	
	
}

@media screen and (max-width: 1425px) {
	
#menu-item-5971 > a > img, #menu-item-5970 > a > img, #menu-item-5969 > a > img  {max-height: 334px;}	
	
}

@media screen and (max-width: 1371px) {
	
#menu-item-5971 > a > img, #menu-item-5970 > a > img, #menu-item-5969 > a > img  {max-height: 323px;}	
	
}

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

#menu-item-5975 > a > img, #menu-item-5976 > a > img, #menu-item-5977 > a > img, #menu-item-5978 > a > img {
   	max-height: 184px !Important;}
}

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

#menu-item-5975 > a > img, #menu-item-5976 > a > img, #menu-item-5977 > a > img, #menu-item-5978 > a > img {
   	min-height: 133px !Important;}
}

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

#menu-item-5975 > a > img, #menu-item-5976 > a > img, #menu-item-5977 > a > img, #menu-item-5978 > a > img {
   	min-height: 141px !Important;}
}

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

#menu-item-5975 > a > img, #menu-item-5976 > a > img, #menu-item-5977 > a > img, #menu-item-5978 > a > img {
   	min-height: 155px !Important;}
#menu-item-5972, #menu-item-5973 {margin-bottom: 24px;}
	
}

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

#menu-item-5975 > a > img, #menu-item-5976 > a > img, #menu-item-5977 > a > img, #menu-item-5978 > a > img {min-height: 139px !Important;}
#menu-item-5972, #menu-item-5973 {margin-bottom: 0px;}
	
}


/*Mobile**/

@media (max-width: 1200px) {
.et_non_fixed_nav.et_fullwidth_nav.et_header_style_left .logo_container {
    padding-left: 30px;
    min-height: 60px;
	}
	
	#logo, #main-header, .container, .logo_container {max-height: 100%;}
	
	#main-header {min-height: 60px;
}
	#top-header {display: none;}

}


/*Products**/

.woocommerce div.product .product_title {font-size: 2em; font-weight: 900;}

body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li.active a, body.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: #000!important;
    text-transform: uppercase;
    font-family: trxfontone;
    font-size: 1.3em;
}

body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li a, body.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    padding: 16px 75px!important;
    color: #666!important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    display: inline-block;
    padding: .5em 0;
    font-weight: 700;
    color: #515151;
    text-decoration: none;
    text-transform: uppercase;
    font-family: trxfontone;
    font-size: 1.3em;
}

#comparecolumn {border: solid 1px #eaeaea;}

.et_portfolio_image, .et_shop_image {
    border: 1px solid #999;
}

.woocommerce span.onsale, .woocommerce-page span.onsale {
    position: absolute;
    z-index: 2;
    top: 10px!important;
    left: 0px!important;
    min-width: 0!important;
    min-height: 0!important;
    margin: 0!important;
    padding: 6px 18px!important;
    -webkit-border-radius: 3px!important;
    -moz-border-radius: 3px!important;
    border-radius: 0px!important;
    color: #fff;
    background: #e02b20!important;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important;
    text-shadow: none!important;
    font-size: 20px;
	text-transform: uppercase;
    font-weight: 300!important;
    line-height: inherit!important;
}

.woocommerce ul.products li.product .onsale, .woocommerce-page ul.products li.product .onsale {
    right: auto!important;
    left: 0px!important;
    margin: 0!important;
}

.woocommerce .cart .button, .woocommerce .cart input.button {
    float: none;
    background: #ffee00;
    color: #000;
    border: none;
    text-transform: uppercase;
    font-family: trxfontone;
}

.woocommerce #content input.button, .woocommerce #content input.button.alt, .woocommerce #respond input#submit, .woocommerce #respond input#submit.alt, .woocommerce a.button, .woocommerce a.button.alt, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce input.button, .woocommerce input.button.alt, .woocommerce-page #content input.button, .woocommerce-page #content input.button.alt, .woocommerce-page #respond input#submit, .woocommerce-page #respond input#submit.alt, .woocommerce-page a.button, .woocommerce-page a.button.alt, .woocommerce-page button.button, .woocommerce-page button.button.alt, .woocommerce-page input.button, .woocommerce-page input.button.alt {
    position: relative;
    padding: .3em 1em;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: 0 0;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.7em!important;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
    background: #ffee00;
    color: #000;
    font-family: trxfontone;
    text-transform: uppercase;
}

.comment-reply-link:hover, .et_password_protected_form .et_submit_button:hover, .form-submit .et_pb_button:hover, .woocommerce #content input.button.alt:hover, .woocommerce #content input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button.alt:hover, .woocommerce a.button:hover, .woocommerce button.button.alt:hover, .woocommerce button.button:hover, .woocommerce input.button.alt:hover, .woocommerce input.button:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #content input.button:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button.alt:hover, .woocommerce-page input.button:hover {
    background: #000;
    color: #fff;
	padding: .3em 1em;
}

.woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message {
    background: #000 !Important;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
    float: left;
    width: 30%;
    list-style: none !important;
    text-transform: uppercase;
    color: #000 !important;
}

#post-9 > div > div.et_pb_section.et_pb_section_0.et_section_regular > div.et_pb_row.et_pb_row_1.et_pb_row_fullwidth > div > div > div > div > nav > ul {list-style: none !important;}


/*Events**/

.tribe-button, a.tribe-button, button.tribe-button, input.tribe-button {
    border-radius: 0px !Important;
    line-height: 1;
    margin: 10px;
    padding: 9px 12px;
    background: #ffee00 !Important;
    border: none !Important;
    color: #000 !Important;
    text-transform: uppercase !Important;
    font-weight: 700 !Important;
    font-family: trxfontone !Important;
    font-size: 18px !Important;
    letter-spacing: 1px !Important;
	cursor: pointer;
}

.tribe-events-list-separator-month {
    font-size: 33px;
    margin: 1.25em auto;
    text-align: center;
    position: relative;
    background-color: transparent;
    z-index: 1;
    font-family: trxfontone;
    text-transform: uppercase;
    color: #000;
}

.tribe-events-list h2.tribe-events-page-title {
    margin-bottom: 15px;

    font-size: 33px;
	font-family: trxfontone;
    text-transform: uppercase;
    color: #000;
	
}

.tribe-button, a.tribe-button, button.tribe-button, input.tribe-button {
    -webkit-appearance: button;
    background: #000;
    background-image: none;
    border: none;
    border-radius: 0;
    color: #fff;
    font-size: 18px;
    height: auto;
    letter-spacing: 0;
    line-height: 2;
    padding: 10px;
    width: 100%;
	font-family: trxfontone;
}

/*Sold Out*/

.now_sold {
    color: #fff;
    font-size: 39px;
    font-weight: 800;
    padding: 28px 44px;
    position: absolute;
    left: 10%;
    top: 124px;
    border-radius: 44px 7px;
    box-shadow: #000 0px 6px 4px -3px;
    -webkit-transform-origin-y: 20;
    z-index: 10;
    transform: skewY(-10deg);
    font-family: trxfontone;
    background: rgb(255,0,0);
    background: radial-gradient(circle, rgba(255,0,0,1) 0%, rgba(255,102,0,1) 100%);
	line-height: 38px;
    text-align: center;
}