/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*Remove body margin*/
body{
	margin: 0px !important;
}
/*Stop x overflow*/
html, body {
	overflow-x: hidden;
}

/*-----GRAVITY FORMS-----*/
.gform_required_legend {
    display: none!important;
}
/*All input areas text color*/
.gform_wrapper.gravity-theme input[type=color], .gform_wrapper.gravity-theme input[type=date], .gform_wrapper.gravity-theme input[type=datetime-local], .gform_wrapper.gravity-theme input[type=datetime], .gform_wrapper.gravity-theme input[type=email], .gform_wrapper.gravity-theme input[type=month], .gform_wrapper.gravity-theme input[type=number], .gform_wrapper.gravity-theme input[type=password], .gform_wrapper.gravity-theme input[type=search], .gform_wrapper.gravity-theme input[type=tel], .gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=time], .gform_wrapper.gravity-theme input[type=url], .gform_wrapper.gravity-theme input[type=week], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea {
  color: var( --e-global-color-4326668 );
}
body .gform_wrapper ::placeholder,
body .gform_wrapper ::-webkit-input-placeholder,
body .gform_wrapper input[placeholder] {
  color: var( --e-global-color-secondary )!important;
}
#gform_confirmation_message_2 {
  color: var( --e-global-color-secondary )!important;
}
/*Text fields*/
.gform_wrapper
  input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) {
  border-radius: 0px !important;
  padding: 10px 10px 10px 10px !important;
  border-color: var( --e-global-color-22c65ab1 ) !important;
  border-width: 1px !important;
  border-style: solid !important;
}
/*Paragraph fields*/
.gform_wrapper textarea {
  padding: 10px 10px 10px 10px !important;
  margin-top: 12px !important;
  border-width: 1px !important;
  border-color: var( --e-global-color-22c65ab1 ) !important;
  border-style: solid !important;
  border-radius: 0px !important;
}
/*Select fields*/
.gform_wrapper select {
	border-radius: 0px !important;
	border: solid 1px var( --e-global-color-22c65ab1 )!important;
	padding: 8px!important;
}
/*Field lables*/
.gform_wrapper label.gfield_label,
.gform_wrapper legend.gfield_label {
  font-weight: 500 !important;
  color: var( --e-global-color-text );
  margin-bottom: 10px !important;
  margin-top: 10px !important;
}
/*Radio button and checkbox alignment*/
.gform_wrapper.gf_browser_chrome .gfield_checkbox li input,
.gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type="checkbox"],
.gform_wrapper.gf_browser_chrome .gfield_radio li input[type="radio"] {
  margin-top: 0px !important;
}
body .gform_wrapper ul li.gfield {
  margin-top: 0px !important;
}
/*Submit button alignment*/
.gform_wrapper {
  margin: 0 0 0 0 !important;
  border:0px;
}
.gform_legacy_markup_wrapper .gform_footer {
    padding: 0px !important;
}

/*-----GUTENBERG BLOCKS-----*/
/*Padding for tables*/
.wp-block-table.is-style-stripes td, .wp-block-table.is-style-stripes th {
    padding: 10px;
}
/*Margin for divider*/
.wp-block-separator.is-style-wide {
    border-bottom-width: 1px;
    margin-top: 30px;
    margin-bottom: 30px;
}

/*--HEADER SCROLL EFFECTS--*/
.elementor-sticky--effects #sticky-logo img {
	width: 150px!important;
}
#sticky-logo img {
	transition: .5s all ease-in-out;
}
@media screen and (max-width: 767px) {
    .elementor-sticky--effects #sticky-logo img {
	width: 100px!important;
}
}

/* Additional CSS */

#socialIcons a {
	box-shadow: 2px 1px 3px #00000029;
	border: 1px solid #D4D4D8;
	mix-blend-mode: normal;
}

/* logo carousel */
.auto-scroll-swiper .swiper-wrapper {
	-webkit-transition-timing-function: linear !important;
	transition-timing-function: linear !important;
}

/* Centering Absolute Positioned Image Elements */
	/* Done here to avoid confusion in the Elementor Editor when trying to select images */
.centerAbsoluteImage {
	top: 50% !important;
	left: 50% !important;
    transform: translate(-50%, -50%) !important;
}

/* Masks for cutout image */
	/* An attempt to help web not need designers for future changes */
.curvedMask {
    -webkit-mask-image: url('https://kstest.co.za/pkg/wp-content/uploads/2026/03/pkg_s-curve-shape.svg');
    mask-image: url('https://kstest.co.za/pkg/wp-content/uploads/2026/03/pkg_s-curve-shape.svg');
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
/*     min-height: 650px;  */
    background-size: cover;
    background-position: center center;
}

.pizzaMask {
    -webkit-mask-image: url('https://kstest.co.za/pkg/wp-content/uploads/2026/03/pkg_pizza-curve-shape.svg');
    mask-image: url('https://kstest.co.za/pkg/wp-content/uploads/2026/03/pkg_pizza-curve-shape.svg');
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
/*     min-height: 550px;  */
    background-size: cover;
    background-position: center center;
}

/* Google Maps Widget */
	/* 	Make full height */
.googleMapsWidget {
    flex-grow: 1;
    height: 100% !important;
    display: flex !important;
}

.googleMapsWidget .elementor-widget-container,
.googleMapsWidget .elementor-custom-embed,
.googleMapsWidget iframe {
    height: 100% !important;
    min-height: 100% !important;
    flex: 1;
}


/* Media Queries */
@media screen and (max-width: 767px) {
	.mainVideoBanner {
		--overlay-mix-blend-mode: none !important;
/* 		mix-blend-mode: multiply !important; */
		
	}
}

/* end of Additional CSS */