/*
Theme Name: Porto Child
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/


/*====================================================
=            PATIO PROSPERIDAD HOME                  =
====================================================*/

body{
    background:#efefef;
}

/*=========================
TITULO
=========================*/

.pp-title{
    text-align:center;
    text-transform:uppercase;
    font-size:48px;
    font-weight:300;
    color:#111;
    margin-bottom:55px;
}

/*=========================
SECCION
=========================*/

.pp-categorias-wrap{
    padding:70px 0;
}

.pp-categorias-grid{
    max-width:1500px;
    margin:auto;
}

/*=========================
COLUMNA
=========================*/

.pp-cat-box{
    padding:15px !important;
}

/*=========================
TARJETA
=========================*/

.pp-cat-box>.vc_column-inner{

    background:#ffc107;

    border-radius:12px;

    height:250px;

    transition:.30s;

    overflow:hidden;

    padding:0 !important;

}

.pp-cat-box>.vc_column-inner:hover{

    transform:translateY(-8px);

    box-shadow:0 18px 35px rgba(0,0,0,.18);

}

/*=========================
WPBAKERY
=========================*/

.pp-cat-box .wpb_wrapper{

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    height:250px;

}

/*=========================
ICONO
=========================*/

.pp-cat-box .wpb_single_image{

    margin-bottom:22px !important;

}

.pp-cat-box img{

    width:78px !important;

    height:78px !important;

    max-width:78px !important;

    max-height:78px !important;

    object-fit:contain;

}

/*=========================
TEXTO
=========================*/

.pp-cat-box .wpb_text_column{

    margin:0 !important;

}

.pp-cat-box .wpb_text_column p{

    margin:0;

}

.pp-cat-box strong{

    font-size:18px;

    line-height:1.15;

    color:#111;

    font-weight:800;

    text-transform:uppercase;

    text-align:center;

    display:block;

}

/*=========================
HOVER
=========================*/

.pp-cat-box:hover strong{

    color:#000;

}

/*=========================
RESPONSIVE
=========================*/

@media(max-width:1200px){

.pp-title{

font-size:38px;

}

.pp-cat-box>.vc_column-inner{

height:220px;

}

.pp-cat-box .wpb_wrapper{

height:220px;

}

}

@media(max-width:992px){

.pp-cat-box{

width:33.333% !important;

}

}

@media(max-width:768px){

.pp-title{

font-size:30px;

}

.pp-cat-box{

width:50% !important;

}

.pp-cat-box>.vc_column-inner{

height:180px;

}

.pp-cat-box .wpb_wrapper{

height:180px;

}

.pp-cat-box img{

width:60px !important;

height:60px !important;

}

.pp-cat-box strong{

font-size:15px;

}

}

@media(max-width:480px){

.pp-cat-box{

width:100% !important;

}

}