/*
 Theme Name:     smartweb
 Theme URI:
 Description:      Smartweb Theme
 Author:		Josep
 Author URI:
 Template:       Divi
 Version:        1.0.0
 License:
 License URI:
 Tags:
 Text Domain:
*/
/*************************************************
* Variables
* Tipografia
* General
* Header
* Home
* Footer
*************************************************/
/****************** Variables *******************/
:root {
    --primary-color: #53040D;
    --text-color: #3E3E3E;
    --text-color-clar: #E6E6E6;
    --hover-color: #53040D;
}

/***************** Tipografia *******************/
body {
    font-size: 16px;
}
h1, .h1 {
    font-size: 46px;
    line-height: 1.2em;
    font-weight: 700;
    color: var(--text-color);
}
.h2 {
    font-size: 38px;
    line-height: 1.2em;
    font-weight: 700;
    color: var(--text-color);
}
p {
    line-height: 1.7em;
    color: var(--text-color);
    font-weight: 400;
}
.text-blanc {
	color:#ffffff;
}
@media(max-width: 479px) {
    h1, .h1 {
        font-size: 38px;
    }
}

/***************** General **********************/
.container {
    width: 90%;
}
.centrar-columnes {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

/**************** Header ************************/
#top-header .container {
    font-weight: 400;
}
#top-menu li a {
    font-weight: 500;
}

#top-menu a {
    font-weight: 400;
    color: var(--text-color);
}
#top-menu a:hover {
    color: var(--hover-color);
    opacity: 1;
}
#top-menu li.current-menu-item>a,
#top-menu li.current-menu-ancestor>a {
    color: var(--primary-color);
}
.nav li ul {
    border-top-color: var(--primary-color);
}
@media(max-width: 1199px) {
    #top-menu li {
        padding-right: 15px;
    }
    #top-menu li.menu-item a {
        font-size: 14px;
    }
}
@media(min-width: 981px) and (max-width: 1084px) {
    .logo_container #logo {
        max-height: 50%;
    }
    #top-menu li {
        padding-right: 10px;
    }
}
@media(max-width: 980px) {
    #logo {
        max-height: 98%;
    }
    .mobile_menu_bar:before {
        color: var(--primary-color);
    }
    .et_mobile_menu {
        border-color: var(--primary-color);
    }
    .et_mobile_menu li a {
        border-bottom: none;
    }
    .et_mobile_menu li.current-menu-item a {
        color: var(--hover-color);
    }
}

/***************** Home **********************/
.home__slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 80vh;
}
.home__slider p {
    color: var(--text-color-clar);
    font-weight: 700;
    text-shadow: 1px 3px 10px #030000;
}
.home__taules-debat p {
    color: #ffffff;
}
.taules-debat-btn {
    max-width: 350px;
    margin: auto;
    padding: 10px 0;
    background-color: #E3E3E3;
    border-radius: 32px;
}
.taules-debat-btn a {
    color: var(--primary-color);
    font-size: 18px;
}
.taules-debat-btn a span {
    font-size: 26px;
}
@media(max-width: 767px) {
    .home__slider {
        height: 75vh;
    }
}


/**************** Footer *********************/
#footer-widgets .footer-widget {
    font-weight: 400;
}
#footer-widgets .footer-widget .title {
    font-weight: 600;
}
#footer-widgets .footer-widget li {
    padding-left: 0;
}
#footer-widgets .footer-widget li:before {
    display: none;
}
#footer-widgets .footer-widget .menu li a:hover {
    color: var(--hover-color);
}
#footer-widgets .footer-widget .widget_text p {
    padding-bottom: 0;
}
#footer-widgets .footer-widget .et-social-icons li a {
    color: var(--primary-color);
    font-size: 24px;
}
.et-social-icons li{
	display: block !important;
}

#footer-bottom {
    padding: 10px 0 0;
}
#footer-bottom #footer-info,
#footer-info a {
    color: var(--text-color-clar);
    font-size: 14px;
    font-weight: 600;
}
@media (max-width: 767px) {
    #footer-widgets .footer-widget {
        display: flex;
        justify-content: center;
        text-align: center;
    }
}