/*
 Theme Name:     Divi Child Theme
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         VirtualCity
 Author URI:     http://www.virtualcity.com.au
 Template:       Divi
 Version:        1.4.0
*/

@import url("../Divi/style.css");

/* Styles for a single-line Call-to-Action */
/* --------------------------------------- */
/* Set the class "singlecta" on any Call to Action module to make it a single row on desktop, and display normally on mobile */
/* NOTE - it is requred that you manually set a 0px top and bottom padding on the row containing the Call to Action, else it will have a larger gap than normal on mobile. Otherwise, use the Call to Action in its own section. */
@media screen and (min-width:981px) {
	.singlecta {
		display:flex;
		flex-direction:row;
		align-items:center;
		justify-content:space-between;
	}
	.singlecta .et_pb_promo_description {
		padding-bottom:0;
		text-align:left;
	}
	.singlecta .et_pb_module_header {
		padding-bottom:0;
	}
}
@media screen and (max-width:980px) {
	.singlecta .et_pb_promo_description {
		padding-bottom:2em;
	}
}

/* Allow vertical alignment */
/* ------------------------ */
/* Set any row to "Equalise Column Heights" and add a class "ds-vertical-align" to all columns within that row to centre content */
.ds-vertical-align {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Page Link Buttons */
/* ----------------- */
/* Set a background image to a column, use .ds-vertical-align above, and have a single button module in the column, linking to the page you would like to navigate to. */
/* NOTE - this class gets applied to the row itself, not the module directly. */
.servicebtn .et_pb_column {
  overflow: hidden;
  transition: all .8s;
}
.servicebtn .et_pb_column::before {
  content:"";
  position:absolute; top:0;right:0;bottom:0;left:0;
  background:inherit;
  transition:inherit;
}
.servicebtn .et_pb_column:hover::before {
  transform: scale(1.2);
}