/*
 Theme Name:     Divi-child
 Theme URI:
 Description:      Divi-child Theme
 Author:		Josep
 Author URI:
 Template:       Divi
 Version:        1.0.0
 License:
 License URI:
 Tags:
 Text Domain:
*/
/*************************************************
* Tipografía
* General
* Header
* Home
* Single project
* Quiénes somos
* Contacto
* Footer
*************************************************/
/****** Tipografía ******/
body {
    font-weight: 300;
}
h1, .h1 {
    padding-bottom: 0;
    font-size: 35px;
    font-weight: 700;
}
h2, .h2 {
    font-size: 28px;
    font-weight: 700;
}
.p-destacat {
    font-weight: 700;
}

/****** General ******/
#et-main-area .container, .et_pb_row {
    width: 100%;
    max-width: 100%;
}
@media (min-width: 981px) {
    body {
        padding: 0 60px;
    }
}
@media (max-width: 980px) {
    #et-main-area .container, .et_pb_row {
        padding: 0 10px;
    }
    .invert-column-responsive {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
    }
}

/****** Header ******/
.et-main-area {
    padding: 0 60px;
}
#main-header {
    -webkit-box-shadow: none;
        box-shadow: none;
}
.et_fixed_nav #main-header {
    left: 0;
}
header .container {
    width: 100%;
    max-width: 100%;
    padding: 0 60px;
}
#logo {
    margin-left: -6px;
}
.mobile_menu_bar:before, .mobile_menu_bar:after {
    color: #1e1e1e;
}
.et_header_style_fullscreen .et_slide_in_menu_container .et_mobile_menu li a {
    font-size: 40px;
    line-height: 1.1;
}
@media (max-width: 980px) {
    header .container {
        width: 98%;
        padding: 0;
    }
    .et_header_style_left #logo {
        max-width: 100%;
    }
}
@media (max-width: 479px) {
    .et_header_style_fullscreen .et_slide_in_menu_container .et_mobile_menu li a {
        font-size: 32px;
    }
}

/****** Home ******/
.home__projectes-destacat.et_pb_row {
    display: grid;
    grid-template-columns: 2fr 1fr;
}
.home__projectes-grid.et_pb_row > .et_pb_column {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.home__projectes-destacat.et_pb_row::after,
.home__projectes-grid.et_pb_row::after {
    content: none;
}
.home__projectes-destacat.et_pb_row > .et_pb_column,
.home__projectes-grid.et_pb_row > .et_pb_column {
    width: 100%;
}
.home__projectes-destacat.et_pb_row > .et_pb_column:first-child {
    grid-row: 1 / span 2;
}
.et_pb_gutters1 .et_pb_column .et_pb_module.home__project-item, 
.et_pb_gutters1.et_pb_row .et_pb_column .et_pb_module.home__project-item,
.et_pb_section div.et_pb_row .et_pb_column .home__project-item.et_pb_module:last-child {
    margin-bottom: -7px;
}
.home__project-item .et_pb_main_blurb_image {
    margin-bottom: 0;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -webkit-transition: -webkit-filter 300ms ease 0ms;
    transition: -webkit-filter 300ms ease 0ms;
    -o-transition: filter 300ms ease 0ms;
    transition: filter 300ms ease 0ms;
    transition: filter 300ms ease 0ms, -webkit-filter 300ms ease 0ms;
}
.home__project-item:hover .et_pb_main_blurb_image {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
}
.home__project-item .et_pb_blurb_container {
    position: absolute;
    bottom: 7px;
    padding: 70px 30px 60px;
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(24, 24, 24, 0)), to(rgba(24, 24, 24, 0.7)));
    background: -o-linear-gradient(top, rgba(24, 24, 24, 0) 0%, rgba(24, 24, 24, 0.7) 100%);
    background: linear-gradient(180deg, rgba(24, 24, 24, 0) 0%, rgba(24, 24, 24, 0.7) 100%);
    font-size: 30px;
    font-weight: 700;
    line-height: 1.1;
    color: #ffffff;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}
.home__project-item:hover .et_pb_blurb_container {
    opacity: 1;
    visibility: visible;
}
@media (max-width: 1200px) {
    .home__project-item .et_pb_blurb_container {
        font-size: 24px;
    }
}
@media (max-width: 980px) {
    .home__project-item .et_pb_blurb_container {
        font-size: 20px;
    }
}
@media (max-width: 780px) {
    .home__projectes-destacat.et_pb_row,
    .home__projectes-grid.et_pb_row > .et_pb_column {
        grid-template-columns: repeat(2, 1fr);
    }
    .home__projectes-destacat.et_pb_row > .et_pb_column:first-child {
        grid-column: 1 / span 2;
    }
}
@media (max-width: 479px) {
    .home__project-item .et_pb_blurb_container {
        padding: 40px 30px;
        font-size: 16px;
    }
}

/****** Single project ******/
.project__sticky {
    position: sticky;
    top: 144px;
}
.et_pb_gutters3 .et_pb_column .project__gallery .et_pb_grid_item {
    width: 100%;
    margin: 0;
    margin-bottom: 20px;
}
.et_pb_gutters3 .et_pb_column .project__gallery .et_pb_grid_item:last-child {
    margin-bottom: 0;
}
.mfp-bottom-bar {
    display: none;
}
.et_pb_gutters3 .et_pb_column .et_pb_video {
    margin-top: 20px;
}
@media (min-width: 801px) and (max-width: 980px) {
    .project__two-col > .et_pb_column {
        width: 48%;
    }
    .project__two-col > .et_pb_column:first-child {
        margin-right: 1%;
    }
    .project__two-col > .et_pb_column:last-child {
        margin-left: 1%;
    }
    .project__sticky {
        top: 143px;
    }
}
@media (max-width: 800px) {
    .project__two-col {
        display: flex;
        flex-direction: column-reverse;
    }
    .et_pb_gutters3 .et_pb_column .project__gallery .et_pb_grid_item {
        width: 50%;
    }
    .project__two-col > .et_pb_column:first-child {
        margin-bottom: 0;
    }
    .project__two-col > .et_pb_column:last-child {
        margin-bottom: 30px;
    }
    .project__sticky {
        position: static;
        top: 0;
    }
}
@media (max-width: 600px) {
    .et_pb_gutters3 .et_pb_column .project__gallery .et_pb_grid_item,
    .project__gallery .et_pb_grid_item img {
        width: 100%;
    }
}

/****** Quiénes somos ******/
@media (max-width: 980px) {
    .nosotros__columns .et_pb_column {
        margin-bottom: 0;
    }
}

/****** Contacto ******/
.contacto__2col {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 50px 1fr;
    grid-template-columns: 1fr 1fr;
    -webkit-column-gap: 50px;
       -moz-column-gap: 50px;
            column-gap: 50px;
}
.contacto__form-cols {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 55% 2% 43%;
    grid-template-columns: 55% 43%;
    gap: 2%;
    padding-top: 34px;
}
.form-items input {
    margin-bottom: 20px;
}
textarea, input:not([type="submit"]):not([type="button"]):not([type="radio"]):not([type="checkbox"]) {
    width: 100%;
    padding: 9px;
    font-size: 16px;
    font-weight: 300;
    color: #1e1e1e;
    border: none;
    background-color: #f4f4f4;
}
textarea::placeholder, input::placeholder {
    color: #bebebe !important;
}
.contacto__accordion-header {
    padding: 0;
    border: none;
    background-color: transparent;
    font-size: 16px;
    font-weight: 300;
    cursor: pointer;
    text-align: left;
}
.contacto__accordion-header .dashicons {
    margin-top: 3px;
    margin-left: 5px;
}
.contacto__accordion-content {
    padding-top: 10px;
    font-size: 14px;
    font-weight: 400;
}
.formulario__consent {
    padding-top: 16px;
}
.formulario__consent .wpcf7-form-control-wrap {
    margin-bottom: 0;
}
.wpcf7-list-item {
    margin-left: 0;
}
form.wpcf7-form label {
    font-size: 16px;
}
.formulario__consent a:hover {
    text-decoration: underline;
}
.f12-captcha {
    margin-top: -5px;
}
input.f12c {
    padding: 10px 20px !important;
    margin-left: 5px !important;
}
input[type="submit"] {
    margin-top: 20px;
    padding: 13px 40px;
    background-color: #ffffff;
    color: #000000;
    border: 1px solid #000000;
    font-size: 16px;
    cursor: pointer;
}
input[type="submit"]:hover {
    background-color: #000000;
    color: #ffffff;
}
@media (max-width: 1200px) {
    .contacto__2col {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        row-gap: 40px;
    }
}
@media (max-width: 700px) {
    .contacto__form-cols {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        row-gap: 30px;
    }
}
@media (min-width: 481px) {
    .f12-captcha {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

/****** Footer ******/
#footer-widgets {
    padding-top: 50px;
    padding-bottom: 0;
}
.footer-widgets-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
#footer-widgets .wp-block-image {
    margin-bottom: 0;
}
.wp-block-social-links .wp-block-social-link.wp-social-link a.wp-block-social-link-anchor svg {
    color: #1e1e1e;
    fill: #1e1e1e;
}
.footer-widgets-bottom .et_pb_widget {
    float: none;
}
.footer-widgets-bottom {
    padding-top: 65px;
}
#footer-bottom {
    padding: 27px 0 13px;
}
#footer-info {
    padding-bottom: 0;
    float: none;
    text-align: center;
}
@media (min-width: 981px) {
    .wp-block-image.aligncenter.footer__kd-resp {
        display: none;
    }
}
@media (max-width: 980px) {
    .wp-block-image.aligncenter.footer__kd {
        display: none;
    }
}
@media (max-width: 540px) {
    footer #footer-info {
        font-size: 16px;
    }
}
@media (max-width: 400px) {
    .footer-widgets-top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        gap: 20px;
    }
}