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

html {
	scroll-behavior: smooth;
}

#primary-nav {
	li {
		a {
			&:hover {
				color: #ff9c01;
			}
		}
	}
}

#header {
	&.is-stuck {
		background-color: #fff;
		#primary-nav {
			li {
				a {
					color: #000;
					&:hover {
						color: #ff9c01;
					}
				}
			}
		}
	}
}
.lqd-mobile-sec ul.main-nav.lqd-mobile-main-nav {
	padding: 2rem 0 3rem;
	background-color: #ffab27;
}
.lqd-mobile-sec ul.main-nav.lqd-mobile-main-nav>li>a {
	color: #fff !important;
	font-size: 22px;
	font-weight: 700;
	border-bottom: none;
	justify-content: center;
}

.li-btn-contact-mobile {
	display: flex;
	align-items: center;
	justify-content: center;
	.btn-contact-mobile {
		margin-top: 1rem;
		border: none;
	}
}

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

.d-block {
	display: block;
}
@media (width >= 768px) {
	.d-sm-none {
		display: none;
	}
	.d-sm-block {
		display: block;
	}
}

.main-header .container {
    max-width: 1200px !important;
}

a.btn.custom-animation {
	border-color: #f26522;
	background-color: #f26522;
	>span:not(.btn-icon):not(.btn-txt) {
		padding: .85em 1.5em;
	}
  &:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background: transparent;
    z-index: -1;
    transition: all .5s;
  }
  &:hover {
    background: #f26522;
    border-color: #ff9c01;
    &:after {
      width: 100%;
      background: #ff9c01;
    }
  }
}



.container-expand {
  @media (width >= 1200px) {
    .ld-container.container {
      width: 100%;
      max-width: 1568px;
    }
  }
}

#primary-nav {
  @media (width >= 1200px) {
    > li:last-child {
      display: none;
    }
  }
}

#services {
  > .container {
    > .row {
      > .wpb_column {
        &:not(:last-child) {
          > .vc_column-inner {
            min-height: 360px;
            justify-content: center;
			  padding: 1rem;
  
			.liquid-column-overlay {
				&.liquid-column-overlay-hover {
					background: rgb(0,0,0,.85) !important;
				}
				/*&:not(.liquid-column-overlay-hover) {
					background: linear-gradient(0deg, rgba(0,0,0,0) 25%, rgba(0, 0, 0, 0.7) 40%, rgba(0, 0, 0, 0.7) 60%, rgba(0,0,0,0) 75%) !important;
					background: rgb(0,0,0,.5) !important;
				}*/
			}
			  
			  .wpb_wrapper {
				  display: flex;
				  flex-direction: column;
				  align-items: start;
				  height: 100%;
				  transition: all 1s;
				  
				.vc_row.vc_inner {
					flex-grow: 1;
				  height: 0;
				  overflow: hidden;
				  transition: all 1s;
				  interpolate-size: allow-keywords;
					
					.ld-fancy-heading > p {
						font-size: 18px;
					}
					
					> .ld-container {
						> .row.ld-row {
							height: 100%;
							> .wpb_column {
								> .vc_column-inner {
									height: 100%;
									> .wpb_wrapper {
										flex-grow: 1;
										> a.btn.custom-animation {
											margin-top: auto;
										}
									}
								}
							}
						}
					}
			  	}  
			  }
  
            .lqd-simple-heading {
              margin-bottom: 0;
				font-weight: 800;
              text-wrap: balance;
              transition: all .3s;

              @media (width < 768px) {
                font-size: 1.5rem;
              }
            }
  
            &:hover {
              .lqd-simple-heading {
                margin-bottom: 1.5em;
              }
				.wpb_wrapper {
					flex-grow: 1;
					.vc_row.vc_inner {
						height: auto;
					}
				}
            }

            @media (width >= 768px) {
              min-height: 480px;
				padding: 2rem;
            }
          }
        }
      }
    }
  }
}

.wpforms-container {
  .wpforms-form {
    .wpforms-field-container {
      .wpforms-one-half {
        margin-left: 0;
        width: 100%;
        @media (width >= 768px) {
          margin-left: 2rem;
          width: calc( 50% - 1rem );
        }
      }
		
		.ui-selectmenu-button.ui-button {
			display: none !important;
		}

      input,
      textarea,
		select {
        border: 0;
        padding: 1rem;
        outline: none;
        box-shadow: 0 .5rem 2rem #00000012;
		  color: #000;

        &::placeholder {
          font-size: 1rem;
        }
      }
		
		select {
			display: block !important;
			padding: 1.25rem;
		}
		
		textarea {
			height: auto;
			min-height: 10rem;
			field-sizing: content;
		}

      input[type=checkbox] {
        width: 1.5rem;
        height: 1.5rem;
        flex-shrink: 0;
      }

      .wpforms-field-label {
        font-size: 1.125rem;
        font-weight: 500;
		  
		  .wpforms-required-label {
			  color: red;
		  }
      }

      legend.wpforms-field-label {
        border: 0;
        margin-bottom: 1rem;
      }

      ul {
        padding: 0;
        list-style: none;

        li {
          display: flex;
          align-items: center;
        }

        .wpforms-field-label-inline {
          margin-top: .375em;
			color: #333;
        }
      }
    }
    .wpforms-submit-container {
      margin-top: 4rem;
      button {
        font-size: 1.5rem;
        font-weight: 500;
        border: 0;
        background: #FF041D;
        color: #fff;
        min-width: 210px;
        padding: 1rem;
      }
    }
  }
}

@media (width < 768px) {
  #footer .links-listing h2 {
    font-size: 1rem !important;
  }
}

#wpforms-form-248 {
	.wpforms-submit-container {
		margin-top: 1rem;
		
		button {
			width: 100%;
			font-size: 1.125rem;
			padding: .5rem 1rem;
			background: #ff9c01;
		}
	}
}

#footer {
	h2.lqd-simple-heading {
		min-height: 2rem;
	}
}

.service-links {
	a {
		font-size: .875rem;
		color: #fff;
		text-decoration: underline;
		&:hover {
			color: #000;
			text-decoration-color: #000;
		}
	}
}

.service-aside-col>div>div {
    display: flex;
    height: 100%;
    flex-direction: column;
	> div {
		height: 100%;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
}






/* === Dropdown Menu Custom Styles === */
#primary-nav .menu-item-has-children > ul {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #ff9c01;
  padding: .75rem 0;
  margin: 0;
  min-width: 244px;
	border-radius: 0;
  z-index: 9999;
	
	&:before {
		background-color: #ff9c01;
	}
}

#primary-nav .menu-item-has-children:hover > ul {
  display: block;
}

#primary-nav .menu-item-has-children > ul li {
  list-style: none;
}

#primary-nav .menu-item-has-children > ul li a {
  display: block;
  padding: 14px 20px;
  font-size: 0.875rem;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
  background-color: #ff9c01;
  transition: all 0.3s ease;
}

#primary-nav .menu-item-has-children > ul li a:hover {
  color: #ff9c01;
  background-color: #ffffff;
}
.typed-container {
  position: relative;
  width: 100%;
  height: 80vh; /* o podés probar con 100vh */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
}


#typed-text-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-size: clamp(2rem, 5vw, 4.5rem);
  font-weight: 800;
  color: white;
  line-height: 1.1;
  z-index: 9999;
  white-space: nowrap;
}

/**/
.team-member-section {
	.team-member-image {
		.vc_single_image-wrapper {
			margin-bottom: 0;
		}
	}
	.team-member-col {
		> div {
			margin-bottom: 2rem;
		}
	}
	.team-member-info {
		padding: .75rem .125rem;
		background-color: #f26522;
		margin-inline: unset;
		
		.team-member-name {
			line-height: 1.2;
			> * {
				font-size: 1rem;
				line-height: 1;
				margin-bottom: .5rem;
				color: #fff;
			}
		}
		.team-member-position {
			font-size: .75rem;
			font-weight: 300;
			line-height: 1.2;
			
			> * {
				margin-bottom: 0;
				color: #fff;
			}
		}
	}
}

.single-liquid-portfolio {
	.container {
		max-width: 1200px;
	}
}

.single-post {
	.container,
	.blog-post-footer,
	&.lqd-blog-post-style-6 .lqd-post-cover {
		width: 100%;
		max-width: 48rem;
	}
	
	.lqd-post-content .entry-author a {
		pointer-events: none;
		cursor: initial;
	}
	.posted-on,
	.entry-meta>div:after {
		display: none;
	}
	
	.related-posts {
		.lqd-lp-meta {
			display: none !important;
		}
	}
}
body, p, h1, h2, h3, h4, h5, h6, span, a {
  font-family: 'Roboto', 'Open Sans', Arial, sans-serif !important;
}