/*
Theme Name: myhub
Theme URI: http://myhubstaging.zkwebdev.com
Author: Benjamin
Description: Tema personalizado para MyHub.
Version: 1.0
License: GPLv2 o posterior
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

.breadcrumbs{
	margin-top:10px;
	margin-left:10px;
}
.breadcrumbs a{
    text-decoration: none;
    color: #7AC143;
}
.breadcrumbs span a{
    text-decoration: none;
    color: #7AC143;
}
.breadcrumbs  a:hover{
	color: #7AC143;
}

/* Estilos para el área principal */
.primary {
    width: 85%;
    margin-left: 15%;
    box-sizing: border-box;
}
.menu-icon {
    display: none;
    cursor: pointer;
    padding: 10px;
    background-color: #333;
}

.link{
	color: #7AC143;
}
.link:hover{
	color: #7AC143;
}

/* Limpiar el float para evitar problemas de diseño */
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

@media screen and (max-width: 1053px) {
    .sidebar {
        width: 0%;
        overflow: hidden;
    }

    .menu-icon {
        display: block;
    }

    .primary {
        width: 100%;
        margin: 0 auto;
    }
}

/* Ajustar el área principal al 85% en pantallas grandes */
@media screen and (min-width: 1054px) {
    .primary {
        width: 85%;
        margin-left: 15%;
    }
}