/*
Theme Name: Trusted Child
Template: trusted
Theme URI: http://themeforest.net/user/ddstudios
Description: Mighty, a premium Wordpress theme by DDStudios. Wordpress conversion by Alejandro Crespo.
Author: Tutatis Dev
Author URI: https://tutatis.com.ar
Version: 1.1
*/

/* ----------- ESTILOS CUSTOM ------------ */
@import url("https://www.plagaexpress.com/wp-content/plugins/linked-files-icon/style.css");*/


/* verde 99cc33 */
/* azul plaga 003366 */
/* colores originales
primary		#00bc96	verde frio
secondary	#4f5e70 gris acero
text		#323b44	gris oscuro
headings	#323b45 gris oscuro
*/

body, button, input, select, textarea {
    font-weight:normal;        /* light en tema original*/
}

#primary-menu { /* menu ppal a izquierda */
	/*float: left!important;*/
}
#espacio { font-size:16px; font-weight:bold; color:#ffffff; background-color:#99cc33; /*verde*/}
#espacio a, #espacio a:hover { color:#ffffff; }
                        
.correo { /* ocultar direcciones de correo */
	unicode-bidi:bidi-override;
	direction:rtl;
	text-decoration:none;
}

.main-header {
	/*margin-top: 150px!important; /* header parque y camioneta */
	border:0px solid orange;
}

.home .main-header {
	margin-bottom:80px;
	border:0px solid gray;
	/*padding-top: 150px!important;
	min-height: 200px!important;
	border:4px solid red!important;*/
}

.home .header-title {
	/*visibility:
	hidden;*/
}

.size-full { /* featured fotos de paginas */
	width:100%!important;
	height:auto!important; 
	margin-bottom:20px;}

#listado { margin-left:10%; } /* div listado paginas de listado */
#listado ul li { list-style-type:none;} 
#listado ul li a  {
	font-family: 'Open Sans', Helvetica, Arial, Verdana, sans-serif;
	font-size: 15px; font-weight: 300; line-height: 1.68;
	color: #323b44; /*negro*/
	border:0px solid blue;
}
#listado ul.children li {
	color:purple;
	border:0px solid red;
}
#listado ul.children li a { 
	border:0px solid pink;
}
#listado ul li.page_item_has_children a {
	color: #99cc33; /*verde*/
	font-size:1.25em;
	font-weight:bold;
	margin-top:30px;
	border:0px solid green;
}
#listado ul li.page_item_has_children ul li {
	border:0px solid yellow;
}
#listado ul li.page_item_has_children ul li a {
	font-family: 'Open Sans', Helvetica, Arial, Verdana, sans-serif;
	font-size: 15px; font-weight: 300; line-height: 1.68;
	color: #323b44; /*negro*/
	border:0px solid orange;
}

/*
	margin-bottom:10px;
	 margin-top:30px; color:black;

	#featured-post-section{
	margin-top: -65px;
	width: 100%;
}
*/

body { border:0px solid purple; }
	.featured-post{	/* arreglo 4 bloques home */
		/*width:22.25%!important;*/
	}
	.featured-post6 {
		margin-right: 0%!important;
	}
	
	.featured-post { /* caja bloques home */
		margin-bottom:25px;
		border-radius:25px;
		/*border:6px solid #99CC33;/*verde medio*/
		box-shadow:none;
		background-color:#fff/*blanco*/;
		}
		
	.featured-post h2.main-title { /* titulos bloques*/
		width:100%;
		font-size:24px;
		font-weight:bold;
		color:#fff/*blanco*/;
		background-color:#99cc33;/*verde medio*/
		text-transform:none;
		text-align:center;
		line-height:1.1em;
		text-shadow:none;
		border-radius:0px;
		margin-bottom:20px;
		}
	.featured-post .featured-excerpt {
		line-height:1.5em!important;
		}
	
	#top-bar .widget{	/* ancho topbar */
		width: 100%!important;
		border:0px solid red;
	}
	
	#logo { /* logo hardcodeado */
		width:100%!important;
		height:100%!important;
	}
	
	.entry-content p {
		margin-top:20px;
	}
	
	#banner { /* banner slogan */
		float:left;
		/*margin-top:40px;*/
		margin-left:5%;
		border:0px solid red; 
	}
	
	#masthead.scrolled
	
	 #site-branding { /* logo margenes */
		padding: 10px 0 10px 0;
	}
	
	#masthead.scrolled #site-branding img { /* logo tamaño minimo */
		max-height: 140px;
	}
	
	#main { margin-top: 0px ; } /* separacion bloques abajo del header */

    /* SLIDER HOME */
	.wp-block-cb-carousel h1 { margin:20px 0 0 0; }
	.wp-block-cb-carousel p { }
	.wp-block-cb-carousel a.wp-block-button__link { background-color:#99cc33; float:right; margin-top:20px;}


/*--------------------------------------------------------------
## correccion Responsive CSS STYLE.CSS desde linea 4340
--------------------------------------------------------------*/

@media screen and (max-width: 1120px){
	body { border:0px solid red; }
	#logo { /* logo hardcodeado */
	margin-left:40px;
	border:0px solid violet;
	}
}
@media screen and (max-width: 1024px){
	body { border:0px solid blue; }

	#main { margin-top:-10px ; }

}
@media screen and (max-width: 768px){
	body { border:0px solid yellow; }
	.featured-post {
	width: 100%!important;
	margin-left:0!important;
	margin-right:0!important;
	}
	#logo { /* logo hardcodeado */
	margin-left:0px; }
	#banner { /* banner slogan */
	float:none;
	text-align:center;
	align:center;
	margin:0px;
	}
	#masthead.scrolled #site-branding img{
	max-height: 140px;
	}
}
@media screen and (max-width: 580px){
	body { border:0px solid orange;	}
}
@media screen and (max-width: 480px){
	body { border:0px solid pink; }
}
@media screen and (max-width: 380px){
	body { border:0px solid green; }
	#masthead { position:relative; }
}
@media screen and (max-width: 320px){
	body { border:0px solid gray; }
}

.header-title {
  padding: 50px 0 50px 0!important;
  }

.main-excerpt {
  margin-bottom: 30px;
  }
  
h2.wp-block-heading {
	-webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    /*Y seguidamente word-wrap como graceful degradation para los navegadores que no lo soporten*/
    word-wrap: break-word;
  }
  
/* FORMULARIOS ESPACIOS PROTEGIDOS */

article form {
    margin: 15px;
}

form .gray { 
    background-color: #e7e7e7; /* gris */
}

form label { 
    font-weight: bold;
}

form H1, form H2, form H3 { 
    margin-left: -15px;
}

/* MARCADOR DE PASOS CON CIRCULOS */
.stepper-wrapper {
  margin-top: auto;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.stepper-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;

  @media (max-width: 768px) {
    font-size: 12px;
  }
}

.stepper-item::before {
  position: absolute;
  content: "";
  border-bottom: 2px solid #ccc;
  width: 100%;
  top: 20px;
  left: -50%;
  z-index: 2;
}

.stepper-item::after {
  position: absolute;
  content: "";
  border-bottom: 2px solid #ccc;
  width: 100%;
  top: 20px;
  left: 50%;
  z-index: 2;
}

.stepper-item .step-counter {
  position: relative;
  z-index: 5;
    
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;    /* tamaño circulo */
  height: 30px;
  border-radius: 50%;
  background: #ccc; /* gris */
  margin-bottom: 6px;
}

.stepper-item.active {
  font-weight: bold;
}

.stepper-item.active .step-counter {
  background-color: #99cc33; /* verde */
}

.stepper-item.completed .step-counter {
  background-color: #99cc33; /* verde */
}

.stepper-item.completed::after {
  position: absolute;
  content: "";
  border-bottom: 2px solid #99cc33; /* verde */
  width: 100%;
  top: 20px;
  left: 50%;
  z-index: 3;
}

.stepper-item:first-child::before {
  content: none;
}
.stepper-item:last-child::after {
  content: none;
}
.step-name p {
    font-size: 11px;
    margin-top: 0px; /* texto debajo del numero */
}

#wpcf7-f1217-p1230-o1 form input[type="text"].wpcf7-text {
    width:30%;    /* formu 3 medidas */
}

/* COLORES WOOCOMMERCE */

.variations .value select {    /* combo elegir opcion */
    /*color:#ffffff!important;
    background-color: #003366;*/
}


.variations .value select {
  /* Remove default browser styling */
  /*-webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;*/
    color: #ffffff;


  /* Apply your desired background */
  /*color: #ffffff;
  background-color: #003366;*/
  background-image: url('data:image/svg+xml,...'); /* Optional: Add custom dropdown arrow */
  
  /* Ensure padding and borders behave similarly across engines */
  border: 1px solid #ccc;
  padding: 8px 12px;
}

/* Optional: Fix IE/Edge if still relevant */
select::-ms-expand {
  display: none;
}

.variations .value select option {    /* Chrome */
  color: #ffffff;
  background-color: #003366;
}

/* COLORES IMPLECODE */

#main-content .al_archive a h3.product-name, #page-container .al_archive a h3.product-name, #primary .page .entry-content .al_archive h3.product-name, #product_listing .al_archive .product-name, #product_listing .al_archive h3.product-name, .al_archive .product-name, .product-list .al_archive .product-name, .product-subcategories .al_archive .product-name, .al_archive  {
    /*background-color: rgba(0,82,0,.8);    /* verde ingles original implecode */
    background-color: rgba(153,204,51,.8)!important;    /* verde manzana express */
    /*box-shadow: 0 0 5px #005200;          /* verde ingles original implecode */
    box-shadow: 0 0 5px #99cc33!important;  /* verde manzana express  */
    border:0px;                             /* quito border fotos */
}

.classic-grid.archive-listing {    /* aire pagina listado*/
    margin-right:2.5%;                           
}

h3.product-name {    /* aire pagina listado*/
    margin: 20px 0!important;
    line-height:1.1em!important;
}

.product-price {    /* aire pagina listado*/
    margin: 20px 0!important;
}

/* cajas color */
.warning {    /* celeste */
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
    padding:20px;
}

.alert {    /* amarillo */
  color: #666666;
  background-color: #fff3cd;
  border-color: #ffeeba;
  padding:20px;
}

.success { /* verde */
  /*color: #155724;    /* verde estandar */
  background-color: #d4edda;    /* verde estandar */
  background-color: #cce599;    /* verde manzana al 50% */
  background-color: #e5f2cc;    /* verde manzana al 25% */
  border-color: #c3e6cb;        /* verde */
  border-radius:15px;
  padding:20px;
}