/* Joomla 5 Custom.CSS by Creatiwe */

:root {
    --clr-prm: #EC1F27;
	--clr-scd: #016CBE;
	--clr-txt: #363636;
	
    --brd-rds-xs: .5rem;
    --brd-rds: 1rem;
    --btn-rds-xl: 2rem;

	--lnk-trs: all .15s ease-in-out;
    --blk-shw: 0 0 20px 0 rgba(0, 0, 0, .1);
    --blk-shw-h: 0 0 20px 0 rgba(0, 0, 0, .5);
}



/* Design */
.sppb-btn { border: 2px solid transparent }
.sppb-btn-rounded  { border-radius: var(--btn-rds); }
.sppb-btn-primary  { border-color: var(--clr-prm); background-color: var(--clr-prm); font-weight: 600; text-transform: uppercase; letter-spacing: .5px;  }
.sppb-btn-primary:hover  { border-color: var(--clr-prm); background-color: #fff; color: var(--clr-prm);  }

.sp-megamenu-parent>li>a { font-size: 16px; font-weight: 600; }
.sp-megamenu-parent>li>a.btn-c2a { line-height: 2.5rem; padding: 0 1rem; margin-left: 15px; }
.btn-c2a { background-color: #84DDAE; border-radius: .5rem !important;  }
@media (max-width: 1151px) { .sp-megamenu-parent>li>a { font-size: 10px;  padding: 0 10px; } }
@media (min-width: 1152px) and (max-width: 1359px) { .sp-megamenu-parent>li>a { font-size: 14px;  padding: 0 10px; } }


.anchor-link { scroll-margin-top: 5rem; }

/* Tipografia */

.txt-red, txt-prm { color: #EC1F27; }
.txt-blue, txt-scd { color: #016CBE; }
.txt-green { color: #19b519; }
.txt-orange { color: #ff6600; }

.bg-prm { background-color: var(--clr-prm); color: #fff; }
.bg-scd { background-color: var(--clr-scd); color: #fff; }
.bg-mtd { background-color: #F5F5F0; }

.brd-rds { border-radius: var(--brd-rds); }
.brd-rds-xs { border-radius: var(--brd-rds-xs); }
.brd-rds-xl { border-radius: var(--brd-rds-xl); }

.blk-shw { box-shadow: var(--blk-shw); }
.blk-shw-h { box-shadow: var(--blk-shw-h); }

/* offcanvas */
@media (max-width: 575px) { #sp-header { height: 60px; } }
.offcanvas-menu .offcanvas-inner ul.menu>li a, .offcanvas-menu .offcanvas-inner ul.menu>li span { font-weight: 600; }
.offcanvas-menu .btn-c2a { margin-top: 1.5rem; }
.offcanvas-menu .offcanvas-inner ul.menu>li a.btn-c2a, .offcanvas-menu .offcanvas-inner ul.menu>li .btn-c2a span { color: #fff; padding: .5rem 1rem; letter-spacing: 1px; }