/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extender Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.0
 Text Domain:  bricks
*/

/************************************************************/
/*                         GLOBAL                           */
/************************************************************/

#brx-header, #brx-footer {
    background: #fff;
    padding: 20px;
}

#brx-content {
    background: #fff;
    padding: 50px 20px;
}

/************************************************************/
/*               PÁGINAS DE AUTENTICACIÓN                   */
/************************************************************/

body.page-autenticacion {
    width: 400px;
    min-height: auto;
    margin-top: 50px;
}

input.button {
    background-color: var(--cf-primario);
    color: #fff;
    padding: 10px 15px;
    border: 0;
}

/************************************************************/
/*                        WPForms                           */
/************************************************************/

.wpforms-field-container h3 {
    font-size: 22px !important;
    font-weight: 500 !important;
}

.wpforms-field-container label {
    font-size: 15px !important;
    font-weight: 500 !important;
}

.wpforms-submit-container button {
    background: #0293CE !important;
}

/************************************************************/
/*                   WP USER MANAGER                        */
/************************************************************/

/* Ocultar portada y barra navegación */
#wpum-profile #header-cover-image,
#wpum-profile .profile-navbar {
    display: none;
}

/* Enlace del nombre en perfil */
#wpum-profile #header-name-container a {
    display: block;
    text-decoration: none;
}

/************************************************************/
/*              FORMULARIO LOGIN (pages 853/854)            */
/************************************************************/

.page-id-853 .site-main,
.page-id-854 .site-main {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
}

.content-login {
    display: grid;
    width: 400px;
    margin: 0 auto !important;
}

@media (max-width: 1024px) {
    .content-login {
        width: 315px;
    }
}

.content-login p {
    font-weight: 500;
    font-size: 20px;
}

.form-login {
    border: 1px solid #dddddd;
    border-radius: 5px;
    padding: 20px;
}

ul.wpum-action-links {
    margin: 20px 0 0;
}

.field.required-field {
    margin-top: 10px;
}

/************************************************************/
/*                   WP CUSTOMER AREA                       */
/************************************************************/

.customer-area h1 {
    font-size:24px;
    margin-bottom: 30px;
}


/* Ocultar encabezados y autorías */
.cuar-collection-title.page-heading,
.cuar-widget-title.panel-heading,
.cuar-cloud.panel-body,
.cuar-single-post-header.row.mb-md.cuar-clearfix {
    display: none !important;
}

.cuar-single-post-wrapper.clearfix {
    margin-top: 30px !important;
}

/* Tipografías */
body.customer-area-active .cuar-css-wrapper .cuar-content-styles a:not(.btn) {
    font-size: 12px;
    text-decoration: none;
}

body.customer-area-active .cuar-css-wrapper .h5,
body.customer-area-active .cuar-css-wrapper h5 {
    font-size: 11px;
}

body.customer-area-active .cuar-css-wrapper .h4,
body.customer-area-active .cuar-css-wrapper h4 {
    font-size: 12px;
}

/* Altura uniforme en grid */
body.customer-area-active .cuar-css-wrapper .panel-body + .panel-footer {
    border-top: 0;
    min-height: 100px;
}

body.customer-area-active .cuar-css-wrapper .collection .collection-content .collection-item .collection-thumbnail .collection-thumbnail-padder,
body.customer-area-active .cuar-css-wrapper .collection .collection-content.list .collection-item .collection-thumbnail .collection-thumbnail-padder {
    background-image: none;
    background-size: 0;
    background-color: #ffffff;
}

/* Menú */
body.customer-area-active .cuar-css-wrapper .cuar-menu-container .navbar .navbar-nav > li.current-page-parent > a,
body.customer-area-active .cuar-css-wrapper .cuar-menu-container .navbar .navbar-nav > li.current-menu-item > a {
    background: #0293CE !important;
    color: #ffffff;
    font-size: 14px;
}

body.customer-area-active .cuar-css-wrapper .navbar-default .navbar-nav > .open > a {
    background: #0293CE !important;
}

body.customer-area-active .cuar-css-wrapper .dropdown-menu {
    background-color: #ffffff;
    border: none;
}

body.customer-area-active .cuar-css-wrapper .dropdown-menu > .active > a {
    background-color: #0293CE;
}

/* Botones */
body.customer-area-active .cuar-css-wrapper .btn-primary,
body.customer-area-active .cuar-css-wrapper .btn-primary:hover,
body.customer-area-active .cuar-css-wrapper .btn-primary:active,
body.customer-area-active .cuar-css-wrapper .btn-primary:focus,
body.customer-area-active .cuar-css-wrapper .btn-primary.active,
body.customer-area-active .cuar-css-wrapper .open > .dropdown-toggle .btn-primary {
    background-color: #0293CE;
}

.customer-area-active .btn-primary .fa {
    color: #ffffff !important;
}

/* Iconos */
body.customer-area-active .cuar-css-wrapper .fa {
    color: #0293CE;
}