/* @override http://www.globaljobs.cl/undostres/wp-content/themes/global/style.css?ver=1.0.0 */

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

/* COLORES VERDE #8bbf44 / GRIS #4e4e4e / AZUL #1472b7 / ACENTO NARANJA #ff5800 */

@import url('../bolts-pt/style.css');

/* GENERAL */
.portfolio-grid__nav { display: none; }
.justify { text-align: justify; }


/* HEADER */
.header__widgets .widget { margin-top: 0.6rem; }
h3 { color:#4e4e4e!important ; text-align: center; }

.fa-facebook {color: #3b5998;}
.fa-linkedin {color: #007bb5;}
.fa-map-marker { color: #1472b7; }
.fa-envelope { color: #1472b7; }
.fa-phone { color: #1472b7; }
.fa-twitter { color: #00aced }
.btn-rounded .fa-phone { color: #1472b7; }

/* ICON BOX */
.icon-box i.fa { font-size: 1.6em; margin-top: -0.4em; color: #ff5800!important; }
h4.icon-box__title { color: #555!important; }
.icon-box__subtitle { color: #ff5800!important; }
/* HOME */
.page-box__content h4 a, h6.footer-top__headings { color:  #1472b7; }
.page-box__picture { width: 100%; border: 1px solid #ccc;  }
.page-box__picture img, .attachment-full.size-full, img.card-img-top {opacity: 1; filter: grayscale(80%);  }
#team img { filter: grayscale(0%)!important;  }
.icono img { filter: grayscale(0%)!important;  }
#clientes h3 { margin-bottom: 3em; }

h3.portfolio-grid__title, h5.card-title.portfolio-grid__card-title { color: #ff5800!important; }

/* SLIDER */
.js-slider-captions__title { background-color: rgba(0, 0, 0, .5); padding: 0.6em 0; }

/* FORMS */
.gform_body {margin-top: -2em; }
.gfield_label { display: none!important; }

.ginput_container textarea { border: none; text-transform: uppercase; border: 1px solid #ccc; border-top: 3px solid #dadada; padding: 1em!important; }

.ginput_container input { padding-left: 1em!important; padding-top: 0.7em!important;
	text-transform: uppercase;}

.ginput_container input{ display: block; width: 100%; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.67; color: #777777; background-color: #fff; background-image: none; border: 1px solid #ccc; border-top: 3px solid #dadada; }
.ginput_container input:focus,
.ginput_container textarea:focus { border-top: 3px solid #1472b7; }
.gform_button.button {
	display: inline-block; font-weight: 900; white-space: nowrap; vertical-align: middle; border: 1px solid transparent; padding: 0.91667rem 1.38889rem;	font-size: 0.83333rem!important; border-radius: 0.11111rem; transition: all 100ms ease-out;
	text-transform: uppercase; color: #fff;
	background-color: #1472b7;
}
.gform_button.button:hover { opacity: 0.8; }

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #dadada; opacity: 1; font-size: 0.8em!important }
::-moz-placeholder { /* Firefox 19+ */
 color: #dadada; opacity: 1; font-size: 0.8em!important }
:-ms-input-placeholder { /* IE 10+ */
color: #dadada; opacity: 1; font-size: 0.8em!important }
:-moz-placeholder { /* Firefox 18- */
color: #dadada; opacity: 1; font-size: 0.8em!important }

/* ARCHIVE CATEGORY */
.category .articulo p { margin-bottom: 2em; }
.category .entry-content div { margin-bottom: 2em; }
/* SINGLE */
#foto-equipo { padding: 0!important; margin-bottom: 4em;
	margin-top: 0em; }
.icono .image { max-height: 140px; width: auto; }
.icono { text-align: center; }
.icono { margin-bottom: 0!important; }

/* SINGLE SERVICIOS */
.siteorigin-widget-tinymce.textwidget ul { margin-top: 2em; }
.siteorigin-widget-tinymce.textwidget ul li { text-align: left!important;
	line-height: 120%; padding-bottom: 1em; }
	
/* SINGLE PORTFOLIO */	
.portfolio__right-content p { text-align: justify; }

/* SINGLE INDUSTRIA */
ul.articulos { padding-left: 0; margin-bottom: 0; }
ul.articulos li {
	list-style: none;
	padding-bottom: 1.2em;
	line-height: 130%;}

/* SINGLE ARTICULO */
time { display: inline-block; padding: 0 1.11111rem 0.5rem 0; margin-bottom: 0.44444rem; margin-right: 0.16667rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 25rem; vertical-align: top; font-size: 0.9em; }
.meta__item { padding-left: 0; padding-top: 0; font-size: 0.9em; background-color: transparent; }
.metadata {
	margin-bottom: 1em;
	border-bottom: 1px solid #dadada;
}

/* SINGLE POSTS / NOVEDADES */	
.post p { text-align: justify; }
.articulo {	margin-top: 4em }
.articulo h3 { text-align: left; color: #ff5800!important; }

/* SIDEBAR */
.sidebar .widget-text ul { padding-left: 0; border-top: 1px solid #e8e8e8; }
.sidebar .widget-text ul > li { list-style: none;
	position: relative; border-bottom: 1px solid #e8e8e8;
	font-weight: bold; border-right: 1px solid #e8e8e8; border-left: 0.16667rem solid #dddddd; padding: 1.02778rem 1.66667rem; font-size: 0.77778rem; border-radius: 0; transition: all 100ms ease-out; background-color: #f7f7f7; }
.sidebar .widget-text ul > li:hover { text-decoration: none; border-left-color: #1472b7; background-color: #eeeeee!important; }
.sidebar .widget-text ul > li > a:hover,
.sidebar .widget-text ul > li > a:focus { text-decoration: none; }
.sidebar .widget-text ul > li > a { color: #333333; }

/* FOOTER */
.footer-bottom__container { padding: 2em 1em 3em;}
.footer-featured img { max-width: 160px; margin-bottom: 1em; }
.footer-featured { font-size: 0.9em;  border-top: 0px solid #fec303; }

/* FOOTER WIDGETS */
.footer-top .widget-text ul { padding-left: 0;}
.footer-top .widget-text ul li { font-size: 0.9em; }
.footer-top .widget-text ul li,
.footer-top .menu-item { font-size: 12px; 
	list-style: none; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #dddddd; }
.footer-top .widget-text ul li a { display: block; padding: 0.11111rem 0;}
.footer-top .menu-item a, .footer-top .widget-text ul li a { color: #888!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 ) { 
.header__widgets .widget { width: 50%; float: left; } 
}
@media only screen and ( min-width: 480px ) and ( max-width: 767px ) {
.header__widgets .widget { width: 50%; float: left; } 
}
@media only screen and ( max-width: 479px ) {
.header__widgets .widget { width: 50%; float: left; } }