.elementor-kit-1321{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-7b53b7d5:#FF4713;--e-global-color-7a726ca:#000;--e-global-color-49744ef9:#FFF;--e-global-color-a96544e:#818181;--e-global-color-47a3d53e:#FFF1EE;--e-global-color-2424e135:#FF6235;--e-global-color-39151d9d:#E5E5E5;--e-global-color-5327b98c:#444444;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-1321 button,.elementor-kit-1321 input[type="button"],.elementor-kit-1321 input[type="submit"],.elementor-kit-1321 .elementor-button{font-family:"Stratumno Medium", Sans-serif;font-size:1em;font-weight:normal;text-transform:uppercase;letter-spacing:0.9px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#FFFFFF;background-color:#FF4713;border-radius:5px 5px 5px 5px;}.elementor-kit-1321 button:hover,.elementor-kit-1321 button:focus,.elementor-kit-1321 input[type="button"]:hover,.elementor-kit-1321 input[type="button"]:focus,.elementor-kit-1321 input[type="submit"]:hover,.elementor-kit-1321 input[type="submit"]:focus,.elementor-kit-1321 .elementor-button:hover,.elementor-kit-1321 .elementor-button:focus{background-color:#FF6235;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1300px;}.e-con{--container-max-width:1300px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-1321 e-page-transition{background-color:#FFBC7D;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//*-------Fancy Backgrounds -------*/

.bg1-conic {
/*This is the fallback gradient*/
    background-image: linear-gradient(140deg, #FFF1EE 48%, #FFFDFE 32%);
/*This is the main background effect*/
  background-image: conic-gradient(from 50deg, white 60%, rgba(255,71,19,0.07) 90%);
}
.bg2-conic {
/*This is the fallback gradient*/
  background-image: linear-gradient(60deg, #FFF1EE 48%, #FFFDFE 32%);
/*This is the main background effect*/
    background-image: conic-gradient(from -220deg, rgba(255,71,19,0.07) 40%, white 60%) 
}
.bg3-conic {
/*This is the fallback gradient*/
     background-image: linear-gradient(-150deg, #FFF1EE 48%, #FFFDFE 32%);
/*This is the main background effect*/
   background-image: conic-gradient(from -240deg, white 40%, rgba(255,71,19,0.07) 60%);
}
/*-------End Fancy Backgrounds -------*/



/*-------Gutenberg Styling -------*/

/*Style Gutenberg Separator*/
.elementor hr{
    margin:40px auto;
    background-color:#ddd;
    width:100%;

}

/*Style Gutenberg Media & Text Block*/
.wp-block-media-text>figure>img{
    max-width:300px;
}

.has-media-on-the-right .wp-block-media-text__content{
    padding-left:0;
    padding-right:8%;
}

.wp-block-media-text__content{
    padding-left:8%;
    padding-right:0;
}

.wp-block-media-text{
    margin-bottom:80px;
}


/* Make sure media & text blocks always stack image, then text */ 
@media screen and (max-width: 600px) { 
  .has-media-on-the-right { 
    display: flex; 
    flex-direction: column; 
  } 
  .wp-block-media-text__media, .wp-block-image{
      max-width:50% !important;
      margin:20px auto !important;
  }
  .wp-block-media-text{
    margin-bottom:20px;
}
.elementor hr{
    margin:20px auto;
    width:80%;
}
body{
    text-align:center;
}

.wp-block-image.alignwide {
    max-width:100% !important;
}
}

/*------End of Gutenberg Styling--------*/


/*------Free Measure & Quote Form Styling------*/
@media only screen and (min-width: 1024px) {
.gchoice_1_4_1, .gchoice_1_4_3{
    display:inline-block;
    width:40%;
}

.gchoice_1_4_2, .gchoice_1_4_4{
    display:inline-block;
    width:60%;
}
}
.eael-gravity-form .gform_wrapper ul.gform_fields li.gfield{
    padding:0;
}

#input_1_1_3 {
    margin-bottom:0;
}

li#field_1_1.name input {
background: url("/wp-content/uploads/2020/06/user-regular-1.svg") no-repeat scroll 10px 15px white;
display: block;
background-size:15px;
}

li#field_1_2.email input {
background: url("/wp-content/uploads/2020/06/envelope-regular-1.svg") no-repeat scroll 10px 15px white;
display: block;
background-size:15px;
}

li#field_1_3.phone input {
background: url("/wp-content/uploads/2020/06/phone-alt-solid-1.svg") no-repeat scroll 10px 15px white;
display: block;
background-size:15px;
}

li#field_1_5.postcode input {
background: url("/wp-content/uploads/2020/08/map-marker-alt-solid.svg") no-repeat scroll 10px 15px white;
display: block;
background-size:13px;
}

li#field_1_4>label:before{
    content:"\f14a";
    font-family:"Font Awesome 5 Free";
    padding-right: 10px;
    color:#666;
    font-weight:900;
}

.eael-custom-radio-checkbox input[type="checkbox"]:checked:before{
    content:"\f00c";
    font-family:"Font Awesome 5 Free";
    color:#ff4713;
    font-size:15px;
    font-weight:900;
    margin-left:-1px;
    margin-top:-8px;
}

#field_1_4{
    border:1px solid rgba(129, 129, 129, 0.23);
    border-radius:6px;
    padding:10px 10px 0;
    background-color:white;
}

.eael-custom-radio-checkbox input[type="checkbox"]:checked{
    border-color:#ff4713 !important;
}

.gform_wrapper ul.gfield_checkbox li label{
    padding-left:5px;
}

#field_1_5 .charleft.ginput_counter.warningTextareaInfo, #field_4_5 .charleft.ginput_counter.warningTextareaInfo{
    display:none;
}

/*------Footer Measure & Quote Form Styling------*/
@media only screen and (min-width: 1024px) {
.gchoice_4_4_1, .gchoice_4_4_3{
    display:inline-block;
    width:40%;
}

.gchoice_4_4_2, .gchoice_4_4_4{
    display:inline-block;
    width:60%;
}
}

#input_4_1_3 {
    margin-bottom:0;
}

li#field_4_1.name input,
li#field_19_1.name input{
background: url("/wp-content/uploads/2020/06/user-regular-1.svg") no-repeat scroll 10px 15px white;
display: block;
background-size:15px;
}

li#field_4_2.email input,
li#field_19_2.email input{
background: url("/wp-content/uploads/2020/06/envelope-regular-1.svg") no-repeat scroll 10px 15px white;
display: block;
background-size:15px;
}

li#field_4_3.phone input,
li#field_19_3.phone input{
background: url("/wp-content/uploads/2020/06/phone-alt-solid-1.svg") no-repeat scroll 10px 15px white;
display: block;
background-size:15px;
}

li#field_4_5.postcode input,
li#field_19_5.postcode input{
background: url("/wp-content/uploads/2020/08/map-marker-alt-solid.svg") no-repeat scroll 10px 15px white;
display: block;
background-size:13px;
}

li#field_4_4>label:before{
    content:"\f14a";
    font-family:"Font Awesome 5 Free";
    padding-right: 10px;
    color:#666;
    font-weight:900;
}

#field_4_4{
    border:1px solid rgba(129, 129, 129, 0.23);
    border-radius:6px;
    padding:10px 10px 0;
    background-color:white;
}

/* add NSS policy under button */
#gform_1 .gform_footer:after{
    content: "*by submitting this free quote request I agree to NSS Privacy Policy";
    font-size: 14px;
    text-align: center;
    display: block;
    margin-top: 5px;
}

#gform_5 .gform_footer:after{
    content: "*by submitting this free quote request I agree to NSS Privacy Policy";
    font-size: 14px;
    text-align: center;
    display: block;
    margin-top: 5px;
}

@media only screen and (max-width: 490px){
    #gform_1 .gform_footer:after, #gform_5 .gform_footer:after{
        font-size: 10px !important;
    }
}



/*Changes default accent color to orange*/

:root{
--primary-accent: ##FF6235;
}
/*------End of Form Styling--------*/



/*------Footer Styling--------*/

/*Limits content width while allowing full width background*/
@media only screen and (min-width: 1140px) {
	#footer-contact-section .orange-overlay-column .elementor-widget-wrap {
		max-width: 630px;
		position: absolute;
		right: 0;
	}
	.max-width-half-container {
		max-width: 630px;
	}

/*----- Everything below this line is CSS written by Faizan - at some point we probably need to check for code that is no longer required and remove it.*/



/* Footer CSS */
#footer-toggle .eael-toggle-switch-wrap {
	z-index: 9999;
	top: -35px;
	box-shadow: 0 8px 6px -6px #0000006b;
	text-align: center;
	background-color: white;
	left: 0;
	right: 0;
	max-width: 500px;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	padding: 15px 5px;
}

@media only screen and (max-width: 767px) {
	#footer-toggle .footer-toggle-address {
		order: -1;
	}
	#footer-toggle .eael-toggle-switch-wrap {
		top: -23px;
		padding: 5px;
	}
}
@media only screen and (max-width: 520px) {
	#footer-toggle .eael-toggle-switch-wrap {
		max-width: 95%;
		padding: 5px 0;
	}
}

	
/* End footer CSS */
@media only screen and (max-width: 767px) {
	#header-menu .elementor-element-4ac2c1d .elementor-icon-box-wrapper {
		display: flex;
		text-align: left;
		align-items: center;
	}
	#header-menu .elementor-element-4ac2c1d .elementor-icon-box-wrapper .elementor-icon-box-icon {
		margin-bottom: 0;
		margin-right: 5px !important;
	}
}
@media only screen and (max-width: 360px) {
	.elementor-283 .elementor-element.elementor-element-1996edb {
		padding-right: 13px !important;
	}
}

.elementor-83 .elementor-element.elementor-element-800e221 .eael-tm-image img,
.elementor-83 .elementor-element.elementor-element-800e221 .eael-tm-overlay-content-wrap::before {
	padding: 6px;
}



@media only screen and (max-width: 767px) {
	#header-menu .elementor-element-4ac2c1d .elementor-icon-box-wrapper {
		display: flex;
		text-align: left;
		align-items: center;
	}
	#header-menu .elementor-element-4ac2c1d .elementor-icon-box-wrapper .elementor-icon-box-icon {
		margin-bottom: 0;
		margin-right: 5px !important;
	}
}
@media only screen and (max-width: 360px) {
	.elementor-283 .elementor-element.elementor-element-1996edb {
		padding-right: 13px !important;
	}
}
.team-member-btn {
	color: white;
	background-color: var(--primary-accent);
	border-radius: 6px;
	padding: 5px 35px;
	text-transform: uppercase;
	letter-spacing: 0.6px;
	min-width:194px;
}
.team-member-btn:hover {
	background-color: var(--primary-accent);
}
.elementor-83 .elementor-element.elementor-element-800e221 .eael-tm-image img,
.elementor-83 .elementor-element.elementor-element-800e221 .eael-tm-overlay-content-wrap::before {
	padding: 6px;
}


@media only screen and (max-width: 767px) {
.jet-mobile-menu__toggle-icon .e-font-icon-svg {
        max-width:30px;
        max-height:20px;
    }
}

/*
.orange-bordered-img img {
	padding: 5px;
}
.orange-bordered-img:hover img {
	border-width: 6px !important;
	transition: 0.1s;
	padding: 2px;
}
.orange-bordered-img:hover h3 {
	color: var(--primary-accent);
}

.orange-bordered-img:hover div div div div div::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: inline-block;
	background: linear-gradient(40deg, transparent, #ffffffc9 50%, transparent)
}
.orange-bordered-img .elementor-widget-image {

  border: solid 3px var(--primary-accent);
  border-radius: 0 20px 0 20px;
}

.orange-bordered-img .elementor-widget-image:hover {
  border-width: 5px;
  padding: 2px;
}
*/
/* ------ This styles the mega menu on mobile but it was playing silly buggers so instead we've removed the dropdown on mobile & tablet.------

@media (max-width: 1024px){
.elementor-2151 .elementor-element.elementor-element-32f9a79{
    margin-top:20px !important;
    margin-bottom:20px !important;
    padding:10px !important;
    border-top-width:3px !important;
}
.elementor-2151 .elementor-icon svg {
    width:0.6em;
    height:0.6em;
}

.elementor-2151 h3{
    margin-bottom:0;
}

.elementor-2151 .elementor-element.elementor-element-c9a7fc2 > .elementor-element-populated, .elementor-2151 .elementor-element.elementor-element-e401403 > .elementor-element-populated, .elementor-2151 .elementor-element.elementor-element-4061d6d > .elementor-element-populated, .elementor-2151 .elementor-element.elementor-element-1835157 > .elementor-element-populated{
    padding:30px;
}
}*/

.gsection_title{
    margin-top:40px;
}

/*Z Index on video lightboxes*/

.mfp-container, .mfp-wrap, body div.mfp-bg{
    z-index:9999 !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Stratumno Medium';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://www.nustyleshutters.com.au/wp-content/uploads/2020/01/STRATUMNO1-MEDIUM.ttf') format('truetype');
}
/* End Custom Fonts CSS */