/*
Theme Name: Aurea Digital Marketing
Author: Francisco Garay
Author URI:  https://franciscogaray.me
Description: Aurea Digital Marketing Child Theme
Version: 1.0
Template: bootstrap-component-blox
*/

:root {
	--aurea-primary: #0F53DB;
	--aurea-secondary: #28D6E8;
	--aurea-dark: #0A2F7A;
	--aurea-light: #F5FAFF;
	--aurea-font: 'Poppins', sans-serif;
}

/* ===== Global ===== */

html,
body { 
	overflow-x: hidden;
	font-family: var(--aurea-font);
	color: var(--aurea-dark);
}

a,
a:hover {
	text-decoration: none;
}

header, footer {
	display: none !important;
}

/* ===== Custom Classes ===== */

.z-front {
	z-index: 5;
}

.z-back {
	z-index: 1;
}

.fw-600 {
	font-weight: 600;
}

#aurea-header .overlay {
	background: rgba(255,255,255,0.9);
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

.text-shadow {
	text-shadow: 0 0 20px rgba(0,0,0,0.2);
}

.shadow-lg {
	box-shadow: 0 1rem 3rem rgb(29 104 103 / 40%)!important;
}

.rounded-lg {
	border-radius: 20px;
}

.fs-sm {
	font-size: 13px;
}

/* ===== Text Color ===== */

.aurea-text-primary {
	color: var(--aurea-primary);
}

.aurea-text-secondary {
	color: var(--aurea-secondary);
}

.aurea-text-light {
	color: var(--aurea-light);
}

.aurea-text-dark {
	color: var(--aurea-dark);
}

/* ===== Background Color ===== */

.aurea-bg-primary {
	background-color: var(--aurea-primary);
}

.aurea-bg-secondary {
	background-color: var(--aurea-secondary);
}

.aurea-bg-dark {
	background-color: var(--aurea-dark);
}

.aurea-bg-light {
	background-color: var(--aurea-light);
}

/* ===== Button ===== */

.btn {
	border-radius: 5px;
	padding: 15px 25px;
	font-size: 18px;
	font-weight: 600;
	text-shadow: 0 0 4px rgba(0,0,0,0.1);
}

.aurea-btn-primary {
	background-color: var(--aurea-primary);
	color: #fff;
	border: 2px solid var(--aurea-primary);
}

.aurea-btn-primary:hover {
	background-color: #fff;
	color: var(--aurea-primary);
	border: 2px solid var(--aurea-primary);
}

.aurea-btn-secondary {
	background-color: var(--aurea-secondary);
	color: #fff;
	border: 2px solid var(--aurea-secondary);
}

.aurea-btn-secondary:hover {
	background-color: #fff;
	color: var(--aurea-secondary);
	border: 2px solid var(--aurea-secondary);
}

.aurea-btn-light {
	background-color: #fff;
	color: var(--aurea-primary);
	border: 2px solid #fff;
}

.aurea-btn-light:hover {
	background-color: var(--aurea-dark);
	color: #fff;
	border: 2px solid #fff;
}

.aurea-btn-accent {
	background-color: #fff;
	color: var(--aurea-accent);
	border: 2px solid #fff;
}

.aurea-btn-accent:hover {
	background-color: var(--aurea-accent);
	color: #fff;
	border: 2px solid #fff;
}

.aurea-btn-dark {
	background-color: var(--aurea-dark);
	color: #fff;
	border: 2px solid var(--aurea-dark);
}

.aurea-btn-dark:hover {
	background-color: #fff;
	color: var(--aurea-dark);
	border: 2px solid var(--aurea-dark);
}

/* ===== Hidden Fields ===== */

div#wpforms-43-field_73-container,
div#wpforms-43-field_74-container,
div#wpforms-43-field_75-container,
div#wpforms-43-field_76-container {
    display:none!important;
}

/* ===== Effects ===== */

.side-to-side {
  	animation: side_to_side 1.2s ease-in-out infinite;
  	filter: drop-shadow(0 22px 30px rgba(0,0,0,.25));
  	will-change: transform;
}

@keyframes side_to_side {
  0%,100%{
    transform:
      translatex(0);
  }
  50%{
    transform:
      translatex(-5px);
  }
}

@media (max-width: 992px) {
	.side-to-side:before {
		content: '\f063';
	}
	@keyframes side_to_side {
	  0%,100%{
		transform:
		  translatex(0) translatey(0);  
	  	}
	  50%{
		transform:
		  translatex(0) translatey(-3px);
		;
	  }
	}
}