/*
Theme Name: OceanWP Child
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme example child theme.
Author: UnCaminante
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

/*Cosas GENERALES PARA TODAS LAS PAGINAS*/

p{
    font-size: 1.5em;
    color:#252525;
    
}

#ruta_descripcion.nombre_ruta{
	font-size:3em;
	color:#e9e9e9;
	text-align:center;
	margin-left:auto;
	font-weight:bold;
        -webkit-text-stroke: 2px grey;
        -moz-text-stroke: 2px grey;
        -ms-text-stroke: 2px grey;
        -o-text-stroke: 2px grey;
}


/*la caja para meter todo el contenido de ETAPA*/


.tabla-etapa{
    width: 45%;
    border: 3px solid #000;
    border-collapse: separate;
    border-radius: 8px;
    padding: 3px;
    margin-left: 10px;
    margin-top: 10px;
    -webkit-box-shadow: 9px 10px 23px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 9px 10px 23px 0px rgba(0,0,0,0.75);
    box-shadow: 9px 10px 23px 0px rgba(0,0,0,0.75);
    }
.tabla-etapa td{
    padding: 3px;
   }

.tabla-etapa td.td2{
    padding: 3px;
    color: #0d1479;
    font-weight: 600;
   }   
  
   
.tabla-etapa tr th:first-child,
.tabla-etapa tr td:first-child{
    font-weight: 800;
    padding: 3px;
    color: black;
    text-transform: uppercase;
}



/*Para los dispositivos mas pequeños de 900px como el iphone x
@media (max-width: 900px), (min-width: 701px) {
    .tabla-etapa{
    width: 70%;
    border: 3px solid #000;
    border-collapse: separate;
    border-radius: 8px;
    padding: 3px;
    margin-left: 3px;
    margin-top: 5px;
    -webkit-box-shadow: 9px 10px 23px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 9px 10px 23px 0px rgba(0,0,0,0.75);
    box-shadow: 9px 10px 23px 0px rgba(0,0,0,0.75);
    }
}
*/



/*la parte de las migaS DE PAN LAS BAJO UN POCO PORQUE TROPIEZAN*/
.site-breadcrumbs {
    position: absolute;
    right: auto;
    top: 50%;
    max-width: 100%;
    height: 32px;
    line-height: 32px;
    margin-top: -16px;
    font-size: 13px;
    color: #c6c6c6;
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
    margin-top: 29px;
}

/*el TITUPLO DE LA PAGINA*/

.page-header-title {
    display: block;
    
    line-height: 1.4em;
    font-weight: 600;
    margin: 0;
    color: #333;
        
    font-size:4em;
    color:transparent;
    text-align:center;
    margin-left:auto;
   
    -webkit-text-stroke: 2px grey;
    -moz-text-stroke: 2px grey;
    -ms-text-stroke: 2px grey;
    -o-text-stroke: 2px grey;                                               
}


/*LOS TEXTOS DEL MENU SON MUJY PEQUEÑOS*/

#site-navigation-wrap .dropdown-menu>li>a {
    display: block;
    font-size: 2rem;
    line-height: 1rem;
    color: #555;
    padding: 0 15px;
    letter-spacing: 0.6px;
}

/*LOS MARGENEDS DEL MENU*/
.page-header {
    position: relative;
    background-color: #b4b4b4;
    padding: 12px 0;
}
/*Hay un problema con el menu que se baja y se ve mal*/
.center-menu #site-navigation-wrap {
    position: relative;
    
}

/*Esto es para las imagenes que se ponen en el fondo del post */
/*Imagenes de la ruta*/
.imagenes-etapas{
	display: grid;
    grid-column-gap: 5px;
    grid-template-columns: auto auto;
	border: 1px solid black;
}
.imagen-etapas{
	margin-bottom: 5px;	
	border: px solid blue;		
}
/*el titulo que dice imagenes de la ruta*/
.titulo-imagenes-etapas{
	grid-column-start: 1;
    grid-column-end: 3;
	text-align: center;
	font-size: 1.5em;
	color: green;
}



/*Para los dispositivos mas pequeños de 700px como el iphone6*/
@media (max-width: 700px) and (min-width: 350px) {
    .tabla-etapa{
    width: 95%;
    border: 3px solid #8b8e93;
    border-collapse: separate;
    border-radius: 5px;
    padding: 3px;
    margin-top: 5px;
    }
    .page-header-title {
        line-height: 1.1em;
        font-weight: 250;
        font-size: 1.8em;
    }
    .imagenes-etapas{
        display: grid;
        grid-column-gap: 5px;
        grid-template-columns: 100%;
        border: 1px solid black;
    }
    .titulo-imagenes-etapas{
        grid-column-start: 1;
        grid-column-end: 2;
        
    }
}