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


/* =Theme customization starts here
------------------------------------------------------- */
/* Estil a tot el web */
/* Modificar el cursor */
body,
/* a:hover {
    transition: cursor 0.2s ease;
} */

body {
    cursor: url(https://terarquitectes.com/wp-content/uploads/2024/02/ter_arquitectes_cursor.svg) 4 12, auto;
}

a:hover {
    cursor: url(https://terarquitectes.com/wp-content/uploads/2024/02/ter_arquitectes_cursor.svg) 4 12, auto;
}

img {
    pointer-events: none !important;
}

/* Estils del menú superior */
.container {
    width: 90%;
}

.mobile_menu_bar:before,
.mobile_menu_bar:after,
#top-menu li.current-menu-ancestor>a,
#top-menu li.current-menu-item>a {
    color: #4381cf;
}

#top-menu li a:hover {
    color: #4381cf !important;

}

@media (min-width: 981px) {

    .et_header_style_left .logo_container {
        text-align: center;
    }

    .wpml-ls-item {
        float: right;
        padding-right: 22px !important;
    }
}

/* Format del menú */
#et-top-navigation {
    padding-left: 0 !important;
    width: 100%;
}

/* Eliminar la ombra del header */
#main-header {
    box-shadow: none !important;
}

nav#top-menu-nav,
ul#top-menu {
    width: 100% !important;
}

.lang-item {
    float: right;
    padding-right: 22px !important;
}

.lang-item a:active {
    color: #4381cf !important;
}

.current-lang a {
    color: #4381cf !important;
}

.lang-item a:hover {
    color: #4381cf !important;
}

/* Amagar la barra d'scroll horitzontal */
.home.page-template-default {
    overflow-x: hidden;
}

/* Estils del filtre del portfolio de projectes */

@media (max-width: 767px) {

    .et_pb_column .et_pb_filterable_portfolio .et_pb_portfolio_filters li {
        width: 100% !important;
    }
}

.et_pb_filterable_portfolio .et_pb_portfolio_filters li a {
    padding: 10px 10px;
    border: none;
}

.et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active {
    background-color: #f9f9f900;
    color: #4381cf !important;
}

.et_pb_filterable_portfolio .et_pb_portfolio_filters li a:hover {
    background-color: #f4f4f400;
}

/* amgar el filtre de "tots" al portfolio */
li.et_pb_portfolio_filter.et_pb_portfolio_filter_all {
    display: none;
}

/* PAdding del primer filtre del portfolio */
.et_pb_module .et_pb_filterable_portfolio .et_pb_portfolio_filters li:first-child a {
    padding: 10px 10px 10px 0px !important;
}

li.et_pb_portfolio_filter {
    margin-right: 30px;
}

/* THREE COLUMN PORTFOLIO GRID LAYOUT */
@media only screen and (min-width: 768px) {
    .projectes-ter-arquitectes .et_pb_grid_item {
        width: 28.333% !important;
        margin: 0 7.5% 7.5% 0 !important;
    }

    .projectes-ter-arquitectes .et_pb_grid_item:nth-child(3n) {
        margin-right: 0 !important;
    }

    .projectes-ter-arquitectes .et_pb_grid_item:nth-child(3n+1) {
        clear: left;
    }

    .projectes-ter-arquitectes .et_pb_grid_item:nth-child(4n+1) {
        clear: unset !important;
    }
}

@media (min-width: 981px) {
    .et_pb_portfolio_grid .et_pb_portfolio_item img {
        width: auto;
        height: 250px;
    }

    .et_pb_filterable_portfolio_grid .et_pb_portfolio_item img {
        width: auto;
        height: 250px;
    }
}

h2.et_pb_module_header {
    text-align: center;
}

p.post-meta {
    text-align: center;
}

.et_portfolio_image {
    text-align: center;
}


/* ESTIL PROJECTE */
@media (min-width: 981px) {

    .projecte-plantilla .et_pb_row {
        width: 90%;
        position: relative;
    }

    .projecte-plantilla-sticky {
        position: sticky;
        top: 15%;
    }

    .project .et_pb_column_1_4 {
        position: sticky !important;
        top: 15% !important;
    }
}


/* ESTILS PÀGINA ESTUDI LOGOS */

.slick-track {
    display: flex;
    align-items: center;
}