/* Icons */	
.icon {
	transition: all 0.1s ease;
	background-color: #fdfbf5;
}

.icon:hover {
	background-color: #fbf7e9;
}

/* For fading out overflowing text (From https://stackoverflow.com/a/22809380/114558) */
.value:before {
  background: linear-gradient(90deg, rgba(255,255,255,0) 80%, #fdfbf5);
}

.icon:hover .value:before {
  background: linear-gradient(90deg, rgba(255,255,255,0) 80%, #fbf7e9); /* TODO: Would look a little better if I could also animate the transition of these gradients (there's a little "blip" in mouseover due to this gradient color changing instantaneously), but it didn't look like an easy fix. Maybe return to this later. In the meantime, a super short transition (e.g. 0.1 s) helps minimize this visual aberrance */
}

/* Menu/header bar */
#responsive-menu-pro-header-bar-html .cta {
	color: #d4a927;
}

body #responsive-menu-pro-header,
body #responsive-menu-pro li a,
body button#responsive-menu-pro-button,
body button#responsive-menu-pro-button:hover,
#responsive-menu-pro-header-bar-button button#responsive-menu-pro-button {
	background-color: #d4a927;
}

body #responsive-menu-pro li a:hover {
	color: #fbf7e9;
	background-color: #d4a927;
}

a.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	background-color: #d4a927;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
textarea,
select {
	border-color: #ebd593;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
textarea:focus,
select:focus {
	border-color: #d4a927;
}

a.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
	background-color: #ebd593;
}

div.content-container div.custom-sidebar {
	background-color: #fdfbf5;
	padding: 20px;
	border-radius: 15px;
}

/* div.gallery-thumbnail-image, div.portfolio-thumbnail-image, div.portfolio-thumbnail-video, div.portfolio-thumbnail-slider, div.single-port-thumbnail-image, div.single-port-thumbnail-video, div.single-port-thumbnail-slider, div.blog-thumbnail-image, div.blog-thumbnail-slider, div.blog-thumbnail-video, div.custom-sidebar .recent-post-widget-thumbnail, .gdl-image-frame {
	border-color: #d7ab27 !important;
} */

.appt h5 {
	background: #d4a927;
	color: #fff;
}

.appt {
	border-color: #d4a927;
}