/*
Theme Name: mandarin export import theme by Perceptiv
Description: Perceptiv specialises in developing custom Shopify themes, Shopify apps, and WordPress themes and plugins. We create tailored, scalable, and user-friendly solutions to help brands grow online.
Author: Perceptiv
Template: hello-elementor
Version: 1.0.0
Text Domain: mandarin-export-import-theme-by-perceptiv
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: custom-background, custom-logo, custom-menu, featured-images
*/

@import url("../hello-elementor/style.css");


figure.gallery-item:last-child {
    display: none;
}
.black h1 {
	color:#000 !important
}

/* Fix eicons font */
@font-face {
    font-family: eicons;
    src: url('https://mandarinimportsexports.com.au/wp-content/plugins/elementor/assets/lib/eicons/fonts/eicons.woff2?5.47.0') format('woff2');
    font-display: swap;
}

/* Fix Font Awesome Solid */
@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    src: url('https://mandarinimportsexports.com.au/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-solid-900.woff2') format('woff2');
    font-display: swap;
} 


h1,h2,h4 {
   font-family: "Bebas Neue", sans-serif !important;
}
.home-h1 h1, li a, a,p,h3, .single-post-wrap h1,p{
  font-family: "Inter", sans-serif !important;
}
.home-h1 h1 {
				font-weight: 600 !important;
        line-height: 66px         !important;
    color: white !important;
    font-size: 67px;
}
h1 {
    font-weight: 500 !important;
    line-height: 66px         !important;
    color: white !important;
    font-size: 76px;
}
.black h2 {
	 font-weight: 500 !important;
	text-transform: uppercase;
	color:black !important;
  font-size: 48px;
}
.white h2 {
	font-weight: 500 !important;
	text-transform: uppercase;
	color:white !important;
  font-size: 48px;
}
.white-para p {
    font-weight: 300 !important;
    color: #ffffff !important;
}
.black-para p {
    font-weight: 300 !important;
    color: #000 !important;
}
.header .button a {
    padding: 18px 29px !important;
}
.button a {
	font-weight:700!important;
    border-radius: 50px;
    padding: 18px 48px;
    background-color: #E64735 !important;
}

.icon-box1 h3 {
    font-weight: 700 !important;
    font-size: 25px;
    color: black !important;
}
.icon-box1 p {
    color: #000 !important;
    font-weight: 300 !important;
}
.icon-box2 svg {
    font-size: 90px;
}
.icon-box2 h3 {
	    font-size: 21px !important;
    font-weight: 700 !important;
    color: black !important;
}
.icon-box2 p {
	  line-height: 25px;
  	font-size: 18px;
    color: #000 !important;
    font-weight: 300 !important;
}
.form .wpforms-submit-container {
    text-align: center;
}
.form button#wpforms-submit-883 {
    font-size: 19px;
    border-radius: 50px;
    width: 146px;
    height: 53px;
    /* padding: 20px 49px; */
}
.form input::placeholder,
.form textarea::placeholder {
    color: #000 !important;
    font-size: 17px !important;
    font-weight: 400 !important;
    opacity: 0.8 !important;
}
.form  .wpforms-container .wpforms-field, .wp-core-ui div.wpforms-container .wpforms-field {
    padding: 5px 0;
    position: relative;
}
.single-post-wrap h1 {
  font-size: 32px;
  font-weight: 700;
  color: #000 !important;
  margin-bottom: 20px;
}
.image-box figure.elementor-image-box-img {
    width: 60% !important;
}
.image-box h3.elementor-image-box-title {
    font-size: 22px;
    font-weight: 300 !important;
    color: #000 !important;
}
.image-box2 h3 {
    font-size: 23px;
    font-weight: 700 !important;
    color: #000 !important;
}
.elementor-element.elementor-element-116de0e.e-con-full.e-flex.wpr-particle-no.wpr-jarallax-no.wpr-parallax-no.wpr-sticky-section-no.e-con.e-child {
    border-radius: 8px !important;
    border: 1px solid #C5C5C5 !important;
}

/* ACTIVE TAB */

/* Active icon color (SVG) */
.tab1 .e-n-tab-title[aria-selected="true"] svg path,
.e-n-tab-title[aria-selected="true"] svg circle {
  fill: #e64735 !important;
  stroke: #fff;
}

/* Active text color */
.tab1 .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text {
  color: #000;
}

.tab2 .e-n-tab-title .e-n-tab-icon {
  width: 82px;
  height: 80px;
  border-radius: 50%;
  background: #fff !important;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}

/* ACTIVE TAB */
.tab2 .e-n-tab-title[aria-selected="true"] .e-n-tab-icon {
  background: #f04b37 !important; /* red background */
}
.tab2  .e-n-tab-title[aria-selected="true"] .e-n-tab-icon svg path {
  fill: #fff;
  stroke:#fff;
}
.page-id-2298 .elementor-widget-n-tabs .e-n-tab-title[aria-selected=false] .e-n-tab-icon svg {
    fill: #939ca600 !important;
}

.image-box{
    height: 205px !important;
   
}
.hover-box:hover {
  background-color: #f04e23;
}

/* Force ALL text white */
.hover-box:hover * {
  color: #ffffff !important;
}

/* FORCE Elementor icon-list SVG bullets to white */
.hover-box:hover .elementor-icon-list-icon svg,
.hover-box:hover .elementor-icon-list-icon svg path {
  fill: #ffffff !important;
}
.page-id-3616 .hide-footer{
	display:none;
}
.post-title h1.elementor-heading-title {
    font-family: 'Inter' !important;
    font-weight: 600 !important;
    font-size: 45px !important;
    line-height: 1.2em !important;
}
.single-post  h2.wp-block-heading {
    font-family: 'Inter' !important;
    font-weight: 600 !important;
    font-size: 2rem !important;
    line-height: 1.2em !important;
}
a.add-request-quote-button.button {
    border-radius: 100px;
    font-size: 16px !important;
    padding: 18px 40px;
    text-transform: capitalize;
    font-weight: 500 !important;
    margin-top: -5px;
}
.yith-ywraq-add-to-quote a {
    color: #E64735 !important;
}
.cart_item a {
    color: #000;
}
.button.raq-send-request, .actions input.button {
    background: #E64735 !important;
    color: #fff !important;
    padding: 15px 30px !important;
    border-radius: 100px !important;
    font-weight: 400 !important;
}
h2.woocommerce-loop-product__title {
    font-family: 'Inter' !important;
}
.hover-box {
    height: 210px;
    width: 80% !important;
}
.form {
    width: 70%;
    align-self: center;
    max-width: 92%;
}
.header ul.sub-menu li a {
    color: #000000 !important;
}

.elementor-element.elementor-element-f013154.e-con-full.e-flex.wpr-particle-no.wpr-jarallax-no.wpr-parallax-no.wpr-sticky-section-no.e-con.e-parent.e-lazyloaded {
    padding: unset;
}
.tax-product_cat .product-category a {
    pointer-events: none;
    cursor: default;
}

.term-worksite-equipment .pc-white h2.elementor-heading-title.elementor-size-default {
    color: #fff !important;
    font-size: 48px !important;
}

.term-worksite-equipment .elementor-element.elementor-element-1a5fbbd.elementor-widget__width-initial.elementor-widget.elementor-widget-text-editor p {
    color: #fff;
}

.pc-txt-center .elementor-element.elementor-element-db95b17.elementor-widget.elementor-widget-heading {
    align-self: center;
}

.pc-txt-center .elementor-element.elementor-element-61c4766.elementor-widget.elementor-widget-text-editor {
    text-align: center;
}


.archive-txt-uppercase h3 {
    text-transform: uppercase;
    margin-bottom: 35px;
    font-weight: 500 !important;
    text-transform: uppercase;
    color: white !important;
    font-size: 48px;
    font-family: "Bebas Neue", sans-serif !important;
}

h3.bb-border:before {
    content: "";
    width: 170px;
    height: 2px;
    background: #E64735;
    position: absolute;
    top: 56%;
    left: 40%;
}

h3.bb-border-one:before {
    content: "";
    width: 170px;
    height: 2px;
    background: #E64735;
    position: absolute;
    top: 50%;
    left: 41%;
}

h3.bb-border-two:before {
    content: "";
    width: 170px;
    height: 2px;
    background: #E64735;
    position: absolute;
    top: 35%;
    left: 40%;
}

.type-product {
    text-align: center;
}

.term-used-and-reconditioned .elementor-element-7599357 {
    display: none;
}
.term-attachments figure.elementor-image-box-img {
    width: 30%;
}
.term-used-and-reconditioned figure.elementor-image-box-img{
		width: 30%;
}
.term-attachments .elementor-image-box-wrapper {
    gap: 20px;
}

@media (max-width:480px){

	.woocommerce ul.products.elementor-grid.columns-4 {
   grid-template-columns: 1fr !important;
}
h3.bb-border:before {
    left: 25%;
}	
h3.bb-border-two:before {
    top: 35%;
    left: 21%;
}
h3.bb-border-one:before {
  top: 45%;
  left: 26%;
}
	.elementor-element-513e742 .elementor-image-box-wrapper {
		display:flex;
	}
	  
}

.woocommerce ul.products li.product-category {
    list-style: disc !important;
    display: list-item !important;
	    margin-left: 8% !important;
}

.mobile-page-title h2{
	font-weight: 500 !important;
    line-height: 66px     !important;
    color: white !important;
    font-size: 76px;
}
@media screen and (max-width: 480px) {
	.elementor-align-start.elementor-mobile-align-center.elementor-icon-list--layout-traditional.elementor-list-item-link-full_width.elementor-widget.elementor-widget-icon-list{--align-self: unset }
	
.elementor-icon-list-items .elementor-icon-list-text, .elementor-icon-list-items .elementor-icon-list-item > a {

    font-size: 16px!important;
   
}
	
	.tab-mobile button:after {
    content: "\f107";
    display: block;
    position: absolute;
    right: 25px;
    font-family: 'Font Awesome 5 Free';
    color: #000;
    font-weight: 900;
}
	.tab-mobile button[aria-selected="true"]:after{
    content: "\f106";
    display: block;
    position: absolute;
    right: 25px;
    font-family: 'Font Awesome 5 Free';
    color: #000;
    font-weight: 900;
}
.icon-box2 svg {
    font-size: 45px !important;
}
	.footer-logo img {
    max-width: 90px !important;
}
.home-h1 h1 {
	line-height: 54px !important;
   font-size: 43px !important;
}
	h1 {
    font-size: 66px !important;
}
	svg.e-font-icon-svg.e-eicon-chevron-left {
    display: none;
}
	.tab-mobile .e-n-tab-title {
    border-radius: 50px !important;
    border: 2px solid #E64735 !important;
    text-align: left;
}
.tab-mobile span.e-n-tab-title-text {
    font-size: 20px !important;
}
	.header-mobile .hfe-nav-menu-icon {
          padding:14px 15px !important;
}
 .image-box {
    height: 300px !important ;
}
	.page-id-1282 .image-box {
    height: 270px !important;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
	.form{
		padding:10px 20px !important;
	}
	.header-mobile .hfe-nav-menu-icon {
          padding:14px 15px !important;
}
ul.products.elementor-grid.columns-4 {
    grid-template-columns: repeat(3,1fr) !important;
}
}
.product-category.product img {
    display: none !important;
}

li.product.type-product {
    border: 1px solid #C5C5C5;
    border-radius: 15px;
    padding: 20px !important;
}
li.product.type-product img.attachment-woocommerce_thumbnail {
    height: 150px !important;
    object-fit: contain;
}
h2.woocommerce-loop-category__title {
    font-family: 'Inter' !important;
}
.font-bebas a {
    font-family: 'Bebas Neue' !important;
}
ul.products.elementor-grid.columns-4 {
    grid-template-columns: repeat(3,1fr) !important;
}
.wpr-table-body-row .wpr-td-content-wrapper a {
    pointer-events: none;
    cursor: pointer !important;
}
.animated-btn a {
    animation-iteration-count: infinite;
    animation-name: animation-wobble-vertical;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
}
a.elementor-button:hover, .product_type_simple:hover, .add-request-quote-button:hover {
    animation-name: elementor-animation-buzz-out;
    animation-duration: .75s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
}

@keyframes elementor-animation-buzz-out {
20% {
    transform: translateX(3px) rotate(2deg);
}

	40% {
    transform: translateX(-3px) rotate(-2deg);
}

60% {
    transform: translateX(2px) rotate(1deg);
}

80% {
    transform: translateX(-2px) rotate(-1deg);
}

100% {
    transform: translateX(1px) rotate(0);
}
}

@keyframes animation-wobble-vertical {
16% {
    transform: translateY(1px);
}

49% {
    transform: translateY(-1px);
}

83% {
    transform: translateY(1px);
}
100% {
    transform: translateY(0);
}
}
.terms-page h4 {
    margin-top: 35px;
}
.terms-page a {
    color: #e64735;
}
.terms-page a:hover {
    color: #e64735;
}
.post.type-post .wpr-grid-image-wrap img {
    height: 250px;
    object-fit: cover;
    border-radius: 10px;
}

.single-post .sqs-html-content h2, .single-post .sqs-html-content h3, .single-post .sqs-html-content h4, .single-post .sqs-html-content h5{
    font-family: "Inter", sans-serif !important;
}

.single-post .sqs-html-content .sqsrte-large {
    display: none;
}