/*
 Theme Name:   SanVil
 Theme URI:    
 Version:      3.3.3
 Template:     blade
*/

/*
    Potser és possible que necessitem importar alguna
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700&display=swap');
*/

/* ----------------- */
/* PLUGIN de COOKIES */
/* ----------------- */
body .cli-plugin-button{
    color:#FFF!important;
}

body .cli-tab-footer .wt-cli-privacy-accept-btn{
    background-color:#2e4f73;
}


/* ------------ */
/* Menu Idiomas */
/* ------------ */
body #grve-top-bar{
    position: absolute;
    width:300px;
    right:0;
    background-color: transparent;
}

body #grve-top-bar .grve-wrapper{
    padding-top:5px;
}

ul#menu-menu-idiomas{
    font-family: 'Barlow', sans-serif;
    font-weight:700;
    font-size: 1.3em;
}

body ul#menu-menu-idiomas li a,
body ul#menu-menu-idiomas li::before{
    color: #122a3e;
}

body ul#menu-menu-idiomas li::before{
    content:"|";
    margin-right: 5px;
    margin-left:5px;
}

body ul#menu-menu-idiomas li.current-lang a,
body ul#menu-menu-idiomas li.current-lang::before,
body ul#menu-menu-idiomas li a:hover,
body ul#menu-menu-idiomas li:hover::before{
    color:#00a5c0;
}

.grve-list-divider #menu-menu-idiomas li::after{
    display:none;
}

.grve-small-text #menu-menu-idiomas li{
    letter-spacing: 0px;
}

/* ------ */
/* HEADER */
/* ------ */
body #grve-header.grve-fullwidth #grve-main-header.grve-header-default .grve-container{
    padding-left:30px;
    padding-right:30px;
}

body #grve-main-content .grve-main-content-wrapper{
    padding:0px;
}
body #grve-main-menu .grve-wrapper > ul > li > a,body  .grve-header-element > a,body  .grve-no-assigned-menu{
    line-height:125px;
}

/* ------------ */
/* TITOL PÀGINA */
/* ------------ */

body #grve-page-title .grve-title,
body #grve-feature-section.grve-fullscreen .grve-title{
   text-transform: none;
   margin-top:-60px;
}

/* -------------------- */
/* FEATURE SECTION HOME */
/* -------------------- */

body #grve-feature-section.grve-fullscreen .grve-title{
   font-size:64px;
   margin-top:0px;
}

#grve-feature-section .grve-wrapper{
    height:auto!important;
    min-height:350px;
}

body #grve-feature-section .grve-container{
    max-width: none;
}

.caixa-negatiu h2{
    color:#FFF;
}

/* ----------------------------- */
/* CONTENIDOR DEL FORMULARI PPAL */
/* ----------------------------- */
body #form-home-ppal{
    background: rgb(111,189,147);
    background: url('images/fonsFORM.jpg') no-repeat 75% top , -moz-linear-gradient(90deg, rgba(111,189,147,1) 0%, rgba(111,189,147,1) 51%, rgba(218,236,226,1) 77%, rgba(218,236,226,1) 100%);
    background: url('images/fonsFORM.jpg') no-repeat 75% top , -webkit-linear-gradient(90deg, rgba(111,189,147,1) 0%, rgba(111,189,147,1) 51%, rgba(218,236,226,1) 77%, rgba(218,236,226,1) 100%);
    background: url('images/fonsFORM.jpg') no-repeat 75% top , linear-gradient(90deg, rgba(111,189,147,1) 0%, rgba(111,189,147,1) 51%, rgba(218,236,226,1) 77%, rgba(218,236,226,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6fbd93",endColorstr="#daece2",GradientType=1);

    background-size:cover;
}

body #form-visio{
    background: rgb(217,143,144);
    background: url('images/sanvil-fons-nens.jpg') no-repeat center 0 , -moz-linear-gradient(90deg, rgba(217,143,144,1) 0%, rgba(217,143,144,1) 51%, rgba(235,199,199,1) 77%, rgba(235,199,199,1) 100%);
    background: url('images/sanvil-fons-nens.jpg') no-repeat center 0 , -webkit-linear-gradient(90deg, rgba(217,143,144,1) 0%, rgba(217,143,144,1) 51%, rgba(235,199,199,1) 77%, rgba(235,199,199,1) 100%);
    background: url('images/sanvil-fons-nens.jpg') no-repeat center 0 , linear-gradient(90deg, rgba(217,143,144,1) 0%, rgba(217,143,144,1) 51%, rgba(235,199,199,1) 77%, rgba(235,199,199,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d98f90",endColorstr="#ebc7c7",GradientType=1);

    background-size:cover;
}


/* ---------------------- */
/* CONTENIDOR PROFESSIONS */
/* ---------------------- */
body #plantilla  .vc_gitem-zone-b{
    background:rgba(0,165,192,0.7);  
    margin:20px;
} 

/* ----- */
/* PUNTS */
/* ----- */
.punts .grve-element.grve-text h3{
    text-align: center;
    font-weight: 500;
    margin-bottom: 10px;
    line-height: 28px;
}

.punts .grve-element.grve-text h3 span{
    font-size: 16pt;
}

/* -------- */
/* PERSONAL */
/* -------- */
body .grve-team{
    margin-bottom:28px!important;
}

body .grve-team-person.grve-media{
    margin-bottom:5px!important;
}
body .grve-team-name{
    padding-left: 10%;
    padding-right: 10%;
    font-weight: 900;
    font-size:16px;
    letter-spacing: 1.7px;
}

body .grve-team-name.grve-text-hover-primary-1:hover{
    color:#122a3e;
}



/* ----------------- */
/* NEWS PÀGINA INICI */
/* ----------------- */
.sanvil-news .vc-gitem-zone-height-mode-auto::before{
    padding-top:70%;
}

.sanvil-news .vc_gitem-zone{
    background-color:transparent!important;
}

.sanvil-news .vc_gitem-zone .vc_gitem_row .vc_gitem-col{
    padding:20px;
}

.sanvil-news .vc_custom_heading{
    margin-bottom:0px;
}

.sanvil-news .vc_custom_heading h4{
    font-weight:bold;
    font-size:20px;
    margin-bottom:8px;
}

.sanvil-news .vc_gitem-post-data-source-post_excerpt{
    color:#656565;
}

.sanvil-news .vc_btn3.vc_btn3-size-md{
    padding-left:50px;
    padding-right:50px;
    background-color:#00a5c0!important;
    text-transform: uppercase;
    font-weight: bold;
    font-size:16px;
}

.sanvil-news .vc_btn3.vc_btn3-size-md:hover{
    background-color:#2e4f73!important;
}

/* ---- */
/* OBRA */
/* ---- */
body ul.vc_grid-filter{
    text-align:center!important;
    font-size:1.2em;
}

#grve-main-content .grve-section .vc_grid-filter{
    color:#2e4f73;
}

body .vc_grid-filter.vc_grid-filter-color-grey > .vc_grid-filter-item.vc_active,
body .vc_grid-filter.vc_grid-filter-color-grey > .vc_grid-filter-item:hover{
    background-color:transparent;
}

body .vc_grid-filter.vc_grid-filter-color-grey > .vc_grid-filter-item.vc_active >span{
    color:#00a5c0;
    font-weight:bold;
    text-decoration: underline;
}

body .vc_grid-filter.vc_grid-filter-color-grey > .vc_grid-filter-item:hover span{
    color:#00a5c0;
}

.obra-detall-titol,
.obra-detall-excerpt{
    color:#FFF;
    font-size:1.1em;
    font-family: 'Barlow', sans-serif;
    font-weight:700;
}

.obra-detall-excerpt{
    font-weight:400;
}

/* ----------- */
/* SINGLE POST */
/* ----------- */

body.single-post #grve-content{
    margin-bottom:64px;
}

body.single-post .grve-bg-dark{
    background:transparent;
}

body.single-post #grve-post-title .grve-title{
    font-size:1.8em;
    line-height:initial;
    color:#2e4f73;
    text-align:left;
    padding-top: 100px;
}



/* --------- */
/* Etiquetes */
/* --------- */
.etiqueta{
    background-color:#2e4f73;
    border-radius: 20px;
    padding: 4px 16px 7px;
    margin: 7px 5px;
    display: inline-block;
    color:#FFF;
    font-size:22px;
}

.etiqueta.blauclar{
    background-color:#00a5c0;
}

.etiqueta.gris{
    background-color:#656565;
}

/* ------ */
/* FOOTER */
/* ------ */
.grve-footer-wrapper{
    background-color:#ccedf2;
    padding-top:30px;
    padding-left: 15%;
    padding-right: 15%;
}

.grve-footer-wrapper hr{
    margin-left:-90px;
}

.sanvil-rss{
    position: absolute;
    top:35px;
    right:-120px;
  }

.aenor{
    width:100px;
    margin-top:10px;
}


/* ------- */
/* Widgets */
/* ------- */
.grve-widget-area .grve-column{
    padding-left:15px;
    padding-right:15px;
}

body .grve-widget-area{
    padding-top:0px;
    padding-bottom:30px;
}

body .widget_media_image{
    text-align:right;
    margin-right:20px;
}

body .grve-widget-area .grve-widget-title{
    /*color:#122a3e;*/
    margin-bottom:0px;
    font-family: 'Barlow', sans-serif;
    font-weight:500;
    margin-top:50px;
}

.footer-mapaweb{
    margin-top:53px;
}

body .textwidget.custom-html-widget .footer-mapaweb a{
    font-weight: 500!important;
    font-size: 16px!important;
    line-height: 24px;
}

body .textwidget.custom-html-widget{
    font-family: 'Barlow', sans-serif;
    line-height:1.5em;
    padding-left:20px;
    
}

body .textwidget.custom-html-widget small{
    margin-top:10px;
    display:inline-block;
}

body .textwidget.custom-html-widget ul > small{
    margin-top:3px;
    padding-left:13px;
}

body .textwidget.custom-html-widget div strong{
    font-family: 'Barlow', sans-serif;
    font-weight:600;
    font-size:18px;
}

body .textwidget.custom-html-widget ul{
    list-style: none;
    margin-left:0px;
}

body .textwidget.custom-html-widget li:before,
body .grve-widget-area .grve-widget-title:before {
    content:"→ ";
}

body .widget.widget_recent_entries li{
    border:0px;
    margin-top:5px;
    margin-bottom:7px;
    padding-bottom:0px;
    padding-left:17px;
}

body .widget.widget_recent_entries li a{
    text-decoration:underline;
    font-family: 'Barlow', sans-serif;
    font-weight:500;
    font-size:15px;
}

body .widget.widget_recent_entries li a:hover{
    text-decoration:normal;
}


/* ------------- */
/* Gravity Forms */
/* ------------- */
body .caixa-negatiu{
    padding:25px;
}

body form-home-ppal.caixa-negatiu{
    padding-top:0px;
} 

body .caixa-negatiu .gform_wrapper{
    margin-top:4px;
    margin-bottom:4px;
}

body .caixa-negatiu .gform_wrapper ul li.gfield{
    margin-top:10px!important;
}

body .caixa-negatiu h3{
    margin-bottom:0px;
    text-transform: none;
}

body .caixa-negatiu .gform_wrapper .top_label div.ginput_container,
body .caixa-negatiu .gform_wrapper .gform_footer{
    margin-top:4px;
}

.caixa-negatiu .gform_wrapper label.gfield_label, 
.caixa-negatiu .gform_wrapper legend.gfield_label,
body #grve-content .caixa-negatiu form span,
body #grve-content .caixa-negatiu form .gfield_consent_label,
body #grve-content .caixa-negatiu form .gfield_checkbox label{
    color:#FFF;
}

body .gform_wrapper .top_label div.ginput_container{
    margin-top:2px;
}

#grve-theme-wrapper input[type="text"],
#grve-theme-wrapper input[type="email"],
#grve-theme-wrapper input[type="tel"],
#grve-theme-wrapper textarea{
    margin-bottom: 0px;
    border-radius:3px!important;
    padding: 2px 10px;
    border: 0px;
    border:1px solid #00a5c0;
    color:#656565;
}

#grve-theme-wrapper .caixa-negatiu  input[type="text"],
#grve-theme-wrapper .caixa-negatiu  input[type="email"],
#grve-theme-wrapper .caixa-negatiu  input[type="tel"],
#grve-theme-wrapper .caixa-negatiu  textarea{
    background-color: #FFF;
    color:#656565;
}

#grve-theme-wrapper .caixa-negatiu input[type="submit"]:not(.grve-custom-btn),
body .grve-btn{
    background-color:transparent;
    border-color:#00a5c0;
    color:#00a5c0;
    border-radius:25px;
    font-family: 'Barlow', sans-serif!important;
    font-size:22px!important;
    text-transform: none;
    padding: 7px 25px 9px 25px;
    font-weight:600!important;
    line-height:inherit;
}

body .grve-btn-negatiu .grve-btn{
    border-color:#FFF;
    color:#FFF;
}


/* --------- */
/* CONTACT-7 */
/* --------- */
body .wpcf7-form p{
    margin-bottom:15px;
}
body .wpcf7-form label{
    color:#2e4f73;
    font-weight: bold;
    margin-bottom: 7px;
    display: inline-block;
    padding-left:10px;
}

#grve-theme-wrapper .caixa-negatiu  textarea{
    height:145px;
    padding-top:5px;
    padding-bottom:5px;
}

body .acepto-condiciones{
    display:inline-block;
    vertical-align: bottom;
}

body .wpcf7-form-control-wrap .wpcf7-list-item{
    margin:0px;
}

body .wpcf7-form-control-wrap{
    display:inline;
}



/* ---------- */
/* RESPONSIVE */
/* ---------- */
#grve-page-title,
#grve-content,
#grve-footer,
#grve-feature-section{
   /* max-width: 1920px;*/
    width: 100%;
    margin:0 auto;
}

@media only screen and (max-width: 1300px){
    #grve-main-header.grve-header-default #grve-main-menu.grve-horizontal-menu.grve-position-center{
        text-align:right;
    }
}

@media only screen and (max-width: 1200px){
    body .textwidget.custom-html-widget,
    #grve-footer .widget .grve-widget-title{
        text-align:center;
    }

    body .grve-logo a{
        height:75px;
    }
    
}

@media only screen and (max-width: 767px){

    body #grve-top-bar ul.grve-right-side{
        text-align:right;
    }

    body #grve-responsive-header .grve-header-element > a{
        line-height:50px;
        padding-top:40px;
    }

    .grve-logo .grve-wrapper img{
        height: 60px;
        top: -30px;
    }
    
    #grve-page-title .grve-title, #grve-blog-title .grve-title {
        font-size: 32px;
        line-height: 1.5em;
    }

    body .widget_media_image {
        text-align: center;
        margin-right: 0px;
        margin-left:20px;
    }

    body .grve-widget-area .grve-widget-title,
    body .footer-mapaweb{
        margin-top:10px
    }

    .widget_recent_entries{
        text-align:center;
    }

    body .caixa-negatiu .grve-column{
        padding:5px;
    }

    body.single-post #grve-post-title .grve-title{
        padding-top:30px;
    }

    .sanvil-rss{
        position: relative;
        right:auto;
    }

}