/*
 Theme Name:   Divi Child - SubstrateAI
 Theme URI:    https://www.elegantthemes.com/
 Description:  Divi Child Theme. Customized for SubstrateAI
 Author:       Ronald Figueroa
 Author URI:   http://ronaldfigueroa.com
 Template:     Divi
 Version:      3.0.64
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  Divi-child
*/

/*--------------------------------------------*/
/*------[Triangle Dividers - Quiroz.co]-------*/
/*--------------------------------------------*/
 
    .triangles::before, .triangles::after {position: absolute; content: ''; pointer-events: none;}
 
    .triangles::before, .triangles::after {
        left: 50%;
        width: 100px;
        height: 100px;
        -webkit-transform: translateX(-50%) rotate(45deg);
        transform: translateX(-50%) rotate(45deg);}
 
        /* Top arrow pointing down. Currently set as black. This can be removed if you don't want a top arrow */
       /*     .triangles::before {top: -50px; background: #000;} */
 
        /* Bottom arrow pointing down. Currently set to inherit the background of the section. This can be removed if you don't want a bottom arrow */
         .triangles::after { bottom: -50px; z-index: 10; background: inherit;}

/*------------------------------------------------*/
/*----[Left Diagonal Lines - By Geno Quiroz]------*/
/*-----------------[Quiroz.Co]--------------------*/
/*------------------------------------------------*/

#et-main-area { overflow: hidden;} /* Hides all the items that float over the right margin */

.left-diagonal {
z-index: 1;
padding-top: 0px;}

.left-diagonal::after {
position: absolute;
content: '';
pointer-events: none;
top: -150px;
left: -25%;
z-index: -1;
width: 150%;
height: 50%;
background: inherit;
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
-webkit-transform-origin: -3% 0;
transform-origin: -3% 0;}

@media only screen and ( min-width: 1901px ) and ( max-width: 2500px ) {.left-diagonal::after {top: -150px; height: 85%;}}
@media only screen and ( min-width: 1501px ) and ( max-width: 1900px ) {.left-diagonal::after {top: -131px; height: 68%;}}
@media only screen and ( min-width: 1001px ) and ( max-width: 1500px ) {.left-diagonal::after {top: -116px;}}
@media only screen and ( max-width: 1000px ) {.left-diagonal::after {top: -90px;}}

/*------------------------------------------------*/
/*-----------------[CTA Menu Item]----------------*/
/*-----------------[by GenoQuiroz]----------------*/
/*------------------------------------------------*/

/*------------------------------------------------*/
/*-----------------[CTA Menu Item]----------------*/
/*-----------------[by GenoQuiroz]----------------*/
/*------------------------------------------------*/

/* style the get started cta button */
.contact-cta {border-radius: 0px;}
.contact-cta a {color: #fff!important;}
li.contact-cta {
	background-color:#3d85c6; 
	font-weight: 700; 
	text-transform: uppercase; 
	text-align: center; 
	padding: 10px 10px 10px 10px !important;
    border-radius: 3px;
	-moz-transition: all 0.5s; 
	-webkit-transition: all 0.5s;
	transition: all 0.5s;}
li.contact-cta:hover {background-color:rgb(101, 164, 74);}

/* fixed header button text color */
.et-fixed-header #top-menu .contact-cta a {
                color: #fff!important;}
.contact-cta li.current-menu-ancestor > a, .contact-cta li.current-menu-item > a {color: #fff !important;}

@media only screen and (min-width : 981px) { li.contact-cta {height: 33px;}}


/*------------------------------------------------*/
/*------[Big Invisible Triangle - Quiroz.co]------*/
/*------------------------------------------------*/
 
#et-main-area { overflow: hidden;} /* Hides all the items that float over the right margin */
 
.big-triangle:after,.big-triangle:before {
    content:'';
    position:absolute;
    bottom:0;
    width:50%;
    z-index:100;
    border-bottom:50px solid #333;
    -moz-transform:rotate(0.000001deg);
    -webkit-transform:rotate(0.000001deg);
    -o-transform:rotate(0.000001deg);
    -ms-transform:rotate(0.000001deg);
    transform:rotate(0.000001deg);}
 
.big-triangle:before{
    right:50%;
    border-right:1000px solid transparent;
    border-left:1000px solid;}
 
.big-triangle:after{
    left:50%;
    border-left:1000px solid transparent;
    border-right:1000px solid;}



/*----- scroll down button ---*/

/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
	.et_pb_fullwidth_header_0 .header-content-container .header-content .et_pb_button_two.et_pb_button {
		margin-bottom: 100px;	
	}

	.et_pb_fullwidth_header_0 .header-content-container .header-content .et_pb_button_one.et_pb_button, 
	body #page-container .et_pb_fullwidth_header_0 .et_pb_button_two.et_pb_button {
		font-size: 16px !important;
	}

	.et_pb_fullwidth_header_0 .header-content-container .header-content .et_pb_button_one.et_pb_button::after, 
	body #page-container .et_pb_fullwidth_header_0 .et_pb_button_two.et_pb_button::after {
		font-size: 28px !important;
	}

}

/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
	.et_pb_fullwidth_header_0 .header-content-container .header-content .et_pb_button_two.et_pb_button {
		margin-bottom: 100px;	
	}

	.et_pb_fullwidth_header_0 .header-content-container .header-content .et_pb_button_one.et_pb_button,
	body #page-container .et_pb_fullwidth_header_0 .et_pb_button_two.et_pb_button {
		font-size: 16px !important;
	}

	.et_pb_fullwidth_header_0 .header-content-container .header-content .et_pb_button_one.et_pb_button::after, 
	body #page-container .et_pb_fullwidth_header_0 .et_pb_button_two.et_pb_button::after {
		font-size: 28px !important;
	}

}
 
/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {
	.et_pb_fullwidth_header_0 .header-content-container .header-content .et_pb_button_two.et_pb_button {
		margin-bottom: 100px;
	}

	.et_pb_fullwidth_header_0 .header-content-container .header-content .et_pb_button_one.et_pb_button,
	body #page-container .et_pb_fullwidth_header_0 .et_pb_button_two.et_pb_button {
		font-size: 16px !important;
	}

	.et_pb_fullwidth_header_0 .header-content-container .header-content .et_pb_button_one.et_pb_button::after, 
	body #page-container .et_pb_fullwidth_header_0 .et_pb_button_two.et_pb_button::after {
		font-size: 28px !important;
	}

}

/*ocultar carrito en secondary header*/
.et-cart-info {
	display:none !important; 
}