/* ===================================================================================



* Theme Name: Beakai Child

* Theme URI: https://themeforest.net/user/theme_pure/portfolio

* Author: theme_pure

* Author URI: https://bdevs.net/wp/beakai/

* Description: Beakai - Business and Financial Institution WordPress Theme

* Version: 1.0.0

* Template: beakai

* License: GNU General Public License version 3.0

* License URI: http://www.gnu.org/licenses/gpl-3.0.html

* Tags: one-column, right-sidebar, left-sidebar, custom-menu, featured-images, post-formats, sticky-post, translation-ready



* We encourage you to create Child theme for any modifications you will want to do.



* Why use Child theme?



* Because of future updates we may provide for this theme that will overwrite your

* modifications and all your custom work.



* If you are not familiar with Child Themes, you can read about it here:

* http://codex.wordpress.org/Child_Themes

* http://wp.tutsplus.com/tutorials/theme-development/child-themes-basics-and-creating-child-themes-in-wordpress/



====================================================================================== */

/********************************************************
 								jreig 
 * *****************************************************/

 /*********************** general ******************/

:root {
  --busquets-primary: #b34700;
  --busquets-primary-hover: #8f3800;
}

 /*********************** header *******************/

 .breadcrumb-area.breadcrumb-spacing {
    display: none;
}


 /********************** pages ************************/


 /********************** Home *************************/


/* intro */
 ul.intro-home__list {
    margin: 2rem 1rem;
}

ul.intro-home__list li {
    margin-bottom: 0.5rem;
}

span.intro-home__list-destacat {
    font-weight: 800;
    color: var(--busquets-primary);
}

/* animació "Liquidadció stock */

.banner-liquidacio__p {
  display:inline-block;
  overflow:hidden;
  white-space:nowrap;
}

p.banner-liquidacio__p {
    font-family: 'Poppins';
    font-weight: 600;
}

.banner-liquidacio__p:first-of-type {    /* For increasing performance 
                       ID/Class should've been used. 
                       For a small demo 
                       it's okaish for now */
  animation: showup 7s infinite;
}

.banner-liquidacio__p:last-of-type {
  width:0px;
  animation: reveal 7s infinite;
}

.banner-liquidacio__p:last-of-type span {
  margin-left:-355px;
  animation: slidein 7s infinite;
}

@keyframes showup {
    0% {opacity:0;}
    20% {opacity:1;}
    80% {opacity:1;}
    100% {opacity:0;}
}

@keyframes slidein {
    0% { margin-left:-800px; }
    20% { margin-left:-800px; }
    35% { margin-left:0px; }
    100% { margin-left:0px; }
}

@keyframes reveal {
    0% {opacity:0;width:0px;}
    20% {opacity:1;width:0px;}
    30% {width:400px;}
    80% {opacity:1;}
    100% {opacity:0;width:400px;}
}




/* productes */

.style-2 .service-thumb, .style-1 .service-thumb, .service-thumb i {
   height: auto;
   width: 100%;
}


/* contacte */

a.contacta-home__btn {
    display: block;
    margin-top: 2rem;
    background: var(--busquets-primary);
    color: #fff;
    padding: 1rem;
    text-align: center;
    border-radius: 0.2rem;
    transition: background-color 0.3s ease, transform 0.2s ease;
}

/* Hover */
a.contacta-home__btn:hover {
    background-color: var(--busquets-primary-hover); 
    transform: translateY(-2px);
}

/********************** Tendals ********************/


/* form */
span.wpcf7-form-control-wrap textarea {
    border: 1px solid #e9ecef;
    width: 100%;
}

.form-box::before {
   color: #d2a98e;
}

 /********************** footer **********************/

 address.footer-contacte__address {
    color: #d2d4de !important;
}

/*** hack safari *****/
.footer-tel {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

 /*********************** media queries ***************/

@media(max-width:422px){
    p.banner-liquidacio__p {
        white-space: normal;
        overflow-wrap: normal;
        word-break: normal;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
    }
}


 @media(max-width:409px){
    h1.intro-home__h1 {
        font-size: 2.3rem;
    }
    h2.intro-home__h1 {
        font-size: 1.8rem;
    }

 }