/* USER CSS */

:root {
	--cassiopeia-font-family-body: Lato;
	--cassiopeia-font-family-headings: Lato;
	--cassiopeia-font-weight-headings: 500;
    --primary:white;
    --cassiopeia-color-primary : white ;
    --cassiopeia-color-link : #bc264b;
    --cassiopeia-color-hover : #820020;
    --link-color : var(--cassiopeia-color-link);
    --link-hover-color : var(--cassiopeia-color-hover);
    --pagination-active-bg: #bc264b !important;
    --pagination-active-border-color: #bc264b !important;
    --template-special-color:#820020;
    --template-link-color:var(--cassiopeia-color-link);
}

.bg-primary {
    background-color: white !important;
}

.bg-step {
    background-size: contain;
    background-repeat: no-repeat;
}

.bg-step1 {
    background-image: url('/images/smartcup/png/step1.png');
}

.bg-step2 {
    background-image: url('/images/smartcup/png/step2.png');
}

.bg-step3 {
    background-image: url('/images/smartcup/png/step3.png');
}

.bg-viola {
    background-color: var(--cassiopeia-color-hover);
}

.container-header {
    background-image: none;
}

.w-70 {
    width: 70% !important;
}

.breadcrumb {
    background-color: transparent !important;
}
.breadcrumb-item + .breadcrumb-item::before {
    color:var(--cassiopeia-color-link);
}

@media screen and (max-width: 600px) {
    body {
      /* */
    }
    .w-sm-100 {
        width: 100% !important;
    }
}

/*logo del footer
.logo-social-footer img {
    height: 70px;
}*/

/*menu laterale*/
.menu-list a:not(.btn):hover, .menu-list a:not(.btn):focus {
    color: rgb(255, 255, 255);
}

/*nav*/
.nav-link, .nav-link:hover, .nav-link:focus{
    color: var(--bs-nav-link-color) !important;
}

/*card*/
.card-title a {
    text-decoration: none;
}

.card-title a:not(.btn):hover, .card-title a:not(.btn):focus {
    color: #bc264b;
}

a.a-titoli-card:hover, a.a-titoli-card:focus {
    color: #000000;
}

/* bottone download */
a.btn.smcPlus {
    width: auto !important;
    height: auto !important;
}

/*page-link*/
.page-link.active, .active > .page-link {
    color: var(--bs-pagination-color);
    background-color: var(--bs-pagination-bg);
    border: var(--pagination-border-width) solid var(--pagination-border-color);
}

.page-link:hover {
    z-index: 2;
    color: var(--pagination-hover-color);
    background-color: var(--pagination-hover-bg);
    border-color: var(--pagination-hover-border-color);
}

/* footer */
footer.row {
    margin-right: 0rem !important;
}
footer :not(.container-social) a {
    color: white !important;
    text-decoration: none !important;
}
footer :not(.container-social) a:hover {
    text-decoration: underline !important;
}

/*temporaneo*//*
ul.menu-list {
    right: 24px; da eliminare non appena la classe non avrà più proprietà "position: fixed" su smartcup.css
}*/

/* MODIFICHE DA APPORTARE A SMARTCUP*/


/*le icone del menu laterale cambiavano allineamento aumentando o diminuendo la larghezza dello schermo*/
.nav-side-menu ul, .nav-side-menu li {
    line-height: normal !important;     /* DA RICONTROLLARE */
}

.step-info {    /*eliminare su smartcup.css proprietà "top" e "left"*/
    top: 0!important;
    left: 0!important;
    width: 50%;
    margin-left: 30%;
}

.contenitore-header {    /*modificare su smartcup.css proprietà "height"*/
    background-size: auto 100%;
    background-position-x: right;
    background-repeat: no-repeat;
    height: 40vw!important;
    min-height: 40rem;
}

.contenitore-body {    /*modificare su smartcup.css proprietà "height"*/
    background-size: auto 100%;
    background-position-x: left;
    background-repeat: no-repeat;
    height: 20vw!important;
    min-height: 20rem;
}

.card-header-h1 {    /*eliminare su smartcup.css proprietà "position" e modificare proprietà "width"*/
    position: static!important;
    max-width: 31.25rem;
    width: 70vw!important;
}

.card-body-h2 {    /*eliminare su smartcup.css proprietà "position" e modificare proprietà "width"*/
    position: static!important;
    max-width: 31.25rem;
    width: 70vw!important;
}

.svg-h1 {    /*modificare su smartcup.css proprietà "top" e "left"*/
    top: -7rem!important;
    left: -3rem!important;
}

.button-link:hover {
    color: black!important;
}