/*
 Theme Name:   Child Theme Name
 Theme URI:    https://teuscherwalpole.com/
 Description:  Custom WordPress theme for www.teuscherwalpole.com
 Author:       Utah Website Design
 Author URI:   https://utahwebsitedesign.com
 Template:     hello-elementor
 Version:      1.0.0
 Text Domain:  teuscherwalpole
*/

/***
* Shrinking Sticky header, Elementor Container edition
* class: .sticky-header
* This will only work with the Elementor container section
* the header uses additional 3 classes to gain higher CSS specificity and to avoid adding !important
*/
header.sticky-header.e-container.elementor-element {
	--header-height: 100px; /* Set your own header height */
	--shrink-header-to: 0.6; /* Shrinks to 60%, values: 0.1 to 1 */
	--transition-timing: .45s cubic-bezier(.4, 0, .2, 1); /* values: .1s to 0.5s (or more), replace "cubic-bezier(.4, 0, .2, 1)" with "ease" if you need a simpler transition */
	--min-height: var(--header-height);
	--transition: background-color var(--transition-timing),
					backdrop-filter var(--transition-timing),
					box-shadow var(--transition-timing),
					min-height var(--transition-timing);
}
header.elementor-sticky--active {
	background-color: #FFFFFF; /* Set your own background color on scroll */
	box-shadow: 0px 4px 33px 1px rgba(0, 0, 0, .07); /* Delete this line if you don't want shadow on scroll */
	--min-height: calc( var(--header-height) * var(--shrink-header-to) );
}

.grid-col {
	position: relative;
    min-height: 1px;
    display: flex;
}

.custom-field-group {
    padding-right: calc( 10px/2 );
    padding-left: calc( 10px/2 );
    margin-bottom: 10px;
	flex-wrap: wrap;
    align-items: center;
}

body .pay-invoice input[type="submit"] {
	font-size: 13px;
	line-height: 1;
	padding: 10px 20px;
	border-width: 3px;
	font-weight: 500;
	border-radius: 2px;
}

body .pay-invoice input[type="submit"]:hover  {
	border-color: #2962A5;
    border-width: 3px;
}

@media (min-width: 768px) {
	.grid-col-50 {
		
	}
}