/* @override 
	https://websmart.dev/panda/wp-content/themes/ws-panda/style.css
	http://websmart.dev/panda/wp-content/themes/ws-panda/style.css */


/*
Theme Name: ws-panda
Theme URI: http://www.websmart.cl
Author: Felipe Miguel de Websmart
Author URI: http://www.websmart.cl
Description: 
Version: 1.0.0
Template: panda
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: 
*/

/* COLORES  */

.color1 { background-color: # }
.color2 { background-color: # }
.color3 { background-color: # }
.color4 { background-color: # }
.color5 { background-color: # }
.color6 { background-color: # }
.color7 { background-color: # }

/* GENERAL */

.turquesa .elementor-icon svg path,
.turquesa .elementor-icon svg rect,
.turquesa .elementor-icon svg polygon {
	fill: #1cb9d3!important;
}

/* FLOAT BAR */

#floatbar {
	display: flex; flex-direction: column; align-content: center;
	width: 54px; position: fixed; left: 20px; bottom: 20px; z-index: 9999; }
#floatbar .contact-item {
	border-radius: 100%; width: 42px; height: 42px;
	margin: 0 auto 10px; padding: 7px; background-color: #25D366; }
#floatbar .contact-item:hover {
	transition-duration: 0.5s; background-color: #128c7e !important; }
#floatbar #item_2 a img { position: relative; top: 2px!important; }



/* POPUP BAR */
#popup-bar .contact-item img {
	width: 52px; flex-direction: row;
	background-color: #810ca8;
	border-radius: 26px;
	padding: 10px;
}	
#popup-bar .contact-item a img {
	margin: 8px;
} 

/* HEADER */


/* MAIN MENU */


/* HOME */


/* SINGLE */


/* SOCIAL BAR */
#social-bar, #popup-bar {
	display: flex; flex-direction: row;
	justify-content: center;
	margin-top: 10px;
}
#social-bar .contact-item { 
	padding: 2px;
	border-radius: 100%; margin-right: 1px;
	/*border: 1px solid rgba(255, 255, 255, 0.3);
	background-color: transparent!important;*/	}
#social-bar .contact-item img { width: 36px; float: left;  }
#social-bar .contact-item img:hover { opacity: 1; }

/* CONTACT LIST */
#contact-list, #contact-side { display: flex; flex-direction: column;
	align-content: end;}
#contact-list .contact-item,
#contact-side .contact-item { 
	background-color: transparent!important;	
	padding: 3px 0;
	font-size: 15px;
}
#contact-side .contact-item img {
	width: 40px; float: left; 
	position: relative; top: -5px; margin-right: 10px;
}
#contact-side .contact-item .etiqueta {
	float: left; font-size: 1.3em; }	
	
#contact-list .contact-item img {
	width: 20px; float: left; position: relative; top: 3px;}
#contact-list .contact-item .etiqueta {
	float: left; padding: 0 0 0 8px; color: #fff; }
#contact-list .contact-item .etiqueta:hover {
	color: rgba(0, 0, 0, 1)}
.credits { color: #fff; font-size: 14px; font-weight: 300; }
.credits a { color: #33BC82 !important; }


/* FOOTER */
.scroll_to_top_style_default { background-color: #33BC82!important; }


/* MEDIA QUERIES */

@media only screen and ( min-width: 961px ) and ( max-width: 1300px ) { }
@media only screen and ( max-width: 961px )  { }
@media only screen and ( min-width: 768px ) and ( max-width: 960px ) { }
@media only screen and ( min-width: 480px ) and ( max-width: 767px ) { }
@media only screen and ( max-width: 479px ) { }


/* FORMS */

/* WHATSAPP FORM */
#formulario-ws input { background-position: 10px 10px; }
#formulario-ws input, #formulario-ws select { 
	border: 1px solid #dadada; 
	border-radius: 25px;}
#formulario-ws .select_container:after {
	left: 25px!important;
	position: relative;
	top: -22px!important;
}
#formulario-ws select {
	width: 95%!important;
	padding-bottom: 13px; padding-top: 13px;
}
#formulario-ws input,
#formulario-ws select { background-color: #f8f8f8!important; }


/* Edge Placeholders */
::-webkit-input-placeholder { color: #000!important;}
/* Internet Explorer 10-11 Placeholders */
:-ms-input-placeholder { color: #000!important;}
::placeholder { color: #000!important; }

.gfield_label { font-weight: 600!important; }
.gform_required_legend { display: none; }

.ginput_container_text,
.ginput_container_email,
.ginput_container_phone,
.ginput_container_textarea {
	border: 1px solid #dadada;
}
.ginput_container_text input,
.ginput_container_email input,
.ginput_container_phone input,
.ginput_container_textarea textarea {
	background-color: #fff!important;
}
.gform_footer { }
.gform-theme--foundation .gform_fields {
  grid-row-gap: 20px !important; /* Separación entre campos */
}


.ginput_container_textarea textarea {
	padding-top: 14px!important;
}

.gform_button.button { }
.gform_button.button:hover {
	background-color: #205d8f;
}
.gform_footer.top_label .gform_button { margin: 0 auto!important; }


/* FORMICONS */
.hide_label .gfield_label,
.hide_label .gform-field-label { display: none!important; }

.nombre input, .mail input, .email input,  .fono input, .nota textarea, .nota input, .asunto input
 { background-repeat: no-repeat; background-position: 10px 7px; background-size: 25px; padding-left: 40px!important; }
.nombre input { background-image: url("https://websmart.dev/panda/wp-content/themes/ws-panda/formicons/user.png");}
.mail input, .email input { background-image: url("https://websmart.dev/panda/wp-content/themes/ws-panda/formicons/mail.png"); }
.fono input { background-image: url("https://websmart.dev/panda/wp-content/themes/ws-panda/formicons/phone.png"); }
.empresa input { background-image: url("https://websmart.dev/panda/wp-content/themes/ws-panda/formicons/flag.png"); }
.web input { background-image: url("https://websmart.dev/panda/wp-content/themes/ws-panda/formicons/earth-alt.png"); }
.asunto input  { background-image: url("https://websmart.dev/panda/wp-content/themes/ws-panda/formicons/exclamation-triangle.png"); }
.nota textarea, .nota input { background-image: url("https://websmart.dev/panda/wp-content/themes/ws-panda/formicons/chat.png"); }


/* Chrome/Opera/Safari */
.gform_fields .gfield input::-webkit-input-placeholder,
.gform_fields .gfield textarea::-webkit-input-placeholder  {	
  color: #555555; font-size: 15px;
}
/* Firefox 19+ */
.gform_fields .gfield input::-moz-placeholder,
.gform_fields .gfield textarea::-moz-placeholder { 
  color: #555555; font-size: 15px;
}
/* IE 10+ */
.gform_fields .gfield input:-ms-input-placeholder,
.gform_fields .gfield textarea:-ms-input-placeholder {
  color: #555555; font-size: 15px;
}
/* Firefox 18- */
.gform_fields .gfield input:-moz-placeholder,
.gform_fields .gfield textarea:-moz-placeholder {	
  color: #555555; font-size: 15px;
}

/* FORMS VALIDATIONS */
.validation_error { background-color: #fff; color: red!important; border: 1px solid #fff!important; }
.gfield_error { background-color: #fff!important; border-bottom: 1px solid red!important; border-top: 0px solid red!important; padding-top: 0!important;
}
.gfield_description.validation_message {  }
.gform_confirmation_message { text-align: center; }
.gfield_required_text {  }