/* 
Theme Name: ASTES
Theme URI: https://github.com/elementor/hello-theme/
Description: Customized Hello Elementor Theme by Hector Mendoza.
Author: Hector Mendoza
Author URI: https://hectormendoza.me
Template: hello-elementor
Version: 1.0.3
Text Domain: hello-elementor-child
*/


/* General */

html,
body {
    overflow-x: hidden;
}

.elementor-button:focus,
button:focus,
a:focus,
input:focus {
    outline: none !important;
}

a,
a:hover button,
button:hover,
a path,
a:hover path,
.elementor-button,
.elementor-button:hover,
a .elementor-icon-list-text,
a .elementor-icon-list-icon i,
a img,
a:hover img {
    transition: all .3s ease-in-out !important;
}

::selection {
    background: #F04B24;
    color: #FFF;
}

::placeholder {
    opacity: 1 !important;
}

::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    opacity: 1 !important;
}

::-moz-placeholder {
    /* Firefox 19+ */
    opacity: 1 !important;
}

:-ms-input-placeholder {
    /* IE 10+ */
    opacity: 1 !important;
}

:-moz-placeholder {
    /* Firefox 18- */
    opacity: 1 !important;
}

.no-mb,
.no-mb * {
    margin-bottom: 0 !important;
}

.swiper-button a,
.menu-item {
    position: relative;
}

.swiper-button a span,
.menu-item a {
    z-index: 100;
}


/* .swiper-button a:before,
.menu-item::before {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    inset: 0 0 0 0;
    z-index: 1;
    transition: transform .5s ease;
    transform: scaleX(0);
    transform-origin: bottom right;
    background: #F04B24;
} */

.swiper-button a:hover {
    background-color: transparent !important;
}


/* .swiper-button a:hover::before,
.menu-item:hover::before {
    transform: scaleX(1);
    transform-origin: bottom left;
} */

.swiper-text a {
    text-decoration: none !important;
    /*background: linear-gradient(to right, #F1B209, #F1B209 50%, #007EFF 50%); */
    /* Uncomment this and change the background color for the hover color, the first 2 colors are the hover and the last is the current color */
    overflow: hidden;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 200% 100%;
    background-position: 100%;
    transition: background-position 275ms ease;
}

.swiper-text a:hover {
    background-position: 0 100%;
    opacity: 1 !important;
}

.hide-br br {
    display: none;
}


/* Uncomment the code below if you want shiny effect on image hover */


/*
.shiny-img{
	position: relative;
	overflow: hidden;
}

.shiny-img::before{
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}

.shiny-img:hover::before{
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
*/


/* Only if you have hero arrow */



.down-arrow a {
	animation: move_down 2s ease-in-out infinite;
}



/* Header */

html .site-header {
    padding: 10px 50px;
}

html .site-header .header-inner {
    padding: 0 !important;
}

.site-navigation ul.menu li a {
    font-size: inherit;
    font-family: inherit;
    font-style: inherit;
    font-weight: inherit;
    text-transform: inherit;
}

.menu-item a:hover,
.copyright a:hover {
    color: #F04B24 !important;
}

/* html .elementor-location-header {
    // Only for Transparent Headers
    position: absolute;
    width: 100%;
} */

/* Home */
div.wpforms-container-full .wpforms-form .wpforms-field-label {
    margin: 0 0 15px;
}

html div.wpforms-container-full {
    margin: 0;
}

html div.wpforms-container-full .wpforms-form label.wpforms-error {
    font-size: 14px;
    font-weight: 700;
    color: #FF0000;
    margin: 12px 0 0;
}

.wpforms-submit-container {
    text-align: center;
}

html .wpforms-submit {
    color: #FFF !important;
    text-transform: uppercase !important;
    letter-spacing: .5px !important;
    border: none !important;
    border-radius: 22px !important;
    background: #182857 !important;
    padding: 13px 10px !important;
    min-width: 180px;
}

html .wpforms-submit:hover,
html .wpforms-submit:focus,
html .wpforms-submit:active {
    background: #F04B24 !important;
}

html div.wpforms-container-full .wpforms-form .wpforms-field {
    padding: 10px 0 25px;
}

html div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium {
    height: 200px;
    resize: none;
}

/* Proyectos */

/* Proyecto */
html .sl-wrapper .sl-navigation button {
    background: transparent;
    color: #FFF;
}

html .sl-wrapper .sl-close,
html .sl-wrapper .sl-image {
	display: none !important;
}

/* Contact Us */

.contact-section .wpforms-submit-container {
    text-align: left;
}

/* Footer */

html .site-footer {
    padding: 20px 0;
}

.copyright a {
    color: #FFF !important;
}

.copyright a,
.site-header h1.site-title a {
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}


/* Animations - KeyFrames */

@keyframes opacDown {
    0% {
        transform: translate(0, -20px);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        transform: translate(0, 20px);
        opacity: 0;
    }
}

@keyframes shine {
    100% {
        left: 125%;
    }
}

@keyframes move_down {
    0% {
        -webkit-transform: translate(0, -20px);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        -webkit-transform: translate(0, 20px);
        opacity: 0;
    }
}


/* Media Queries */

@media (max-width: 1800px) {
    .max-w .elementor-container {
        padding: 0 50px;
    }

    .max-w .elementor-inner-section .elementor-container {
        padding: 0 !important;
    }

    .icon-list .elementor-icon-list-item {
        align-items: flex-start !important;
    }

    .icon-list .elementor-icon-list-icon {
        position: relative;
        top: 7px;
    }
}

@media (max-width: 1700px) {}

@media (max-width: 1439px) {}

@media (max-width: 1365px) {}

@media (max-width: 1279px) {}

@media (max-width: 1200px) {
    html .site-navigation-toggle-holder {
        padding: 0;
    }

    html .site-navigation-toggle-holder .site-navigation-toggle {
        font-size: 24px;
        padding: 0;
        border-radius: 0;
        background-color: transparent;
    }

    html .site-navigation-dropdown ul.menu li.current-menu-item a {
        background: #F04B24;
    }
}

@media (max-width: 989px) {}

@media (max-width: 767px) {

    .hide-br br,
    .copyright a {
        display: block;
    }

    .max-w .elementor-container {
        padding: 0 25px;
    }

    html .site-header {
        padding: 5px 20px;
    }

    html .site-footer {
        padding: 15px 0;
    }

    .copyright span {
        display: none;
    }

    html .site-footer .copyright p {
        line-height: 1.6;
    }

    div.wpforms-container-full .wpforms-form .wpforms-one-half,
    div.wpforms-container-full .wpforms-form .wpforms-three-sixths,
    div.wpforms-container-full .wpforms-form .wpforms-two-fourths {
        width: 100%;
        margin: 0 !important;
    }

    .contact-section .wpforms-submit-container {
        text-align: center;
    }
}

@media (max-width: 360px) {
    html .site-footer .copyright p {
        font-size: 13px;
    }
}