/*
	Theme Name: Close·marketing
	Theme URI: https://close.marketing
	Description: Tema realizado creado a medida en WordPress.
	Author: closemarketing
	Author URI: https://close.marketing

	Version: 1.0

	Template: generatepress

	License: GPL-2.0+
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Tipografías */
@font-face {
    font-family: 'Anton';
    src: url('./fonts/Anton-Regular.woff2') format('woff2'),
        url('./fonts/Anton-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Banner cookies */
aside#moove_gdpr_cookie_info_bar {
  background: linear-gradient(90deg, rgba(29,124,198,1) 0%, rgba(88,64,154,1) 100%);
}

/* Menú sticky */
.is_stuck.navigation-stick {
    background: #FFF;
}

@media screen and (width >= 1180px) {
	nav.navigation-stick div.navigation-branding {
		margin-right: 20% !important;
	}
}

/* Mostrar y ocultar el elemento del menú Get Started */
ul#menu-mega-menu li:has(.stickynav-getstarted) {
	display: none;
}

.is_stuck.navigation-stick ul#menu-mega-menu li:has(.stickynav-getstarted) {
	display: block;
}

/* Estilos botones Get Started */
.stickynav-getstarted a {
	color: var(--blanco) !important;
}

.stickynav-getstarted a.getstarted-login {
	color: #1d7cc6 !important;
}

/* Ajustar tamaño del elemento mega menú que contiene Get Started */
.is_stuck.navigation-stick ul#menu-mega-menu li ul.sub-menu:has(.stickynav-getstarted) {
	width: auto !important;
}

/* Menú off-canvas móvil */
nav#generate-slideout-menu {
	left: 28%;
	width: fit-content;
	height: 100%;
}
  
nav#generate-slideout-menu button.slideout-exit {
	color: var(--azul);
	align-self: flex-start;
	right: 28px;
	top: -25px;
	position: relative;
}

nav#generate-slideout-menu div.main-nav > ul li {
	text-align: left !important;
}

nav#generate-slideout-menu ul.slideout-menu li:not(.menu-pedirCita) > a {
	text-transform: capitalize !important;
	padding-left: 10px;
}

.slideout-navigation.do-overlay .menu-item-has-children .dropdown-menu-toggle {
	color: var(--azul);
	border-left: none !important;
}

#generate-slideout-menu.main-navigation ul ul.sub-menu > li a {
	font-size: 16px;
	color: #848484;
	padding-left: 15px;
}

#generate-slideout-menu.main-navigation ul ul.sub-menu > li.menu-item-has-children > a {
	color: var(--negro);
}

#generate-slideout-menu.main-navigation ul ul.sub-menu li ul li a {
	padding-left: 25px;
}

#generate-slideout-menu.main-navigation ul ul.toggled-on {
	width: 70% !important;
}

nav#generate-slideout-menu div.inside-navigation {
	padding: 10% 10% !important;
	align-items: flex-start;
}

/* Botones adicionales menú slideout */
.slideout-buttons > a {
	color: var(--blanco) !important;
}

.slideout-buttons a.slideout-login {
	color: #1d7cc6 !important;
}

/* CSS Personalizador */
/* Menu */
ul.sub-menu.mega-menu {
	border-radius: 10px;
}

ul.sub-menu.mega-menu a {
	padding: 10px !important;
}

.mega-submenu-links a {
	color: #7A7A7A !important;
}

ul.sub-menu.mega-menu .wp-block-image {
	margin: 0;
}

/* Ocultar meta de las entradas del blog */
footer.entry-meta {
	display: none;
}

/* Formularios */

.form-textField input, .form-textArea textarea {
	border-color: transparent;
    border-radius: 5px;
}

.gform_wrapper p.gform_required_legend {
	display: none;
}

.gform_wrapper span.gfield_required.gfield_required_asterisk {
	color: #196EC0;
}

.gform_wrapper .gform_button.button {
	border-radius: 6px;
    background: linear-gradient(90deg, #1D7CC6 5.01%, #573F99 88.72%);
    color: white;
    padding: 5px 30px;
}

.gform_wrapper .gform_footer {
	align-items: center;
	justify-content: center;
	flex-direction: row;
}

/* GTranslate */
.gtranslate_wrapper select {
	border: none;
	max-width: 110px;
	padding-left: 0 !important;
}

/* Tamaño header */
.inside-header {
	max-width: 1440px !important;
}

/* Sombra header */
header#masthead,
nav#sticky-navigation
{
	box-shadow: 0 4px 10px -2px rgb(243, 245, 249);
}

/* Ocultar imagen del extracto en la vista del blog */
div.has-post-thumbnail p:has(img) > img{
	display: none;
}

/* Botón Start Now desktop */
.megamenu-startnow {
	white-space: nowrap !important;
}

/* Ajustar tamaño de los elementos en idioma ES*/
html[lang='es'] div.thethings-solutions {
	width: 560px;
}


html[lang='es'] div.thethings-iot_platform {
	width: 800px;
}

html[lang='es'] div.thethings-iot_platform * {
	white-space: nowrap !important;
}

html[lang='es'] .thethings-protocols {
	width: 42px;
}