/* PSICOLOGOS FDM W2024 */
:root{
	--base-ccc: #C7E7E6; /*199,231,230*/
	--base-cc: #46B4B0; /*70,180,176*/
	--base-c: #24A19C; /*36,161,156*/
	--base: #009B95; /*0,155,149*/
	--base-o: #007873; /*0,120,115*/
	--base-oo: #005E5A; /*0,94,90*/
	--comp-cc: #; /**/
	--comp-c: #; /**/
	--comp: #; /**/
	--comp-o: #; /**/
	--comp-oo: #; /**/
	--gris-cc: #F2F2F2; /*242,242,242*/
	--gris-c: #CCCCCC; /*204,204,204*/
	--gris: #4D4D4D; /*77,77,77*/
	--gris-o: #333333; /*51,51,51*/
	--gris-oo: #; /**/
}
a, a:visited, a:focus {color: var(--base-o);}
a:hover {color: var(--base);}
/* desplazamiento sticky */
html {
	scroll-padding: 150px; /*or whatever*/
}
/* menus */
.sp-megamenu-parent>li.active>a, .sp-megamenu-parent>li.active:hover>a, .sp-megamenu-parent>li>a:hover  {
    color: var(--base);
}
.sp-megamenu-parent>li>a {
    color: var(--gris);
}
.offcanvas-menu {
    background-color: #fff;
    color: #333;
}
.offcanvas-menu .offcanvas-inner ul.menu>li a, .offcanvas-menu .offcanvas-inner ul.menu>li span {
    color: var(--gris);
}
.offcanvas-menu .offcanvas-inner ul.menu li.active a {
    color: var(--base);
}
.offcanvas-menu .offcanvas-inner ul.menu>li a:hover, .offcanvas-menu .offcanvas-inner ul.menu>li a:focus, .offcanvas-menu .offcanvas-inner ul.menu>li span:hover, .offcanvas-menu .offcanvas-inner ul.menu>li span:focus {
    color: var(--base);
}
/* botones */
.btn-success, .sppb-btn-success {
    color: var(--gris-cc) !important;
    background-color: var(--base) !important;
    border-color: var(--base) !important;
}
.btn-success:hover, .sppb-btn-success:hover{
    color: var(--gris-cc)  !important;
    background-color: var(--base-cc) !important;
    border-color: var(--base-cc) !important;
}
.btn-primary, .sppb-btn-primary {
    color: var(--gris-cc) !important;
    background-color: var(--base-o) !important;
    border-color: var(--base-o) !important;
}
.btn-primary:hover, .sppb-btn-primary:hover{
    color: var(--gris-cc)  !important;
    background-color: var(--base) !important;
    border-color: var(--base) !important;
}
.btn-info, .sppb-btn-info, .btn-secondary {
    color: var(--base) !important;
    background-color: #fff !important;
    border-color: var(--base) !important;
}
.btn-info:hover, .sppb-btn-info:hover, .btn-secondary:hover {
    color: var(--base-o)  !important;
    background-color: var(--gris-cc) !important;
    border-color: var(--base-o) !important;
}
/*blog*/
.blog #sp-main-body {padding: 50px 0px !important;}
.blog .article-list .article {
    border: 1px solid #ccc;
    background-color: #f2f2f2;
}
.article-social-share .social-share-icon ul li a:hover, .article-social-share .social-share-icon ul li a:focus {
    background: var(--base);
}
.blog .article-list .article .article-header h1 a, .blog .article-list .article .article-header h2 a {
    color: var(--base-o);
}
.blog .article-list .article .article-header h1 a:hover, .blog .article-list .article .article-header h1 a:active, .blog .article-list .article .article-header h1 a:focus, .blog .article-list .article .article-header h2 a:hover, .blog .article-list .article .article-header h2 a:active, .blog .article-list .article .article-header h2 a:focus {
    color: var(--base);
}
.blog .article-list .article .article-header h1, .blog .article-list .article .article-header h2 {
    font-size: 1.8rem;
}
.blog .article-list .article .readmore a {
    color: var(--base-o);
}
.blog .article-list .article .readmore a:hover {
    color: var(--base);
}
.blog .article-details .article-full-image {
    display: flex;
    align-content: center;
    justify-content: center;
}
.pagination>.active>a, .pagination>.active>span {
    border-color: var(--base-o);
    background-color: var(--base-o);
	color: #ffffff;
}
.pagination>.active>a:hover, .pagination>.active>a:focus, .pagination>.active>span:hover, .pagination>.active>span:focus {
    border-color: var(--base);
    background-color: var(--base);
	color: #ffffff;
}
/* footer */
#sp-footer .container-inner {
    padding: 15px 0px 6px 0px;
}
#sp-footer a {
    color: #fff;
}
#sp-footer a:hover {
    color: var(--base-ccc);
}
/*miguitas*/
.breadcrumb {
    padding: 0px;
    background-color: transparent;
    border-radius: 0px;
    font-size: 0.8rem;
}
/*scroll*/
.sp-scroll-up {
    bottom: 80px;
}
/*wup*/
.miwup {
	position: fixed;
    bottom: 20px;
    right: 20px;
	z-index: 99999;
}
/*accesibilidad*/
._access-icon {
    bottom: 100px !important;
    left: 26px !important;
}