.elementor-42829 .elementor-element.elementor-element-8e454dc{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.2;--margin-top:-160px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:190px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;--z-index:2;}.elementor-42829 .elementor-element.elementor-element-8e454dc:not(.elementor-motion-effects-element-type-background), .elementor-42829 .elementor-element.elementor-element-8e454dc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-64ae608 );}.elementor-42829 .elementor-element.elementor-element-8e454dc::before, .elementor-42829 .elementor-element.elementor-element-8e454dc > .elementor-background-video-container::before, .elementor-42829 .elementor-element.elementor-element-8e454dc > .e-con-inner > .elementor-background-video-container::before, .elementor-42829 .elementor-element.elementor-element-8e454dc > .elementor-background-slideshow::before, .elementor-42829 .elementor-element.elementor-element-8e454dc > .e-con-inner > .elementor-background-slideshow::before, .elementor-42829 .elementor-element.elementor-element-8e454dc > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://sitemakers.ca/wp-content/uploads/2024/09/blur-gradient-abstract-colorful-pastel-background.jpg");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-42829 .elementor-element.elementor-element-8e454dc::before{filter:brightness( 80% ) contrast( 100% ) saturate( 200% ) blur( 0px ) hue-rotate( 210deg );}.elementor-42829 .elementor-element.elementor-element-9bafb96{--display:flex;--padding-top:0px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-42829 .elementor-element.elementor-element-9e49a85{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-42829 .elementor-element.elementor-element-da97c06 .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:22px;font-weight:600;text-transform:none;color:var( --e-global-color-secondary );}.elementor-42829 .elementor-element.elementor-element-3d752ef > .elementor-widget-container{margin:10px 10px 10px 10px;}.elementor-42829 .elementor-element.elementor-element-3d752ef{font-family:"Manrope", Sans-serif;font-size:18px;font-weight:400;text-decoration:none;color:var( --e-global-color-fa302c4 );}.elementor-42829 .elementor-element.elementor-element-fabc44f{--display:flex;}.elementor-42829 .elementor-element.elementor-element-fabc44f.e-con{--align-self:center;}@media(min-width:768px){.elementor-42829 .elementor-element.elementor-element-9bafb96{--width:85%;}}@media(max-width:1024px){.elementor-42829 .elementor-element.elementor-element-8e454dc{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:100px;--padding-bottom:80px;--padding-left:10px;--padding-right:10px;}.elementor-42829 .elementor-element.elementor-element-9bafb96{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-42829 .elementor-element.elementor-element-da97c06 .elementor-heading-title{font-size:52px;}.elementor-42829 .elementor-element.elementor-element-3d752ef{width:100%;max-width:100%;text-align:center;font-size:17px;}.elementor-42829 .elementor-element.elementor-element-3d752ef > .elementor-widget-container{margin:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-42829 .elementor-element.elementor-element-8e454dc{--margin-top:-170px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:180px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-42829 .elementor-element.elementor-element-9bafb96{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-42829 .elementor-element.elementor-element-da97c06 .elementor-heading-title{font-size:22px;}.elementor-42829 .elementor-element.elementor-element-3d752ef > .elementor-widget-container{margin:15px 0px 0px 0px;}.elementor-42829 .elementor-element.elementor-element-3d752ef{text-align:start;font-size:16px;}}/* Start custom CSS for shortcode, class: .elementor-element-342c9bb5 *//* Target the form wrapper */
#slicewp-affiliate-register-form {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* Create two equal-width columns */
    gap: 20px; /* Add spacing between columns and rows */
}

/* Target individual field wrappers */
#slicewp-affiliate-register-form .slicewp-field-wrapper {
    display: flex;
    flex-direction: column; /* Ensure fields stack vertically inside their wrapper */
}

/* Full-width fields (for special cases like Terms and Conditions or Submit Button) */
#slicewp-affiliate-register-form .slicewp-field-wrapper-terms-and-conditions,
#slicewp-affiliate-register-form button {
    grid-column: span 2; /* Make these elements span across both columns */
}
@media (max-width: 768px) {
    #slicewp-affiliate-register-form {
        grid-template-columns: 1fr; /* Single-column layout for smaller screens */
    }
}
/* Center the Register Button */
#slicewp-affiliate-register-form button.slicewp-button-primary {
    display: block; /* Ensures it behaves like a block element */
    margin: 20px auto; /* Centers it horizontally with auto margins */
    max-width: 300px; /* Limits the button's width */
    width: 100%; /* Makes the button responsive (fills up to 300px max) */
    text-align: center; /* Ensures the text inside the button is centered */
    border: 1px solid #ffffff30;
}
@media (max-width: 480px) {
    #slicewp-affiliate-register-form button.slicewp-button-primary {
        max-width: 100%; /* Let the button fill the width on small screens */
    }
}
/* Reduce top and bottom spacing for fields */
#slicewp-affiliate-register-form .slicewp-field-wrapper {
    margin-bottom: 5px !important; /* Ensure reduced spacing between fields */
    padding: 5px 0 !important; /* Adjust inner spacing */
}

/* Target field wrapper row spacing */
#slicewp-affiliate-register-form .slicewp-field-wrapper {
    margin-top: 0 !important; /* Remove space above the row */
    margin-bottom: 10px !important; /* Adjust space below the row */
}

/* Optional: Reduce the vertical spacing for all fields */
#slicewp-affiliate-register-form input,
#slicewp-affiliate-register-form select,
#slicewp-affiliate-register-form textarea {
    margin: 0 !important; /* Remove extra margins */
    padding: 8px !important; /* Consistent inner spacing */
}

/* Target the form as a whole for tighter layout */
#slicewp-affiliate-register-form {
    row-gap: 2px !important; /* Use grid's row-gap if grid layout is applied */
    padding: 0 !important; /* Remove extra padding around the form */
}/* End custom CSS */