/* @override 
	https://bmk.websmart.cl/wp-content/themes/ws-elementra/style.css
	http://bmk.websmart.cl/wp-content/themes/ws-elementra/style.css */


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

/* COLORES  */

.color1 { background-color: #EF8E1C }
.color4 { background-color: #8bc53f }

.color2 { background-color: #003152 }
.color6 { background-color: #1e7db3 }

.color5 { background-color: #f89611 }
.color3 { background-color: #a0ea2a }

.color7 { background-color: #F7F7F4 }

/* GENERAL */

/* relleno iconos svg */
.svgicon .elementor-icon svg path,
.svgicon .elementor-icon svg rect,
.svgicon .elementor-icon svg polygon {
	fill: #1cb9d3!important;
	stroke: red!important;
}


#cta-buttons a { color: #003152!important; }

.clear-button .elementor-button {
	background-color: transparent!important;
	color: #003152; font-weight: 400;
	border: 1px solid #003152;
	padding: 5px 10px;
	font-size: 12px;
}
.clear-button .elementor-button:hover {
	background-color: #003152!important;
	color: #F7F7F4;
}


/* FLOAT BAR */

#floatbar {
	width: 58px; 
	text-align: center;
	position: fixed;
	right: 20px;
	top: 30%;
	z-index: 9999;
}
#floatbar .contact-item {
	border-radius: 100%;
	width: 42px; height: 42px;
	margin: 0 auto 6px;
	padding: 5px;
}
#floatbar .contact-item.item-4 {
	background-color: #a0ea2a!important;
}
#floatbar .contact-item:hover {
	transition-duration: 0.5s;
	background-color: #000!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;
} 

#barra-logos { display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap;  }
#barra-logos .logo img { 
	width: 200px;  padding: 0 15px;
	filter: grayscale(100%);
	opacity: 0.7;
}
#barra-logos .logo img:hover {
	filter: grayscale(0%);
	opacity: 1;
	transition-duration: 0.5s;
}

/* HEADER */
.sc_layouts_logo_default,
img.logo_image { height: 45px!important; min-height: 45px; }

/* MAIN MENU */
.menu_button { background-color: transparent; padding: 8px 8px; border: 1px solid #fff; }
.menu_button .texto { color: #fff; }
.menu_button svg path { fill: #fff; stroke: #fff!important; stroke-width:0 }

.menu_button:hover { background-color: #a0ea2a;  }


.ws-floating-button { background-color: #a0ea2a;  }
.ws-floating-button svg path { fill: #003152!important; stroke: #fff!important; stroke-width:0 }

/* HOME */
.post_featured.with_thumb.hover_default.sc_services_item_thumb {
	width: 100%;
}


/* SINGLE */
.cpt_services-template .page_content_wrap { }
.cpt_services-template .page_content_wrap .content_wrap {
	width: 100%!important; }

.cpt_services-template .page_content_wrap .content {
	width: 100%!important;  }


.infobox { background-color: #fff;
-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.15);
box-shadow: 0 0 25px 0 rgba(0,0,0,0.15);}
.sc_button { margin: 0 5px 10px; }

#cta-button a {
	background-color: #003152;
	padding: 20px 50px;
}
#cta-button a:hover {
	background-color: #8bc53f;
}

.post_featured.with_thumb img {
	width: 100%!important;
}



/* 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: #181817; }
#contact-list .contact-item .etiqueta:hover {
	color: #73af14 }
.credits { color: #181817; font-size: 14px; font-weight: 400; }
.credits a { color: #003152 !important; }

#social-bar { display: flex; flex-direction: row; }
#social-bar img { width: 32px; }

#cta-buttons { display: flex; flex-direction: row; flex-wrap: wrap; 
justify-content: center; }
#cta-buttons .contact-item {
	padding: 10px 30px;
	border: 2px solid #fff;
	border-radius: 30px;
	margin: 5px;}
#cta-buttons .contact-item .etiqueta { color: #fff; font-size: 14px; font-weight: 600; }
#cta-buttons .contact-item:hover {
	background-color: #a0ea2a!important;
	border: 2px solid #a0ea2a; }

/* FOOTER */
.trx_addons_scroll_to_top { background-color: #a0ea2a!important; }

.contact-box { text-align: center; }
.contact-box a img { width: 50px; }
.contact-box a h3 { font-size: 1.2em; }

#footer-dark .contact-item .etiqueta,
#footer-dark .credits a { color: #fff!important; }
#footer-dark .credits { color: #8498a1 !important; }

#footer-dark .contact-item .etiqueta:hover,
#footer-dark .credits:hover { color: #a0ea2a!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 ) {
	.menu_button { padding: 8px }
}
@media only screen and ( min-width: 480px ) and ( max-width: 767px ) {
	.menu_button { padding: 8px }
}
@media only screen and ( max-width: 479px ) { 
	.menu_button { padding: 8px }
}


/* FORMS */

/* 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: 0px solid #dadada;
}
.ginput_container_text input,
.ginput_container_email input,
.ginput_container_phone input,
.ginput_container_textarea textarea {
	background-color: #fff!important;
	border: 1px solid #efefef !important;
}
.gform_footer.gform_footer.top_label .gform_button {  }
.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 { background-color: #a0ea2a!important; 
	padding: 15px 40px!important; border-radius: 30px!important;
	color: #003152!important;
}
.gform_button.button:hover { background-color: #8bc53f; }
.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, .empresa input, .pais input
 { background-repeat: no-repeat; background-position: 10px 9px; background-size: 20px; padding-left: 40px!important; }
.nombre input { background-image: url("https://bmk.websmart.cl/wp-content/themes/ws-elementra/formicons/user.png");}
.mail input, .email input { background-image: url("https://bmk.websmart.cl/wp-content/themes/ws-elementra/formicons/mail.png"); }
.fono input { background-image: url("https://bmk.websmart.cl/wp-content/themes/ws-elementra/formicons/phone.png"); }
.empresa input { background-image: url("https://bmk.websmart.cl/wp-content/themes/ws-elementra/formicons/flag.png"); }
.web input, .pais input { background-image: url("https://bmk.websmart.cl/wp-content/themes/ws-elementra/formicons/earth-alt.png"); }
.asunto input  { background-image: url("https://bmk.websmart.cl/wp-content/themes/ws-elementra/formicons/exclamation-triangle.png"); }
.nota textarea, .nota input { background-image: url("https://bmk.websmart.cl/wp-content/themes/ws-elementra/formicons/chat.png"); }


/* Chrome/Opera/Safari */
.gform_fields .gfield input::-webkit-input-placeholder,
.gform_fields .gfield textarea::-webkit-input-placeholder  {	
  color: #8d8d8d !important; font-size: 15px;
}
.gform_fields .gfield input:focus::-webkit-input-placeholder {	
  display: none!important;
}
/* Firefox 19+ */
.gform_fields .gfield input::-moz-placeholder,
.gform_fields .gfield textarea::-moz-placeholder { 
  color: red; 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;
}

input:focus::placeholder,
textarea:focus::placeholder {
  color: transparent!important;
}

/* 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 { color: #fff!important; }
.gform_confirmation_message { color: #000!important; text-align: center; }
.gfield_required_text { color: #fff!important; }