/*
 Theme Name:   Claroflex v1.0
 Theme URI:    https://claroflex.com
 Description:  Claroflex Theme
 Author:       Claroflex
 Author URI:   https://claroflex.com
 Template:     prague
 Version:      2.3.2
 License:      Copyright Claroflex
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  Claroflex
*/

/* MENU */

/* SUBMENU */

/* BUTTON */

/* Theme Options Custom CSS */
/*ESTILOS NUEVOS*/

/* Si se actualiza algún elemento de página o entrada, hay que volver a
guardar estos cambios para que sobreescriban los estilos predeterminados */

h1, h2, h3, h4, h5, h6, p, span, a { font-weight: 300; }
h1, h1 a { font-family: Roboto !important; }
h2, h2 a { font-family: Roboto !important;color: #fe2833 !important; }
h3, h3 a { font-family: Roboto !important;color: #fe2833 !important; }
h4, h4 a { font-family: Roboto !important;color: #fe2833 !important; }
h6 { line-height: 1.2em !important; }


h3, .title_box p {
    font-size: 1.3em !important;
    font-weight: 300 !important;
    font-family: 'Roboto', sans-serif !important;
    line-height: 1.2em !important;
}
p {
    font-size: 1em;
    font-family: 'Roboto', sans-serif !important;
    line-height: 1.2em;
}

.margin-bottom-1em { margin-bottom: 1em; }
.margin-bottom-2em { margin-bottom: 2em; }
.margin-bottom-3em { margin-bottom: 3em; }
.margin-bottom-4em { margin-bottom: 4em; }
.margin-top-6em { margin-top: 6em; }
.margin-top-0 { margin-top: 0;}
.margin-bottom-0 { margin-bottom: 0;}
.margin-top-0 { margin-top: 0em !important;}
.margin-bottom-0 { margin-bottom: 0em !important; }
.padding-bottom-0 { padding-bottom: 0em !important; }

.text-red { color: #FE2833; }
span.text-red {line-height: normal !important;}
.text-white { color: #FFFFFF; }
.font-weight-300 { font-weight: 300; }
.font-weight-400 { font-weight: 400; }
.font-size { font-size: 1.4em; }



/** barra de navegación **/

.prague-header.simple.sticky-menu { background-color: transparent; }

/* Fijarlo a negro
.prague-header.simple.sticky-menu { background-color: #111; }
*/

/* para cambiar la letra a negro cuando la barra es transparente
header.prague-header.light .main-menu li a { color: black; opacity: 0.85; }
header.prague-header.light.scroll .main-menu li a { color: white; }
*/


header.prague-header.light .sub-menu li a { color: white; }
.main-menu li a span { font-size: 1em; }
header.prague-header { padding: 14px 30px; }

/* header tittle with freatured image */
.project-detail-parallax-item .detail-parallax-item-header{
    max-width: fit-content;
    flex-direction: column-reverse;
}
.project-detail-parallax-item .detail-parallax-item-header .detail-parallax-item-header-title{
    margin-bottom: 30px;
}
.project-detail-parallax-item .detail-parallax-item-header .detail-parallax-item-header-subtitle{
    margin-bottom: 30px;
    word-spacing: -1px;
    letter-spacing: 0px;
    font-size: 2.5em !important;
}
.project-detail-parallax-item .detail-parallax-item-header .detail-parallax-item-header-subtitle, .page-title .description {
    font-size: 2em;
}
.page-title .description p, .top-banner .content .description p { opacity: 1; }
.project-detail-parallax-cover .detail-parallax-item-bg.js-detail-parallax-item-bg{
    filter: brightness(0.4);
}
/* end header tittle with freatured image */


/** Caja de títulos recuadro rojo **/
.title_box {
    margin: 2em auto !important;
    border: 2px solid #FE2833 !important;
    padding: 30px;
    width: 100%;
}
.title_box p {
    text-align: center;
    color: #FE2833;
    font-size: 1.3em;
    line-height: 1.3em;
}
@media (min-width: 992px) { .title_box { margin: 4em auto !important; width: 70%; max-width: 679px; } }

.title_elements {
    margin-top: 2.5em;
    margin-bottom: 0em;
}


/* header image pivot */
.post-614 .post-image {
    display: none;
}
/* end header image pivot */


/* construction and designer pages*/

.inverted-border-radius { border-radius: 81% 0 0 0/390% 0 0 82% !important; top:unset !important; }
.prague_blog .blog-post:nth-child(even) .blog-list-img { border-radius: 0 0 81% 0/0 82% 390% 0 !important; }
.my-margin1 { margin-top: 60px; }
.form-contacto { margin-top: 1em; }
.form-contacto label { display: none !important; }


@media only screen and (max-width: 767px) {
    .inverted-border-radius { border-radius: 0 !important; top: 0 !important; }
    .prague_blog .blog-post:nth-child(even) .blog-list-img { border-radius: 0 !important; }
    .my-margin1 { margin-top: 0px; }
}


.vc_custom_1648735768752 {
    padding-top: 3.6rem;
    padding-left: 12.5rem;
    padding-right: 12.5rem;
    padding-bottom: 3.6rem;
    margin-left: 5rem;
    margin-right: 5rem;
}

.vc_custom_1648735768752 {
    padding-left: 1.5rem;
    padding-top: 1rem;
    padding-right: 1.5rem;
    padding-bottom: 1rem;
    margin-left: 1rem;
    margin-right: 1rem;
}

@media (min-width: 401px) {
    .vc_custom_1648735768752{
        padding-left: 1.5rem;
        padding-top: 1rem;
        padding-right: 1.5rem;
        padding-bottom: 1rem;
        margin-left: 1rem;
        margin-right: 1rem;
    }
}
@media (min-width: 1001px){
    .vc_custom_1648735768752{
        padding-top: 1rem;
        padding-left: 6.5rem;
        padding-right: 6.5rem;
        padding-bottom: 1rem;
        margin-left:1.2rem;
        margin-right:1.2rem;
    }
}
/* end of construction and designer pages*/


.prague_list .project-list-item .project-list-outer .project-list-wrapper .project-list-category:after {
    background-color: #FE2833;
}
.a-btn-arrow-2 {
    color: #FE2833 !important;
}
.a-btn-arrow-2 .arrow-right, .a-btn-arrow-2 .arrow-right:before, .a-btn-arrow-2 .arrow-right:after{
    background-color: #FE2833 !important;
}
/* counter main page*/
.prague-counter .numbers svg mask .title{
font-size: 0.6rem;
}
/* end counter main page*/
/* transition */
.prague-loader-bar, .prague-loader .prague-loader-bar:after{
    background-color:#FE2833 !important;
    color: white !important;
    width: 45% !important;
    font-weight: 300 !important;
    font-family: 'Roboto', sans-serif !important;

}
/* end transition */



/* arrows link projects */
.prague_list .project-list-item .project-list-outer .project-list-wrapper .project-list-link {
    color:#FE2833;
}
.prague-pricing-wrapper.featured_image .prague-pricing-link{
    visibility: visible;
    color:#FE2833;
}
.a-btn-arrow-2 .arrow-right{
    visibility: visible;
    background-color: #FE2833;
}
.a-btn-arrow-2 .arrow-right:before{
    visibility: visible;
    background-color: #FE2833;
}
.a-btn-arrow-2 .arrow-right:after{
    visibility: visible;
    background-color: #FE2833;
}
/* end arrows link projects */

/*footer*/
.prague-footer:before{
border-top: 1px solid black;
background-color:rgba(0,0,0,0.1);
}
.prague-footer .footer-top-content .prague-footer-main-block .footer-main-content p  {
    font-size: 1em;
    line-height: 1.2em;
    font-weight: 300;
    color: white;
}
.prague-footer-info-block .footer-info-block-content p {
    font-size: 0.7rem;
    margin-top: 5rem;
}
/*end footer*/

/* products */
.project-detail-parallax-item .detail-parallax-item-header {
    background-color:transparent !important;
}
/*end products*/

/*about banner*/
#about-us-separator {
    font-size:52px;
}
/* end about banner*/

/* section selector */
.section-selector-title {
    z-index:1;
}
.section-selector .vc_btn3.vc_btn3-style-outline-custom {
    border:  rgba(255,255,255,0.1);
}
.section-selector .vc_general.vc_btn3, .section-selector .vc_general.vc_btn3:before {
    background: rgba(46, 46, 46, 0.60);
}

/* end section selector*/