/**
Theme Name: trenlo
Author: Origami Soluciones
Author URI: https://origamisoluciones.com/
Description: Web corporativa para el proyecto TRENLO
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: trenlo
Template: astra
*/


/*General*/
:root {
    --primary: #206D51;
    --black: #001013;
    --white: #FFFFFF;
    --blue: #007E94;
    --light-gray: #F6F6F6;
}

body::-webkit-scrollbar {
    width: 9px;
}

body::-webkit-scrollbar-thumb {
    background-color: var(--primary);
}

body::-webkit-scrollbar-track {
    box-shadow: inset 0 0 12px var(--black);
}

a:focus,
input:focus,
textarea:focus,
select:focus,
.eael-tabs-nav li:focus,
.elementor-tab-title:focus {
    outline: none !important;
}

.sr-only {
    display: none !important;
}

/*Plugins*/
.wpforms-container .wpforms-field-label-inline {
    color: var(--primary);
}

.wpforms-container ul {
    list-style-type: none;
}

.eael-elements-flip-box-front-container {
    background-blend-mode: normal !important
}

.bdt-position-cover::after {
    content: '';
    background-color: rgba(0, 0, 0, 0.55);
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
}

div.eael-elements-flip-box-front-container::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    background: rgb(0, 0, 0);
    background: -moz-linear-gradient(180deg, rgba(35, 31, 32, 0) 0%, rgba(35, 31, 32, 1) 68%);
    background: -webkit-linear-gradient(180deg, rgba(35, 31, 32, 0) 0%, rgba(35, 31, 32, 1) 68%);
    background: linear-gradient(180deg, rgba(35, 31, 32, 0) 0%, rgba(35, 31, 32, 1) 68%);
    border-bottom: 9px solid var(--red);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#231f20", endColorstr="#231f20", GradientType=1);
    opacity: 0.64;
    border-radius: 24px;
    -moz-border-radius: 24px;
    -webkit-border-radius: 24px;
}

.eael-flip-box--3d .eael-elements-slider-display-table {
    z-index: 1;
}


.bdt-prime-slider-skin-crelly .bdt-slider-excerpt-content .bdt-slider-excerpt {
    columns: 1;
    text-align: center;
}

.bdt-prime-slider-skin-crelly .bdt-crelly-btn {
    display: flex;
    display: -ms-flexbox;
    justify-content: center;
}

.bdt-position-cover::after {
    content: '';
    background-color: rgba(0, 0, 0, 0.48);
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
}

.archive.category h2 {
    font-size: 1.3rem !important;
}

.archive.category .ast-read-more-container a {
    padding: 10px 20px !important;
    color: var(--primary) !important;
    border: 1px solid var(--primary) !important;
    border-radius: 30px !important;
}

.archive.category .ast-read-more-container a:hover {
    padding: 10px 20px !important;
    color: var(--white) !important;
    border: 1px solid var(--blue) !important;
    background-color: var(--blue) !important;
}

.archive.category .post-content {
    background-color: var(--light-gray) !important;
    padding:20px !important;
}

/*Responsive*/
@media only screen and (max-width: 990px) {
    .site-navigation a.menu-link {
        padding: 0px 10px !important;
    }
}

@media only screen and (max-width: 940px) {
    .site-navigation a.menu-link {
        padding: 0px 5px !important;
    }
}

@media only screen and (max-width: 921px) {
    .site-navigation a.menu-link {
        padding: 0 20px !important;
    }

    .archive.category .ast-article-post {
        padding: 0px !important;
    }

    .archive.category .ast-blog-featured-section {
        width: 25% !important;
        margin-bottom: 0px !important;
    }

    .archive.category .post-content {
        width: 75% !important;
        padding: 15px !important;
    }
}

@media only screen and (max-width: 767px) {


    .archive.category .ast-blog-featured-section {
        width: 40% !important;
        margin-bottom: 0px !important;
    }

    .archive.category .post-content {
        width: 60% !important;
        padding: 15px !important;
    }
}

@media only screen and (max-width: 576px) {
    .wpforms-container .wpforms-field.wpforms-one-half {
        width: 100% !important;
        margin-left: 0px !important;
    }

    .contact-map iframe {
        max-height: 300px !important;
    }

    .archive.category .ast-blog-featured-section {
        width: 100% !important;
        margin-bottom: 0px !important;
    }

    .archive.category .post-content {
        width: 100% !important;
        padding: 15px !important;
        text-align:center !important;
    }
}