/*
Theme Name: Delegación de Gran Canaria de Piragüismo by HamacaLAB
Theme URI: http://hamacalab.com/
Description: Delegación de Gran Canaria de Piragüismo by HamacaLAB Child Theme
Author: HamacaLAB
Author URI: http://hamacalab.com/
Author Description: HamacaLAB. Digitalización | Transformación digital. Existen miles de herramientas digitales que pueden hacerte la vida más fácil y simplificar tus tareas diarías. En HamacaLab te ayudamos a encontrar la que mejor se adapte a tí y a tu negocio, de manera que ganes tiempo para que lo inviertas en trabajar en la estrategía de empresa. O en irte a la playa, ¡tú decides!
Template: hello-elementor
Version: 1.0.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: HamacaLAB v.1
*/
/* SELECCIÓN */
::selection {
background-color: var( --e-global-color-secondary );
color: var(--e-global-color-b3613b6);
}
/* ENLACES FONDO OSCURO */
.elementor-kit-142 a.light-link {
color: var(--e-global-color-b3613b6);
}
.elementor-kit-142 a.light-link:hover {
color: var(--e-global-color-accent);
transition: color 0.3s ease;
}
/* LISTAS */
::marker {
color: var( --e-global-color-secondary );
font-weight: 900;
}
/* HOME */
/* Cuenta atrás */
.hurrytimer-campaign-258 .hurrytimer-button-wrap {
margin-top: 20px;
}
.hurrytimer-campaign-258 .hurrytimer-button {
font-weight: 900;
}
.hurrytimer-campaign-258 .hurrytimer-button:hover {
background-color: var(--e-global-color-accent);
color: var(--e-global-color-b3613b6);
transition: color 0.3s ease;
}
/* FORMULARIO */
/* Distribución */
.wpcf7-form .form-row.contact-form-details {
display: flex;
flex-direction: row;
justify-content: flex-start;
column-gap: 10px;
}
/* Títulos secciones */
h5.dgcp-label-title {
color: var(--e-global-color-primary);
text-transform: uppercase;
}
/* Campos */
.wpcf7 fieldset {
padding: 20px 40px;
margin-top: 40px;
border-radius: 10px;
border: 5px solid var(--e-global-color-primary);
}
.wpcf7-form label, .wpcf7-form .column-half {
width: 100%;
}
.wpcf7-form select {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-color: var(--e-global-color-b3613b6);
border: 1px solid #666;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position-x: 100%;
background-position-y: 0px;
height: 45px;
}
/* Color de los placeholders */
.wpcf7-form #contact-form input[type=date], .wpcf7-form #contact-form select {
color: #757575;
background-color: var(--e-global-color-b3613b6);
}
/* Efecto hover y focus sobre los campos */
:focus-visible {
outline: none;
}
.wpcf7-form #contact-form input[type=text]:hover, .wpcf7-form #contact-form input[type=email]:hover, .wpcf7-form #contact-form input[type=date]:hover, .wpcf7-form #contact-form input[type="checkbox"], .wpcf7-form select:hover, .wpcf7-form select:focus {
border-color: var(--e-global-color-secondary);
transition: border 0.3s ease;
}
.wpcf7-form #contact-form input[type=text]:focus::placeholder {
color: var(--e-global-color-b3613b6);
transition: color 0.3s ease;
}
/* Consentimientos */
.wpcf7-form .dgcp-acceptance-fields label {
color: var(--e-global-color-text);
font-weight: 400;
}
.wpcf7-form [type=checkbox] {
margin-right: 3px;
}
/* Política de privacidad */
.wpcf7-form .dgcp-privacy-policy-content, .wpcf7-form .dgcp-privacy-policy-content a {
margin-top: -5px;
font-size: 0.625rem;
text-align: justify;
}
/* Botón */
.wpcf7 [type=submit] {
float: right;
}
/* Errores del formulario */
.wpcf7-form .wpcf7-not-valid-tip {
font-weight: 700;
color: var(--e-global-color-accent);
text-align: justify;
}
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.wpcf7-not-valid, input.wpcf7-form-control.wpcf7-date.wpcf7-validates-as-required.wpcf7-validates-as-date.wpcf7-not-valid, select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required.wpcf7-not-valid, span.wpcf7-form-control.wpcf7-checkbox.wpcf7-validates-as-required.wpcf7-not-valid {
border-color: var(--e-global-color-accent);
}
.wpcf7-form-control-wrap:has(.wpcf7-not-valid) input[type="checkbox"] {
outline: 1px solid var(--e-global-color-accent);
outline-offset: 1px;
}
/* Notificaciones del formulario */
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output, .wpcf7 form .wpcf7-response-output, .wpcf7 form.sent .wpcf7-response-output {
border-color: var(--e-global-color-accent);
border: 2px solid var(--e-global-color-accent);
border-radius: 3px;
background-color: var(--e-global-color-accent);
font-weight: 700;
color: var(--e-global-color-b3613b6);
margin: 10px 0;
text-align: justify;
}
@media only screen and (max-width: 881px) {
/* Distribución del formulario */
.wpcf7-form .form-row.contact-form-details {
flex-direction: column;
}
.wpcf7-form #contact-form input[type=date] {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
padding: 0.6rem 1rem;
height: 40px;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position-x: 100%;
background-position-y: 0px;
}
}
@media only screen and (max-width: 767px) {
/* Títulos secciones */
.elementor-kit-142 h5.dgcp-label-title {
font-size: 1.125rem;
}
/* Campos */
.wpcf7 fieldset {
padding: 15px;
margin-top: 20px;
}
/* Política de privacidad */
.elementor-kit-142 .dgcp-privacy-policy label, .elementor-kit-142 .dgcp-acceptance-fields label {
line-height: 1.2;
text-align: justify;
}
/* Botón del formulario */
.wpcf7 input[type="submit"] {
width: 100%;
}
/* Cuenta atrás */
.hurrytimer-campaign.hurrytimer-campaign-258 .hurrytimer-timer-digit, .hurrytimer-campaign.hurrytimer-campaign-258 .hurrytimer-timer-sep {
font-size: 30px;
}
.hurrytimer-campaign.hurrytimer-campaign-258 .hurrytimer-timer-label {
font-size: 18px;
}
.hurrytimer-campaign.hurrytimer-campaign-258 .hurrytimer-button {
font-size: 16px;
}
}