/* mod template promo */
/* promo mod */


/* elementi bootstrap compatibulita */

.template__promo .col-md-12 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.template__promo .container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    max-width: 1140px;
}

.template__promo .container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.template__promo *,
.template__promo ::after,
.template__promo ::before {
    box-sizing: border-box;
}

.template__promo .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.template__promo .img-fluid {
    max-width: 100%;
    height: auto;
    width: 100%;
}

.template__promo {
    margin: 0;
    font-family: 'segoe ui', sans-serif;
    font-size: 14px;
    line-height: 1.25;
}

.template__promo p {
    font-size: 14px;
    line-height: 1.25;
}

@media all and (max-width: 992px) {
    .template__promo .container {
        max-width: 720px;
    }
}

@media all and (max-width: 576px) {
    .template__promo .container {
        max-width: 100%;
    }
}


/* elementi bootstrap compatibulita */

/* elementi generici */

:root {
    --sfondo: #303537;
    --titolo-accordion: var(--intermediate-bar-bg-color);
    --sfondo__promo: #303537;
    --colore-speciale: var(--giallo-dazn);
}

.template__promo {
    background: #0c161c;
    color: #fff;
    padding-top: 0;
    padding-bottom: 24px;
}

/* elementi generici */


/* elementi testo */

.template__promo img.img-fluid.immagine-promo {
    border-radius: 24px;
    margin-bottom: 24px;
}

.template__promo h1.titolo__promo {
    color: var(--colore-speciale);
    width: 100%;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 24px;
    margin-bottom: 4px;
    line-height: 1.25;
}

.template__promo h4.sottotilo__promo {
    font-size: 16px;
    text-transform: uppercase;
    font-style: italic;
    line-height: 1.25;
    margin: 0 0 4px 0;
}

.template__promo .blocco__titolo__promo {
    padding-bottom: 8px;
    border-bottom: 1px solid var(--colore-speciale);
    margin-bottom: 8px;
}

/* elementi testo */



/* promo__acordion */

.template__promo button.promo__acordion.titolo__promo__acordion:after {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.1.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256zM256 368C269.3 368 280 357.3 280 344V280H344C357.3 280 368 269.3 368 256C368 242.7 357.3 232 344 232H280V168C280 154.7 269.3 144 256 144C242.7 144 232 154.7 232 168V232H168C154.7 232 144 242.7 144 256C144 269.3 154.7 280 168 280H232V344C232 357.3 242.7 368 256 368z"/></svg>');
    max-width: 18px;
    height: 18px;
    width: 100%;
    display: inline-block;
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
    filter: invert(29%) sepia(63%) saturate(1500%) hue-rotate(276deg) brightness(86%) contrast(89%);
}

.template__promo button.promo__acordion.titolo__promo__acordion.promo__active:after {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.1.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256zM168 232C154.7 232 144 242.7 144 256C144 269.3 154.7 280 168 280H344C357.3 280 368 269.3 368 256C368 242.7 357.3 232 344 232H168z"/></svg>');
    filter: invert(29%) sepia(63%) saturate(1500%) hue-rotate(276deg) brightness(86%) contrast(89%);
}

.template__promo button.promo__acordion.titolo__promo__acordion.promo__active:after {
    content: url(https://www.sportbet.it/external_css/SPORTBET/img/meno.svg);
    max-width: 18px;
    height: 18px;
    width: 100%;
    display: inline-block;
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
    filter: invert(29%) sepia(63%) saturate(1500%) hue-rotate(276deg) brightness(86%) contrast(89%);
}

.template__promo .promo__acordion {
    cursor: pointer;
    padding: 5px 15px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 16px;
    transition: 0.4s;
    font-weight: 700;
}

.template__promo .promo__active,
.template__promo .promo__acordion:hover {
    opacity: .9;
}

.template__promo .promo__accordion__panel {
    padding: 16px 24px;
    display: none;
    overflow: hidden;
    background: #17001d;
    transition: all 500ms ease-in-out;
}

.template__promo .titolo__promo__acordion {
    background: var(--titolo-accordion);
    color: var(--colore-speciale);
    font-style: italic;
    position: relative;
}

.template__promo .blocco__accordion {
    width: 100%;
    margin-bottom: 16px;
}

/* promo__acordion */

/* tabelle */

.template__promo .tabella__responsive {
    max-width: 100%;
    width: 100%;
    overflow-x: auto;
    margin: 16px auto;
}

.template__promo .tabella__responsive table {
    width: 100% !important;
    margin: 0 auto;
}

.template__promo .tabella__responsive table {
    width: 100%;
}

.tabella__responsive thead tr th {
    background: var(--colore-speciale);
    padding: 4px 15px;
    text-align: center;
    text-transform: uppercase;
}

.tabella__responsive tbody tr td {
    background: transparent;
    padding: 4px 15px;
    text-align: center;
}

.tabella__responsive tbody tr:nth-of-type(even) td {
    background: #351f3a;
}


/* tabelle */

.template__promo .descrizione__testo__arancione {
    color: #ececec;
    font-style: italic;
    color: var(--colore-speciale);
}


.template__promo ul.lista__accordion {
    padding-left: 24px;
}


/* bottoni */

.template__promo .gruppo__bottoni {
    width: 100%;
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 16px;
}

.template__promo a.bottone__promo {
    padding: 8px 24px;
    background: var(--colore-speciale);
    color: var(--nero-nuovo) !important;
    border-radius: 4px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: unset;
}

.template__promo a.bottone__promo:hover {
    text-decoration: unset;
    opacity: .9;
}

.template__promo a.bottone__promo.bottone__colore2 {
    background: #351f3a;
}

.template__promo button.promo__acordion.titolo__promo__acordion {
    outline: 1px dotted;
    outline: unset;
}

.row.riga__condizioni {
    margin-top: 24px;
}

/* mod template promo */