/*
 Theme Name:   TheGem Child - Arrête de Bouder
 Theme URI:    https://arretedebouder.com
 Description:  Child theme for TheGem. Custom site CSS lives below the theme header.
 Author:       Arrête de Bouder
 Author URI:   https://arretedebouder.com
 Template:     thegem-elementor
 Version:      1.0.0
 Text Domain:  thegem-elementor-child
*/

/* ==========================================================================
   Elementor - white widget backgrounds
   Applied via the "adb-bg-white" class, set on each widget in Elementor under
   Advanced > CSS Classes. This previously targeted hardcoded page and element
   ids. Six of those eight selectors were already dead: elements 7bd2dbc and
   8888a86 had been rebuilt with new ids on both pages, and page 2241 no longer
   exists. A class survives a widget being rebuilt; an element id does not.
   ========================================================================== */

.adb-bg-white > .elementor-widget-container {
	background-color: #fff !important;
}

/* ==========================================================================
   Header
   ========================================================================== */

#site-header .site-title {
	padding: 0;
}

/* ==========================================================================
   Newsletter — hide ConvertKit branding
   ========================================================================== */

.formkit-powered-by-convertkit-container {
	display: none !important;
}

/* ==========================================================================
   Header phone link styling and animation
   ========================================================================== */

.phone {
	float: right;
	height: 25px;
	line-height: 25px;
	font-size: 16px;
	font-weight: bold;
	color: #20365e;
	text-decoration: underline;
}

.phone svg {
	width: 30px;
	height: 30px;
	float: left;
	margin-top: 0;
	margin-right: 10px;
}

.phone svg path {
	fill: #fc9d00;
}

.phone svg path:nth-child(2) {
	animation: header-phone 1s infinite cubic-bezier(0.1, 0.57, 0.5, 1);
}

.phone svg path:nth-child(3) {
	animation: header-phone2 1s infinite cubic-bezier(0.1, 0.57, 0.5, 1);
}

@keyframes header-phone {
	0%,
	30% {
		opacity: 0;
		transform: translate3d(-20px, 20px, 0);
	}

	80% {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}

	100% {
		opacity: 0;
	}
}

@keyframes header-phone2 {
	0% {
		opacity: 0;
		transform: translate3d(-20px, 20px, 0);
	}

	70%,
	90% {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}

	100% {
		opacity: 0;
	}
}

/* ==========================================================================
   Support — hide WPSC editor action
   ========================================================================== */

.wpsc-editor-actions span:nth-child(2) {
	display: none !important;
}

/* ==========================================================================
   Blockquote accent color
   ========================================================================== */

blockquote:after {
	color: #fc9d00 !important;
}

/* ==========================================================================
   Clients module — yellow hover color on #logos section
   ========================================================================== */

#logos .overlay,
#logos .overlay *,
#logos [class*="overlay"],
#logos [class*="overlay"] *,
#logos .caption,
#logos .caption *,
#logos .client-item .title,
#logos .thegem-client .title,
#logos .image-hover__overlay,
#logos .image-hover__overlay *,
#logos .thegem-clients-item .overlay,
#logos .thegem-clients-item .overlay * {
	color: #fc9d00 !important;
	fill: #fc9d00 !important;
	border-color: #fc9d00 !important;
}

#logos [class*="overlay"] a,
#logos [class*="overlay"] a:hover,
#logos [class*="overlay"] a:focus {
	color: #fc9d00 !important;
}