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

/* Merriweather Font */
@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap');

:root {
	--clr-black: 0, 0, 0;
	--clr-white: 255, 255, 255;
	--clr-primary: 190, 229, 66;
	--clr-gray: 137, 131, 131;
}

#lqd-contents-wrap {
	background-color: #f3f3e7;
}

.main-nav>li>a {
	color: rgb(var(--clr-black));
}

.main-nav>li.active>a,.main-nav>li.current-menu-item>a,.main-nav>li.current-menu-ancestor>a,.main-nav>li>a:hover {
    color: rgb(var(--clr-primary));
}

.btn {
	&.btn-solid {
		color: #FFF;
		background: #857f7a;
		border-color: #857f7a;
		&:hover {
			background: #111827;
			border-color: #111827;
		}
	}
}

.iconbox {
    margin-bottom: 1em;
}

/**/

.text-balance {
	text-wrap: balance;
}

.visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) {
    position: absolute!important;
    width: 1px!important;
    height: 1px!important;
    padding: 0!important;
    margin: -1px!important;
    overflow: hidden!important;
    clip: rect(0,0,0,0)!important;
    white-space: nowrap!important;
    border: 0!important;
}

.bg-bubble {
	> * {
		background: #c5c5b4;
		padding: .5em .75em;
		border-radius: 50em 50em 50em 0;
	}
	&.bg-green > * {
		background: #bee542;
	}
}

.bg-title-deg > * {
    display: inline-flex;
	align-items: center;
    gap: .5rem;
    border: 2px solid #c5c5b4;
    padding: .625em 1em .5em;
    border-radius: 50em;
    background: linear-gradient(45deg, #c5c5b4, #bee542);
}

.how-to-watch-it {
	>div>div {
		@media (width < 1328px) {
			justify-content: center;
			gap: 1rem;
		}
	}
	.see-movie-option {
		@media (width < 1328px) {
			width: 45%;
		}
		@media (width < 992px) {
			width: 100%;
		}
		> div {
			display: flex;
			align-items: center;
			padding: 8%;
			justify-content: center;
			border-radius: 1rem !important;
			@media (width >= 992px) {
				border-radius: 50em !important;
				aspect-ratio: 1/1;
			}
		}
		.vc_single_image-wrapper {
			width: 7rem;
			height: 4rem;
			> * {
				width: 100%;
				height: 100%;
				object-fit: contain;
			}
		}
		p {
			font-size: .875rem;
		}
	}
}

.movieCountdown {
    position: fixed;
    right: 0;
    bottom: 0;
    padding: 1.5rem;
    background: #bbe835;
    min-width: 20rem;
    z-index: 9999;
	display: flex;
	flex-direction: column;
    justify-content: center;
    align-items: center;
	gap: 1rem;
    border-radius: 1em 1em 0 1em;
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: 0px;
	margin: 1rem;
	text-align: center;
	max-width: 24rem;
}

/**/

.blog-posts {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(19rem, 1fr));
	gap: 2rem;
	
	.blog-post {
		display: flex;
		flex-direction: column;
		background-color: #fff;
		border-radius: .5rem;
		overflow: hidden;
		
		&:hover {
			color: initial;
			box-shadow:
				0 0 0 .5rem #fff,
				0 .5rem 1.5rem #00000012;
			transform: translateY(-.125rem);
			
			.post-image {
				border-radius: .5rem;
			}
		}
		
		.post-image {
			aspect-ratio: 16/9;
			overflow: hidden;
			transition: all .3s;
			> img {
				width: 100%;
				height: 100%;
				object-fit: cover;
			}
		}
		
		.post-content {
			--spacing: 1.25rem;
			padding: var(--spacing);
			display: flex;
			flex-direction: column;
			flex-grow: 1;
			
			.post-title {
				font-family: sans-serif !important;
				font-size: 1.125rem;
				line-height: 1.5em;
				margin: 0 0 var(--spacing);
				text-wrap: pretty;
				color: #495057;
			}
			
			.author-content {
				display: flex;
				align-items: center;
				gap: var(--spacing);
				margin-top: auto;
				
				.author-image {
					width: 3rem;
					height: 3rem;
					border-radius: 50em;
					background-color: #dee2e6;
					overflow: hidden;
					> img {
						width: 100%;
						height: 100%;
						object-fit: cover;
					}
				}
				
				.author-info {
					.author-name {
						font-family: sans-serif;
						font-size: .875rem;
						font-weight: 700;
						margin: 0 0 .125rem;
						opacity: .75;
						text-transform: uppercase;
					}
					.date-time {
						font-family: sans-serif;
						font-size: .875rem;
						margin: 0;
						color: #898383;
					}
				}
			}
		}
	}
}

.bull-medios {
	>div>div>div>div {
		padding: 15%;
		@media (width >= 768px) {
			padding: 10%;
			aspect-ratio: 16 / 9;
		}
	}
	.vc_figure {
		justify-content: center;
	}
}

/**/

#header .lqd-fancy-menu ul li a {
    color: rgb(var(--clr-white));
    background: unset;
    padding: .625rem 1rem;
    border-radius: 50em;
    font-weight: 500;
    border: .125rem solid rgb(var(--clr-white));
    transition: all .1s ease-in-out;
	&:hover {
		color: rgb(var(--clr-black));
		background: rgb(var(--clr-white));
	}
}

.home-blog .lqd-lp-style-19 .lqd-lp-img {
	margin-bottom: 0 !important;
}

#equipo {
	.wpb_single_image {
		margin-top: 2rem;
		width: 12rem;
		height: 12rem;
		border-radius: 50em;
		overflow: hidden;
		background-color: #fff;
		margin-inline: auto;
		z-index: 9;
		transition: all .2s;
		
		@media (width >= 992px) {
			margin-top: 0;
			position: absolute;
			top: 50%;
			right: 5%;
			transform: translate(-1rem, -50%);
			opacity: 0;
		}
	}
	.team-member {
		padding: 1.25rem 2rem;
		color: #fff;
		margin-bottom: 0px !important;
		transition: all .2s;
		h2.h3 {
			font-size: 2.25rem;
			color: #fff !important;
			
			&+p {
				font-size: 1.5rem;
			}
		}
	}
	
	>div>div>div:not(.team-intro) {
		> div {
			border: .125rem solid #fff;
			img {
				filter: grayscale(1);
			}
			@media (width >= 992px) {
				&:hover {
					.wpb_single_image {
						opacity: 1;
						transform: translate(0, -50%);
					}
					.team-member {
						color: #bee542;
						background-color: #fff;
						h2.h3 {
							color: #bee542 !important;
						}
					}
				}
			}
		}
	}
	text-align: center;
	@media (width >= 992px) {
		text-align: unset;
	}
	
}

.footer-certs-col>div>div {
    display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
    gap: 2rem;
	
	@media (width >= 768px) {
		flex-wrap: nowrap;
		justify-content: end;
	}
}

.footer-certs-col .wpb_single_image {
    width: 10rem;
}

@media screen and (min-width: 1200px) {
    .lqd-blog-post-style-6 .lqd-post-cover {
        width: 975px;
    }
}

.blog-post-footer,
.entry-meta{
	display: none !important;
}

@media (width < 768px) {
	h1,.h1 {
		font-size: 2rem !important;
	}
	h2,.h2 {
		font-size: 1.75rem !important;
	}
	h3,.h3 {
		font-size: 1.5rem !important;
	}
	h4,.h4 {
		font-size: 1.25rem !important;
	}
	h5,.h5 {
		font-size: 1.125rem !important;
	}
	h6,.h6 {
		font-size: 1rem !important;
	}
}






















/**/