/*
	main blue  #0c142a
*/

body {
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}

#debug-header {
    margin-top: 122px;
}

.no-gutters {
    margin-right: 0;
    margin-left: 0;

    > .col,
    > [class*="col-"] {
        padding-right: 0;
        padding-left: 0;
    }
}

/*button go to top*/
#goToTop {
    display: inline-block;
    background: #4d4a96;
    background: -moz-linear-gradient(-30deg, #4d4a96 0%, #b34a4d 69%, #cc6931 100%);
    background: -webkit-linear-gradient(-30deg, #4d4a96 0%, #b34a4d 69%, #cc6931 100%);
    background: linear-gradient(150deg, #4d4a96 0%, #b34a4d 69%, #cc6931 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d4a96', endColorstr='#cc6931', GradientType=1);
    color: #FFF;

    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 25px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
}

#goToTop::after {
    font-weight: normal;
    font-style: normal;
    font-size: 2em;
    line-height: 50px;
    color: #fff;
}

#goToTop:hover {
    cursor: pointer;
    background-color: #333;
}

#goToTop:active {
    background-color: #555;
}

#goToTop.show {
    opacity: 1;
    visibility: visible;
}

#goToTop svg {
    padding-top: 20%;
    width: 50%;
}

/**/

header > nav.navbar > button.navbar-toggler > span.navbar-toggler-icon {
    color: #0c142a;
}

ul.nav.navbar-nav {
    margin: 0 auto;
}

#navbarMainTopMenu > ul > li.nav-item {
    margin: 1em 7em 1em 0;
}

#navbarMainTopMenu > ul > li.nav-item > a {
    color: #0c142a;
    font-weight: bold;
    padding: 0 .5em;
    background: #FFF;
    -webkit-transition: background 200ms linear, color 200ms linear;
    -moz-transition: background 200ms linear, color 200ms linear;
    -ms-transition: background 200ms linear, color 200ms linear;
    -o-transition: background 200ms linear, color 200ms linear;
    transition: background 200ms linear, color 200ms linear;
}

#navbarMainTopMenu > ul > li.nav-item > a:hover {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4d4a96+0,b34a4d+69,cc6931+100 */
    background: #0c142a;
    color: #FFF;
}

.section-header {
    background-color: #FFF;
}

.main-logo {
    margin-top: 7em;
    width: 20vw;
}

.header-mobile-text {
    margin: 0 auto;
}

.main-logo-dates {
    color: #000;
    font-weight: bold;
    font-size: 2.5vw;
}

.header-story {
    margin-top: 5em;
}

#top-slider {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}

#top-slider li {
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
}

#top-slider li:first-child {
    position: relative;
    display: block;
    float: left;
}

#top-slider img {
    display: block;
    height: auto;
    float: left;
    width: 100%;
    border: 0;
}

#top-slider-pager {
    margin: 0 auto;
    padding: 0;
    list-style: none;
    font-size: 0px;
    text-align: center;
    width: 100%;
}

#top-slider-pager li {
    background-color: #444;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#top-slider-pager li:first-child {
    margin-left: 0;
}

#top-slider-pager li.rslides-top_here {
    background-color: #CCC;
}

#top-slider-pager li a {
    display: inline-block;
    width: 3vw;
    height: 1vh;
}

#top-slider-pager li.rslides-top_here a {
}

/*-----------scrolling animation top---------------*/
.section-scrolling {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+49,0c142a+49,0c142a+100 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 49%, #0c142a 49%, #0c142a 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 49%, #0c142a 49%, #0c142a 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 49%, #0c142a 49%, #0c142a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#0c142a', GradientType=0); /* IE6-9 */
}

.section-scrolling p {
    margin: 0 auto;
    overflow: hidden;
    white-space: nowrap;
}

.section-scrolling p span {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0c142a+0,0c142a+51,ffffff+51 */
    background: #0c142a; /* Old browsers */
    background: -moz-linear-gradient(top, #0c142a 0%, #0c142a 51%, #ffffff 51%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #0c142a 0%, #0c142a 51%, #ffffff 51%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #0c142a 0%, #0c142a 51%, #ffffff 51%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0c142a', endColorstr='#ffffff', GradientType=0); /* IE6-9 */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    font-size: 3vw;
    font-weight: bold;
    word-spacing: 1vw;
}

.section-scrolling-end {
    margin: 2vw auto;
}

.section-scrolling-end p {
    margin: 0 auto;
    overflow: hidden;
    white-space: nowrap;
}

.section-scrolling-end p span {
    color: #0c142a;
    display: inline-block;
    font-size: 3vw;
    font-weight: bold;
    word-spacing: 1vw;
}

/*-----------scrolling animation top---------------*/


.section-events {
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Livello_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 617 87' style='enable-background:new 0 0 617 87;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%230C142A;%7D .st1%7Bfill:none;%7D .st2%7Bopacity:0.05;fill:%23FFFFFF;%7D .st3%7Bfont-family:Arial-BoldMT, Arial;font-weight:700;%7D .st4%7Bfont-size:78px;%7D .st5%7Bletter-spacing:8;%7D%0A%3C/style%3E%3Cg%3E%3Crect class='st0' width='617' height='87'/%3E%3C/g%3E%3Crect x='10' y='14.9' class='st1' width='598' height='58.1'/%3E%3Ctext transform='matrix(1 0 0 1 40.5391 70.7495)' class='st2 st3 st4 st5'%3EPROGRAMMA%3C/text%3E%3C/svg%3E");
    background-color: #0c142a;
    padding-top: 5vw;
    padding-bottom: 5em;
}

.events-title,
.events-title h1,
.events-title h2,
.events-title h3 {
    font-weight: bold;
    color: #FFF;
    font-size: 3vw;
}

.events-table {
    /*margin-top: 4.4em;*/
}

.box-table-events {

}

table.table-events {
    border: solid 1px #FFF;
}

table.table-events > tbody > tr > td {
    border: none;
}

.table-events > tbody > tr.events-table-row-dark {
    color: #FFF;
}

.table-events > tbody > tr.events-table-row-light {
    background-color: #FFF;
    color: #000;
}

.table-events > tbody > tr > td {
    text-align: left;
}


table.table-events a,
table.table-events a:hover,
table.table-events a:visited,
table.table-events a:active {
    text-decoration: none;
    cursor: pointer;
}

table.table-events tr.events-table-row-dark a,
table.table-events tr.events-table-row-dark a:hover,
table.table-events tr.events-table-row-dark a:visited,
table.table-events tr.events-table-row-dark a:active {
    color: #FFF;
    text-decoration: underline;
}

table.table-events tr.events-table-row-light a,
table.table-events tr.events-table-row-light a:hover,
table.table-events tr.events-table-row-light a:visited,
table.table-events tr.events-table-row-light a:active {
    color: #000;
    text-decoration: underline;
}

table.table-events .events-table-data {
    width: 5.7vw !important;
    font-weight: bold
}

/*table.table-events .events-table-band{width:3vw!important;}*/
table.table-events .events-table-link {
    width: 4.5vw !important;
}

table.table-events .events-table-day {
    font-weight: bold;
    padding-bottom: .375rem;
}

table.table-events .events-table-band {
    padding-top: .375rem;
}
table.table-events .events-table-band-stage {
    font-style: italic;
}

.festival-title {
    margin: 5em 0 1.7em 0;

}

.festival-title > h1,
.festival-title > h2 {
    font-weight: bold;
    color: #000;
    font-size: 4em;
}

.festival-text p,
.festival-address {
    padding-left: 6vw;
    padding-right: 6vw;
    padding-top: 1.5em;
}

.festival-text {
    text-align: justify;
    font-size: .9em;
}

.festival-text > p {
    font-size: 1.2em;
    padding-top: 1.5em;
}

.festival-address {
    padding-top: 1.5em;
    padding-bottom: 1.5em;
}

/*start slider foto*/
.tz-gallery {
    padding-top: 2em;
}

.tz-gallery .row > div {
    padding: 0;
}

.tz-gallery .lightbox img {
    width: 100%;
    border-radius: 0;
    position: relative;
}

.tz-gallery .lightbox:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -13px;
    opacity: 0;
    color: #fff;
    font-size: 26px;
    font-weight: 900;
    pointer-events: none;
    z-index: 9000;
    transition: 0.4s;
}


.tz-gallery .lightbox:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgba(12, 20, 42, 0.7);
    content: '';
    transition: 0.4s;
}

.tz-gallery .lightbox:hover:after,
.tz-gallery .lightbox:hover:before {
    opacity: 1;
}

.baguetteBox-button {
    background-color: transparent !important;
}

@media (max-width: 768px) {
    body {
        padding: 0;
    }
}

/*end slider foto*/

.scf-map {
    width: 100%;
    height: 100%;
}

.section-regards {
    margin: 2em auto;
}

.regards-box {
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 2em 2em;
}

.regards-box img {
    width: 100%;
    height: 100%;
}

.rslider ul li {
    margin: 0 auto;
}

.section-footer {

    background-color: #0c142a;
    background-image: url("data:image/svg+xml,%3Csvg id='Livello_1' data-name='Livello 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 300'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%230c142a;%7D.cls-2%7Bopacity:0.05;font-size:139px;fill:%23fff;font-family:Arial-BoldMT, Arial;font-weight:700;letter-spacing:0.1em;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Efooter_grazie%3C/title%3E%3Crect class='cls-1' x='-32.5' y='-13.5' width='870' height='335'/%3E%3Cpath d='M837-13V321H-32V-13H837m1-1H-33V322H838V-14Z'/%3E%3Ctext class='cls-2' transform='translate(101.3 195.42)'%3EGRAZIE%3C/text%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.row-social {
    color: #FFF;
    padding-top: 2em;
}

.box-social {
    margin: 0 1em;
    display: inline-block;
    width: 2em;
}

.box-social svg {
    display: inline-block;
}

.box-loghi {
    padding: 8em 0;
}

.footer-logo-scf-svg {
    margin: 0 auto;
    width: 10em;
}

.footer-plus {
    font-size: 6em;
    color: #FFF;
}

.footer-logo-sagra video {
    width: 10em;
}

.box-mail,
.box-mail a,
.box-mail a:hover,
.box-mail a:active,
.box-mail a:visited {
    color: #FFF;
    font-weight: bold;
    font-size: 4.7vw;
}

.box-mail p {
    margin-bottom: 2rem;
}

.section-end {
    background: #FFF;
    color: #0c142a;
    font-size: 3vw;
    font-weight: bold;
}

.section-footer-link p {
    margin-bottom: 0;
}

.section-footer-link p span,
.section-footer-link p span a,
.section-footer-link p span a:hover,
.section-footer-link p span a:active,
.section-footer-link p span a:visited {
    font-size: .5vw;
    color: #ccc;
}

/*-----------scrolling animation end---------------*/
.section-end {
    background: #FFF;
    color: #0c142a;
    font-size: 2vw;
    font-weight: bold;
}

.section-end .marquee {
    /*width: 500px;*/
    margin: 0 auto;
    overflow: hidden;
    white-space: nowrap;
}

.section-end .marquee span {
    display: inline-block;
    font-size: 3em;
    font-weight: bold;
    position: relative;
    left: 100%;
    animation: marquee 25s linear infinite;
}

/*.section-scrolling .marquee:hover span {animation-play-state: paused;}*/

.section-end .marquee span:nth-child(1) {
    animation-delay: 0s;
}

.section-end .marquee span:nth-child(2) {
    animation-delay: 0.8s;
}

.section-end .marquee span:nth-child(3) {
    animation-delay: 1.6s;
}

.section-end .marquee span:nth-child(4) {
    animation-delay: 2.4s;
}

.section-end .marquee span:nth-child(5) {
    animation-delay: 3.2s;
}

.section-end .marquee span:nth-child(6) {
    animation-delay: 4.0s;
}

.section-end .marquee span:nth-child(7) {
    animation-delay: 4.8s;
}

@keyframes marquee {
    0% {
        left: 100%;
    }
    100% {
        left: -100%;
    }
}

/*-----------scrolling animation end---------------*/


.scf-text-vertical {
    rotate: 270deg;
    color: #f00;
}


.events-table-row {
    svg {
        margin-right: .44vw;
        width: 1vw;
        path.cls-1 {
            stroke-width: 0px;
        }
    }
}
.events-table-row-dark{
    svg {
        path.cls-1 {
            fill: #FFFFFF;
        }
    }
}
.events-table-row-light{
    svg {
        path.cls-1 {
            fill: #212529;
        }
    }
}