/*!
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 .wp-block-button a {
  transition: 
    color 500ms ease-in-out,
    opacity 500ms ease-in-out,
    transform 500ms ease-in-out,
    box-shadow 500ms ease-in-out;
}

/* Header */

.col-mm-rotate {
	left: -25px;
    rotate: 90deg;
    width: 190px;
    height: 0;
    top: 105px;
    position: relative;
}

.header:not(.transparency-header) .wp-block-button__link {
  background-color: #1f1f61 !important;
	color: white !important;
}


/* Footer */


/* Offcanvas */


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


/* Shortcodes */


/* Elements */


/* Pages */


/* Archive */

.label-blog {
	padding: 4px 13px;
	border: 1px solid #1F1F61;
	background: #F4F4F7;
	color: #1F1F61;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1.2px;
	text-transform: uppercase;
}

/* Post */

#table-of-contents .open-icon {
	background: #1f1f61;
    display: flex;
    padding: 5px;
    border-radius: 5px;
    font-size: 20px;
    color: white;
}

.box-post {
	border-radius: 10px;
	background: var(--fuente, #1F1F61);
	color: white;
}

.sep-bc {
	border-radius: 2px;
    background: #1F1F61;
    padding: 6px;
    display: flex;
    justify-content: center;
}

.article-content .wp-block-quote {
	border-radius: 20px;
	background: #F5F5F5;
	padding: var(--s60) var(--s80);
	padding-left: var(--s150);
	margin: 0;
}

.article-content .wp-block-quote p {
	font-size: var(--fs24) !important;
	font-weight: 500 !important;
	line-height: 130% !important;
}

.article-content .wp-block-quote cite {
  display: flex;
	gap: 10px;
	align-items: center;
}

.article-content .wp-block-quote cite::before {
  content: "";
  display: inline-block;
  width: 13px;
  height: 1px;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="13" height="1" viewBox="0 0 13 1" fill="none"%3E%3Cpath d="M0.5 0.5H12.5" stroke="%231F1F61" stroke-linecap="square"/%3E%3C/svg%3E');
  background-repeat: no-repeat;
  background-size: contain;
}

.article-content .wp-block-quote::before {
	content: "" !important;
	left: var(--s80) !important;
	top: var(--s60) !important;
	width: 50px;
  height: 48px;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="50" height="48" viewBox="0 0 50 48" fill="none"%3E%3Cpath d="M0 9.06091C0 4.05671 4.05671 0 9.06091 0H40.6399C45.6441 0 49.7008 4.05671 49.7008 9.06091V38.9391C49.7008 43.9433 45.6441 48 40.6399 48H9.06091C4.05671 48 0 43.9433 0 38.9391V9.06091Z" fill="%231F1F61"/%3E%3Cpath d="M38.5579 36H27.7065L31.8483 28H26.9196V12H43.4866V26.48L38.5579 36ZM34.4162 32H35.99L39.3448 25.52V16H31.0614V24H38.5579L34.4162 32ZM17.8492 36H6.99787L11.1396 28H6.21094V12H22.7779V26.48L17.8492 36ZM13.7075 32H15.2813L18.6361 25.52V16H10.3527V24H17.8492L13.7075 32Z" fill="white"/%3E%3C/svg%3E');
  background-repeat: no-repeat;
  background-size: contain;
}

/* CF7 */

.wpcf7-text,
.wpcf7-textarea {
	padding: var(--s20) var(--s25) !important;
	border-radius: 3px !important;
	background: #3D3D7C !important;
	color: #FFF !important;
	border: 0 !important;
}

.wpcf7-form input::placeholder,
.wpcf7-form textarea::placeholder {
  color: #FFF !important;
}

.white-check input[type=checkbox] {
	background-color: #3D3D7C;
	border-radius: 3px;
	border: 0 !important;
}

.wpcf7-form-control.wpcf7-submit {
	border-radius: 3px;
	background: #FFF;
	font-weight: 700;
	letter-spacing: 0.7px;
	text-transform: uppercase;
	color: #1F1F61;
	padding-top: var(--s35);
	padding-bottom: var(--s35);
}

input.wpcf7-not-valid, select.wpcf7-not-valid {
    border: 0 !important;
    box-shadow: inset 0px 0px 0px 1px white;
}


/* ============================================================
   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 */
}