/**
Theme Name: Forte Melbourne
Author: Forte Marketing
Author URI: https://fortemarketing.com.au/
Description: Custom theme for the Forte Marketing Melbourne site.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: forte-melbourne
Template: astra
*/

/**
 * Square Start
 */
.square-divider {
	position: relative;
	
	/* 	Variables */
	--color: #F927AF;
	--size: 144px;
	--outset: calc( 55px - 20px );
	--position: top right;
	--top: calc(-1 * var(--outset));
	--right: calc(-1 * var(--outset));
	--bottom: unset;
	--left: unset;
}

.square-divider::before {
	/* Position */
	position: absolute;
	top: var(--top);
	right: var(--right);
	bottom: var(--bottom);
	left: var(--left);
	
	/* Size + Color */
	width: var(--size);
	height: var(--size);
	background-image: linear-gradient(var(--color), var(--color)) !important;
}

/* Positions */
.square-divider.top-right {
	--position: top right;
	--top: calc(-1 * var(--outset));
	--right: calc(-1 * var(--outset));
	--bottom: unset;
	--left: unset;
}
.square-divider.top-left {
	--position: top left;
	--top: calc(-1 * var(--outset));
	--right: unset;
	--bottom: unset;
	--left: calc(-1 * var(--outset));
}
.square-divider.bottom-left {
	--position: bottom left;
	--top: unset;
	--right: unset;
	--bottom: calc(-1 * var(--outset));
	--left: calc(-1 * var(--outset));
}
.square-divider.bottom-right {
	--position: bottom right;
	--top: unset;
	--right: calc(-1 * var(--outset));
	--bottom: calc(-1 * var(--outset));
	--left: unset;
}

/* Colours */
.square-divider.purple {
	--color: #9900c7;
}
.square-divider.pink {
	--color: #fa26b0;
}
.square-divider.light-pink {
	--color: #fa96de;
}
.square-divider.red {
	--color: #ed0000;
}
.square-divider.orange {
	--color: #ff4f00;
}
.square-divider.yellow {
	--color: #ffba00;
}
.square-divider.blue {
	--color: #0300ab;
}
.square-divider.light-blue {
	--color: #0082ff;
}
.square-divider.green {
	--color: #00dea8;
}
.square-divider.black {
	--color: #000000;
}

/**
 * Tablet/Mobile
 */
@media only screen and (max-width: 1275px)
{
	.square-divider::before {
		display: none !important;
		width: !important;
		height: !important;
	}
	
	.square-divider {
		padding: var(--outset);
		background-size: var(--size) var(--size);
		background-position: var(--position);
   		background-repeat: no-repeat;
    	background-image: linear-gradient(var(--color), var(--color)) !important;
	}
}

/**
 * GFORM Styling
 */
.gform-theme--foundation {
    /*Spacing*/
    --gf-form-gap-x: 20px !important;
    --gf-form-gap-y: 20px !important;
    --gf-field-gap-x: 20px !important;
    --gf-field-gap-y: 20px !important;
    --gf-form-footer-gap: 20px !important;
    --gf-form-footer-margin-y-start: 20px !important;
    
    /*Color*/
    --gf-color-primary-darker: #ff4f00 !important;
    --gf-ctrl-btn-bg-color-primary: #FFBA00 !important;
    --gf-ctrl-btn-border-color-primary: #FFBA00 !important;
    --gf-ctrl-btn-color-primary: #000000 !important;
    --gf-ctrl-btn-font-style: 'Inter' !important;
    --gf-ctrl-btn-font-size: 16px !important;
    --gf-ctrl-btn-font-weight: 400;
    --gf-ctrl-btn-padding-y: 10px !important;
    --gf-ctrl-btn-padding-x: 27px !important;
    
    --gf-ctrl-font-family: 'Inter' !important;
    --gf-ctrl-font-size: 16px !important;
    --gf-ctrl-padding-x: 20px !important;
    --gf-ctrl-padding-y: 20px !important;
    --gf-radius: 0 !important;
}

.gform-theme--foundation .gform_validation_errors {
    display: none !important;
}

#gform_2 .gform_footer {
    justify-content: center !important;
}

/**
 * Footer IMG
 */
.site-footer-primary-section-1 .footer-widget-area .image {
	width: 150px !important;
}