/*   
Theme Name: Protecto Theme
Theme URI: protecto_theme
Description: A WordPress theme with popular libraries to choose from.
Author: SMkOnline 
Author URI: https://smkonline.co
Version: 1.0.1
*/

@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700");
@import url("https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900");
body,
* p {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    line-height: 20px;
}

button:focus,
input:focus,
textarea:focus {
    outline: none !important;
}


/* IPaginador SLICK*/

#productsGrid ul.slick-dots {
    list-style: none;
    text-align: center;
    margin-top: 15px;
}

#productsGrid ul.slick-dots li {
    display: inline-block;
}

#productsGrid ul.slick-dots li button {
    padding: 20px 25px 20px 10px;
    color: black;
    font-weight: bold;
    border: none;
}

#productsGrid ul.slick-dots li.slick-active button {
    background: #163288;
    color: white;
    position: relative;
}

#productsGrid ul.slick-dots li.slick-active button:hover {
    background: #337ab7;
    cursor: default;
}

#productsGrid li button:not([aria-selected="true"]):hover {
    color: #23527c!important;
    background-color: #eeeeee;
}


/* #productsGrid button.slick-prev.slick-arrow.slick-disabled,
#productsGrid button.slick-prev.slick-arrow {
    position: absolute;
    left: 50%;
    bottom: 0px;
    transform: translateX(-180%);
    height: 64px;
    width: 100px;
    background: black url(/wp-content/uploads/2020/02/arrow.png) no-repeat 100% center;
    color: white;
    margin: 0 20px;
    color: transparent;
    font: 0/0 -webkit-pictograph;
    padding: 30px 5%;
    display: inline-block;
}

#productsGrid button.slick-next.slick-arrow {
    position: absolute;
    left: 55%;
    bottom: 0px;
    height: 64px;
    width: 100px;
    background: black url(/wp-content/uploads/2020/02/arrow.png) no-repeat 100% center;
    color: white;
    margin: 0 20px;
    color: transparent;
    font: 0/0 -webkit-pictograph;
    padding: 30px 5%;
    transform: rotate(180deg) translateX(-30%);
    display: inline-block;
} */

#productsGrid li.slick-active button:after {
    content: "";
    display: block;
    position: absolute;
    width: 25px;
    height: 1px;
    border: 1px #ffffff solid;
    left: 50%;
    bottom: 15px;
    transform: translateX(-50%);
}


/* FPaginador SLICK*/

@media (min-width:991px) {
    .search-form-container {
        display: block;
        z-index: 1;
    }
    a.hamburger {
        top: -60px;
    }
}

@media (max-width:990px) {
    .search-form-home {
        display: none !important;
    }
}

ul.cat-list a {
    color: black;
    font-family: 'Montserrat', sans-serif;
    display: block;
    margin: 0;
    padding-top: 2px;
    overflow: hidden;
    padding-bottom: 10px;
}

ul.cat-list,
ul.cat-list li {
    list-style: none;
}

ul.cat-list {
    padding: 10px;
}

ul.cat-list ul {
    padding: 0px 10px;
}

a.hamburger {
    /* position: absolute;
    right: 0;
    top: -70px; */
    /* background: #163186 !important; */
    padding: 5px 5px 10px 20px;
}

a.hamburger span {
    height: 2px !important;
    margin-top: 5px !important;
}

.col-md-4:hover .hover-news {
    display: block !important;
    position: absolute;
    top: 0;
    padding: 20px;
    background: #b8b6b9;
    padding-top: 15px;
    padding-bottom: 15px;
    height: 100%;
    width: 100%;
    margin-left: 0px;
    margin-right: 15px;
}

.col-md-4 {
    position: relative;
}

.hover-news h2 {
    font-size: 20px;
    color: white !important;
    margin-bottom: 35px !important;
    padding-top: 15px !important;
}

.hover-news p {
    color: white;
    margin-top: 35px !important;
}

.hover-news a:hover {
    text-decoration: none;
}

.col-md-4.noticia .result>a>h2 {
    font-size: 18px;
    padding: 40px 30px 30px;
    color: #163288;
}

a.view-more-product-news {
    display: block;
    position: absolute;
    padding: 15px 10px 15px 20px;
    background: black url(images/arrow.png) no-repeat 90% center;
    z-index: 99;
    color: white;
    min-width: 200px;
    margin: 0 5%;
    margin-bottom: -20px;
    width: 80%;
    font-family: "Montserrat", sans-serif;
}

.producto-destacado-news {
    padding: 20px 20px 30px;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.5);
    box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.5);
    position: relative;
    margin-bottom: 40px;
}

.producto-imagen h3 {
    text-align: center;
}

.producto-imagen img {
    margin: 0 auto;
    display: block;
}

.col-md-4.noticia .result {
    position: relative;
    background: white;
    overflow: hidden;
    height: 100%;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.2);
    box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.2);
}

.col-md-4.noticia {
    margin: 2.5px 0;
    padding: 0 2.5px;
}

.hover-news .ver-mas {
    width: 200px;
    margin-top: 10px;
    bottom: 30px;
    position: absolute;
    background: black url(images/arrow.png) no-repeat 90% center/60px;
    padding: 15px 50px 15px 20px;
    z-index: 99;
    color: #fff;
    display: block;
}

.hover-news .ver-mas:hover {
    color: #fff;
    text-decoration: underline;
}

@media screen and (max-width: 768px) {
    .col-md-4.noticia {
        margin: 5px 20px;
    }
    a.hamburger {
        position: absolute;
        right: 20px;
        top: 20px;
    }
}

.search-form-home {
    /*display: none;*/
}


/* footer site */

.footer-boton {
    text-align: center;
    padding: 2px;
    background: black;
    color: white;
}

p.texto-footer {
    margin: 0;
    padding: 5px 0px;
    font-size: 11px;
}

#shiftnav-toggle-main .shiftnav-toggle-burger, #shiftnav-toggle-main.shiftnav-toggle-main-entire-bar:before{
	padding: 8px 14px !important;
}

#shiftnav-toggle-main.shiftnav-toggle-main-entire-bar:before, #shiftnav-toggle-main .shiftnav-toggle-burger {
    transform: translateY(10px);
}



@media (max-width: 780px) {
.page-template-abanico-template-php iframe {
    height: 187.6vh !important;
}
}


#footer-wrapper li.menu-item a {
    color: #fff;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px !important;
    font-weight: 300;
}

#footer-wrapper ul#menu-enlaces-de-interes {
    list-style: none;
    padding-left: 0px;
    
}

#footer-wrapper li.menu-item {
    margin: 15px 0px;
}