/*
Theme Name: eloquent-theme
Theme URI: 
Author: Rodolfo Miranda Company
Author URI: 
Description: Eloquent.es theme for WordPress
Requires at least: 6.9
Tested up to: 6.9
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: eloquent-theme
Tags: 
*/

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

/* CUSTOM CSS */
/* ------------- */

/* Global Variables: defines custom properties for padding and border radius */
:root{
	--padding-global: 64px;
	--padding-default: 24px;

	--padding-section-xxs: 8px;
	--padding-section-xs: 16px;
	--padding-section-s: 48px;
	--padding-section-m: 80px;
	--padding-section-l: 112px;
	--padding-section-xl: 144px;
	--padding-section-xxl: 200px;

    --padding-section-xxs-mobile: 8px;
	--padding-section-xs-mobile: 14px;
	--padding-section-s-mobile: 16px;
	--padding-section-m-mobile: 56px;
	--padding-section-l-mobile: 80px;
	--padding-section-xl-mobile: 112px;
	--padding-section-xxl-mobile: 144px;
	
	--border-radius-xs: 12px;
	--border-radius-s: 16px;
	--border-radius-m: 32px;
	--border-radius-xl: 40px;
	--border-radius-xxl: 56px;

	--text-s: clamp(0.8rem, 0.8rem + 0.25vw, 1rem) !important;
	--max-width-contained-container: 720px;
}

/* Wireframe: adds a red border to all elements with the class "wire" */
.wire {
    border: 0px solid red;
}

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

/* Global Resets */
* {
	box-sizing: border-box;
	-moz-osx-font-smoothing: grayscale;
  	-webkit-font-smoothing: antialiased !important;
 	-moz-font-smoothing: antialiased !important;
  	text-rendering: optimizelegibility !important;
  	letter-spacing: .01em;
}

.wp-site-blocks {
	overflow-x: hidden;
}


/* Anchor styles / resets */
a {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

/* Heading styles / resets */
h1, h2, h3, h4, h5, h6, p{
    margin: 0;
}

/* Heading styles / resets */
p{
    margin-top: 4px;
    margin-bottom: 4px;
}



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

/* Sticky header */
.minka-header {
  position: sticky !important;
  top: 0;
}

/* Submenu: adds a border to the bottom of the submenu items */
.gb-sub-menu > li {
	border-right: 1px solid var(--wp--preset--color--color-primary-600, #FA4338);
	border-bottom: 1px solid var(--wp--preset--color--color-primary-600, #FA4338);
	border-left: 1px solid var(--wp--preset--color--color-primary-600, #FA4338);
}

/* Site Blocks: removes the default margin from all direct child blocks of the site blocks container */
:where(.wp-site-blocks) > * {
    margin-block-start: 0;
    margin-block-end: 0;
}

.sub-menu li a {
	line-height: 22px;
}

/* Layout Flow: removes the default margin from the first and last element of the layout flow */
/* In practice, it means:
	•	paragraphs
	•	headings
	•	images
	•	lists
	•	any other direct child blocks
*/
:root :where(.is-layout-flow) > * {
    margin-block-start: 0px;
    margin-block-end: 0;
}

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

/* Fluid text sizes */
.text-small,
.link-text-small > a {
	font-size: clamp(0.8rem, 0.8rem + 0.25vw, 1rem) !important;
}

.text-large {
	font-size: clamp(1.12rem, 1.12rem + 0.25vw, 1.75rem) !important;
}

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

/* Video Background */
.video-bg > video {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 100%;
	width: auto;
	min-width: 100%;
	transform: translate(-50%, -50%);
	object-fit: cover;
	object-position: center center;
	opacity: 0.64;
}


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

/* Shadows */
.shadow-1 {
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.08);
}

.shadow-2 {
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.08);
}

.shadow-3 {
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.08);
}

.shadow-4 {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.08);
}

.shadow-5 {
  box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.08);
}

/* --------------------------------------------------------- */
/* Carousel Links: styles for the links inside the carousel items */
.carousel-items-container a {
	color: #9595F1;
}
.carousel-items-container a:hover {
	color: #CACAF8;
}

/* Carousel Pagination: styles for the pagination dots of the carousel */
:where(.gb-carousel-pagination) .gb-carousel-dot.is-active {
    background-color: #9595F1;
    transform: scale(1.5);
}

:where(.gb-carousel-pagination) .gb-carousel-dot:hover {
    background-color: #CACAF8 !important;
}


:where(.gb-carousel-pagination) .gb-carousel-dot {
    background-color: rgba(149, 149, 241, 0.6);
}

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

.taxonomy-term-tag-container {
	display: flex;
	gap: 8px;
}

.taxonomy-term-tag-container a {
	display: inline-flex;
	padding: 4px 8px;
	background-color:#DEDEFF;
	font-size: var(--text-s);
}

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

.svg-btn svg:hover {
	color: #6060EA !important;
}


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