/*
Theme Name: Divi hijo
Theme URI: https://www.agatagil.cat/
Author: Maria
Author URI: https://www.espaciowww.com
Description: Divi Tema Hijo
Template: Divi
Version: 1.0

*/


/*------------------------------------------------------- 
A partir de aquí puedes poner tus estilos de CSS personalizados 
------------------------------------------------------- */
#logo {vertical-align: bottom;}
#footer-bottom {padding: 5px 0 0px;}
.et_header_style_left #et-top-navigation nav>ul>li>a, .et_header_style_split #et-top-navigation nav>ul>li>a {padding-bottom: 30px!important;padding-top: 30px!important;font-family: "Optima m";}
#top-menu li.current-menu-item>a{color:#727276;}
#top-menu li{font-weight: 400;}
#footer-info, #footer-info a{font-weight:300;}
.et_pb_blurb_position_left .et_pb_blurb_container{padding-left:0px;}
div#nav_menu-4 {float: right;}
#footer-widgets .footer-widget li {display: inline-block;padding-left:0px;}
li#menu-item-148 {padding-right: 10px!important;}
#footer-widgets{padding-top:10px;padding-bottom:0px;}
.footer-widget {font-weight: 300;margin-bottom:0px!important;letter-spacing: 2px;}
#footer-widgets .footer-widget li:before{display:none;}
div#custom_html-2 {float: right;}
@media (max-width: 767px){div#custom_html-2 {float: none;}#footer-widgets .footer-widget .fwidget, #footer-widgets .footer-widget:nth-child(n) {margin-bottom: 10px!important;}}
.single .et_pb_post {margin-bottom: 0px;}
.et_pb_scroll_top.et-pb-icon{background: #727276;}


/*** PORTFOLIO ***/
.work_portfolio .et_pb_portfolio_grid .et_pb_portfolio_item h2{text-transform: uppercase; font-size:16px;}
.work_portfolio .et_pb_portfolio_grid .et_pb_portfolio_item h2, .work_portfolio .et_pb_portfolio_grid .et_pb_portfolio_item:hover h2, .work_portfolio .et_pb_portfolio_grid .et_pb_portfolio_item .post-meta, .work_portfolio .et_pb_portfolio_grid .et_pb_portfolio_item:hover .post-meta, .work_portfolio .et_pb_portfolio_grid .et_pb_portfolio_item:hover img, .work_portfolio .et_pb_portfolio_grid .et_pb_portfolio_item img { -webkit-transition: all .6s ease-in-out;-moz-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}

.work_portfolio .et_pb_portfolio_grid .et_pb_portfolio_item h2 {opacity: 0 !important;transform: translateY(-140px);position: absolute;margin: auto;width: 100%;}

.work_portfolio .et_pb_portfolio_grid .et_pb_portfolio_item .post-meta {opacity: 0 !important;transform: translateY(-130px);position: absolute;margin: auto;width: 100%;}

@media (min-width: 1920px){
.work_portfolio .et_pb_portfolio_grid .et_pb_portfolio_item:hover h2 {
    z-index: 9;
    opacity: 1 !important;
    transform: translateY(-250px);
	}}

@media only screen and (max-width: 1920px) {
	.work_portfolio .et_pb_portfolio_grid .et_pb_portfolio_item:hover h2 {z-index: 9;opacity: 1 !important;transform: translateY(-190px)!important;}
	.work_portfolio .et_pb_portfolio_grid .et_pb_portfolio_item:hover .post-meta {z-index: 9;opacity: 1 !important;transform: translateY(-150px)!important;}
}

@media (max-width: 1440px){
	.work_portfolio .et_pb_portfolio_grid .et_pb_portfolio_item:hover h2 {z-index: 9;opacity: 1 !important;transform: translateY(-150px)!important;}
	.work_portfolio .et_pb_portfolio_grid .et_pb_portfolio_item:hover .post-meta {z-index: 9;opacity: 1 !important;transform: translateY(-115px)!important;}
}

@media (min-width: 1440px){
	.work_portfolio .et_pb_portfolio_grid .et_pb_portfolio_item:hover h2 {z-index: 9;opacity: 1 !important;transform: translateY(-250px);}
	.work_portfolio .et_pb_portfolio_grid .et_pb_portfolio_item:hover .post-meta { z-index: 9;opacity: 1 !important;transform: translateY(-220px);}
}

@media (max-width: 1024px){
	.work_portfolio .et_pb_portfolio_grid .et_pb_portfolio_item:hover h2 {z-index: 9;opacity: 1 !important;transform: translateY(-100px)!important;}
	.work_portfolio .et_pb_portfolio_grid .et_pb_portfolio_item:hover .post-meta {line-height: 1em;z-index: 9;opacity: 1 !important;transform: translateY(-70px)!important;}
}

@media (max-width: 980px){
	.work_portfolio .et_pb_portfolio_grid .et_pb_portfolio_item:hover h2 {z-index: 9;opacity: 1 !important;transform: translateY(-120px)!important;width: 30%;padding: 0 5px;}
	.work_portfolio .et_pb_portfolio_grid .et_pb_portfolio_item:hover .post-meta {line-height: 1em;z-index: 9;opacity: 1 !important;transform: translateY(-70px)!important;width: 30%;}
	.et_pb_column .et_pb_grid_item.et_pb_portfolio_item {margin-bottom: 3%;}
	.work_portfolio .et_pb_portfolio_grid .et_pb_portfolio_item h2 {width: 30%;padding: 0 5px;}
	.work_portfolio .et_pb_portfolio_grid .et_pb_portfolio_item .post-meta {line-height: 1em;width: 30%;}
}

@media (max-width: 479px){
	.work_portfolio .et_pb_portfolio_grid .et_pb_portfolio_item:hover h2 {z-index: 9;opacity: 1 !important;transform: translateY(-180px)!important;width: 100%;padding: 0 5px;}
	.work_portfolio .et_pb_portfolio_grid .et_pb_portfolio_item:hover .post-meta {line-height: 1em;	z-index: 9;opacity: 1 !important;transform: translateY(-150px)!important;width: 100%;}
	.work_portfolio .et_portfolio_image img {width: 100%;}
}

/*** Galería Proyectos SixCollumns ***/
@media (min-width: 981px) {.et_pb_gutters3 .et_pb_column_4_4 .c6_portfolio.et_pb_portfolio .et_pb_portfolio_item.et_pb_grid_item, .et_pb_gutters3 .et_pb_column_4_4 .c6_portfolio.et_pb_portfolio.et_pb_portfolio_item.active, .c6_portfolio.et_pb_portfolio_grid .et_pb_portfolio_item, .et_pb_column_4_4 .c6_portfolio.et_pb_grid_item:nth-child(4n) {width: 15.6% !important;margin-right: 1%!important;clear: none!important; min-height:14em; margin-bottom:1%!important;}}

@media only screen and ( max-width: 980px) {.c6_portfolio .et_portfolio_image img {width: 100%;}}

@media (max-width: 479px) {.et_pb_gutters3 .et_pb_column_4_4 .c6_portfolio.et_pb_portfolio .et_pb_portfolio_item.et_pb_grid_item, .et_pb_gutters3 .et_pb_column_4_4 .c6_portfolio.et_pb_portfolio.et_pb_portfolio_item.active, .c6_portfolio.et_pb_portfolio_grid .et_pb_portfolio_item, .et_pb_column_4_4 .c6_portfolio.et_pb_grid_item:nth-child(4n){ width:47.25%; clear: none!important;margin-right: 5%;}}

#ts_pct_wrapper .ts_pct_modal {background: #fff!important;border-left: 4px solid #727276!important;}
#ts_pct_wrapper button {background: #727276!important;border: 2px solid #727276;color: #fff!important;cursor: pointer;border-radius: 4px;}

.et_pb_portfolio_0 .et_pb_portfolio_item h2 {text-transform:uppercase;}

@media (max-width: 980px) {.et_header_style_left #logo, #logo {max-height: 80%; max-width: 80%; vertical-align: middle;} #footer-widgets .footer-widget .fwidget { font-size: 10px; }}
@media (max-width: 479px) {.et_header_style_left #logo, #logo {max-height: 80%; max-width: 80%; vertical-align: middle;}}
.et-pb-icon {vertical-align:middle;}