/*!
Theme Name: Orbitta Child
Theme URI: https://orbitta.es/
Author: Orbitta
Author URI: https://orbitta.es/
Template: orbitta
Description: Orbitta Theme Child
Version: 1.0.0
Text Domain: orbitta-child
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

# Header
# Footer
# Offcanvas
# Blocks (wp-groups, wp-columns, wp-cover...)
# Shortcodes
# Elements
# CF7
# Pages
# Archive
# Post

# OPCIONALES (borrar si no aplican):
  ## Custom Post (popup, faq, image-gallery, ...)
  ## WooCommerce

# Media Queries

--------------------------------------------------------------*/

/* Header */


/* Footer */


/* Offcanvas */


/* Blocks (wp-groups, wp-columns, wp-cover...) */


/* Shortcodes */


/* Elements */
.wp-block-column.wiggling-1 {
    animation: wiggle-1 0.9s ease-in-out;
}
.wp-block-column.wiggling-2 {
    animation: wiggle-2 0.8s ease-in-out;
}
.wp-block-column.wiggling-3 {
    animation: wiggle-3 0.85s ease-in-out;
}

@keyframes wiggle-1 {
    0%   { translate: 0 0;       rotate: 0deg; }
    25%  { translate: -8px 3px;  rotate: -1.5deg; }
    55%  { translate: 3px -2px;  rotate: 0.8deg; }
    80%  { translate: -1px 1px;  rotate: -0.3deg; }
    100% { translate: 0 0;       rotate: 0deg; }
}

@keyframes wiggle-2 {
    0%   { translate: 0 0;       rotate: 0deg; }
    28%  { translate: 2px -9px;  rotate: 1.2deg; }
    58%  { translate: -3px 3px;  rotate: -0.9deg; }
    82%  { translate: 1px -1px;  rotate: 0.3deg; }
    100% { translate: 0 0;       rotate: 0deg; }
}

@keyframes wiggle-3 {
    0%   { translate: 0 0;       rotate: 0deg; }
    24%  { translate: 8px 2px;   rotate: 1.6deg; }
    56%  { translate: -3px -2px; rotate: -1deg; }
    80%  { translate: 1px 1px;   rotate: 0.3deg; }
    100% { translate: 0 0;       rotate: 0deg; }
}

.faq-item {
	border-radius: 30px;
	border: 3px solid #000;
	background: #54C302;
	padding: var(--s40);
}

.faq-item.open {
	background: #F9D412;
}

.faq-item .open-icon {
    border: 2px solid black;
    border-radius: 99px;
    padding: 15px;
}

/* Pages */


/* Archive */


/* Post */


/* CF7 */


/* ============================================================
   OPCIONALES — borrar las secciones que no apliquen al cliente
   ============================================================ */

/* Custom Post */


/* WooCommerce */


/*--------------------------------------------------------------
>>> MEDIA QUERYS:
---------------------------------------------------------------- */

@media only screen and (max-width: 1023px) {
  /* Móvil y tablet vertical */
}

@media only screen and (min-width: 1024px) {
  /* Desktop y dispositivos más grandes */
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  /* Laptops pequeños y tablets grandes */
}

@media only screen and (min-width: 1280px) {
  /* Desktop grande / monitores */
}