/*---------------------------------------------------------------------------------

 Theme Name:   Screenweave - Divi Template
 Theme URI:    https://www.elegantthemes.com/gallery/divi/
 Description:  Child theme for Divi created by Screenweave
 Author:       Screenweave
 Author URI:   https://screenweave.co.nz
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ Custom CSS Here ------------------------------*/

/*---------- FLEX PROPERTIES -----------*/

/* Set Display Flex */
/* Or just set Equalise Column heights in Divi */
.sw-flex {
	display:flex;
}

/*----------- SPACING INSIDE COLUMN ----------*/
/*----- ROW MUST BE SET TO DISPLAY:FLEX; -----*/
/*----- Use Divi equalise column heights -----*/

/* Set Display Space Between */
.sw-flex-between {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

/* Set Display Space Around */
.sw-flex-around {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}

/* Set Display to Top of Column */
.sw-flex-start {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

/* Set Display Center */
.sw-flex-center {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

/* Set Display to End of Column */
.sw-flex-center {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}


/*----- ALIGNMENT WITHIN A ROW -----*/
/*------- Needs display:flex -------*/
/* Set all columns in a row to align top */
.sw-row-start {
	align-items: flex-start;
}

/* Set all columns in a row to align center */
.sw-row-center {
	align-items: center;
}

/* Set all columns in a row to align bottom*/
.sw-row-end {
	align-items: flex-end;
}