/*
 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.5.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);
}

/* VFB Pro Address Field */
/* --------------------- */
/* Make the VFB Pro Address Field use multiple columns. Apply the class "vc-vfb-address" to the Address block */
@media (min-width: 768px) {
    .vc-vfb-address .vfb-address-block .vfb-form-group:nth-child(3),
    .vc-vfb-address .vfb-address-block .vfb-form-group:nth-child(4),
    .vc-vfb-address .vfb-address-block .vfb-form-group:nth-child(5) {
        width:33.333333%;
        width: calc(100% / 3);
        display: inline-block;
        padding-left:15px;
        padding-right:15px;
    }
    .vc-vfb-address .vfb-address-block .vfb-form-group:nth-child(3) {padding-left:0;}
    .vc-vfb-address .vfb-address-block .vfb-form-group:nth-child(5) {padding-right:0;}
}