/*
    Template:       pisces
    Theme Name:     Fundació Tallers
    Text Domain:    pisces-child
    Domain Path:    /languages/
*/

/* General */

.js-el.subheading-tag.la-unit-responsive.text-tallers { font-size:20px; text-align:left;}
.font-300, .font-300 * { font-weight: 300; }
p a { font-weight: 600; text-decoration: underline; }
.link-underlined { color: #fff; text-decoration: underline; font-size: 16px; font-weight: 600; }
.hidde-mobile {display: block}
.hidde-desktop {display: none;}

.frm_style_formidable-style.with_frm_style label.frm_primary_label, .frm_style_formidable-style.with_frm_style.frm_login_form label { display: none; }
.frm_style_formidable-style.with_frm_style .frm_submit button { text-transform: uppercase; }
.frm_style_formidable-style.with_frm_style input[type=text], .frm_style_formidable-style.with_frm_style input[type=password], .frm_style_formidable-style.with_frm_style input[type=email], .frm_style_formidable-style.with_frm_style input[type=number], .frm_style_formidable-style.with_frm_style input[type=url], .frm_style_formidable-style.with_frm_style input[type=tel], .frm_style_formidable-style.with_frm_style input[type=phone], .frm_style_formidable-style.with_frm_style input[type=search], .frm_style_formidable-style.with_frm_style select, .frm_style_formidable-style.with_frm_style textarea, .frm_form_fields_style, .frm_style_formidable-style.with_frm_style .frm_scroll_box .frm_opt_container, .frm_form_fields_active_style, .frm_form_fields_error_style, .frm_style_formidable-style.with_frm_style .chosen-container-multi .chosen-choices, .frm_style_formidable-style.with_frm_style .chosen-container-single .chosen-single { font-weight: bold; color: #000; }

input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #000; }
input::-moz-placeholder { /* Firefox 19+ */ color: #000; }
input:-ms-input-placeholder { /* IE 10+ */ color: #000; }
input:-moz-placeholder { /* Firefox 18- */ color: #000; }

.la-headings a:hover {color: #fff;}
.single-la_portfolio .la-headings a:hover {color: #ff5c35;}

/* Header */
.site-header-mobile { background-color: rgba(0,0,0,0.3); }
.site-header-mobile .site-branding img { max-width: 100px; }
.site-header .site-branding img { max-height: 80%; max-width: 200px; }
.site-main-nav .main-menu > li > a { font-size: 15px; }
.mega-menu > li > a { padding: 5px 10px; }
.site-header-mobile .mobile-menu-wrap .dl-menu > li > a { color: #ffffff; background-color: rgba(224,224,224,0.1); }
.site-header-mobile .mobile-menu-wrap .dl-menu > li:last-child > a { background-color: rgba(224,224,224,0.51); }
.mega-menu > li:nth-last-child(1) {
    padding-left: 11px;
    margin-left: 5px;
}

.mega-menu > li:nth-last-child(1):after {
    content: ' ';
    position: absolute;
    top: 10px;
    left: 0;
    width: 2px;
    height: 20px;
    background-color: #fff
}

.mega-menu .popup {
    right: 0;
    left: 10px;
	width: 250px;
}

#masthead .header-component-outer.header-right,
#masthead .header-component-outer.header-left,
.site-header .site-branding,
.site-header .site-main-nav  {
    float:none;
}
.site-header .header-main {
    display: flex;
    flex-direction: column;
}
.site-header .site-branding {
    margin: 0 auto;
}
.site-header .site-branding a {
    display: block;
    height: 115px;
    line-height: 115px;
}
.site-header .site-branding img {
    top: 70px;
}

.site-header .site-main-nav {
    display: flex;
    justify-content: center;
}

/* Titles */

.title-page { padding-top: 25%; padding-bottom: 15%; }
.title-page .la-headings h1 { background: rgba(0,0,0,0.5); width: fit-content; padding: 5px 20px; margin: auto; font-weight: 100; }
.title-page .la-headings.title-green h1 { background: rgba(71,156,43,0.7); color: #fff; }
.title-page .la-headings.title-blue h1 { background: rgba(0,56,121,0.7); color: #fff; }
.title-page .la-headings.title-red h1 { background: rgba(197,7,61,0.7); color: #fff; }

/* Pages */

.home .blog_item--title .entry-title {min-height: 90px;}

.row-links { border-bottom: 3px solid #003879; margin: 15px 0; padding: 10px 0; }
.row-links:last-of-type { border-bottom: none; }

.la-headings h2 { font-weight: 300; }
.la-headings h2.strong { font-weight: 800; }

.heading-adress { margin-top: 30px; margin-bottom: 30px; }
.heading-adress .heading-tag { margin-top: 30px; margin-bottom: 0; font-weight: 700; }

.la-headings.spacer-position-middle .la-separator { margin-top: 25px; margin-bottom: 25px; }
.subheading-tag.la-unit-responsive * { margin: 25px 0; }
.subheading-tag.la-unit-responsive .la-lists-icon * { margin: 0; }
.subheading-tag.la-unit-responsive .la-lists-icon { text-align: left; text-indent: -10px; padding-left: 30px; }

.portfolios-loop.pf-style-8 .item--holder { bottom: inherit; top: 50%; transform: translateY(-50%); text-align: center; padding: 0; }
.portfolios-loop.pf-style-8 .item--holder h4 { font-size: 20px; line-height: 32px; font-weight: 600; letter-spacing: 0.5px; margin: 0; }
.som-persones .item--holder .fa,
.portfolio-persones .item--holder .fa { background-color: #479C2B; }
.som-empresa .item--holder .fa,
.portfolio-empresa .item--holder .fa { background-color: #003879; }
.som-comunitat .item--holder .fa,
.portfolio-comunitat .item--holder .fa { background-color: #C5073D; }
.related-projects .item--holder .fa,
.portfolio-persones .item--holder .fa,
.portfolio-empresa .item--holder .fa,
.portfolio-comunitat .item--holder .fa { width: 30px; height: 30px; line-height: 27px; border-radius: 50%;}

.portfolios-loop.pf-style-8 .item--holder .fa:before { font-size: 13px; line-height: 30px; }

.icon-boxes-inner > a {position: absolute; z-index: 10000; top: 0; left: 0; width: 100%; height: 100%;}
.trans-links .la-sc-icon-boxes:hover .box-contents h5 {color: #003879 !important;}

.la-banner-box .banner--link-overlay {
    z-index: 99;
}

/* projects */
.related-projects-title {text-align: center; width: 33.333%; margin: 40px auto 0; padding: 20px; color: #fff; }
.som-persones.related-projects-title { background-color: #479C2B; }
.som-empresa.related-projects-title { background-color: #003879; }
.som-comunitat.related-projects-title { background-color: #C5073D; }

/* blog */
.blog .section-page-header {margin-bottom: 40px;}
.blog .section-page-header .page-title {background: rgba(0,0,0,0.5); width: fit-content; padding: 5px 20px; margin: auto; font-weight: 100;font-size: 40px;}
.blog .section-page-header .la-breadcrumbs {display: none;}

.single-post.enable-header-transparency .site-header-mobile,
.single-post.enable-header-transparency .site-header {position: relative;}

.author.vcard {display: none;}

.blog_cat_list {
    list-style: none;
    margin: 0 0 30px;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: flex-end;
}
.blog_cat_list li a {
    display: block;
    margin: 3px;
    border: 1px solid #aaa;
    padding: 2px 5px;
}
.blog_cat_list li a:hover,
.blog_cat_list li.current-cat a {
    background-color: #449429;
    border-color: #449429;
    color: #fff;
    text-decoration: none;
}

.archive.category .section-page-header{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(https://fundaciotallers.org/wp-content/uploads/2018/05/34382199-1.jpg);
    margin-bottom: 40px;
}

.archive.category  .section-page-header .page-header-inner {
    padding-top: 140px;
    padding-bottom: 50px;
}
@media(min-width: 768px) {
    .archive.category .section-page-header .page-header-inner {
        padding-top: 180px;
        padding-bottom: 80px
    }
}

@media(min-width: 992px) {
    .archive.category .section-page-header .page-header-inner {
        padding-top: 270px;
        padding-bottom: 160px
    }
}

.archive.category .section-page-header .page-title {
    background: rgba(0,0,0,0.5);
    color: #fff;
    width: fit-content;
    padding: 5px 20px;
    margin: auto;
    font-weight: 100;
    font-size: 40px;
}
.archive.category .la-breadcrumbs {
    display: none;
}

/* treballa amb nosaltres */
.autocandidatura {
    background-color:#44942910;
    padding: 60px 30px 30px;
    margin: 40px 0;
}
h3.title-oferta{
    color:#449429
}

.la-oferta-listing .oferta-post {
    max-height: 300px;
    overflow: hidden;
    position: relative;
}
.gradient-bg {
    position:absolute;
    z-index:2;
    right:0; bottom:0; left:0;
    height: 100px; /* adjust it to your needs */
    background: url(data:image/svg+xml;base64,alotofcodehere);
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(70%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 70%);
    background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 70%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 70%);
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 70%);
}
.oferta-post-read-more {
    position:absolute;
    bottom: 20px;
    left: 30px;
    z-index:3;
    border: 0;
}

p.la-oferta-listing-intro{
    font-size:17px;
    padding-bottom: 10px;
}
button {
    background: #449429;
    color: white;
    padding: 5px 15px;
}

.frm_checkbox a {
    color:#449429;
    font-weight: bold;
}


.oferta-camps {
    margin-bottom: 20px;
}

.oferta-post {
    border: 1px solid #449429;
    padding: 30px;
    margin-bottom: 30px;
}
.oferta-camps p {
    margin-bottom: 0;
}
.frm_dropzone.frm_single_upload{
    max-width:500px;
}
.frm_dropzone .dz-message{
    border:2px dashed #449429;
}
.frm_dropzone.dz-clickable.frm_single_upload .dz-message{
    margin:0px;
}
.frm_style_formidable-style.with_frm_style .frm_submit button{
    background:#449429 !important;
}
.frm_style_formidable-style.with_frm_style .frm_submit button:hover{
    background:#44942966 !important;
}

.post-type-archive-ofertes .section-page-header{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(https://fundaciotallers.org/wp-content/uploads/2018/05/34382199-1.jpg);
    margin-bottom: 40px;
}
.post-type-archive-ofertes .section-page-header .page-header-inner {
    padding-top: 140px;
    padding-bottom: 50px;
}


@media(min-width: 768px) {
    .post-type-archive-ofertes .section-page-header .page-header-inner {
        padding-top: 180px;
        padding-bottom: 80px
    }
}

@media(min-width: 992px) {
    .post-type-archive-ofertes .section-page-header .page-header-inner {
        padding-top: 270px;
        padding-bottom: 160px
    }
}

.post-type-archive-ofertes .section-page-header .page-title {
    background: rgba(0,0,0,0.5);
    color: #fff;
    width: fit-content;
    padding: 5px 20px;
    margin: auto;
    font-weight: 100;
    font-size: 40px;
}
.post-type-archive-ofertes .la-breadcrumbs {
    display: none;
}

/* Per canviar el color del hover */
/* .portfolios-loop.pf-style-8 .item--link-overlay */

.cta-tallers .vc_cta3 .vc_cta3-content-header h2 { font-size: 45px; letter-spacing: 0.5px; }
.cta-tallers .vc_cta3 .page * { font-weight: 300; }
.cta-tallers .vc_cta3 .vc_btn3.vc_btn3-size-sm { font-size: 14px; padding: 15px 40px; font-weight: 500; border-width: 1px; }

.pdf-link .icon-heading { font-weight: 400; text-decoration: underline; }

/* SVG */
#roda01 img, #roda02 img, #roda03 img { height: 300px; width: 300px; }
h4.title-roda { position: absolute; margin: 140px -15px; width: 100%; padding: 0 15px; }

.title-background .heading-tag { margin-bottom: 28px; padding: 12px 0 20px; color: #fff; font-weight: 700; letter-spacing: 2px; }




/* media */
@media (min-width: 1200px) {
    .container { width: 1100px;}
}
@media (max-width: 768px) {
    .hidde-mobile {display: none}
    .hidde-desktop {display: block;}
    .icon-pos-left.icon-valors {margin-left: 0 !important;}
    .icon-pos-left.icon-valors .box-icon-left, 
    .icon-pos-left.icon-valors .box-contents {display: block;text-align: center; margin-right:0; margin-left: 0;padding-left: 0; padding-right: 0;}
    .intro-heading {font-size: 65px !important;line-height: 65px !important;}
    .home .blog_item--title .entry-title {min-height: none}
}
@media (max-width: 480px) {
    .intro-heading {font-size: 50px !important;line-height: 50px !important;}
}