// =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
//  Functions
// =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=

.cf {
	*zoom: 1;

	&:before,
	&:after {
		display: table;
		line-height: 0;
		content: '';
	}

	&:after {
		clear: both;
	}
}

.hide {
	display: none;
}

.txt-c {
	text-align: center;
}

.txt-r {
	text-align: right;
}

.txt-l {
	text-align: left;
}

.txt-j {
	text-align: justify;
}

.txt-uc {
	text-transform: uppercase;
}

.txt-ul {
	text-decoration: underline;
}


// =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
//  To Top
// =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=

#toTop {
	@include border-radius;
	position: fixed;
	right: 10px;
	bottom: 10px;
	display: none;
	width: 50px;
	height: 50px;
	color: #fff;
	background: rgba(#000, .3);
	font-size: 0;

    z-index: 900;
	i {
		position: fixed;
		right: 28px;
		bottom: 29px;
		z-index: 200;
		font-size: 15px;
	}

	&Hover {
		@include border-radius;
		display: block;
		width: 50px;
		height: 50px;
		background: $accent2;
		opacity: 0;
		font-size: 0;
	}
}


// =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
//  Meta Slider Fix
// =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=

.metaslider {
	@include transition(opacity 150ms ease-in-out);
	overflow: hidden;
	opacity: 0;
}


// =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
//  Pagebuilder Column Lists
// =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=

@include bp(780px) {
	.panel-grid > .list-row .panel-grid-cell {
		margin-bottom: 0 !important;

		ul {
			margin: 0;
		}

		&:first-child {
			ul {
				margin-top: 1em;
			}
		}

		&:last-child {
			ul {
				margin-bottom: 1em;
			}
		}
	}
}


// =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
//  Appointments+ Fixes
// =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=

.appointments-confirmation-wrapper {
	
	input[type="text"] {
		@include bp($mobile) {
			width: 100%;
		}
	}
	
	input[type="button"] {
		white-space: pre-wrap;
		margin: .25em 0;
	}
}

.app_services {
	.app_services_dropdown {
		select {
			@include bp($mobile) {
				margin: .25em 0;
			}
		}
	}
}

// =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
//  Web.com Login Form
// =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=

.widget-web-login {

	label {
		display: block;
	}
}