/******************* NAVIEL (FEBRERO 2021) *********************/
/* DEFINICION Y USO DE VARIABLES */
:root{
	--base-cc: #A4663D; /*164,102,61*/
	--base-c: #7D431C; /*125,67,28*/
	--base: #562606; /*86,38,6*/ /*marrones*/
	--base-o: #341500; /*52,21,0*/
	--base-oo: #180A00; /*24,10,0*/
	--comp-cc: #FFC171; /*255,193,113*/
	--comp-c: #FFAF48; /*255,175,72*/
	--comp: #F9981A; /*249,152,26*/ /*naranjas*/
	--comp-o: #CB7403; /*203,116,3*/
	--comp-oo: #A15B00; /*161,91,0*/
	--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: #; /**/
}
body {color: #212529;}
.body-wrapper {background-color: #ffffff;}
a, a:active {color: var(--base);}
a:hover {color: var(--comp-o);}

.camillas #sp-main-body {
    padding: 50px 0;
}
#sp-top2, #sp-top1 {text-align:center;}
#sp-header {
    height: 100px;
    box-shadow: 0 0 4px 0 rgba(86,38,6, 0.80);
	padding: 15px 0px !important;
}

h1.coming-soon-title {display:none;}
/* BOTTOM */
#sp-bottom {font-size: 20px;}
#sp-bottom .sp-module {
    margin-bottom: 0px;
}
/* FOOTER */
#sp-footer .container-inner {
    padding: 0px;
}
/*MENU*/
.sp-menu-heading {
    color: var(--base) !important;
	line-height: 90px !important;
    font-size: 22px !important;
}
.sp-menu-heading:hover {
    color: var(--comp-o) !important;
}
.sp-megamenu-parent >li >a {
    color: var(--base) !important;
	padding: 0 10px;
	line-height: 90px;
    font-size: 22px !important;
}
.sp-megamenu-parent >li.active>a, .sp-megamenu-parent >li:hover>a {
    color: var(--comp-o) !important;
	font-weight: 700 !important;
}
.sp-megamenu-parent .sp-dropdown.sp-dropdown-main {
    top: 84% !important;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
    color: var(--base) !important;
	font-size: 20px !important;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
    color: var(--comp-o) !important;
}
.offcanvas-overlay {
    background: rgba(0, 0, 0, .1);
}
.burger-icon>span {
    background-color: var(--base) !important;
}
body.ltr .offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.nav-header>.menu-toggler {
    right: 10px;
    color: var(--base);
}
body.ltr .sp-megamenu-parent>li.sp-has-child>a:after, body.ltr .sp-megamenu-parent>li.sp-has-child>span:after {
    font-family: "Font Awesome 5 Free";
    content: "\f107";
    float: right;
    margin-left: 7px;
    font-weight: 900;
}
/* MIGUITAS */
.breadcrumb {
    padding: 5px 0px 0px 0px;
    margin-bottom: 0px;
    background-color: transparent;
    border-radius: 0px;
    font-size: 13px;
}
/* SCROLL UP */
.sp-scroll-up {
    right: 80px;
}
/* BOTONES */
a.vap-btn.green, button.vap-btn.green, a.vap-btn.blue, button.vap-btn.blue {
    color: var(--gris-cc) !important;
    background-color: var(--base) !important;
    border-color: var(--base) !important;
	border-radius: 0px;	
}
a.vap-btn.green:hover, button.vap-btn.green:hover, a.vap-btn.blue:hover, button.vap-btn.blue:hover {
    color: var(--gris-cc)  !important;
    background-color: var(--comp-o) !important;
    border-color: var(--comp-o) !important;
}
.btn, .btn-primary, .btn-lg, .btn-primary, .sppb-btn-primary, .sppb-btn-default {
    color: var(--gris-cc)  !important;
    background-color: var(--comp-o) !important;
    border-color: var(--comp-o) !important;
	border-radius: 0px;
}
.btn:hover, .btn-primary:hover, .btn-lg:hover, .sppb-btn-primary:hover, .sppb-btn-default:hover{
    color: var(--gris-cc)  !important;
    background-color: var(--base) !important;
    border-color: var(--base) !important;
}
.btn-success, .sppb-btn-success {
    color: var(--gris-cc) !important;
    background-color: var(--base) !important;
    border-color: var(--base) !important;
	border-radius: 0px;	
}
.btn-success:hover, .sppb-btn-success:hover{
    color: var(--gris-cc)  !important;
    background-color: var(--comp-o) !important;
    border-color: var(--comp-o) !important;
}
.btn-secondary, .sppb-btn-secondary {
    color: var(--comp-o) !important;
    background-color: var(--gris-cc) !important;
    border-color: var(--comp-o) !important;
	border-radius: 0px;
}
.btn-secondary:hover, .sppb-btn-secondary:hover{
    color: var(--base)  !important;
    background-color: var(--gris-cc) !important;
    border-color: var(--base) !important;
}
/* ACCORDION */
.sppb-panel-title {
    color: var(--base);
	font-size: 18px;
}
.sppb-panel-default > .sppb-panel-heading .sppb-toggle-direction {
    color: var(--base);
}
.sppb-panel-title:hover {
    color: var(--comp-o);
}
.sppb-panel-default > .sppb-panel-heading .sppb-toggle-direction:hover {
    color: var(--comp-o);
}
/* VENTANA INFORMACION BASICA PROTECCION DE DATOS */
.su-content {
    font-size: 1em !important;
    padding: 15px 20px 0px 20px !important;
}
/***** BLOG **********************************************************************/
.blog1 #sp-main-body {
    padding: 50px 0px 30px 0px;
}
/*.blog1 .article-list .article .article-intro-image img {
    border-radius: 0px 0px 0 0;
	margin: 10px 40px 10px 10px;
	width: 100%;
    overflow: hidden;
    height: 100%;
	object-fit: cover;
}
.blog1 .article-list .article .article-intro-image, .publi .article-list .article .article-intro-image {
    margin: 0px 0px 0px -20px;
    border-radius: 0px 0px 0 0;
    border-bottom: 0px solid #f5f5f5;
    overflow: hidden;
}*/

.blog1 .article-list .article  {
    margin-bottom: 30px;
    padding: 20px 20px 30px 20px;
    /*border-top: 1px solid var(--gris-c) !important;*/
    border-radius: 0px;
    border: 1px solid #d2d2d2;
	background-color: #f2f2f2;
}
.blog1 .article-list .article .article-header h1, .publi .article-list .article .article-header h1{
    font-size: 1.95rem;
}
.blog1 .article-list .article .article-header h2, .publi .article-list .article .article-header h2 , .publi h2{
    font-size: 1.6rem;
}
.blog1 .article-list .article .article-header h1 a, .blog1 .article-list .article .article-header h2 a {
    color: var(--base) !important;
}

.blog1 .article-list .article .article-header h1 a:hover, .blog1 .article-list .article .article-header h2 a:hover{
    color: var(--comp-o) !important;
}
.blog1 .article-list .article .readmore a, .publi .article-list .article .readmore a {
    color: var(--base);
}
.blog1 .article-list .article .readmore a:hover, .publi .article-list .article .readmore a:hover {
    color: var(--comp-o);
}
.blog1 .sppb-text-center .sppb-img-responsive, .sppb-text-left .sppb-img-responsive, .sppb-text-right .sppb-img-responsive {
    border: 1px solid #f2f2f2;
}
/*************** BLOG PAGINACION **********************/
.pagination-wrapper {
    margin-top: 50px;
}
.pagination>li>a,
.pagination>li>span {
	background-color: transparent !important;
    border: 1px solid var(--gris-cc) !important;
	color: var(--comp-oo) !important;
	font-size: 0.7em !important;
	font-weight: normal !important;
	margin-top: 0px !important;
	border-radius: 0px !important;
}
.pagination>li>a:hover,
.pagination>li>a:focus,
.pagination>li>span:hover,
.pagination>li>span:focus {
	background-color: var(--gris-cc) !important;
	color: var(--base) !important;
}
.pagination>.active>a,
.pagination>.active>span {
	background-color: var(--gris-cc) !important;
	color: var(--comp-oo) !important;
}
.pagination>.active>a:hover,
.pagination>.active>a:focus,
.pagination>.active>span:hover,
.pagination>.active>span:focus {
	background-color: var(--gris-cc) !important;
	color: var(--base) !important;
}
.pagination-counter{
	font-size: 0.7em !important;
}
.pager {
    margin: 0px;
    border-top: 1px solid var(--gris-cc);
}
.pager > li a {
    border-radius: 0px;
	color: var(--comp-oo);
	border: 1px solid var(--gris-cc);
	padding: 10px 20px;
}
.pager > li a:hover {
	color: var(--base);
}
/* Vik Appointment */
.vapcalendardiv {
    border-top: 2px solid var(--base);
}
.vapserblock {
    width: calc(calc(100% / 2) - 16px);
	min-height: 18px !important;
}
.vapserimage img {
    display: none;
}
.vapserimage {
    height: 0px;
}
.vapempimgdiv {
    margin: 0px;
    display: none;
}
/* POPUP */
.aolp-inner {
    height: auto !important;
}