/*! custom.css v1.0 */

/* ==========================================================================

   Custom CSS Stylesheet. This is where you should add your own styles!

   ========================================================================== */

/*
* Simple style overrides or custom adds
*/

.some-css-selector {font-size:13px;}

/* ===========================================================================
   SIDEBARS

   Estilos para normalizar los SIDEBARS Mindala
=========================================================================== */
.sidebar .widget ul,
.sidebar .widget ul.product-categories,
.sidebar .widget ul.pagenav,
.sidebar .widget_meta > ul {
   margin:0; padding:0; list-style:none;
}

.sidebar .widget ul li,
.sidebar .widget ul.product-categories li,
.sidebar .widget ul.pagenav li,
.sidebar .widget_meta > ul li {
   margin-bottom:0;
}

.sidebar .widget ul li a,
.sidebar .widget ul.product-categories li a,
.sidebar .widget ul.pagenav li a,
.sidebar .widget_meta > ul a {
    color: #747474; display: inline-block; padding: 0; margin-right: 5px; position: relative; border-radius: 2px;
}
.sidebar .widget ul li a::before,
.sidebar .widget ul.product-categories li a::before,
.sidebar .widget ul.pagenav li a::before,
.sidebar .widget_meta > ul a::before {content: ''; display: inline-block; margin-right: 12px; width: 8px; height: 2px; background: #E1E1E1; 
	vertical-align: middle; -webkit-transition: all .15s ease-out; transition: all .15s ease-out; }
.sidebar .widget ul li.active > a,
.sidebar .widget ul.product-categories li.active > a,
.sidebar .widget ul.pagenav li.active a,
.sidebar .widget ul li.current-cat > a,
.sidebar .widget ul.product-categories li.current-cat > a,
.sidebar .widget ul.pagenav li.current-cat > a,
.sidebar .widget ul li > a:hover,
.sidebar .widget ul.product-categories li > a:hover,
.sidebar .widget ul.pagenav li a:hover,
.sidebar .widget_meta > ul a:hover {color: #000000;}
.sidebar .widget ul li a:hover::before,
.sidebar .widget ul.product-categories li a:hover::before,
.sidebar .widget ul.pagenav li a:hover::before,
.sidebar .widget_meta > ul a:hover::before {width: 12px; margin-right: 8px;}
div.cloudBlock a { padding: 4px; float: left; display: block; }
input#s{margin-bottom:10px;}
.sidebar .widget .latest_posts ul li a::before {
content: none;
}

/* ===========================================================================
   COMENTARIOS

   Estilos para normalizar los Comentarios Mindala
=========================================================================== */
ol.commentlist { list-style:none; margin:0 0 1em; padding:0; text-indent:0; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment { border-bottom:1px dotted #666; padding:1em; }
ol.commentlist li div.comment-author {}
ol.commentlist li div.vcard { font:normal 16px; }
ol.commentlist li div.vcard cite.fn { font-style:normal; }
ol.commentlist li div.vcard cite.fn a.url {}
ol.commentlist li div.vcard img.avatar { border:5px solid #ccc; float:right; margin:0 0 1em 1em; width:64px;}
ol.commentlist li div.vcard img.avatar-32 {}
ol.commentlist li div.vcard img.photo {}
ol.commentlist li div.vcard span.says {}
ol.commentlist li div.commentmetadata {}
ol.commentlist li div.comment-meta { font-size:12px; }
ol.commentlist li div.comment-meta a { color: chocolate; }
ol.commentlist li p { font-size:14px; margin:0 0 1em; }
ol.commentlist li ul { font-size:11px; list-style:square; margin:0 0 1em 2em; }
ol.commentlist li div.reply { font-size:11px; }
ol.commentlist li div.reply a { font-weight:bold; }
ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li ul.children li {}
ol.commentlist li ul.children li.alt {}
ol.commentlist li ul.children li.bypostauthor {}
ol.commentlist li ul.children li.byuser {}
ol.commentlist li ul.children li.comment {}
ol.commentlist li ul.children li.comment-author-admin {}
ol.commentlist li ul.children li.depth-2 { border-left:5px solid #555; margin:0 0 .25em .25em; }
ol.commentlist li ul.children li.depth-3 { border-left:5px solid #999; margin:0 0 .25em .25em; }
ol.commentlist li ul.children li.depth-4 { border-left:5px solid #bbb; margin:0 0 .25em .25em; }
ol.commentlist li ul.children li.depth-5 {}
ol.commentlist li ul.children li.odd {}
ol.commentlist li.even { background:#fff; }
ol.commentlist li.odd { background:#f6f6f6; }
ol.commentlist li.parent { border-left:5px solid #111; }
ol.commentlist li.pingback { border-bottom:1px dotted #666; padding:1em; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}
#commentform #comment,#commentform #author,#commentform #email,#commentform #url{display:block;width:100%;}
#commentform input[type="submit"]{display:inline-block;padding:8px 15px;border:1px solid #e4e4e4;font-size: 10px;text-transform: uppercase;letter-spacing: 3px;background: #fff;margin-top:15px;}
#commentform input[type="submit"]:hover {background: #CD2122; color: white;}

/* ===========================================================================
   SOCIAL SHARE
=========================================================================== */
.kl-blog-post-socsharing li {
    margin-right: 4px !important;
    width: inherit !important;
}
.eBlog .itemBody {
    font-size: 1.1em !important;
}

/* ===========================================================================
   EVENTOS
=========================================================================== */

/* ==========================================================================
   ** Responsive styles custom rules
   * These rules are ready to be used for either overrides
   * or just your own custom rules.
   ========================================================================== */

@media only screen and (min-width : 1921px){

}

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

}

@media only screen and (min-width : 1200px) and (max-width : 1440px){

}

@media only screen and (min-width : 1200px){

}

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


}

@media only screen and (min-width: 992px) and (max-width: 1199px){

}

@media only screen and (min-width: 992px){


}

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

}

@media only screen and (min-width: 768px) and (max-width: 991px){

}

@media only screen and (min-width: 768px) {

}

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

}

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

}

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

}

/* ===========================================================================
   CAMBIOS EN ESTILO PARA ORGANIZADOR EVENTO
=========================================================================== */

.tribe-events-venue .tribe-events-venue-meta {
    background: #fff;
}
.tribe-events-event-image img {
    margin-top: 10px;
}
.tribe-events-organizer .tribe-events-organizer-meta {
    background: #fff;
    padding: 1em;
}

/* ===========================================================================
   FIN CAMBIOS EN ESTILO PARA ORGANIZADOR EVENTO
=========================================================================== */

.process_steps--style1 .process_steps__step-icon a h3 {
    color: white;
}

.process_steps--style1 .process_steps__step {
    height: auto;
}

#main-menu.main-nav {
   margin: 0px;
}
.main-nav ul ul.sub-menu {
   width: max-content !important;
   width: -moz-max-content !important;
   z-index: 1000;
}

/** Tamaño de las cabeceras **/
.page-subheader.section-1 .custom_height {
    padding-top: 180px;
    width: 100%;
    display: table;
    height: 200px;
    min-height: 200px;
}

.page-subheader.section-2 .custom_height {
    padding-top: 180px;
    width: 100%;
    display: table;
    height: 200px;
    min-height: 200px;
}

.style1 + #page_header.section-0, 
.style2 + #page_header.section-0 {
    min-height: 145px;
}
.style1-2 + #page_header.section-0 {
    min-height: 0px;
}
.style2 + #page_header.section-0 {
    min-height: 142px;
}
.style3 + #page_header.section-0 {
    min-height: 200px;
}
.style3-2.style3-2 + #page_header.section-0 {
    min-height: 152px;
}
.style4 + #page_header.section-0, .style5 + #page_header.section-0, .style6 + #page_header.section-0 {
    min-height: 100px;
}
.style8 + #page_header.section-0 {
    min-height: 109px;
}
.style9 + #page_header.section-0 {
    min-height: 136px;
}
.style11 + #page_header.section-0 {
    min-height: 114px;
}
.style12 + #page_header.section-0 {
    min-height: 181px;
}
.style14 + #page_header.section-0 {
    min-height: 0px;
}
@media (max-width: 767px) {
   #page_header.section-0 {
      min-height: 0px;
   } 
}

/* ===========================================================================
   FORMATO GENERICO PARA LOS OL
=========================================================================== */
ol {
  list-style-type: none;
  list-style-type: decimal !ie; IE 7- hack

  margin: 0;
  margin-left: 3em;
  padding: 0;

  counter-reset: li-counter;
}
ol > li{
  position: relative;
  margin-bottom: 20px;
  padding-left: 0.5em;
  min-height: 2em;
  border-left: 1px solid #CCCCCC;
}
ol > li:before {
  position: absolute;
  top: 0;
  left: -1em;
  width: 0.8em;
  margin-left: -6px;
  font-size: 1.4em;
  line-height: 1;
  font-weight: bold;
  text-align: right;		 
  content: counter(li-counter);
  counter-increment: li-counter;
}

/* ===========================================================================
   MODIFICACION GRAFICO PROGRESS BAR Y PROGRESS CIRCLE
=========================================================================== */

.chart_bar .skills_wgt.started .skill-bar[data-loaded="1"] > i {width:1%;}
.chart_bar .skills_wgt.started .skill-bar[data-loaded="1"] > i::before {content:"1%";}
.chart_bar .skills_wgt.started .skill-bar[data-loaded="5"] > i {width:5%;}
.chart_bar .skills_wgt.started .skill-bar[data-loaded="5"] > i::before {content:"5%";}
.chart_bar .skills_wgt.started .skill-bar[data-loaded="15"] > i {width:15%;}
.chart_bar .skills_wgt.started .skill-bar[data-loaded="15"] > i::before {content:"15%";}
.chart_bar .skills_wgt.started .skill-bar[data-loaded="25"] > i {width:25%;}
.chart_bar .skills_wgt.started .skill-bar[data-loaded="25"] > i::before {content:"25%";}
.chart_bar .skills_wgt.started .skill-bar[data-loaded="35"] > i {width:35%;}
.chart_bar .skills_wgt.started .skill-bar[data-loaded="35"] > i::before {content:"35%";}
.chart_bar .skills_wgt.started .skill-bar[data-loaded="45"] > i {width:45%;}
.chart_bar .skills_wgt.started .skill-bar[data-loaded="45"] > i::before {content:"45%";}
.chart_bar .skills_wgt.started .skill-bar[data-loaded="55"] > i {width:55%;}
.chart_bar .skills_wgt.started .skill-bar[data-loaded="55"] > i::before {content:"55%";}
.chart_bar .skills_wgt.started .skill-bar[data-loaded="65"] > i {width:65%;}
.chart_bar .skills_wgt.started .skill-bar[data-loaded="65"] > i::before {content:"65%";}
.chart_bar .skills_wgt.started .skill-bar[data-loaded="75"] > i {width:75%;}
.chart_bar .skills_wgt.started .skill-bar[data-loaded="75"] > i::before {content:"75%";}
.chart_bar .skills_wgt.started .skill-bar[data-loaded="85"] > i {width:85%;}
.chart_bar .skills_wgt.started .skill-bar[data-loaded="85"] > i::before {content:"85%";}
.chart_bar .skills_wgt .skill-bar {
    background: #e2e1e1;
    height: 20px;
}
.chart_bar .skills_wgt .skill-bar[data-color="red"] > i {
    background: #cd2122;
    height: 20px;
}

@media (min-width: 992px) {
.chart_bar div.skills_wgt {margin-right:148px;}
}
@media (max-width: 1199px) {
.chart_bar div.skills_wgt {margin-right:100px;}
}
@media (max-width: 991px) {
.chart_bar div.skills_wgt {margin-right:28px;}
}

.extragraft .fundedperc {
    background-image: url(none);
}
.extragraft .fundedperc .percent {
    font-family: 'Montserrat';
    color: rgba(0, 0, 0, 1);
    letter-spacing: 0px;
    font-size: 15px;
    font-weight: 700;
}
.extragraft .fundedperc .percent span {
    letter-spacing: 0;
    color: rgba(0, 0, 0, 1);
}
.extragraft .fun-fact .fun-number {
    font-weight: 600;
}	
/* ===========================================================================
   FIN MODIFICACION GRAFICO PROGRESS BAR Y PROGRESS CIRCLE
=========================================================================== */