/* ===================================================================================

* Theme Name: Liko Child
* Theme URI: https://wp.hixstudio.net/liko/
* Author: fox-themes 
* Author URI: https://themeforest.net/user/fox-themes
* Description: Liko - Creative Agency & Portfolio WordPress Theme
* Version: 1.0.0
* Template: liko
* License: GNU General Public License version 3.0
* License URI: http://www.gnu.org/licenses/gpl-3.0.html
* Tags: one-column, right-sidebar, left-sidebar, custom-menu, featured-images, post-formats, sticky-post, translation-ready

* We encourage you to create Child theme for any modifications you will want to do.

* Why use Child theme?

* Because of future updates we may provide for this theme that will overwrite your
* modifications and all your custom work.

* If you are not familiar with Child Themes, you can read about it here:
* http://codex.wordpress.org/Child_Themes
* http://wp.tutsplus.com/tutorials/theme-development/child-themes-basics-and-creating-child-themes-in-wordpress/

====================================================================================== */
/* ==== Texto Color Custom === */

h2 span{
  color:#A91018;
}

/* ==== Text Color Custom === */
/* ==== Menu Custom === */
.tp-header-area .row.align-items-center {
  display: flex;
  flex-wrap: nowrap;
}

.tp-header-area .row.align-items-center > div:nth-child(1) {
  flex: 0 0 auto;
  width: auto; 
}
.tp-header-area .row.align-items-center > div:nth-child(2) {
  flex: 1 1 auto;
  max-width: 100%;
}


.tp-header-area .row.align-items-center > div:nth-child(3) {
  display: none; 
}
/*.tp-inner-header-area .row.align-items-center > div {
  width: 50% !important;
  max-width: 50% !important;
}*/

@media (max-width: 1199.98px) { 
  .tp-header-area .row.align-items-center {
  flex-direction: row !important;
  align-items: center !important;
}

.tp-header-area .row.align-items-center > div {
  width: 50% !important;
  max-width: 50% !important;
}

.tp-header-height .header-sticky .container{
  padding: 0px 40px;
}
.tp-header-area .row.align-items-center > div:nth-child(3) {
      display: block; 
  }
}

.tp-header-area .tp-header-logo img {
    width: 240px !important;
}

.tp-main-menu-content .tp-nav-menu {
	text-align: right;
}

.tp-main-menu-content .tp-nav-menu .nav-links {
   font-family: "UnivaNova", Sans-serif !important;
    font-weight: 400 !important;
}
.tp-header-area .tp-main-menu-content ul li a {
    color: #FFFFFF;
}

.tp-header-area.header-sticky{
	background: #000000;
}

.tp-header-bar button span{
	background-color: #FFFFFF !important;
}
.tp-offcanvas-area{
	background:#000000;
}
ul#menu-1-54437a1 li a{
	color:#FFFFFF;
}
.tp-offcanvas-close-btn{
	color:#FFFFFF;
}
/* ==== Menu Custom === */


/* ==== Tabs Custom === */

/*
.elementor-widget-n-tabs .e-n-tabs-heading {
    max-height: 100vh;
    overflow-y: auto;
}


.tabs-content-sticky {
    position: sticky;
    top: 20px;
}


.e-n-tabs-heading-scroll {
    max-height: 100vh;
    overflow-y: auto;
}


.tabs-content-sticky {
    position: sticky;
    top: 20px;
}


.tabs-content-scroll {
    max-height: 100vh;
    overflow-y: auto;
    position: relative !important;
}
*/

/* ====End  Tabs Custom === */


/* ==== Contac Form Custom === */

/* Contenedor general */
.custom-form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* Fila con dos columnas */
.form-two-cols {
    display: flex;
    gap: 20px;
}

/* Columna individual */
.form-col {
    flex: 1;
}

/* Inputs estilo */
.custom-form input,
.custom-form textarea {
    width: 100%;
    padding: 12px 14px;
    border:none;
    border-radius: 40px;
    font-size: 15px;
    box-sizing: border-box;
	background:#E4E4E4;
	font-family: "UnivaNova", Sans-serif;
}

.custom-form input.wpcf7-submit{
	width:30%;
	background:#2F2F2F;
	color:#FFFFFF;
}

.custom-form input.wpcf7-submit:hover{
	background:rgba(169, 16, 24, 0.10);
	color:#2F2F2F;
}
	


.custom-form label {
    font-weight: 400;
    margin-bottom: 5px;
    display: block;
	font-family: "UnivaNova", Sans-serif;
	font-size:16px;
	color:#C23228;
}

/* Responsive */
@media (max-width: 768px) {
    .form-two-cols {
        flex-direction: column;
    }
	
	.custom-form input.wpcf7-submit{
	width:50%;
	
}
}

.selected-flag{
	background-color:transparent !important;
}
/* ==== End Contact Form Custom === */

/* ==== Servicios Top === */
.slider-servicios-item .elementor-image-box-wrapper{
 display: flex;
 align-items: center;
}

.slider-servicios-item {
    cursor: pointer;
}

.modal-cf7 {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / .5);
    justify-content: center;
    align-items: center;
    padding: 20px;
    background-color: rgb(0 0 0 / .8);
    justify-content: center;
    align-items: center;
    pointer-events: all
}
.modal-cf7-content {
    background-color: #FFFFFF;
    border-radius: 16px;
    max-width: 600px;
    width: 100%;
    padding: 40px 30px;
    position: relative;
    box-shadow: 0 10px 30px rgb(0 0 0 / .1);
}

.cerrar-modal-cf7 {
    position: absolute;
    top: 20px;
    right: 24px;
    font-size: 30px;
    color: #C23228;
    cursor: pointer;
}

.modal-cf7-header h2 {
    font-family: "UnivaNova", Sans-serif;
    color: #2F2F2F;
    font-size: 40px;
    font-weight: 600;
    line-height: 50px;
    text-align: center;
    margin: 0px;
    padding-bottom: 20px;
}

.modal-cf7-header h2 span{
    color: #A91018;
}
/* ==== Servicios Top === */


@media (max-width: 768px) {
	.elementor-17222 .elementor-element.elementor-element-19985a7 .tp-el-theme-btn{
		padding: 22px 40px 22px 40px;
	}
}