/*
Theme Name: Elementra Child Theme
Theme URI: https://elementra.themerex.net/
Description: Elementra is a Premium WordPress theme that has built-in support for popular Page Builders, slider with swipe gestures, and is SEO- and Retina-ready. The unique system of inheritance and override options allows setting up individual parameters for different sections of your site and supported plugins.
Author: ThemeREX
Author URI: https://themerex.net/
Version: 1.1.0
Tested up to: 6.9
Requires at least: 5.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, e-commerce, portfolio, grid-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks
Text Domain: elementra
Template: elementra
*/


@font-face {
    font-family: 'poppinsbold';
    src: url('https://flexidial.com.au/wp-content/themes/elementra-child/fonts/poppins-bold.woff2') format('woff2'),
         url('https://flexidial.com.au/wp-content/themes/elementra-child/fonts/poppins-bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'poppinsbold_italic';
    src: url('https://flexidial.com.au/wp-content/themes/elementra-child/fonts/poppins-bolditalic.woff2') format('woff2'),
         url('https://flexidial.com.au/wp-content/themes/elementra-child/fonts/poppins-bolditalic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'poppinsitalic';
    src: url('https://flexidial.com.au/wp-content/themes/elementra-child/fonts/poppins-italic.woff2') format('woff2'),
         url('https://flexidial.com.au/wp-content/themes/elementra-child/fonts/poppins-italic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'poppinsregular';
    src: url('https://flexidial.com.au/wp-content/themes/elementra-child/fonts/poppins-regular.woff2') format('woff2'),
         url('https://flexidial.com.au/wp-content/themes/elementra-child/fonts/poppins-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-display: swap;

}
:root {
  /* Fluid Typography Scale
    Min Viewport: 320px (20rem)
    Max Viewport: 1400px (87.5rem)
    Base: 1rem = 16px
  */

  /* h1: scales from 32px to 50px */
  --fs-3xl: clamp(2rem, 1.667rem + 1.667vw, 3.125rem);

  /* h2: scales from 20px to 24px */
  --fs-2xl: clamp(1.25rem, 1.176rem + 0.37vw, 1.5rem);

  /* h3: scales from 18px to 22px */
  --fs-xl: clamp(1.125rem, 1.05rem + 0.37vw, 1.375rem);

  /* h4: scales from 17px to 20px */
  --fs-lg: clamp(1.063rem, 1.007rem + 0.28vw, 1.25rem);

  /* h5: scales from 15px to 18px */
  --fs-md: clamp(0.938rem, 0.88rem + 0.28vw, 1.125rem);

  /* h6: scales from 14px to 16px */
  --fs-sm: clamp(0.875rem, 0.838rem + 0.185vw, 1rem);

  /* Body: scales from 14px to 16px (matches h6 max, but you can differentiate with font-weight) */
  --fs-base: clamp(0.875rem, 0.838rem + 0.185vw, 1rem);

  /* Small (Copyright/Footer): scales from 10px to 12px */
  --fs-xs: clamp(0.625rem, 0.588rem + 0.185vw, 0.75rem);
  --e-global-typography-primary-font-family: 'poppinsregular';
}
body{
	font-family: 'poppinsregular';
	font-weight:400;
}
h1,h2{
	font-family: 'poppinsbold';
}
/*Coming Soon*/
.coming-soon-form input,
.fd-form-group input,
.wpcf7 input[type="email"]{
	width:100%;
	max-width:100%;
}
/*Embedded FAQ*/
.embedded-faq{}
.embedded-faq .ef-inner summary:first-of-type{
	border-top:0;
}

.hero-bg-text .trx_addons_bg_text_inner .trx_addons_bg_text_item:nth-child(2){display:none;}

.gradient-img-box .elementor-image-box-img::before,
.gradient-img-box .elementor-image-box-img::after,
.gradient-cont::before,
.gradient-cont::after{
	content:"";
	position:absolute;
	inset:0;
	border-radius:10px;
	z-index:1;
	pointer-events:none;
}
.gradient-img-box .elementor-image-box-img::before{
	background-image: linear-gradient(
    to top right, 
    rgba(0, 15, 204, 0.8) 0%, 
    rgba(0, 15, 204, 0) 70%
  );
	mix-blend-mode: multiply;
}
.gradient-img-box .elementor-image-box-img::after{
	background-image: linear-gradient(
    to bottom left, 
    rgba(208, 245, 3, 0.7) 0%, 
    rgba(208, 245, 3, 0) 70%
  );
	mix-blend-mode: overlay;
}
.gradient-img-box .elementor-image-box-img img{
	width:100%!important;
}
.gradient-cont::before{
	background-image: linear-gradient(
    to top, 
    rgba(0, 15, 204, 0.8) 0%, 
    rgba(0, 15, 204, 0) 70%
  );
	mix-blend-mode: multiply;
}

.mesh-background {
  width: 100%;
  height: 100vh; 
  
  background-color: #010626; 
  background-image:
    radial-gradient(circle at 20% 50%, rgba(211, 255, 13, 0.25) 0%, transparent 50%),
    radial-gradient(circle at 80% 40%, rgba(0, 15, 204, 0.4) 0%, transparent 50%),
    radial-gradient(circle at 90% 10%, rgba(1, 13, 194, 0.3) 0%, transparent 40%),
    radial-gradient(circle at 10% 90%, rgba(13, 22, 96, 0.5) 0%, transparent 50%),
    radial-gradient(circle at 50% 50%, rgba(18, 21, 35, 0.8) 0%, transparent 60%);
  background-size: 200% 200%;
  animation: drift 20s ease infinite;
}

@keyframes drift {
  0% {
    background-position: 0% 0%;
  }
  25% {
    background-position: 100% 0%;
  }
  50% {
    background-position: 100% 100%;
  }
  75% {
    background-position: 0% 100%;
  }
  100% {
    background-position: 0% 0%;
  }
}

/*Contact Us Form*/
.cu-form input,
.cu-form textarea{ width:100%;}
.wpcf7 .wpcf7-form-control-wrap:has(input[aria-required="true"]){
	position:relative;
	display: block;
}
.wpcf7 .wpcf7-form-control-wrap:has(input[aria-required="true"])::after{
	content: "*";
	position:absolute;
	left:0;
	top:-30%;
	color:red;
}
.foot-nav-industries .trx-addons-nav-menu-container.inited_kbd{
	box-shadow:none;
}

body > *
{ 
	hyphens: none!important; 
	word-break: normal!important;
}
@media screen and (max-width:1000px){
	.fd-hero-inner-wrap{
		width:100%!important;
	}
}
.wpcf7-response-output {
    display: none !important;
}
