/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/


/* TIMELINE */
/* Julio 2023 */
div[data-story-index="1"] .ctl-icondot { background: #FFF0CC;}
div[data-story-index="1"] .ctl-description {background: #fff8e6 !important;}


/* Agosto 2023 */
div[data-story-index="2"] .ctl-icondot { background: #FFF0CC;}
div[data-story-index="2"] .ctl-description {background: #fff8e6 !important;}

/* Enero 2024 */
div[data-story-index="3"] .ctl-icondot { background: #FFF0CC;}
div[data-story-index="3"] .ctl-description {background: #fff8e6 !important;}

/* Marzo 2025 */
div[data-story-index="4"] .ctl-icondot { background: #FFF0CC;}
div[data-story-index="4"] .ctl-description {background: #fff8e6 !important;}

/* Mayo 2025 */
div[data-story-index="5"] .ctl-icondot { background: #DFE6F8;}
div[data-story-index="5"] .ctl-description {background: #f7f8fb !important;}

/* Febrero 2026 */
div[data-story-index="6"] .ctl-icondot { background: #DFE6F8;}
div[data-story-index="6"] .ctl-description {background: #f7f8fb !important;}

/* Enero 2028 */
div[data-story-index="7"] .ctl-icondot { background: #DFE6F8;}
div[data-story-index="7"] .ctl-description {background: #f7f8fb !important;}


/* FIN TIMELINE */



.cell, .cell.is_selected {
margin-right: 0px!important;
	border-top:1px solid;
}

.horizontal_tl .flickity-enabled {
    top: 25px;
    position: relative;
}

.horizontal_tl .inner-wrap-outer {
    margin-top: -37px;
}

/* Formulario CF7 a 2 columnas responsive */
#responsive-form{
	max-width:900px /*-- change this to get your desired form width --*/;
	margin:0 auto;
        width:100%;
}
.form-row{
	width: 100%;
}
.column-half, .column-full{
	float: left;
	position: relative;
	padding: 0.65rem;
	width:100%;
	-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
}
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

/**---------------- Media query ----------------**/
@media only screen and (min-width: 48em) { 
	.column-half{
		width: 50%;
	}
}

/* Formulario CF7 a 2 columnas responsive End */

#top nav ul li a {
color: #2e3545;	
}

.cls-1 {
  fill: none;
  stroke: #fff0cc;
  stroke-miterlimit: 10;
  stroke-width: 2px;
  /* Prepare for animation */
  stroke-dasharray: 700;
  stroke-dashoffset: 700;
  animation: none; /* Animation is set to none initially */
}

/* Animation keyframes */
@keyframes draw {
  to {
    stroke-dashoffset: 0;
  }
}


.img_footer {
    float: right;
	width:45px !important;
}

.toggle>.toggle-title {
    position: relative;
    z-index: 10;
    font-size: 12px;
    background-color: #dbe2f6;
    border-radius: 30px;
    padding-left: 50px;
    padding-right: 50px;
}

div[data-style*=minimal] .toggle>.toggle-title i {

    right: 50px;
    border: 2px solid #2e3545;
	color:#2e3545;
}

div[data-style="minimal"] .toggle > .toggle-title i:before,div[data-style="minimal"] .toggle > .toggle-title i:after {


	background-color:#2e3545;
}



div[data-style="minimal"] .toggle {
    border-bottom: 0px solid rgba(0,0,0,0.08);
    transition: border-color 0.15s ease;
    border-radius: 30px;
	background-color: #DFE6F880;

}


div[data-style="minimal"] .toggle[data-inner-wrap="true"] > div .inner-toggle-wrap {

    padding-left: 50px;
    padding-right: 50px;
    padding-top: 30px;
    padding-bottom: 30px;
	}

body div[data-style="minimal"] .toggle {
    margin-bottom: 10px;
}

.toggle>.toggle-title a {
	color:#2e3545;
}

div[data-style="minimal"] .toggle > .toggle-title a {
    font-size: 18px !important;
    line-height: 24px !important;
}



.ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-left .ctl-arrow {
    left: auto;
    right: calc(var(--ctw-ibx-size)/ 7 - var(--ctw-ibx-size)/ 1.29 + var(--ctw-cbx-bd-left-width)/ 3) !important;
    background: transparent!important;
    border-width: var(--ctw-cbx-bd-left-width) var(--ctw-cbx-bd-left-width) 0 0!important;
    box-shadow: none!important;
    border-top: 1px solid !important;
    border-top-color: #2e3545 !important;
    top: 31px !important;
    z-index: 0 !important;
	transform: none !important;
	width: 180px !important;


}
.ctl-description {
	    padding: 12% !important;
}

.ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-right .ctl-arrow {
    right: auto;
    left: calc(var(--ctw-ibx-size)/ 7 - var(--ctw-ibx-size)/ 1.29 + var(--ctw-cbx-bd-left-width)/ 3) !important;
    background: transparent!important;
    border-width: var(--ctw-cbx-bd-left-width) var(--ctw-cbx-bd-left-width) 0 0!important;
    box-shadow: none!important;
    border-top: 1px solid !important;
    border-top-color: #2e3545 !important;
    top: 31px !important;
    z-index: 0 !important;
	transform: none !important;
	width: 180px !important;
	    padding: 10% !important;
}

.ctl-wrapper .cool-timeline-wrapper .ctl-story.ctl-story-right .ctl-content {

	margin-left: 25% !important;

}
.ctl-wrapper .cool-timeline-wrapper .ctl-story.ctl-story-left .ctl-content {

	margin-right: 25% !important;

}

.ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-left .ctl-description {
    text-align: right !important;
	    margin-top: -54px;
}

.ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-right .ctl-description {
    text-align: left !important;
	    margin-top: -54px;
}

 .ctl-title {
    opacity:0% !important;
}

.ctl-wrapper .ctl-labels {

    display: none !important;
}

.ctl-wrapper {
    --ctw-line-width: 1px !important;
}

.ctl-description em, .horizontal_tl em{
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 600 !important;
}

.ctl-description h4 {
	    font-size: 20px !important;
	
}
.ctl-story {
    margin-bottom: -50px !important;
}

.ctl-wrapper .ctl-vertical-wrapper .ctl-end, .ctl-wrapper .ctl-vertical-wrapper .ctl-start  {
	display: none !important;
}


.ctl-wrapper .ctl-icondot {
    position: absolute;
    width: calc(var(--ctw-ibx-size)/ 1.3)!important;
    height: calc(var(--ctw-ibx-size)/ 1.3)!important;

}

.ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-left .ctl-icondot {
    left: auto;
    right: calc(var(--ctw-ibx-size) * 0.6 - var(--ctw-ibx-size) * 2) !important;
}

.ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-right .ctl-icondot {
   right: auto;
    left: calc(var(--ctw-ibx-size) * 0.6 - var(--ctw-ibx-size) * 2) !important;
}

textarea.wpcf7-form-control.wpcf7-textarea {
    height: 90px;
}

.material.woocommerce-page[data-form-style=default] input#coupon_code, input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
    background-color: #ffffff7a;
    border-radius: 10px !important;
    border: 0px solid transparent;
}

input.wpcf7-form-control.wpcf7-submit {
   display: block;
   margin: 0 auto;
}


body[data-button-style=rounded] .container-wrap input[type=submit] {
    padding: 11px 44px!important;
    font-family: 'Raleway';
    font-weight: 700;
    font-size: 14px;
    color: var(--nectar-accent-color);
    background-color: #ffffff7a;
    border: 1px solid;
}

.wpcf7 .wpb_wrapper>div {
    margin-bottom: -30px;
}

.wpcf7 {
    padding-bottom: 20px;
}

.wpcf7 form .wpcf7-response-output {
    margin: 0;
    border-radius: 30px;
    border: none;
    margin-top: -15px;
    color: #888;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    padding-left: 60px;
    padding-right: 60px;
}

/* RESPONSIVE*/

@media only screen and (max-width: 767px) {
.ctl-story {
    margin-bottom: 30px !important;
}
	
div[data-style="minimal"] .toggle, .toggle>.toggle-title  {

    border-radius: 14px !important;

}
	
div[data-style="minimal"] .toggle > .toggle-title a {
    font-size: 16px !important;
    line-height: 20px !important;
	padding: 15px 70px 15px 0;
}
	
.toggle>.toggle-title {
    position: relative;
    z-index: 10;
    font-size: 12px;
    background-color: #dbe2f6;
    border-radius: 14px;
    padding-left: 25px;
    padding-right: 25px;
}

div[data-style*=minimal] .toggle>.toggle-title i {

    right: 50px;
    border: 2px solid #2e3545;
	color:#2e3545;
}

div[data-style="minimal"] .toggle[data-inner-wrap="true"] > div .inner-toggle-wrap {

    padding-left:25px;
    padding-right: 25px;
    padding-top: 20px;
    padding-bottom: 20px;
	}

	
div[data-style*=minimal] .toggle>.toggle-title i {

    right: 25px;
    border: 2px solid #2e3545;
	color:#2e3545;
}

.ctl-wrapper .cool-timeline-wrapper:not(.ctl-clean-skin) .ctl-content {
    background: var(--ctw-cbx-des-background);
margin-left: 0%;
    margin-right: 0%;
}


.ctl-wrapper .cool-timeline-wrapper .ctl-story.ctl-story-right .ctl-content {

	margin-left: 0% !important;

}
.ctl-wrapper .cool-timeline-wrapper .ctl-story.ctl-story-left .ctl-content {

	margin-right: 0% !important;

}

.ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-left .ctl-description,.ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-right .ctl-description {
    text-align: left !important;
}

.ctl-wrapper .ctl-vertical-wrapper .ctl-icondot, .ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-left .ctl-icondot, 
.ctl-wrapper .ctl-vertical-wrapper .ctl-icondot, .ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-right .ctl-icondot {
    left: calc(var(--ctw-ibx-size)/ 3 - var(--ctw-ibx-size) * 1.85) !important;
}

.ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-right .ctl-arrow, .ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-left .ctl-arrow {
    background: transparent!important;
	}

.ctl-wrapper .ctl-vertical-wrapper .ctl-labels~.ctl-icondot {
    top: 20px !important;
}
	
	.ctl-wrapper .ctl-vertical-wrapper:where(.ctl-both-sided,.ctl-one-sided) .ctl-story:nth-child(2) {
    margin-top: 0px !important;
}
	
.ctl-wrapper .ctl-vertical-wrapper .ctl-arrow, .ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-left .ctl-arrow, .ctl-wrapper .ctl-vertical-wrapper .ctl-arrow, .ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-right .ctl-arrow {
    border-width: 0 0 var(--ctw-cbx-bd-left-width) var(--ctw-cbx-bd-left-width);
    left: -30px !important;
    top: 35px !important;
	
}