/*
Theme Name: TheWhiteBrand CHILD Theme
Theme URI: https://thewhitebrand.es
Description: Your site description. Go to Appearance > Editor to modify this file.
Author: TheWhiteBrand
Author URI: https://thewhitebrand.es
Template: Total
Version: 1.0
*/

/*TOTAL styles*/
.white-text {color: var(--wpex-white)!important;}

/*Template 1Landing Styles*/
.hide {display:none !important;}
@media (min-width: 768px) {
.hide-desktop {display:none !important;}
}

@media (max-width: 767px) {
.hide-mobile {display:none !important;} 
}

.ml-6 {margin-left: 6px !important;}
.mr-10 {margin-right: 10px !important;}
.mt10 {margin-top: 10px !important;}
.mt20 {margin-top: 20px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb40 {margin-bottom: 40px !important;}


.colorcorp1{color:#68b5af;} /*azul verdoso claro*/
.colorcorp2{color:#233536;} /*azul oscuro*/

.br5 img {border-radius: 5px;}

.full1200 img {width: 1200px; height: auto;}

.absolute {position: absolute !important;}
.center {text-align:center;}
.left {float: left;}
.right {float: right;}
.bottom {vertical-align: baseline;}
.nolink {pointer-events: none; cursor: default;}
.z-index999 {z-index: 999;}

.uppercase {text-transform: uppercase;}
.nounderline a {text-decoration: none;}

small {font-size: 70% !important;}


h2 {
	font-size:1.8em!important;
	margin-bottom:6px!important;
}
h3 {
	color:#f79468!important;
    font-size:1.3em!important;
}


/*VARIABLE*/
.var-bg-accent {background: var(--wpex-accent);}
.var-color-accent {color: var(--wpex-on-accent);}



/*PORTFOLIO*/
.hide-meta .wpex-card-meta {display: none;}


/*FOOTER*/
#footer-builder a {color:inherit; text-decoration: none;}
#footer-builder {margin-top:120px;}
.page-id-34 #footer-builder {margin-top:0!important;}
/*
@media (max-width: 767px) {
.page-id-34 #footer-builder {margin-top:10px!important;}
}
*/  



/*FORMS*/
/*
.whiteform p {color: #ffffff;}
.whiteform input[type="submit"] {
    margin-top: 40px;
    color: #ffffff;
    background-color: #252f39;
    border: 1px solid #ffffff !important;
}

.whiteform textarea, .whiteform input[type="email"], .whiteform input[type="text"], .whiteform input[type="tel"], .whiteform input[type="number"] {
    color: #ffffff;
    background-color: #252f39;
    border: inherit !important;
    border-bottom: 1px solid #ffffff !important;
}

.whiteform textarea:focus, .whiteform input:focus {background-color: #252f39;}
*/


textarea, input[type="email"], input[type="text"], input[type="tel"], input[type="number"] {
    width: 100% !important;
    border-radius: 0 !important;
    border: inherit !important;
    border-bottom: 1px solid #d7d7d7 !important;
    padding: 4px 10px !important;
    margin-bottom: 22px !important;
}

textarea {height: 7em;}

span.wpcf7-not-valid-tip {margin: -18px 6px 23px;}
    /*CF7 responsive*/
    /*  https://crocoblock.com/freemium/tools/contact-form-7-layout-builder/  */

    .cf-container {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -5px;
	margin-left: -5px;
    }
    .cf-col-1, .cf-col-2, .cf-col-3, .cf-col-4, .cf-col-5, .cf-col-6, .cf-col-7, .cf-col-8, .cf-col-9, .cf-col-10, .cf-col-11, .cf-col-12 {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 5px;
        padding-left: 5px;
    }
    @media ( min-width: 576px ) {
        .cf-col-1 {
            -ms-flex: 0 0 8.333333%;
            flex: 0 0 8.333333%;
            max-width: 8.333333%;
        }
        .cf-push-1 { margin-left: 8.333333%; }
        .cf-col-2 {
            -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
            max-width: 16.66667%;
        }
        .cf-push-2 { margin-left: 16.66667%; }
        .cf-col-3 {
            -ms-flex: 0 0 25%;
            flex: 0 0 25%;
            max-width: 25%;
        }
        .cf-push-3 { margin-left: 25%; }
        .cf-col-4 {
            -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
            max-width: 33.33333%;
        }
        .cf-push-4 { margin-left: 33.33333%; }
        .cf-col-5 {
            -ms-flex: 0 0 41.66667%;
            flex: 0 0 41.66667%;
            max-width: 41.66667%;
        }
        .cf-push-5 { margin-left: 41.66667%; }
        .cf-col-6 {
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%;
        }
        .cf-push-6 { margin-left: 50%; }
        .cf-col-7 {
            -ms-flex: 0 0 58.33333%;
            flex: 0 0 58.33333%;
            max-width: 58.33333%;
        }
        .cf-push-7 { margin-left: 58.33333%; }
        .cf-col-8 {
            -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
            max-width: 66.66667%;
        }
        .cf-push-8 { margin-left: 66.66667%; }
        .cf-col-9 {
            -ms-flex: 0 0 75%;
            flex: 0 0 75%;
            max-width: 75%;
        }
        .cf-push-9 { margin-left: 75%; }
        .cf-col-10 {
            -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
            max-width: 83.33333%;
        }
        .cf-push-10 { margin-left: 83.33333%; }
        .cf-col-11 {
            -ms-flex: 0 0 91.66667%;
            flex: 0 0 91.66667%;
            max-width: 91.66667%;
        }
        .cf-push-11 { margin-left: 91.66667%; }
        .cf-col-12 {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
        }
    }