/*

 Theme Name:     Plei
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Plei
 Author:         aeiou.cat
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/

/* =Theme customization starts here

------------------------------------------------------- */

/* Mida video de fons a la home */
.mejs-inner video {
    width: 100% !important;
}

/* Alinear en el centro */
@media (min-width: 980px) {
    .vertical-align {
        display: flex;
        align-items: center;
    }
}

/* El marge el definim a tota la pàgina */
html {
    margin: 20px;
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    box-sizing: border-box;
}

#main-header {
    width: calc(100% - 40px) !important;
}

.et_header_style_split #et-top-navigation {
    padding-top: 55px !important;
}

#main-header .container {
    max-width: none;
    width: 95%;
}

#main-header nav#top-menu-nav {
    width: 100%;
}

li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-83,
li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-437,
li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-439 {
    float: right;
}

li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-84,
li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-436,
li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-438 {
    float: left !important;
}

#top-menu li {
    padding-right: 0 !important;
}

#top-menu a:hover,
.current-menu-item a,
.et-fixed-header #top-menu li.current-menu-item>a,
.et-fixed-header #top-menu li.current_page_item>a {
    color: #00ffac !important;
}

h1.site-title {
    display: inline;
}

@media (min-width: 981px) {
    .et_header_style_split .et-fixed-header .centered-inline-logo-wrap {
        width: auto !important;
    }
}

/* Menú superior responsive */
@media (max-width: 980px) {
    .et_header_style_split #main-header .mobile_nav {
        padding: unset !important;
    }

    span.select_page {
        display: none !important;
    }
}

@media (max-width: 767px) {

    /* Logo alinear al mig movil */
    .logo_container h1 .site-title {
        line-height: 0.8em;
    }


.et_header_style_split #et-top-navigation {
    padding-top: 0 !important;
}

.et_header_style_split #main-header .container,
.et_header_style_split #main-header .logo_container {
    text-align: left !important;
}

.et_header_style_split #et_mobile_nav_menu {
    margin-top: 0 !important;
}

.container.clearfix.et_menu_container {
    display: flex;
    flex-direction: column-reverse;
}

div#et-top-navigation {
    z-index: 99 !important;
}

#main-header .container {
    width: 80%;
}

header#main-header {
    top: 55px !important;
}
}



/* Titol videos home */
.video-home .et_pb_fullwidth_header_container.left {
    width: 95%;
}

.video-home {
    display: flex;
    align-items: flex-end;
}

.video-home a.et_pb_button {
    margin-top: 50px !important;
}

/* pàgina de projectes */
@media (max-width: 981px) {
    .project .et_pb_section_first {
        padding-top: 35% !important;
    }
}




/* PÀGINA DE PROJECTES i TAGS*/
/* Estils filtre */
.et_pb_filterable_portfolio_0.et_pb_filterable_portfolio .et_pb_portfolio_filter a {
    color: #ffffff !important;
}

.et_pb_filterable_portfolio .et_pb_portfolio_filters li a {
    background-color: #ffffff00;
    border-radius: 8px !important;
    margin-left: 10px;
}

.et_pb_filterable_portfolio .et_pb_portfolio_filters li:first-child a {
    margin-left: 0 !important;
}

.et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active {
    background-color: #ffffff;
    color: black !important;
}

.et_pb_filterable_portfolio .et_pb_portfolio_filters li a:hover {
    color: #000000 !important;
    background-color: #ffffff;
}

.et_pb_portfolio_tags {
    margin: 15px 0 0 !important;
}

@media (max-width: 767px) {
    .et_pb_column .et_pb_filterable_portfolio .et_pb_portfolio_filters li {
        width: auto;
        margin-bottom: 10px;
        margin-left: 10px;
    }

    .et_pb_column .et_pb_filterable_portfolio .et_pb_portfolio_filters li a {
        margin-left: 0 !important;
    }
}

/* Pàgina tags */
.pagina-clients .et_pb_image_container {
    padding: 0 !important;
}

.pagina-clients .et_pb_image_container {
    margin: -20px -20px 0 !important;
    padding: 0 19px !important;
}


.pagina-clients .et_pb_blog_grid .et_pb_post {
    padding: 0 !important;
}

.pagina-clients .post-meta {
    margin-top: 10px !important;
}

@media (min-width: 981px) {
    /* Estils blog tags clients */

    .et_pb_gutters3 .et_pb_column_4_4 .et_pb_blog_grid .column.size-1of3 {
        width: 31.667% !important;
        margin-right: 2.5% !important;
    }

    .et_pb_gutters3 .et_pb_column_4_4 .et_pb_blog_grid .column.size-1of3:nth-child(3n) {
        margin-right: 0 !important;

    }

    .pagina-clients.et_pb_blog_grid .et_pb_post {
        margin-bottom: 20% !important;
    }


    /* Pagina projectes */

    .et_pb_gutters3 .et_pb_column_4_4 .et_pb_portfolio_item.et_pb_grid_item {
        width: 31.667% !important;
        margin-right: 2.5% !important;
        margin-bottom: 5.5%;
    }

    .et_pb_gutters3 .et_pb_column_4_4 .et_pb_grid_item.et_pb_portfolio_item:nth-child(3n) {
        margin-right: 0 !important;

    }


    /* .et_pb_gutters3 .et_pb_column_4_4 .et_pb_grid_item.et_pb_portfolio_item:nth-child(4n+1) {
        clear: unset !important;
    } */

    .et_pb_gutters3 .et_pb_column_4_4 .et_pb_grid_item {
        width: 24%;
        margin-right: 1.33%;
        margin-bottom: 1.33%;
    }

}

/* .galeria-projecte .et_pb_gallery_0.et_pb_gallery .et_pb_gallery_image {
    aspect-ratio: 1920 / 870 !important;
} */

.et_pb_grid_item:not(.first_in_row) {
    clear: none !important;
}


.et_pb_portfolio_item .post-meta {
    display: block !important;
}



/* Eliminar l'enllaç de les categories de projecte */
.post-meta a {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    color: inherit;
}


/* Fem que les imatges del portfolio tinguin una alçada concreta i quedin centrades al mig */
.et_pb_portfolio_0 .et_pb_portfolio_item .et_portfolio_image {
    /* height: 35vh; */
    display: flex;
    align-items: center;
}


/* Footer styles */
@media (min-width: 981px) {
    footer .et_pb_section {
        padding: 0 !important;
    }
}

/* Estils menu footer */
@media (max-width: 980px) {
    .et_pb_menu .et_pb_menu__menu {
        display: flex;
    }

    .et_pb_menu .et_mobile_nav_menu {
        display: none !important;
    }

    .et_pb_menu--style-left_aligned .et_pb_menu__wrap {
        -webkit-box-pack: start;
        -ms-flex-pack: end;
        justify-content: flex-start;
    }
}