.et_pb_with_border .et-pb-icon,.et_pb_with_border .et_pb_image_wrap{border:0 solid #333}.et_pb_blurb_content{max-width:550px;margin:0 auto;position:relative;text-align:center;word-wrap:break-word;width:100%}.et_pb_blurb.et_pb_text_align_left .et_pb_blurb_content .et_pb_blurb_container{text-align:left}.et_pb_blurb.et_pb_text_align_right .et_pb_blurb_content .et_pb_blurb_container{text-align:right}.et_pb_blurb.et_pb_text_align_justified .et_pb_blurb_content .et_pb_blurb_container{text-align:justify}.et_pb_blurb.et_pb_text_align_center .et_pb_blurb_content .et_pb_blurb_container{text-align:center}.et_pb_blurb_content p:last-of-type{padding-bottom:0}.et_pb_blurb .et_pb_module_header a,.et_pb_blurb h4 a{text-decoration:none}.et_pb_blurb .et_pb_image_wrap{display:block;margin:auto}.et_pb_main_blurb_image img{border-radius:inherit}.et_pb_main_blurb_image img[src*=".svg"]{width:auto}.et_pb_sticky_module .et_pb_main_blurb_image .et_pb_image_wrap{width:100%;max-width:100%}.et_pb_blurb_position_left .et_pb_blurb_content,.et_pb_blurb_position_right .et_pb_blurb_content{display:table}.et_pb_blurb_position_left .et_pb_main_blurb_image,.et_pb_blurb_position_right .et_pb_main_blurb_image{width:32px;display:table-cell;line-height:0}.et_pb_blurb_position_left .et_pb_main_blurb_image img,.et_pb_blurb_position_right .et_pb_main_blurb_image img{width:inherit}.et_pb_blurb_position_left .et-pb-icon,.et_pb_blurb_position_right .et-pb-icon{font-size:32px}.et_pb_blurb_position_right .et-pb-icon{display:table-cell}.et_pb_blurb_position_left .et_pb_blurb_container,.et_pb_blurb_position_right .et_pb_blurb_container{display:table-cell;vertical-align:top}.et_pb_blurb_position_left .et_pb_blurb_container{padding-left:15px}.et_pb_blurb_position_left .et_pb_blurb_content{text-align:left}.et_pb_blurb_position_right .et_pb_blurb_container{padding-right:15px}.et_pb_blurb_position_right .et_pb_blurb_content{text-align:right}.et_pb_blurb_position_right .et_pb_main_blurb_image{left:auto;right:0}.et_pb_blurb_position_right .et-pb-icon{margin-right:0;margin-left:20px}.et_pb_main_blurb_image{display:inline-block;margin-bottom:30px;line-height:0;max-width:100%}@media (max-width:980px){.et_pb_blurb_position_left_tablet .et_pb_main_blurb_image,.et_pb_blurb_position_right_tablet .et_pb_main_blurb_image{width:32px;display:table-cell;line-height:0}.et_pb_blurb_position_left_tablet .et_pb_main_blurb_image img,.et_pb_blurb_position_right_tablet .et_pb_main_blurb_image img{width:inherit}.et_pb_blurb_position_left_tablet .et-pb-icon,.et_pb_blurb_position_right_tablet .et-pb-icon{font-size:32px;display:table-cell}.et_pb_blurb_position_left_tablet .et_pb_blurb_container,.et_pb_blurb_position_right_tablet .et_pb_blurb_container{display:table-cell;vertical-align:top}.et_pb_blurb_position_left_tablet .et_pb_blurb_container{padding-left:15px}.et_pb_blurb_position_left_tablet .et_pb_blurb_content{text-align:left}.et_pb_blurb_position_right_tablet .et_pb_blurb_container{padding-right:15px}.et_pb_blurb_position_right_tablet .et_pb_blurb_content{padding-right:52px;text-align:right}.et_pb_blurb_position_right_tablet .et_pb_main_blurb_image{left:auto;right:0}.et_pb_blurb_position_right_tablet .et-pb-icon{margin-right:0;margin-left:20px}.et_pb_blurb_position_top_tablet .et_pb_main_blurb_image{display:block;width:auto}.et_pb_blurb_position_top_tablet .et-pb-icon{font-size:96px;display:initial}.et_pb_blurb_position_top_tablet .et_pb_blurb_container{display:block;padding-left:0;padding-right:0}.et_pb_blurb_position_top_tablet .et_pb_blurb_content{display:inline-block;text-align:center;padding-right:0}}@media (max-width:767px){.et_pb_blurb_position_left_phone .et_pb_main_blurb_image,.et_pb_blurb_position_right_phone .et_pb_main_blurb_image{width:32px;display:table-cell;line-height:0}.et_pb_blurb_position_left_phone .et_pb_main_blurb_image img,.et_pb_blurb_position_right_phone .et_pb_main_blurb_image img{width:inherit}.et_pb_blurb_position_left_phone .et-pb-icon,.et_pb_blurb_position_right_phone .et-pb-icon{font-size:32px;display:table-cell}.et_pb_blurb_position_left_phone .et_pb_blurb_container,.et_pb_blurb_position_right_phone .et_pb_blurb_container{display:table-cell;vertical-align:top}.et_pb_blurb_position_left_phone .et_pb_blurb_container{padding-left:15px}.et_pb_blurb_position_left_phone .et_pb_blurb_content{text-align:left}.et_pb_blurb_position_right_phone .et_pb_blurb_container{padding-right:15px}.et_pb_blurb_position_right_phone .et_pb_blurb_content{padding-right:52px;text-align:right}.et_pb_blurb_position_right_phone .et_pb_main_blurb_image{left:auto;right:0}.et_pb_blurb_position_right_phone .et-pb-icon{margin-right:0;margin-left:20px}.et_pb_blurb_position_top_phone .et_pb_main_blurb_image{display:block;width:auto}.et_pb_blurb_position_top_phone .et-pb-icon{font-size:96px;display:initial}.et_pb_blurb_position_top_phone .et_pb_blurb_container{display:block;padding-left:0;padding-right:0}.et_pb_blurb_position_top_phone .et_pb_blurb_content{display:inline-block;text-align:center;padding-right:0}}@media (max-width:980px){.et_pb_blurb.et_pb_text_align_left-tablet .et_pb_blurb_content .et_pb_blurb_container{text-align:left}.et_pb_blurb.et_pb_text_align_right-tablet .et_pb_blurb_content .et_pb_blurb_container{text-align:right}.et_pb_blurb.et_pb_text_align_justified-tablet .et_pb_blurb_content .et_pb_blurb_container{text-align:justify}.et_pb_blurb.et_pb_text_align_center-tablet .et_pb_blurb_content .et_pb_blurb_container{text-align:center}}@media (max-width:767px){.et_pb_blurb.et_pb_text_align_left-phone .et_pb_blurb_content .et_pb_blurb_container{text-align:left}.et_pb_blurb.et_pb_text_align_right-phone .et_pb_blurb_content .et_pb_blurb_container{text-align:right}.et_pb_blurb.et_pb_text_align_justified-phone .et_pb_blurb_content .et_pb_blurb_container{text-align:justify}.et_pb_blurb.et_pb_text_align_center-phone .et_pb_blurb_content .et_pb_blurb_container{text-align:center}}
.et-waypoint.et_pb_animation_off,.et-waypoint:not(.et_pb_counters).et_pb_animation_off,.et_pb_animation_off{opacity:1}.et-waypoint.et_pb_animation_left.et-animated,.et_pb_animation_left.et-animated{opacity:1;-webkit-animation:fadeLeft 1s cubic-bezier(.77,0,.175,1) 1;animation:fadeLeft 1s cubic-bezier(.77,0,.175,1) 1}.et-waypoint.et_pb_animation_right.et-animated,.et_pb_animation_right.et-animated{opacity:1;-webkit-animation:fadeRight 1s cubic-bezier(.77,0,.175,1) 1;animation:fadeRight 1s cubic-bezier(.77,0,.175,1) 1}.et-waypoint.et_pb_animation_top.et-animated,.et_pb_animation_top.et-animated{opacity:1;-webkit-animation:fadeTop 1s cubic-bezier(.77,0,.175,1) 1;animation:fadeTop 1s cubic-bezier(.77,0,.175,1) 1}.et-waypoint.et_pb_animation_bottom.et-animated,.et_pb_animation_bottom.et-animated{opacity:1;-webkit-animation:fadeBottom 1s cubic-bezier(.77,0,.175,1) 1;animation:fadeBottom 1s cubic-bezier(.77,0,.175,1) 1}.et-waypoint.et_pb_animation_fade_in.et-animated,.et_pb_animation_fade_in.et-animated{opacity:1;-webkit-animation:fadeIn 1s cubic-bezier(.77,0,.175,1) 1;animation:fadeIn 1s cubic-bezier(.77,0,.175,1) 1}@media (max-width:980px){.et-waypoint.et_pb_animation_off_tablet,.et-waypoint:not(.et_pb_counters).et_pb_animation_off_tablet,.et_pb_animation_off_tablet{opacity:1;-webkit-animation:none;animation:none}.et-waypoint.et_pb_animation_left_tablet.et-animated,.et_pb_animation_left_tablet.et-animated{opacity:1;-webkit-animation:fadeLeft 1s cubic-bezier(.77,0,.175,1) 1;animation:fadeLeft 1s cubic-bezier(.77,0,.175,1) 1}.et-waypoint.et_pb_animation_right_tablet.et-animated,.et_pb_animation_right_tablet.et-animated{opacity:1;-webkit-animation:fadeRight 1s cubic-bezier(.77,0,.175,1) 1;animation:fadeRight 1s cubic-bezier(.77,0,.175,1) 1}.et-waypoint.et_pb_animation_top_tablet.et-animated,.et_pb_animation_top_tablet.et-animated{opacity:1;-webkit-animation:fadeTop 1s cubic-bezier(.77,0,.175,1) 1;animation:fadeTop 1s cubic-bezier(.77,0,.175,1) 1}.et-waypoint.et_pb_animation_bottom_tablet.et-animated,.et_pb_animation_bottom_tablet.et-animated{opacity:1;-webkit-animation:fadeBottom 1s cubic-bezier(.77,0,.175,1) 1;animation:fadeBottom 1s cubic-bezier(.77,0,.175,1) 1}.et-waypoint.et_pb_animation_fade_in_tablet.et-animated,.et_pb_animation_fade_in_tablet.et-animated{opacity:1;-webkit-animation:fadeIn 1s cubic-bezier(.77,0,.175,1) 1;animation:fadeIn 1s cubic-bezier(.77,0,.175,1) 1}}@media (max-width:767px){.et-waypoint.et_pb_animation_off_phone,.et-waypoint:not(.et_pb_counters).et_pb_animation_off_phone,.et_pb_animation_off_phone{opacity:1;-webkit-animation:none;animation:none}.et-waypoint.et_pb_animation_left_phone.et-animated,.et_pb_animation_left_phone.et-animated{opacity:1;-webkit-animation:fadeLeft 1s cubic-bezier(.77,0,.175,1) 1;animation:fadeLeft 1s cubic-bezier(.77,0,.175,1) 1}.et-waypoint.et_pb_animation_right_phone.et-animated,.et_pb_animation_right_phone.et-animated{opacity:1;-webkit-animation:fadeRight 1s cubic-bezier(.77,0,.175,1) 1;animation:fadeRight 1s cubic-bezier(.77,0,.175,1) 1}.et-waypoint.et_pb_animation_top_phone.et-animated,.et_pb_animation_top_phone.et-animated{opacity:1;-webkit-animation:fadeTop 1s cubic-bezier(.77,0,.175,1) 1;animation:fadeTop 1s cubic-bezier(.77,0,.175,1) 1}.et-waypoint.et_pb_animation_bottom_phone.et-animated,.et_pb_animation_bottom_phone.et-animated{opacity:1;-webkit-animation:fadeBottom 1s cubic-bezier(.77,0,.175,1) 1;animation:fadeBottom 1s cubic-bezier(.77,0,.175,1) 1}.et-waypoint.et_pb_animation_fade_in_phone.et-animated,.et_pb_animation_fade_in_phone.et-animated{opacity:1;-webkit-animation:fadeIn 1s cubic-bezier(.77,0,.175,1) 1;animation:fadeIn 1s cubic-bezier(.77,0,.175,1) 1}}.b-blog-home .pagination {
display: none;
}
.b-home-custom {
height: 340px !important;
}
.b-home-custom .et_pb_blurb_container {
padding-left: 24px;
padding-bottom: 24px;
padding-top: 24px;
}
.b-home-custom .et_pb_blurb_content {
height: 340px;
}
.b-blog-home,
.b-blog-home .et_pb_ajax_pagination_container {
height: 100%;
}
.b-grid-home .first-row .et_pb_column_2_tb_body {
width: 380px;
}
.b-grid-home .second-row .et_pb_column_1_4,
.b-grid-home .third-row .et_pb_column_1_4,
.b-grid-home .third-row .et_pb_column_1_4,
.b-grid-home .et_pb_row_4_tb_body .et_pb_column_1_4 {
width: 380px;
}
.b-grid-home .first-row .et_pb_column_3_4,
.b-grid-home .second-row .et_pb_column_3_4,
.b-grid-home .third-row .et_pb_column_3_4,
.b-grid-home .et_pb_row_4_tb_body .et_pb_column_3_4 {
width: calc(100% - 380px);
}
.b-grid-home .first-row .et_pb_column_2_tb_body .et_pb_blurb {
width: 100%;
}
.b-blog-home .post {
display: grid;
grid-template-columns: 380px calc(100% - 380px);
grid-template-rows: 24px 1fr auto;
grid-column-gap: 0px;
grid-row-gap: 0px;
box-shadow: 0 0 31px 0 rgba(41, 41, 41, 0.1);
margin-bottom: 0;
height: 100%;
height: 340px;
}
.b-blog-home .post .entry-featured-image-url {
grid-area: 1 / 1 / 4 / 2;
margin-bottom: 0;
height: 340px;
width: 380px;
position: relative;
}
.b-home-custom .et_pb_main_blurb_image {
position: relative;
}
.b-home-custom .et_pb_blurb_description span {
font-weight: 300 !important;
}
.b-home-custom .et_pb_module_header {
padding-bottom: 24px;
}
.b-home-custom .et_pb_main_blurb_image:after,
.b-blog-home .post .entry-featured-image-url:after {
content: "";
--border-width: 14px;
border-bottom: var(--border-width) solid #fff;
border-left: var(--border-width) solid transparent;
border-right: var(--border-width) solid transparent;
border-top: 0;
height: 0;
width: 0;
position: absolute;
right: -10px;
top: 32px;
transform: rotate(-90deg);
}
.b-blog-home .post .entry-featured-image-url img {
height: 100%;
object-fit: cover;
}
.b-blog-home .post .post-meta {
grid-area: 1 / 2 / 2 / 3;
padding: 24px 24px 0;
margin-bottom: 0;
display: flex;
align-items: center;
flex-direction: row-reverse;
justify-content: space-between;
font-size: 0 !important;
line-height: 24px;
align-self: center;
}
.b-blog-home .post .published,
.b-blog-home .post .post-meta a {
font-size: 15px;
}
.b-blog-home .post .published {
font-weight: normal !important;
}
.b-blog-home .post .entry-title {
grid-area: 2 / 2 / 3 / 3;
padding: 0 24px 16px;
align-self: self-end;
}
.b-blog-home .post .post-content {
grid-area: 3 / 2 / 4 / 3;
padding: 0 24px 32px;
align-self: self-end;
}
.not-featured-image .b-blog-home .post {
grid-template-columns: auto;
}
@media (max-width:1200px) {
.b-blog-home .post .entry-featured-image-url {
width: 100%;
}
.b-home-custom .et_pb_main_blurb_image {
display: none;
}
.b-home-custom .et_pb_blurb_container {
padding: 0 !important;
}
#prev-section.b-grid-home .first-row,
#prev-section.b-grid-home .second-row,
#prev-section.b-grid-home .third-row,
#prev-section.b-grid-home .et_pb_row_4_tb_body {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
.b-blog-home .post {
display: flex;
flex-direction: column;
min-height: unset;
}
.et_pb_column_3_4 .b-blog-home {
padding-left: 0;
}
.b-grid-home .first-row .et_pb_column_2_tb_body {
width: 100%;
}
.b-grid-home .second-row .et_pb_column_1_4,
.b-grid-home .third-row .et_pb_column_1_4,
.b-grid-home .third-row .et_pb_column_1_4,
.b-grid-home .et_pb_row_4_tb_body .et_pb_column_1_4 {
width: 100%;
}
.b-grid-home .first-row .et_pb_column_3_4,
.b-grid-home .second-row .et_pb_column_3_4,
.b-grid-home .third-row .et_pb_column_3_4,
.b-grid-home .et_pb_row_4_tb_body .et_pb_column_3_4 {
width: 100%;
}
.b-grid-home .b-home-custom.et_pb_blurb {
height: 100% !important;
margin: 0 !important;
}
.b-home-custom .et_pb_blurb_content {
height: auto;
}
.b-blog-home .post,
.b-blog-home .post .entry-featured-image-url {
height: auto;
}
.b-blog-home .post .entry-featured-image-url img {
height: 100%;
object-fit: cover;
}
.b-blog-home .post .post-meta {
padding: 0 16px 16px;
width: 100%;
}
.b-home-blurb,
.et_pb_column .b-blog-home {
margin-right: 0 !important;
margin- bottom: 19px !important;
}
.b-blog-home .post .entry-title {
padding: 16px;
}
.b-home-blurb .et_pb_blurb_content {
max-width: unset;
}
.b-home-blurb {
max-width: unset;
}
.b-blog-home .post .post-content {
padding: 0 16px 16px;
}
}
@media (max-width:980px) {
.b-grid-home .et_pb_row .et_pb_column {
margin-bottom: 19px !important;
}
.et_pb_menu.et_pb_menu_0_tb_footer {
display: none;
}
}
.b-home-blurb .et_pb_blurb_content {
height: 100%;
}
.b-home-blurb .et_pb_blurb_container {
display: flex;
height: 100%;
flex-direction: column;
}
.b-home-blurb .et_pb_blurb_container .et_pb_module_header {
flex-grow: 1;
}
.external-link,.more-link,.et_pb_posts_nav .nav-label,
.back-to-list span,.post-content .more-link{
text-transform: uppercase;
color: #0366B3;
font-weight: 600;
font-size: 14px;
letter-spacing: 0.82px;
display: flex!important;
align-items: center;
}
.external-link:after,.more-link:after,.et_pb_posts_nav .nav-next .nav-label:after,.et_pb_posts_nav .nav-previous .nav-label:before,
.back-to-list span:before ,.post-content .more-link:after{
content: "";
background-image: url(//transparencia.gramepark.cat/wp-content/themes/grame-divi/assets/arrow-blue.svg);
width: 18px;
height: 16px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
margin-left: 16px;
flex-shrink: 0;
display: block;
transition: transform .3s ease;
}
.et_pb_posts_nav .nav-previous .nav-label:before,
.back-to-list span:before {
transform: rotate(180deg);
margin-left: 0;
margin-right: 16px;
}
.c-tramites {
height: 100%;
}
.more-link:hover:after,
.post-content .more-link:hover:after,
.et_pb_posts_nav .nav-next a:hover .nav-label:after,
.et_pb_posts_nav .nav-previous a:hover .nav-label:before,
.et_pb_posts_nav .nav-label:after,
.c-tramites:hover .external-link:after {
transform: translateX(8px);
}
.et_pb_posts_nav .nav-previous a:hover .nav-label:before,
.back-to-list span:hover:before{
transform: translateX(-8px) rotate(180deg);
}
.et_pb_posts_nav .nav-next a:hover .nav-label:after{
transform: translateX(24px);
}
.c-tramites .et_pb_main_blurb_image {
margin-bottom: 0;
}
.internas ul li::marker{
color: #0366b3;
}
.internas a:hover,
.single-project a:hover{
color: #292929;
}
.b-blog-page .et_pb_blog_grid .et_pb_ajax_pagination_container .column.size-1of3 {
width: calc(33% - 20px);
margin-right: 20px;
}
.b-blog-page .et_pb_blog_grid .et_pb_ajax_pagination_container .column.size-1of3:nth-child(3) {
width: calc(33% + 10px);
}
.b-blog-page .et_pb_blog_grid .et_pb_ajax_pagination_container .column.size-1of3 article {
border: 0;
display: flex;
flex-direction: column;
padding: 0;
margin-bottom: 60px !important;
height: calc(469px + 60px);
}
.b-blog-page .et_pb_blog_grid .et_pb_ajax_pagination_container .column.size-1of3 article .entry-title {
order: 2;
margin: 8px 0 14px;
}
.b-blog-page .et_pb_blog_grid .et_pb_ajax_pagination_container .column.size-1of3 article .entry-title a {
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.b-blog-page .et_pb_blog_grid .et_pb_ajax_pagination_container .column.size-1of3 article .post-meta {
order: 1;
margin-top: 24px;
}
.b-blog-page .et_pb_blog_grid .et_pb_ajax_pagination_container .column.size-1of3 article .post-content {
order: 3;
}
.b-blog-page .et_pb_blog_grid .et_pb_ajax_pagination_container .column.size-1of3 article .et_pb_image_container,
.b-blog-page .et_pb_blog_grid .et_pb_ajax_pagination_container .column.size-1of3 article .entry-featured-image-url {
margin-bottom: 0;
}
.b-blog-page .et_pb_blog_grid .et_pb_ajax_pagination_container .column.size-1of3 article .et_pb_image_container {
height: 270px;
margin: 0;
}
.b-blog-page .et_pb_blog_grid .et_pb_ajax_pagination_container .column.size-1of3 article .entry-featured-image-url,
.b-blog-page .et_pb_blog_grid .et_pb_ajax_pagination_container .column.size-1of3 article .entry-featured-image-url img {
height: 270px;
object-fit: cover;
}
.single-post .et_pb_title_featured_container .et_pb_image_wrap img {
height: 424px;
object-fit: cover;
}
.single-post li::marker {
background-color: #0366b3 !important;
color: #0366b3 !important;
}
.single-post figure {
width: 100%;
margin: 56px 0;
}
.single-post .wp-element-caption {
font-size: 12px;
color: #282828;
margin-top: 16px;
text-align: left;
}
.single-post .et_pb_post_content a {
text-decoration: underline;
}
.single-post .et_pb_post_content a:hover {
color: #000;
text-decoration: none;
}
.sticky-article .b-blog-home .post {
grid-template-columns: repeat(2, 1fr);
grid-template-rows: 24px 1fr auto;
grid-column-gap: 0px;
grid-row-gap: 0px;
box-shadow: none;
margin-bottom: 0;
}
.sticky-article .b-blog-home .post .entry-featured-image-url {
grid-area: 1 / 2 / 4 / 3;
margin-bottom: 0;
width:100%;
height: 374px;
} 
.sticky-article .b-blog-home .post .entry-featured-image-url img {
height: 100%;
object-fit: cover;
}
.sticky-article .b-blog-home .post .post-meta {
grid-area: 1 / 1 / 2 / 2;
flex-direction: row;
margin-bottom: 8px;
padding-left: 0;
}
.sticky-article .b-blog-home .post .post-content {
grid-area: 3 / 1 / 4 / 2;
padding-bottom: 0;
padding-left: 0;
}
.sticky-article .b-blog-home .post .entry-title {
grid-area: 2 / 1 / 3 / 2;
padding-left: 0;
}
.sticky-article .more-link {
margin-top: 36px;
}
@media all and (max-width: 980px) {
.single-post .et_pb_title_featured_container .et_pb_image_wrap img {
height: auto;
}
}
.cv-group {
display: flex;
align-items: flex-start;
margin-bottom: 32px;
}
.cv-group:before {
content: "";
width: 6px;
height: 6px;
display: inline-block;
vertical-align: top;
margin-right: 16px;
background-color: #0366B3;
border-radius: 51%;
margin-top: 8px;
}
.cv-title {
margin-bottom: 32px;
}
body::-webkit-scrollbar {
display: none;
}
html{
scrollbar-width: none;
}
.modal-in {
overflow: hidden;
}
.scroll-container {
width: 700%;
display: flex;
flex-wrap: nowrap;
background-color: #fef7f1;
}
.panel {
width: 100vw;
height: 100vh;
display: flex;
flex: 0 0 100vw;
}
.panel h2 {
font-size: 40px;
font-weight: 400;
line-height: 1.12em;
}
.panel h1 {
font-size: 70px;
font-weight: 400;
line-height: 1.14em;
}
.lloguer p,
.cake-graphic p,
.diposit p,
.panel.oficina.mobilitat p,
.areas-actuacion p,
.panel.rehabilitacio p,
.panel.creacion p,
.panel.ateses p,
.panel.oficina p,
.panel.oficina li,
.panel.ateses li,
.panel.ateses a,
.parking p,
.perdua-habitatge p,
.equip p,
.equip li,
.blava p {
font-size: 18px;
line-height: 1.4em;
font-weight: 400;
}
.big-text {
font-size: 36px;
line-height: 1em;
}
.orange {
font-size: 18px;
line-height: 1em;
color: #F7931D;
}
.mouse-container {
opacity: 1;
display: flex;
align-items: center;
flex-direction: row;
column-gap: 16px;
}
.mouse {
position: relative;
width: 25px;
height: 45px;
border: 3px solid #f7a136;
border-radius: 60px;
}
.mouse:before {
content: '';
width: 2px;
height: 10px;
position: absolute;
top: 0px;
background-color: #0066b4;
left: 50%;
transform: translateX(-50%);
border-radius: 50%;
opacity: 1;
animation: mouse 2s infinite;
}
.text-scroll {
font-weight: bold;
font-size: 12px;
}
@keyframes mouse {
from {
opacity: 1;
top: 4px;
}
to {
opacity: 0;
top: 16px;
}
}
.portada {
display: flex;
justify-content: center;
flex-direction: column;
background-image: url(//transparencia.gramepark.cat/wp-content/themes/grame-divi/assets/bg-bottom.png);
background-position: left bottom;
background-repeat: no-repeat;
position: relative;
}
.boxes,
.boxes-lloguer,
.boxes-oficina,
.boxes-actuacio,
.boxes-perdua,
.boxes-diposit {
background-image: url(//transparencia.gramepark.cat/wp-content/themes/grame-divi/assets/bg-top.png);
background-repeat: no-repeat;
position: absolute;
width: 100%;
height: 40vh;
top: 0;
right: 0;
background-position: bottom right;
}
.boxes-actuacio {
transform: rotate(180deg) translateX(250px);
width: 50%;
right: auto;
left: 0;
background-position: top left;
background-size: contain;
}
.boxes-oficina,
.boxes-lloguer {
top: auto;
bottom: 0;
transform: rotate(180deg) translateX(250px);
width: 50%;
right: auto;
left: 0;
height: 30vh;
background-size: contain;
z-index: -1;
}
.boxes-perdua,
.boxes-diposit {
background-image: url(//transparencia.gramepark.cat/wp-content/themes/grame-divi/assets/bg-top-blue.png);
}
.boxes-diposit {
background-size: contain;
}
.two-col {
display: flex;
height: 100%;
align-items: center;
}
.container-text {
height: 100px;
width: 100px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
cursor: pointer;
}
.container-text:hover .btn-know-more {
background-color: #fff;
color: #292929;
}
.container-text text {
fill: #000;
font-size: 50px;
}
.circleText {
position: absolute;
width: 86px;
height: 86px;
max-height: 75vh;
max-width: 75vw;
overflow: visible;
transform-origin: center center;
stroke-opacity: 0.5;
}
.btn-know-more {
width: 36px;
height: 36px;
background-color: #292929;
border-radius: 51%;
color: #fff;
font-size: 20px;
border: 1px solid #292929;
box-shadow: none;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
z-index: 10;
transition: background-color .3s ease;
}
.modal-wrapper {
position: fixed;
width: 434px;
top: 0;
left: 50%;
top: 50%;
transform: translate(-50%, -50%) scale(0);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
color: #292929;
z-index: 999;
opacity: 0;
background-color: #fff;
transition: all .3s ease;
}
.modal-wrapper.energetic {
width: 800px;
}
.modal {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
background: linear-gradient(to bottom, rgba(255, 138, 0, 0.5) 0%, rgba(236, 130, 5, 0.97) 100%);
box-shadow: 0 24px 45px rgba(113, 56, 11, 0.43), 0 -2px 8px 0 rgb(255, 142, 42), 0 2px 8px rgba(255, 247, 238, 0.65);
padding: 32px;
-webkit-backdrop-filter: blur(9px);
backdrop-filter: blur(9px);
font-size: 16px!important;
}
.modal-wrapper.open {
transform: scale(1) translate(-50%, -50%);
opacity: 1;
}
.modal-wrapper .title {
text-align: left;
font-size: 24px;
font-weight: 500;
line-height: 1em;
margin-bottom: 1.1rem;
}
.close-btn {
color: #292929;
position: absolute;
top: 16px;
right: 16px;
display: flex;
align-items: center;
font-size: 28px;
justify-content: center;
cursor: pointer;
transition: color .3s ease;
}
.close-btn:hover {
color: #f7a136;
}
.modal-wrapper p,.modal ul li ,.modal a {
color: #292929;
font-size: 16px;
}
.modal-wrapper a {
color: #292929;
text-decoration: underline;
}
.creixement {
aspect-ratio: 16/9;
max-height: 50vh;
}
.enlace-externo {
text-transform: uppercase;
border-radius: 19px;
border: 1px solid #292929;
padding: 8px 16px;
color: #000;
text-decoration: none;
margin-top: 24px;
display: block;
transition: all .3s ease;
}
.enlace-externo:hover {
color: #fff;
background-color: #292929;
border-color: #292929;
}
.demana-cita {
position: fixed;
bottom: 56px;
opacity: 0;
transform: translateX(250px);
background-color: #d8e1e8;
color: #0366B3;
right: 0;
border-radius: 19px 0 0 19px;
padding: 4px 12px;
z-index: 999;
}
.demana-cita.mobile {
display: none;
}
.one-col {
height: 100%;
padding: 130px 0 56px 130px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
} .portada h1 {
margin-bottom: 24px;
width: 75%;
max-width: 800px;
}
.portada p {
font-size: 24px;
font-weight: 300;
line-height: 1.33em;
width: 75%;
max-width: 700px;
margin-bottom: 24px;
}
.portada .texts {
padding: 0 0 0 15%;
}
.ateses .image {
display: flex;
flex-direction: column;
position: relative;
width: 50%;
padding: 76px 48px 0;
align-items: flex-start;
}
.ateses .image .image{
width: 100%;
padding: 0;
}
.anchor {
position: absolute;
bottom: 53px;
text-decoration: underline;
}
.ateses .text {
width: 50%;
padding: 76px 48px 0;
}
.ateses .text h2 {
max-width: 500px;
}
.ateses .image .container-text {
align-self: center;
margin-top: 24px;
}
.areas-actuacion .text {
width: 50%;
padding: 0 5%;
padding-top: 76px;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.areas-actuacion .image {
width: 50%;
padding-top: 76px;
padding-left: 75px;
display: flex;
flex-direction: column;
align-items: flex-end;
}
.areas-actuacion .item {
position: relative;
opacity: 0;
}
.areas-actuacion .item:first-child {
transform: translateY(-60px);
margin-bottom: 26px;
}
.areas-actuacion .item:last-child {
transform: translateY(60px);
}
.js_label,
.parking-wrapper .label,
.areas-actuacion .item .label,
.blava .label,
.cake-graphic .label {
position: absolute;
background-color: #000;
left: -75px;
top: 50%;
line-height: 1em;
color: #fff;
padding: 24px;
width: 350px;
font-size: 32px;
font-weight: 500;
}
.blava .label {
left: 50%;
}
.areas-actuacion .item img {
max-width: 100%;
}
.perdua-habitatge .one-col,
.rehabilitacio .one-col {
justify-content: center;
padding: 130px 130px 56px;
}
.perdua-habitatge h2,
.perdua-habitatge p,
.rehabilitacio h2,
.rehabilitacio p {
width:60%;
margin-bottom: 14px;
}
.perdua-habitatge,
.perdua-habitatge .number-wrapper,
.rehabilitacio .number-wrapper {
position: relative;
}
.perdua-habitatge .number-wrapper img,
.rehabilitacio .number-wrapper img{
height: 220px;
}
.perdua-habitatge .number-wrapper .label,
.rehabilitacio .number-wrapper .label {
position: absolute;
background-color: #000;
top: 50%;
transform: translateY(-50%);
line-height: 1em;
color: #fff;
padding: 8px;
right: -60px;
font-size: 20px;
max-width: 200px;
font-weight: 500;
}
.panel.rehabilitacio .texts,
.perdua-habitatge .texts {
position: relative;
padding-bottom: 40px;
flex-grow: 1;
}
.panel.rehabilitacio .container-text,
.perdua-habitatge .container-text {
position: absolute;
right: 10%;
bottom: 0;
}
.perdua-habitatge .container-text {
position: absolute;
right: -100px;
top: -100px;
}
.blava .image .bg-image {
height: 500px;
width: 100%;
background-image: url(//transparencia.gramepark.cat/wp-content/themes/grame-divi/assets/zona_blava.svg);
background-repeat: no-repeat;
background-position: bottom;
background-size: contain;
}
.blava .one-col,
.diposit .one-col {
padding-bottom: 0;
justify-content: space-between;
}
.diposit .one-col {
width: 100%;
}
.diposit p {
padding-bottom: 6px;
}
.diposit {
position: relative;
}
.parking-lot svg {
width: 100%;
height: 100%;
display: block;
overflow: unset;
}
#coche {
transform: translate(-212px, -117px);
opacity: 0;
}
.blava .image {
width: 100%;
}
.blava .text {
width: 50%;
align-self: flex-start;
}
.blava .label {
transform: translateY(10px);
opacity: 0;
}
.panel.pinit,
.panel.pinit-2 {
width: 300vw;
flex: 0 0 300vw;
position: relative;
}
.btn-skip {
position: absolute;
top: 0;
right: 0;
z-index: 999;
}
.scrollGallery,
.scrollGallery-2 {
display: flex;
justify-content: center;
align-items: center;
width: 70vw;
height: 70vw;
border-radius: 51%;
background-color: #292929;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 15vw;
}
.scrollGallery .wrapper .title h3,
.scrollGallery-2 .wrapper .title h3 {
color: #fff;
text-align: center;
}
.scrollGallery .wrapper,
.scrollGallery-2 .wrapper {
color: #fff;
text-align: center;
position: absolute;
left: 50%;
top: 0;
transform: translateX(-50%);
}
.scrollGallery .wrapper .box,
.scrollGallery-2 .wrapper .box {
max-width: 600px;
margin-bottom: 130px;
}
.scrollGallery .wrapper .box.title,
.scrollGallery-2 .wrapper .box.title {
height: 56vw;
display: flex;
justify-content: flex-end;
align-items: center;
flex-direction: column;
text-align: center;
}
.scrollGallery .wrapper .box .text,
.scrollGallery-2 .wrapper .box .text {
font-size: 32px;
padding-bottom: 22px;
line-height: 1em;
}
.scrollGallery .wrapper .box.last h3,
.scrollGallery-2 .wrapper .box.last h3 {
color: #292929;
}
.scrollGallery .wrapper .box .description,
.scrollGallery-2 .wrapper .box .description {
display: block;
margin-bottom: 32px;
font-size: 20px;
}
.scrollGallery .progreso,
.scrollGallery-2 .progreso-2 {
position: absolute;
width: 10px;
height: 240px;
left: 11%;
background-color: #c7c7c7;
border-radius: 24px;
}
.scrollGallery .progreso-inner,
.scrollGallery-2 .progreso-inner-2 {
position: absolute;
width: 10px;
height: 100%;
background-color: #f59317;
transform: scaleY(0);
transform-origin: top;
border-radius: 24px;
}
.diposit .image svg {
max-width: 80%;
}
.diposit .image {
transform: translateX(1000px);
opacity: 0;
}
.diposit .image {
height: 400px;
width: 80%;
background-image: url(//transparencia.gramepark.cat/wp-content/themes/grame-divi/assets/grua-scene.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.translatepress-es_ES .diposit .image {
background-image: url(//transparencia.gramepark.cat/wp-content/themes/grame-divi/assets/grua-scene-es.png);
}
.diposit .text {
width: 60%;
text-align: center;
}
.diposit .text p{
width: 75%;
display: block;
margin:0 auto;
}
.creacion .one-col {
width: 100%;
height: 100%;
justify-content: center;
}
.creacion .one-col .text {
align-self: flex-start;
width: 70%;
flex-grow: 1;
}
.creacion .one-col .image {
width: 100%;
}
.creacion .grafico {
height: 300px;
display: flex;
flex-wrap: nowrap;
align-items: flex-end;
width: 100%;
justify-content: center;
}
.creacion .bottom-line {
display: flex;
flex-wrap: nowrap;
width: 100%;
border-top: 1px solid #292929;
}
.creacion .bottom-line .year {
width: calc(20% - 48px);
text-align: right;
font-size: 15px;
font-weight: bold;
padding-top: 8px;
}
.creacion .grafico .item {
width: calc(20% - 48px);
transform: skew(-27deg, 0);
padding: 0 0 0 40px;
}
.creacion .grafico .number {
transform: skew(27deg, 0);
font-weight: bold;
font-size: 45px;
line-height: 1em;
opacity: 0;
}
.creacion .grafico .bar {
height: calc(100% - 45px);
transform: scaleY(0);
transform-origin: bottom;
width: 100%;
background-color: #F7931D;
}
.creacion .grafico .item.one {
height: 32.97%;
}
.creacion .grafico .item.two {
height: 50%;
}
.creacion .grafico .item.three {
height: 60%;
}
.creacion .grafico .item.four {
height: 70%;
}
.creacion .grafico .item.five {
height: 100%;
margin-left: 24px;
}
.oficina .two-col{
padding: 0 0 0 134px;
}
.equip .two-col {
padding: 0 134px;
justify-content: space-between;
}
.oficina .two-col .text {
width: 45%;
}
.equip .two-col .text {
width: 45%;
}
.equip .enlace-externo {
width: fit-content;
display: block;
margin-bottom: 24px;
}
.oficina .two-col .image,
.equip .two-col .image {
width: 45%;
position: relative;
height: 768px;
}
.equip .item.five{
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
z-index: -1;
}
.equip .item.six{
position: absolute;
top: 50%;
right: 0;
}
.equip .item.two{
position: absolute;
bottom:0;
left: -10%;
}
.equip .item.four{
position: absolute;
top:0;
left: 0;
}
.oficina .two-col .image .animable {
opacity: 0;
}
.oficina .two-col .image .item.two {
position: absolute;
top: calc(50% + 78px);
transform: translateY(-50%);
right: 0;
}
.oficina .two-col .image .item.one,
.oficina .two-col .image .item.four {
position: absolute;
z-index: -1;
right: 257px;
top: 164px;
transform: translate(50px, 50px);
}
.oficina .two-col .image .item.three,
.oficina .two-col .image .item.five {
position: absolute;
z-index: -1;
right: 257px;
bottom: 0;
z-index: -1;
transform: translate(-50px, -50px);
}
.oficina .text {
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
}
.oficina .text .container-text {
position: absolute;
bottom: 0;
right: 0;
}
.mobilitat .text {
position: relative;
align-self: flex-start;
justify-content: flex-start;
padding-right: 5%;
}
.mobilitat .two-col {
padding: 162px 78px 130px;
}
.panel.mobilitat,
.panel.lloguer {
position: relative;
}
.mobilitat .item.six {
position: absolute;
bottom: 32px;
left: -189px;
}
.mobilitat .item.six img {
max-height: 250px;
}
.lloguer .container-text {
position: absolute;
right: 10%;
bottom: 50%;
}
.lloguer .one-col {
padding: 130px 0 24px;
width: 100%;
}
.lloguer {
width: 70vw;
flex: 0 0 70vw;
}
.lloguer .one-col .text {
align-self: flex-start;
width: 60%;
flex-grow: 1;
display: flex;
flex-direction: column;
}
.lloguer .image.two-col {
align-items: flex-end;
height: auto;
}
.lloguer .image img {
max-height: 30vh;
}
.lloguer .image.two-col .item {
width: 50%;
display: flex;
flex-direction: column;
align-items: center;
}
.lloguer .image.two-col .item span {
border-top: 1px solid #292929;
font-size: 25px;
padding-top: 36px;
width: 100%;
text-align: center;
}
.energetic .image.two-col .item span {
min-height: 85px;
}
.energetic .container-text .circleText text {
font-size: 62px;
}
.cake-graphic .two-col {
padding:148px 64px 64px; 
}
.cake-graphic .image {
width: 60%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.cake-graphic .text {
width: 45%;
height: 100%;
display: flex;
padding-right: 5%;
flex-direction: column;
justify-content: center;
}
.cake-graphic .grafico {
display: flex;
flex-wrap: wrap;
max-width: 500px;
height: 500px;
justify-content: center;
align-items: center;
}
.cake-graphic .grafico .item.one {
width: calc(250px - 16px);
margin-right: 16px;
height: calc(250px - 16px);
border-radius: 300px 0 0 0;
box-shadow: 0 11px 7px 0 rgba(0, 0, 0, .22);
background-image: url(//transparencia.gramepark.cat/wp-content/themes/grame-divi/assets/cake-first.png);
background-size: contain;
background-position: bottom;
}
.cake-graphic .grafico .item.two {
width: 50%;
width: calc(250px - 16px);
height: calc(250px - 16px);
border-radius: 0px 300px 0 0;
box-shadow: 0 11px 7px 0 rgba(0, 0, 0, .22);
background-image: url(//transparencia.gramepark.cat/wp-content/themes/grame-divi/assets/cake-second.png);
background-size: cover;
}
.cake-graphic .grafico .item.three {
width: 100%;
width: calc(500px - 16px);
height: calc(250px - 16px);
border-radius: 0 0 250px 250px;
margin-top: 12px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .22);
background-image: url(//transparencia.gramepark.cat/wp-content/themes/grame-divi/assets/cake-third.png);
background-size: cover;
}
.cake-graphic .grafico .item {
transition: all.3s ease;
cursor: pointer;
position: relative;
background-size: auto;
background-repeat: no-repeat;
background-position: center;
}
.cake-graphic .grafico .item:hover {
transform: scale(1.15) translate(-15px, -15px);
box-shadow: 0 39px 7px 0 rgba(0, 0, 0, .22);
z-index: 3;
}
.cake-graphic .grafico .item.two:hover {
transform: scale(1.15) translate(15px, -15px);
}
.cake-graphic .grafico .item.three:hover {
transform: scale(1.15) translate(-15px, 15px);
}
.cake-graphic .label {
transform: scale(0);
opacity: 0;
transition-delay: .1s;
width: 250px;
transition: all .3s ease;
}
.cake-graphic .item.three .label {
top: 0;
}
.cake-graphic .label span {
display: block;
}
.cake-graphic .grafico .item.one:hover .label,
.cake-graphic .grafico .item.two:hover .label,
.cake-graphic .grafico .item.three:hover .label {
transform: scale(1);
opacity: 1;
}
.panel.last {
flex-direction: column;
justify-content: center;
align-items: flex-start;
background-color: #0366B3;
color: #fff;
padding-left: 130px;
background-image: url(//transparencia.gramepark.cat/wp-content/themes/grame-divi/assets/bg-top-white.png);
background-size: auto;
background-repeat: no-repeat;
background-position: top right;
position: relative;
}
.panel.last:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
height: 50%;
width: 100%;
background-image: url(//transparencia.gramepark.cat/wp-content/themes/grame-divi/assets/bg-top-white.png);
transform: rotate(180deg);
background-repeat: no-repeat;
background-position: left;
background-position: right;
z-index: 0;
}
.panel.last h2 {
color: #fff;
font-size: 70px;
max-width: 60%;
margin-bottom: 42px;
}
.panel.last a {
color: #000;
font-size: 16px;
background-color: #fff;
border-radius: 47px;
color: #000;
display: flex;
align-items: center;
padding: 10px 32px 10px 22px;
transition: all .3s ease;
position: relative;z-index: 1;
}
.panel.last a:hover {
background-color: #000;
color: #fff;
}
.last a span {
font-size: 36px;
font-weight: 500;
margin-right: 16px;
display: block;
}
.parking .one-col {
justify-content: flex-start;
padding:148px 64px 0;
flex-direction: row;
}
.parking {
position: relative;
}
.parking .container-text {
position: absolute;
left: 7%;
bottom: 20%;
}
.parking .image {
width: 60%;
display: flex;
justify-content: center;
align-items: center;
}
.parking .text {
width: 40%;
align-self: flex-start;
}
.parking-wrapper {
display: grid;
transform: rotate(-36deg);
width: 495px;
height: 495px;
grid-template-columns: 343px 152px;
grid-template-rows: 1fr 1fr 1fr 1fr;
gap: 0px 0px;
grid-template-areas:
"yellow blue"
"yellow blue"
"yellow blue"
"yellow black";
}
.yellow-cars {
grid-area: yellow;
background-image: url(//transparencia.gramepark.cat/wp-content/themes/grame-divi/assets/naranjas.png);
background-size: contain;
background-repeat-y: no-repeat;
background-repeat-x: initial;
opacity: .3;
cursor: pointer;
position: relative;
transition: all .3s ease;
}
.blue-cars {
background-image: url(//transparencia.gramepark.cat/wp-content/themes/grame-divi/assets/azules.png);
background-size: contain;
background-repeat-y: no-repeat;
background-repeat-x: initial;
background-position-x: left;
grid-area: blue;
opacity: .3;
cursor: pointer;
transition: all .3s ease;
position: relative;
}
.black-cars {
background-image: url(//transparencia.gramepark.cat/wp-content/themes/grame-divi/assets/negros.png);
background-size: contain;
background-repeat-y: no-repeat;
background-repeat-x: initial;
background-position-x: left;
grid-area: black;
opacity: .3;
transition: all .3s ease;
cursor: pointer;
position: relative;
}
.black-cars:hover,
.blue-cars:hover,
.yellow-cars:hover {
opacity: 1;
transform: scale(1.05);
filter: drop-shadow(0px 18px 2px rgba(0, 0, 0, .2));
position: relative;
z-index: 3;
}
.js_label {
opacity: 0;
position: fixed;
left: 50%;
top: 50%;
transition: all .3s ease;
transform: translate(-50%, -50%) scale(0);
}
.js_label.activo {
opacity: 1;
transform: translate(-50%, -50%) scale(1);
}
.parking-wrapper .label .orange {
display: block;
}
.black-cars:hover .label,
.blue-cars:hover .label,
.yellow-cars:hover .label {
transform: scale(1);
opacity: 1;
}
.et_pb_posts_nav .nav-previous,
.et_pb_posts_nav .nav-next {
max-width: 35%;
}
.et_pb_posts_nav .meta-nav {
display: none;
}
@media all and (max-width: 980px) {
.et_pb_posts_nav .nav-previous,
.et_pb_posts_nav .nav-next {
max-width: 100%;
}
.et_pb_posts_nav .nav-next {
margin-top: 24px;
}
}
@media screen and (max-device-width: 768px) {
.lloguer .image.two-col .item {
width: 100%!important;
}
.demana-cita{
display: none;
}
.demana-cita.mobile{
display: block
}
.lloguer .image.two-col {
flex-direction: column!important;
align-items: center!important;
}
}
@media screen and (max-device-width: 1200px) {
.portada {
background-image: none;
padding-top: 56px !important;
}
.portada p {
width: 100%;
}
.scroll-container {
width: 100%;
display: flex;
flex-direction: column;
}
.lloguer .image.two-col {
flex-direction: row;
}
.panel.portada .boxes,
.boxes-diposit,
.mouse-container,
.boxes-perdua,
.parking .image,
.diposit .image,
.boxes-actuacio,
.portada .anchor {
display: none;
}
.panel {
width: 100%;
height: auto;
padding: 24px 0 0;
flex: 0;
}
.portada .texts {
padding: 0 16px;
}
.panel h1 {
max-width: unset;
font-size: 36px;
}
.perdua-habitatge,
.rehabilitacio,
.lloguer {
width: 100% !important;
flex: 0 0 100% !important;
}
.panel h2 {
font-size: 28px;
}
.two-col {
flex-direction: column;
padding: 0 24px !important;
}
.two-col .text {
width: 100%;
}
.two-col .image {
width: 100%;
height: auto;
}
.one-col {
padding: 0 24px !important;
}
.one-col h2,
.one-col p {
width: 100%;
}
.ateses .text,
.parking .text,
.blava .text,
.ateses .image,
.areas-actuacion .text,
.areas-actuacion .image,
.creacion .one-col .text,
.lloguer .one-col .text,
.diposit .text,
.equip .two-col .text {
width: 100% !important;
padding: 0 !important;
max-width: 100% !important;
}
.panel.parking,
.panel.lloguer,
.panel.rehabilitacio {
padding-bottom: 150px;
}
.panel.rehabilitacio,
.panel.parking {
position: relative;
}
.perdua-habitatge .texts,
.rehabilitacio .texts {
padding-bottom: 24px;
}
.perdua-habitatge .number-wrapper img,
.rehabilitacio .number-wrapper img {
height: auto!important;
}
.perdua-habitatge .number-wrapper,
.rehabilitacio .number-wrapper {
margin-bottom: 24px;
max-width: 500px;
}
.panel.rehabilitacio .texts,
.perdua-habitatge .texts {
position: static;
width: 100% !important;
}
.panel.parking .container-text,
.panel.rehabilitacio .container-text,
.panel.lloguer .container-text,
.perdua-habitatge .container-text {
bottom: 0;
top: auto;
}
.perdua-habitatge .container-text {
display: none;
}
.areas-actuacion .image {
margin-top: 32px;
}
.rehabilitacio .number-wrapper .label,
.perdua-habitatge .number-wrapper .label {
right: auto;
left: 0;
top: auto;
}
.ateses .image .container-text {
align-self: flex-end;
}
.ateses .image {
margin-top: 24px;
}
.modal-wrapper {
width: 90%;
z-index: 9999;
}
.modal {
max-height: 75vh;
overflow-y: auto;
display: block;
}
.areas-actuacion .item {
opacity: 1;
transform: none !important;
}
.areas-actuacion .item .label {
left: 0;
font-size: 24px;
padding: 12px;
}
.oficina .two-col .text {
width: 100%;
}
.oficina .two-col .image,
.equip .two-col .image {
display: none;
}
.panel.pinit,
.panel.pinit-2 {
width: 100%;
max-width: 100%;
flex: 0 0 100%;
}
.panel.pinit .scrollGallery,
.panel.pinit-2 .scrollGallery-2 {
position: static;
width: 100%;
background-color: transparent;
background-color: #292929;
transform: none;
border-radius: 0;
height: auto;
padding: 36px 0;
}
.panel.pinit .scrollGallery .wrapper,
.panel.pinit-2 .scrollGallery-2 .wrapper {
width: 100%;
color: #fff;
position: static;
transform: none;
}
.panel.pinit .scrollGallery .box.last,
.panel.pinit-2 .scrollGallery-2 .box.last {
display: none;
}
.panel.pinit .scrollGallery .box,
.panel.pinit-2 .scrollGallery-2 .box {
height: auto !important;
margin-bottom: 24px;
padding: 0 24px;
max-width: unset;
}
.panel.pinit .scrollGallery .box.title h3,
.panel.pinit-2 .scrollGallery-2 .box.title h3 {
color: #fff;
}
.panel.pinit .scrollGallery .description,
.panel.pinit-2 .scrollGallery-2 .description {
max-width: 500px;
margin: 0 auto 24px;
}
.progreso,
.progreso-2 {
display: none;
}
.creacion .one-col .image {
display: none;
}
.lloguer .one-col .image {
min-height: unset !important;
}
.lloguer .image.two-col {
margin-top: 24px;
align-items: flex-end;
}
.cake-graphic .two-col .text {
padding: 0;
max-width: 100%;
}
.cake-graphic .grafico {
padding: 0;
max-width: 100% !important;
height: auto !important;
width: 100%;
}
.cake-graphic .two-col .grafico .item.one,
.cake-graphic .two-col .grafico .item.two,
.cake-graphic .two-col .grafico .item.three {
width: 100%;
height: 250px;
margin: 12px 0;
border-radius: 0;
background-size: cover;
}
.cake-graphic .two-col .grafico .item .label {
opacity: 1;
transform: translate(-50%, -50%) scale(1);
top: 50%;
left: 50%;
width: calc(100% - 48px);
background-color: rgba(0, 0, 0, .8)
}
.blava .image {
display: none;
}
.panel.last {
padding: 32px 16px;
}
.panel.last h2 {
max-width: 100%;
font-size: 36px;
}
.panel.mobilitat .text {
width: 100% !important;
}
.modal-wrapper.energetic {
width: 100%;
}
.panel.last:after {
display: none;
}
} @media screen and (min-height: 800px) {
.perdua-habitatge,
.rehabilitacio,
.lloguer {
width: 70vw;
flex: 0 0 70vw;
}
.perdua-habitatge .container-text {
top: 0;
right: -200px;
}
.perdua-habitatge h2,
.perdua-habitatge p {
width: 100%;
}
.perdua-habitatge .texts {
width: 60%;
}
.mobilitat .text img {
max-height: unset;
}
.mobilitat .text {
width: 35% !important;
}
.lloguer .one-col .text {
padding-left: 134px;
width: 80%;
}
.rehabilitacio .one-col,
.cake-graphic .two-col,
.perdua-habitatge .one-col,
.mobilitat .two-col,
.lloguer .one-col {
padding: 232px 0 156px 0;
}
.diposit .one-col {
padding: 232px 0 112px 0;
}
.diposit .text h2 {
text-align: left;
width: 100%;
}
.diposit .text p {
text-align: left;
width: 100%;
font-weight: 300;
}
.blava .one-col {
padding: 232px 0 0 0;
}
.oficina.mobilitat .two-col {
padding: 192px 130px 130px;
}
.mobilitat .item.six img {
max-height: unset;
}
.oficina .two-col {
padding: 0 134px;
}
.lloguer .one-col .image img {
max-height: unset;
}
.creacion .grafico {
height: 500px;
}
.creacion .text {
display: flex;
flex-direction: column;
justify-content: flex-end;
max-width: 700px;
}
.cake-graphic .text {
justify-content: center;
}
.cake-graphic .grafico {
max-width: 800px;
height: 800px;
padding-bottom: 50px;
}
.cake-graphic .grafico .item.one {
width: calc(400px - 16px);
height: calc(400px - 16px);
border-radius: 400px 0 0 0;
}
.cake-graphic .grafico .item.two {
width: calc(400px - 16px);
height: calc(400px - 16px);
border-radius: 0 400px 0 0;
box-shadow: 0 11px 7px 0 rgba(0, 0, 0, .22);
}
.cake-graphic .grafico .item.three {
background-color: orange;
width: calc(800px - 16px);
height: calc(400px - 16px);
border-radius: 0 0 400px 400px;
}
.oficina .text {
justify-content: center;
}
.oficina .text .container-text {
bottom: 75px;
}
.cake-graphic .text {
padding-left: 130px;
}
.oficina .text li,
.oficina .text p,
.equip p,
.equip li,
.panel.ateses p,
.panel.ateses li,
.blava p,
.parking p {
font-size: 20px;
font-weight: 300;
}
.oficina.mobilitat .text {
justify-content: flex-start;
}
.parking-wrapper {
width: 700px;
height: 700px;
grid-template-columns: 541px 161px;
}
.parking .image {
align-items: center;
justify-content: center;
}
.parking .container-text {
left: 7%;
}
.parking .one-col {
font-size: 50px;
padding: 232px 132px 156px;
}
.scrollGallery .wrapper .box.title,
.scrollGallery-2 .wrapper .box.title {
height: 85vh;
}
.perdua-habitatge .number-wrapper img,
.rehabilitacio .number-wrapper img {
height: 280px;
}
.equip .item.two {
display: block;
}
}
.b-header .et_pb_menu_inner_container {
align-items: center;
}
.b-header .sub-menu {
min-width: 500px;
}
.b-header .sub-menu li,.b-header .sub-menu li a{
width: 100%;
}
.b-header .et_mobile_menu {
top: 63px;
border-color: #F7931D;
}
.footer-container {
display: flex;
align-items: flex-start;
justify-content: flex-end;
column-gap: 32px;
}
.footer-container .info a {
color: #fff;
transition: color .3s ease;
}
.footer-container .address,
.footer-container .phone,
.footer-container .mail {
display: flex;
align-items: flex-start;
}
.footer-container .address:before,
.footer-container .phone:before,
.footer-container .mail:before {
content: "";
background-image: url(//transparencia.gramepark.cat/wp-content/themes/grame-divi/assets/location.svg);
width: 21px;
height: 26px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
margin-right: 16px;
}
.footer-container .phone:before {
background-image: url(//transparencia.gramepark.cat/wp-content/themes/grame-divi/assets/telefono.svg);
}
.footer-container .mail:before {
background-image: url(//transparencia.gramepark.cat/wp-content/themes/grame-divi/assets/sobre.svg);
}
.footer-container .info a:hover {
color: #F7931D;
}
.et_pb_post_content .shariff {
display: flex !important;
align-items: center;
margin: 48px 0;
}
.et_pb_post_content .shariff .ShariffHeadline {
text-transform: uppercase;
letter-spacing: 2px;
font-size: 14px;
font-weight: bold;
margin-right: 24px;
}
.et_pb_post_content .shariff .shariff-button a:hover {
background-color: #000 !important;
}
.current-language-menu-item .trp-ls-language-name {
color: #F7931D;
border-right: 2px solid #F7931D;
padding: 0 11px;
}
.current-language-menu-item {}
.menu-item-object-language_switcher {
padding: 0;
}
@media all and (max-width: 980px) {
.footer-container {
flex-direction: column;
}
.b-header .sub-menu {
min-width: unset;
}
}