/*
 Theme Name:   DOCBarcelona
 Theme URI:    https://docbarcelona.com
 Description:  Template DOCBarcelona 1.0
 Author:       DOC
 Author URI:   https://docbarcelona.com
 Template:     generatepress
 Version:      0.1
*/

@import url("/fonts/fonts.css");


/*Logo Homepage*/
.logo-home img {width:400px!important;z-index: 3;position: relative;}

/*Language*/
.wpml-ls-slot-shortcode_actions.wpml-ls-item.wpml-ls-item-es.wpml-ls-current-language a {color: #000!important;}
.wpml-ls-slot-shortcode_actions.wpml-ls-item.wpml-ls-item-ca.wpml-ls-current-language a {color: #000!important;}
.wpml-ls-slot-shortcode_actions.wpml-ls-item.wpml-ls-item-en.wpml-ls-current-language a {color: #000!important;}

/*Menu principal y secundarios*/
.menu-principal {position: absolute;top: 0px;right: 0px;z-index: 2;}

#menu-menu-principal, #menu-menu-secundario {display: block;}
#menu-menu-principal li, #menu-menu-secundario li {display: table;text-align: center;margin: 0 auto;}
#menu-menu-principal li a, #menu-menu-secundario li a {padding: 10px;}

.tel-mail a {color:#fff;}
.tel-mail a:hover {color:#333;}

/*Widget menu principal y secundarios*/

.ekit-wid-con .ekit_sidebar-textwidget {padding: 20px;padding-top: 20px;}
.ekit-wid-con .ekit-sidebar-widget {max-width: 25%!important;}

/*Text compromiso Home*/

/*.compromiso-home::before {display: block;position: absolute;width: 40px;height: 40px;content: " ";top: 0px;
background-image: url(http://amplitudstudio.com.mialias.net/wp-content/uploads/2022/12/Flecha-negre.svg);}

.compromiso-home::after {content: " ";position: absolute;top: 0px;right: 0;width: 40px;height: 40px;
background-image: url(http://amplitudstudio.com.mialias.net/wp-content/uploads/2022/12/Flecha-negre.svg);}*/

.compromiso-home a:hover {text-decoration: underline;}

/*Carrousel Home*/
.flipster__item.flipster__item--past .flip-carousel-text {opacity:0;}
.flipster__item.flipster__item--future .flip-carousel-text {opacity:0;}
.flipster__item.flipster__item--past.flipster__item--past-1 {opacity: 1;}
.flipster__item.flipster__item--future.flipster__item--future-1 {opacity: 1;}
.flipster--flat .flipster__item--past, .flipster--flat .flipster__item--future {opacity: 1!important;}

.flipster__button.flipster__button--prev:hover {background-color: transparent;}
.flipster__button.flipster__button--next:hover {background-color: transparent;}

.carrousel-home a {color:#333;}
.flipster__item a:hover {text-decoration: underline;}

@media screen and (min-width:1200px) {
.flipster__button--prev {display: none!important;}
.flipster__button--next {display: none!important;}
}

/*Accordion Home*/
.accordeon-image {width: 35%;float: left;}
.accordeon-text {width: 65%;float: right;}
.accordeon-flecha {font-size: 30px;display: flex;width: 190px;height: 50px;float: left;	justify-content: space-between;position:relative;top:35px;}
.accordeon-flecha a {color:#6E7ACF;}
.accordeon-flecha img {position: relative;top: 16px;left: 16px;}

/*Contact form*/

.one-half,.one-third {position:relative;margin-right: 4%;float:left;margin-bottom: 20px;}
 
.one-half { width: 48%;}
.one-third { width: 30.66%; }
.total-form {width:100%;clear:both;float:left;}
 
.last {margin-right: 0 !important;clear: right;}

.wpcf7-list-item {display: block;margin: 0 0 0 0em;}
.wpcf7-list-item label {display: flex;}
.wpcf7-list-item span {order: 1;margin:0px 10px;}

.ekit-form form input[type="submit"] {color: #ffffff;background-color: #B69F7B!important;}
.send-form {text-align: right;}
.wpcf7-spinner {position: absolute;}
.send-form img {position: absolute;bottom: 27px;right: 15px;width: 32px;height: 32px;}
 
.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output {border-color: #dc3232;float: left;}

.ekit-wid-con .ekit-form form label {line-height: 2.5em;}
.ekit-wid-con .ekit-form form p {font-size: 20px;}
.ekit-wid-con .ekit-form form label span {color: #6E7ACF!important;font-size: 18px!important;}
.ekit-wid-con .ekit-form form .opciones-formulario label span {color: #333!important;font-size: 18px!important;}
.ekit-form form .wpcf7-radio input {width: 20px;margin-bottom: 0 !important;}

.interesado {padding-top: 10px;margin-bottom: 15px !important;}
.campos-obligatorios {padding-top:20px;}


@media only screen and (max-width: 767px) {
.one-half, .one-third {width: 100%;margin-right: 0;}
}

/*Proyectos*/

.proyectos figure.effect-roxy img {
	max-width: none;
	width: calc(100% + 0px!important);
	-webkit-transition: opacity .35s,-webkit-transform .35s;
	transition: opacity .35s,-webkit-transform .35s;
	-o-transition: opacity .35s,transform .35s;
	transition: opacity .35s,transform .35s;
	transition: opacity .35s,transform .35s,-webkit-transform .35s;
	-webkit-transform: translate3d(0px, 0, 0);
	transform: translate3d(0px, 0, 0);}

.proyectos .eael-interactive-promo figure {background-color: inherit;}
.proyectos .eael-interactive-promo figure p {color: #000;text-align: center;}
.proyectos figcaption div, .proyectos figcaption:hover div {position: absolute;bottom: 85px;left: 0;right: 0;}
.eael-interactive-promo figure figcaption, .eael-interactive-promo figure figcaption > a {z-index: 1;}

.proyectos figure.effect-roxy figcaption::before {border: 0px solid #fff!important;-webkit-transform: translate3d(0px, 0, 0);transform: translate3d(0px, 0, 0);}
.proyectos figure.effect-roxy img {opacity: 1!important;}
.proyectos figure.effect-roxy:hover img {opacity: .4!important;}
.proyectos figure.effect-roxy {background: none !important;}

.proyectos-texto p {margin:15px 0px;line-height:1.3;}

/*Footer*/
#menu-menu-footer-01 .eael-item-active, #menu-menu-footer-02 .eael-item-active, #menu-menu-footer-03 .eael-item-active {color: #000 !important;}
/*Footer copyright*/
#copyright-footer ul {display: flex;justify-content: space-around;}
.footer-tel a {color:#fff;}
.footer-tel a:hover {color:#000;}
.footer-tel a:active {color:#333;}


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

/*Text inferior imatge principal*/
.compromiso-home::before {width: 25px;height: 25px;background-size: cover;}
.compromiso-home::after {width: 25px;height: 25px;background-size: cover;}

/*Text accordeon*/
.accordeon-image {width: 100%;float: left;}
.accordeon-text {width: 100%;float: right;}
.accordeon-flecha {font-size: 20px;display: flex;width: 120px;height: 40px;float: left;	justify-content: space-between;	position: relative;top: 15px;margin-bottom: 30px;}
.accordeon-flecha img {width: 30px;}

/*Menu footer principal*/
#menu-menu-footer-01 a, #menu-menu-footer-02 a, #menu-menu-footer-03 a {text-align: center;}
#copyright-footer ul {display: block;}
#menu-footer-copyright li {text-align: center;width: 100%;}

}


/**************************** RESPONSIVE GENERAL *************************/

/*Desktop*/

@media screen and (min-width:1025px) and (max-width:1600px) {
	
.ekit-wid-con .ekit-sidebar-widget {max-width: 40% !important;}	
	
}

/*Home Tablet*/

@media screen and (max-width:1024px) {
	
.elementor-440 .elementor-element.elementor-element-3f471fd > .elementor-widget-container {margin: 0px 0px 0px 0px!important;}
.elementor-440 .elementor-element.elementor-element-d4a73d5 > .elementor-widget-container {margin: 0px 0px 0px 0px!important;}	
	
.logo-home {width:320px!important;z-index: 0;}
	
.ekit-wid-con .ekit-sidebar-widget {max-width: 50% !important;}
.flipster__button {z-index: 0!important;}	

.home-estamos-especializados {}
	
.accordeon-text {}
.accordeon-text {width: 63%;}
.accordeon-flecha {font-size: 26px;left: 15px;}
.accordeon-flecha img {top: 9px;width: 32px;}
	
.menu-footer a {text-align: center !important;}
#copyright-footer ul {justify-content: center;}
		
}
	
@media screen and (min-width:320px) and (max-width:1024px){

.elementskit-navbar-nav-default.elementskit-menu-offcanvas-elements {width: 100%;position: inherit!important;top: auto!important;left: auto!important;}
.elementskit-navbar-nav-default .elementskit-nav-identity-panel {display: none!important;}
.elementskit-menu-hamburger.elementskit-menu-toggler {display: none!important;}	

.proyectos figure.effect-roxy figcaption {display: none;}
	
}

/*Mobile*/

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

.ekit-wid-con .ekit-sidebar-widget {max-width: 90% !important;}

.logo-home {position: relative;top: 30px;}
.logo-home {width: 100%;max-width: 100%;margin: 0 auto;}
.home .logo-home {-webkit-filter: grayscale(1) invert(1);filter: grayscale(1) invert(1);}
/*.ekit_navSidebar-button.ekit_offcanvas-sidebar {-webkit-filter: grayscale(1) invert(1);	filter: grayscale(1) invert(1);}*/
	
}

@media screen and (min-width:480px) {
	
.compromiso-home br {display:none;}	
	
}

@media screen and (max-width:480px) {
	
.logo-home {text-align: center !important;}
.logo-home img {width: 250px !important;}
	
.compromiso-home br {display:block;}		

.accordeon-image {text-align: center;}
.accordeon-text {width: 100%;padding: 20px 20px 0px 5px;}
.accordeon-flecha {width: 100%;justify-content: left;font-size: 20px;left: 7px;}
.accordeon-flecha img {left: 12px;width: 20px;top: 4px;}
	
}