/*
CTC Separate Stylesheet
Updated: 2023-06-02 06:36:31
*/

/*-------------------------------------------------------------
Custom Fonts
--------------------------------------------------------------*/


/*-------------------------------------------------------------
 * 
@font-face {
    font-family: '千图马克手写体';
    src: url('assets/fonts/qiantumakeshouxieti.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


h1,
.elementor-widget-heading h1.elementor-heading-title,
h2,
.elementor-widget-heading h2.elementor-heading-title,
h3,
.elementor-widget-heading h3.elementor-heading-title,
h4,
.elementor-widget-heading h4.elementor-heading-title,
h5,
.elementor-widget-heading h5.elementor-heading-title,
h6,
.elementor-widget-heading h6.elementor-heading-title {
  font-family: "千图马克手写体", "Noto Sans SC", "Helvetica Neue", Arial, sans-serif;
}

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

.button-margin-center .elementor-button-wrapper {
	margin-left: auto;
	margin-right: auto;
}
.elementor-widget-heading .sub-title {
	text-transform: none !important;
}

/* Form styling 
#wpcf7-f1319-p1351-o1 label {
	color: #691e06;
}
#wpcf7-f1319-p1351-o1 input {
	border-radius: 10px;
}
#wpcf7-f1319-p1351-o1 input[type="submit"] {
	font-size: 18px;
    font-weight: 700;
}
*/

/* 
#wpcf7-f1319-p8941-o2 input[type="submit"] {
    background-image: url("https://staging.selangornewvillage.my/wp-content/uploads/2023/06/cta-bg.png");
	background-position: center center;
    background-repeat: no-repeat;
}
*/

#wpcf7-f9494-o1 input::placeholder, textarea::placeholder {
    color: #a39e97 !important;
    opacity: 1 !important;
}

/* Main Menu */
.elementor-5155 section.sticky-show .elementor-element.elementor-element-26de578 .elementor-nav-menu--main .elementor-item:not(:hover):not(.elementor-item-active), .elementor-5155 section.sticky-show .elementor-element.elementor-element-d146b96 .elementor-search-form__toggle, .elementor-5155 section.sticky-show .elementor-element.elementor-element-26de578 .elementor-menu-toggle:not(:hover) i, .elementor-9868 section.sticky-show .elementor-element.elementor-element-26de578 .elementor-menu-toggle:not(:hover) i {
    color: #FFFFFF !important;
}

/* Footer */
.footer-phone a {
	color:inherit;
}
.footer-phone a:hover {
	color:inherit;
}


/* CTA Button */
.elementor-element .elementor-button-primary .elementor-button, .elementor-cta__button-wrapper a, .elementor-image-box-button a, .elementor-button-wrapper .wpcf7-submit {
  border: none;
  padding: 0.5em 2em !important;
  line-height: 1 !important;
}

.elementor-1059 .elementor-element.elementor-element-3dbbb40 input[type="submit"], .elementor-1059 .elementor-element.elementor-element-3dbbb40 button {
	margin:0;
}


.elementor-button-wrapper, .elementor-cta__button-wrapper, .elementor-image-box-button {
    -webkit-mask-image: url(/wp-content/themes/selangornewvillage/assets/images/btn-bg.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -moz-mask-image: url(/wp-content/themes/selangornewvillage/assets/images/btn-bg.svg);
    -moz-mask-repeat: no-repeat;
    -moz-mask-position: center center;
    -moz-mask-size: contain;
    mask-image: url(/wp-content/themes/selangornewvillage/assets/images/btn-bg.svg);
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.elementor-button-wrapper.wpcf7 {
    -webkit-mask-position: center 0;
    -moz-mask-position: center 0;
    mask-position: center 0;
}

.elementor-button-wrapper.wpcf7 p {
	padding: 0;
	margin: 0;
}

.elementor-button-wrapper.wpcf7 p .wpcf7-submit {
    width: 100%;
    line-height: 1.5em !important;
}

.partner .elementor-image-box-button a {
	font-size: 22px !important;
	margin: 1.5em auto !important;
}

.partner .elementor-image-box-button a:hover {
	background-color: var(--e-global-color-secondary );
}


/* Tab */

/* Fix Tab on load */
.elementor-widget-opal-tabs.elementor-widget-tabs .elementor-tabs-content-wrapper > *:not(:first-child) {
    display: none;
}

.elementor-tabs-wrapper {
	cursor: pointer;
}

.elementor-tab-desktop-title .elementor-tab-icon, .elementor-image-box-button {
	margin: 0 auto;
}

/* Custom Post Listing */
.home-post-listing .post-style-2 .post-inner {
    background-color: none;
    border-radius: 40px;
}

.home-post-listing .post-style-2 .post-inner .post-thumbnail {
    border-radius: 0px;
}

.home-post-listing.elementor-widget-opal-post-grid .entry-footer {
    display: none;
}

/* Custom Feature Box */
.elementor-featured-box-meta-item {
    cursor: pointer;
  }

/* Hide Element */
/* Hide handheld-footer-bar */
.handheld-footer-bar, .elementor-widget-opal-search-form {
    display: none !important;
}

/* Misc */
@media only screen and (max-width: 767px) {
  .mobile-margin-auto .elementor-button-wrapper, .opal-wrapper {
    margin: 0 auto;
  }
	.mobile-background-overlay-white::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 40px;
    background-color: transparent;
    background-image: linear-gradient(0deg, #FFFFFF 0%, #FFFFFF 70%);
    opacity: 0.5;
    filter: brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );
  }
}