/*
Theme Name:   smartweb
Description:  Globals tema
Author:       Globals
Author URL:   https://www.globals.cat
Template:     nt-agricom
Version:      1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/
/******************************************************
* Tipografia
* General
* Header
* Home
* Categoria producte
* Producte
* Banner contactanos
* Blog
* Contacte
* Footer
******************************************************/
/*************** Tipografia ********************/
body {
    font-family: 'Poppins', sans-serif;
}
h1, .h1, h1.intro__title {
    font-size: 70px;
    font-weight: 800;
    line-height: 1.4em;
    color: #ffffff;
}
h1.blog__title {
    font-size: 36px;
    font-weight: 800;
    line-height: 1.2em;
    color: #19322F;
}
h1.product__title, .h1.product__title {
    margin-bottom: 0;
    font-size: 30px;
    line-height: 1.1em;
    color: #19322F;
}
h2, .h2, .entry-content h2,
.product__content .entry-content .banner-contactanos h2 {
    font-size: 36px;
    font-weight: 800;
    line-height: 1.2em;
    color: #19322F;
}
.single-post .entry-content h2 {
    font-size: 30px;
    font-weight: 700;
}
h3, .h3, h4, .h4 {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2em;
    color: #2D2B29;
}
p, .entry-content p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4em;
    color: #2D2B29;
}
.blog a:hover {
    color: #B88D2C;
}
@media(max-width: 991px) {
    h1, .h1, h1.intro__title {
        font-size: 60px;
    }
    h2, .h2, .entry-content h2 {
        font-size: 32px;
    }
}
@media (max-width: 767px) {
    h1, .h1, h1.intro__title {
        font-size: 30px;
    }
    h2, .h2, .entry-content h2 {
        font-size: 26px;
    }
}

/*************** General ********************/
.menu-enllac {
    cursor: pointer;
}
#blog {
    padding: 0;
}
.woocommerce #blog {
    padding: 80px 0;
}
.button-primari,
.woocommerce .product a.button.product_type_simple {
    padding: 15px 25px !important;
    background-color: #ffffff !important;
    color: #333333;
    border: 2px solid #D3AA49;
    border-radius: 4px;
    text-transform: uppercase;
}
.button-primari:hover,
.woocommerce .product a.button.product_type_simple:hover {
    background-color: #D3AA49 !important;
}
.button-transparent {
    padding: 15px 25px;
    background-color: transparent;
    color: #ffffff;
    border: 2px solid #D3AA49;
    border-radius: 4px;
    text-transform: uppercase;
}
a.button-transparent:hover {
    background-color: #D3AA49;
    color: #ffffff;
}
.intro.index-header {
    min-height: 0 !important;
    max-height: 382px;
    height: 382px !important;
}
.desktop .parallax {
    background-attachment: initial !important;
    background-position: 0 0 !important;
}
.page-template-default .breadcrubms {
    display: none;
}
@media (max-width: 767px) {
    .show-on-767 {
        display: none !important;
    }
}

/*************** Header ********************/
#top-bar__navigation .menu-item a {
    font-size: 14px;
    font-weight: 500;
}
#top-bar__navigation .menu-item a:hover {
    color: #f1cf69;
}
#top-bar__navigation .submenu-title.menu-item a {
    border-bottom: 1px solid #ffffff;
    font-size: 16px;
}
#top-bar__navigation .submenu-title.menu-item a::after {
    display: none;
}
#top-bar.fixed #top-bar__navigation .submenu a:not(.custom-btn) {
    color: #ffffff !important;
}
@media(min-width: 768px) {
    #top-bar__navigation .submenu {
        width: 290px;
    }
    #top-bar__navigation li.wpml-ls-current-language {
        position: absolute;
        right: 170px;
    }
}

/*************** Home ********************/
.home__slider h1 {
    font-size: 120px;
}
.home__slider h1 span {
    display: block;
    margin-top: -60px;
    font-size: 24px;
    font-weight: 500;
}
.vc_section.home__tradicion.vc_section-has-fill {
    padding-top: 80px;
    padding-bottom: 80px;
}
.home__tradicion h2 {
    color: #ffffff;
}
.home__tradicion p {
    color: #ffffff;
    font-weight: 500;
}
.home__productes h2 {
    margin-bottom: 80px;
}
.home__formulari-columna {
    padding: 80px 0;
}
.home__formulari-columna form textarea {
    min-height: 130px;
}
.home__formulari-columna p {
    color: #c1aa81;
    font-size: 14px;
    font-weight: 400;
}
.dropdown-politica-formulari {
    padding-bottom: 30px;
}
.home__formulari-columna .dropdown-politica-formulari p {
    color: #ffffff;
}
.home__formulari-columna .contacte__form-consent label {
    font-size: 14px;
    font-weight: 400;
    color: #ffffff;
}
.home__formulari-columna .form__captcha {
    padding-bottom: 15px;
    font-size: 14px;
    font-weight: 400;
    color: #ffffff;
}
.home__formulari-columna .custom-btn:hover {
    background-color: #ffffff;
    color: #282828;
}
@media (max-width: 991px) {
    .home__slider h1 {
        line-height: 1em;
    }
    .home__slider h1 span {
        margin-top: 25px;
        line-height: 1.4em;
    }
}
@media (min-width: 768px) {
    .home__formulari-columna > .vc_column-inner {
        max-width: 580px;
    }
    .home__formulari-columna .wpb_single_image {
        display: none;
    }
}
@media (max-width: 480px) {
    .home__slider h1 {
        font-size: 100px;
        line-height: 1.2em;
    }
    .home__slider h1 span {
        margin-top: 0;
        line-height: 1.5em;
    }
    .woocommerce ul.products[class*=columns-] li.product, 
    .woocommerce-page ul.products[class*=columns-] li.product {
        width: 100%;
    }
}

/************ Categoria producte **************/
.vc_section.categoria-producte__descripcio.vc_section-has-fill {
    padding-top: 80px;
    padding-bottom: 60px;
}
.vc_section.categoria-producte__producte {
    margin-top: 45px;
    margin-bottom: -50px;
}
#blog .entry-content .categoria-producte__producte ul {
    margin-left: 0;
    padding-left: 0;
    list-style: none;
}
#blog .entry-content .categoria-producte__producte ul li {
    padding-left: 0;
    margin-left: 0;
}

/*************** Producte ********************/
.woocommerce .intro.index-header {
    min-height: 0 !important;
    max-height: 382px;
    height: 382px !important;
}
.desktop .woocommerce .parallax {
    background-attachment: initial;
    background-position: 0 0;
}
.product__descripcio-curta {
    margin: 30px 0;
}
.product__content {
    margin-bottom: -23px;
}
.product__content > .entry-content > h2 {
    display: none;
}
.product__content .entry-content .product__descripcio-llarga {
    padding-bottom: 80px;
}
.product__content .entry-content h2 {
    font-size: 24px;
    line-height: 1.2em;
    font-weight: 500;
    color: #2D2B29;
}

/*********** Banner contactanos *************/
.blog__banner-contactanos {
    background-image: url(https://www.hiryogold.net/wp-content/uploads/2021/05/hiryo-gold-section-contacto.jpg?id=959);
}
.vc_section.banner-contactanos.vc_section-has-fill {
    padding: 80px 0;
}
main .wpb_text_column p.p-banner-contactanos,
.entry-content .wpb_text_column p.p-banner-contactanos,
.blog__banner-contactanos p.p-banner-contactanos {
    margin-bottom: 45px;
    font-size: 20px;
    font-weight: 500;
    color: #ffffff;
}

/*************** Blog *********************/
.single-post #blog {
    padding-top: 80px;
}
.single-post .intro.index-header,
.blog .intro.index-header {
    background-attachment: initial !important;
}
.blog__entry__title {
    font-weight: 700;
}
#widget-area #searchform input[type="text"] {
    border-color: #19322F;
}
.widget-title:after,
#widget-area #searchform input#searchsubmit {
    background-color: #19322F;
}
.pager li > a {
    background-color: #D3AA49;
    border-color: #D3AA49;
}
.pager li > a:hover {
    background-color: #B88D2C;
    border-color: #B88D2C;
}

/*************** Contacte *****************/
.vc_section.contacte__content {
    padding-top: 80px;
    padding-bottom: 45px;
}
.check-news-contact {
    margin-top: 25px;
    margin-bottom: 20px;
}
.check-news-contact .wpcf7-list-item,
.contacte__form-consent .wpcf7-list-item {
    margin-left: 0;
}
#politica-formulari::after {
    font-family: FontAwesome;
    content:"\f107";
    margin-left: 10px;
}
#politica-formulari.icon-close::after{
    font-family: FontAwesome;
    content:"\f105" !important;
    margin-left: 10px;
 }
.dropdown-politica-formulari {
    display: none;
}
.form__captcha {
    padding-top: 15px;
}

.wpcf7-mathcaptcha{
	color:#282828 !important;
}

/*************** Footer ********************/
#footer .footer__inner {
    font-size: 16px;
    font-weight: 400;
}
.footer__logo {
    text-align: center;
}
.footer__logo p {
    max-width: 320px;
    margin: 20px auto 0;
    font-size: 24px;
    font-weight: 500;
    color: #ffffff;
}
footer .menu li:not(:last-child) {
    margin-bottom: 10px;
}
.footer__contact h3 {
    font-size: 22px;
    font-weight: 800;
    text-transform: uppercase;
    color: #ffffff;
}
.footer__contact-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    max-width: 270px;
}
.footer__contact-content:not(:last-child) {
    margin-bottom: 30px;
}
.footer__contact-content i {
    margin-right: 10px;
    font-size: 20px;
    color: #B88D2C;
}
.footer-item.copyright {
    padding-top: 14px;
    border-top: 1px solid #333333;
}
@media only screen and (min-width: 768px) {
    #footer {
        padding-bottom: 70px;
    }
}
@media (max-width: 767px) {
    .footer__inner {
        text-align: center;
    }
    #footer .footer__item.footer__logo {
        margin-bottom: 0;
    }
    .footer__contact-content {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        max-width: 100%;
    }
}