/*
Theme Name: Hub Child
Theme URI: http://hub.liquid-themes.com/
Author: Liquid Themes
Author URI: https://themeforest.net/user/liquidthemes
Template: hub
Description: Smart, Powerful and Unlimited Customizable WordPress Theme.
Version: 1.0
License: GNU General Public License
License URI: license.txt
Text Domain: hub-child
Tags: responsive, retina, rtl-language-support, blog, portfolio, custom-colors, live-editor
*/


@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
	--color-primary: #101326;
	--color-secondary: #abbdca;
	--color-white: #ffffff;
	--color-black: #000000;

	--font-primary: "Montserrat", sans-serif;
}

body {
	font-family: var(--font-primary);
	font-weight: 400;
	color: var(--color-black);
}

h1,
h2,
h3,
h4,
h5,
.h1,
.h2,
.h3,
.h4,
.h5 {
	font-family: var(--font-primary);
	color: var(--color-black);
}

h1,
.h1 {
	font-size: 40px;
	font-weight: 700;
	color: var(--color-white);
}

h2,
.h2 {
	font-size: 34px;
	font-weight: 700;
}

h3,
.h3 {
    font-size: 28px;
    font-weight: 400;
}

h5,
.h5{
	font-size: 18px; 
	font-weight: 400;
}

p,
.p{
	font-size: 1rem;
}

div#lqd-contents-wrap {
    padding: 0 !important;
}

#portada .row{
	display:flex;
	align-content: space-around;
}

#nuestros-fondos {
	thead {
		background: #101326 ;
		
		th{
			color: #fff;
			text-align: center;
			text-transform: unset;
			font-size: 15px;
            line-height: 22px;
			font-family: "Montserrat" !important;
			font-weight: 600;
		}
	}
	tbody {
		tr {
			td {
				border: unset;
				text-align: center;
			}
			&:nth-child(odd) {
				background: #fff;
			}
		}
		
	}
}

#contacto {
	#mc_embed_signup {
		width: 100%;
		max-width: 600px;
		
		h2 {
			font-size: 28px;
		}
		form {
			font-family: var(--font-primary);
			margin: 0;
			
			.mc-field-group {
				width: 100%;
			}
			
			input {
				border: 1px solid var(--color-secondary);
				border-radius: .25rem;
				transition: all .2s;
				&:not([type=submit]) {
					&:hover,
					&:focus-visible {
						box-shadow: 0 0 0 .125rem var(--color-primary);
						outline: none;
					}
				}
				&[type=submit] {
					color: var(--color-white);
					border: 1px solid var(--color-primary);
					background-color: var(--color-primary);
					border-radius: .25rem;
					padding: .5rem 1.25rem;
					height: auto;
					margin-top: .5rem;
					transition: all .2s;
					
					&:hover {
						opacity: .9;
					}
				}
			}
		}
	}
}

@media screen and (max-width: 767px) {
	button.navbar-toggle.collapsed.nav-trigger.style-mobile.d-flex.pos-rel.align-items-center.justify-content-center {
		display: none !important;
	}
	
	.lqd-mobile-sec .navbar-header>* {
		flex: unset;
        margin: auto;
	}
	
	.navbar-brand-inner {
    	display: block;
		position: relative;
		place-items: center;
		width: 70%;
		margin: auto;
	}
	
	[data-mobile-nav-trigger-alignment=right] .lqd-mobile-sec .navbar-brand-inner {
		margin: auto !important;
	}
	
	#portada-mobile {
        min-height: 0 !IMPORTANT;
        padding: 3rem 0;
        background-size: cover !important;
		padding-top: 9rem;
		h1 {
			margin-bottom: 4rem;
		}
	}
	
	[data-mobile-header-scheme=gray] .lqd-mobile-sec .navbar-header {
		background-color: #ffffff00;
	}

	.main-header-overlay {
		position: absolute !important;
	}
}

@media (width >= 48rem) { /* 768px */
}
@media (width >= 62rem) { /* 992px */
}
@media (width >= 75rem) { /* 1200px */
	
	h1,
	.h1 {
	font-size: 38px;
	}
	
	h2,
	.h2 {
	font-size: 28px;
	}
}




/********** FAL ***********/

.fal-portada{
	padding: 4rem 0;
	@media (min-width: 1200px) {
	padding: 8rem 0;
	}
	img{
		width: 250px;
	}
	h1{
		font-size: 30px;
		margin-bottom: 2rem !important;
		@media (min-width: 1200px) {
	font-size: 40px;
	}
		
	}
	
	h3{
		font-size: 18px;
		margin-bottom: 2rem !important;
		@media (min-width: 1200px) {
	font-size: 22px;
	}
		
	}
}

.col-azul-fal{
	.vc_column-inner{

		border-radius: 55px;
	}
	h3{
		font-size: 18px;
		@media (min-width: 1200px) {
	font-size: 22px;
	}
}
}
#desafio{
	padding: 3rem 0;	
	.circulo.oscuro{
		background: #101326;
	}	

	.circulo.celeste{
		background: #5280ac;
	}

	.circulo.gris{
		background: #abbdca;
	}

	.circulo{
		height: 250px;
		width: 250px;
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 50em;
		
		p{
			font-size: 18px;
			margin-bottom: 0 !important;
			padding: 0 5%;
		}
	}

	.col-circulos .row.ld-row.ld-row-inner{
		display: flex;
		justify-content: space-evenly;
		margin: 2rem 0;
	}
	
	h4{
		font-weight: 400;
	}
	
}

#contacto-fal{
	padding: 5rem 0;
	h2{
		font-size: 26px;
		margin-bottom: 3rem;
		@media (min-width: 1200px) {
			font-size: 36px;
		}
	}

	/* CONTENEDOR GENERAL */
	.custom-form {
		display: flex;
		justify-content: center;
		
		@media (min-width: 1200px) {
	padding: 20px;
		}
	}

	/* CARD OSCURA */
	.custom-form #mc_embed_signup {
		background: #101326;
		border-radius: 16px;
		padding: 40px;
		max-width: 950px;
		width: 100%;
	}

	/* CAMPOS */
	.custom-form .custom-field {
		margin-bottom: 22px;
	}

	/* LABELS */
	.custom-form label {
		display: block;
		margin-bottom: 8px;
		color: #ffffff;
		font-size: 14px;
	}

	/* INPUTS + TEXTAREA */
	.custom-form input,
	.custom-form textarea {
		width: 100%;
		padding: 14px;
		border-radius: 8px;
		border: 1px solid #3a3f5c;
		background: none;
		color: #fff;
		font-size: 14px;
	}

	/* TEXTAREA altura */
	.custom-form textarea {
		min-height: 120px;
		resize: none;
	}

	/* FOCUS */
	.custom-form input:focus,
		.custom-form textarea:focus {
			outline: none;
			border-color: #5f83a6;
			box-shadow: 0 0 0 1px #5f83a6;
	}

	/* BOTÓN */
	.custom-form .custom-submit input {
		width: 100%;
		padding: 16px;
		border-radius: 40px;
		border: none;
		background: #5f83a6;
		color: white;
		font-size: 16px;
		cursor: pointer;
		margin-top: 10px;
		transition: 0.2s ease;
	}

	/* HOVER BOTÓN */
	.custom-form .custom-submit input:hover {
		background: #4e6f8c;
	}

	/* TEXTO CHIQUITO ABAJO */
	.custom-form small {
		display: block;
		text-align: center;
		margin-top: 12px;
		font-size: 11px;
		color: #9aa3c7;
	}

	/* ANTI BOT */
	.custom-form .custom-hidden {
		position: absolute;
		left: -5000px;
	}

	img{
		width: 200px;
	}

}