/*----------------------------------------------------------------------------*/
/* Data: 24/05/2019                                                           */
/* DIERRESYSTEMS - Daniele Rossi                                              */
/* Sito web giovannimarcato.it                                                */
/*----------------------------------------------------------------------------*/
/* TEMA 1                                                                     */
/*
 body   #ffffff
 h1     #006c84
 h2     #ffb606
 h3     #555555
*/
/*----------------------------------------------------------------------------*/

body {
    background-color: #ffffff;
}

body,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Poppins;
}

h1 {
    /*color: #006c84;*/
    color: #555555;
    font-size: 24pt;
    font-weight: 500;
}

h2 {
    color: #900000;
    font-size: 18pt;
    font-weight: 400;
}

h3 {
    color: #555555;
    font-weight: 500;
}

p {
    color: #666666;
}

a:hover {
    color: #900000;
}

.com_content.view-article .article-body-text:first-letter {
    float: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    padding: inherit;
    margin-right: inherit;
    color: inherit;
    background: inherit;
}

header#t3-header {
    display: none;
}

.t3-content {
    margin-bottom: 30px;
}

.t3-sl {
    /*padding: 30px !important;*/
}

.t3-sl-roof {
    /*background-image: url("/images/main-event.jpg");*/
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    /*min-height: 100vh;*/
}

.t3-sl-roof>.container {
    width: 100%;
    padding: 0px;
}

.t3-roof.row {
    margin: 0;
}

.t3-roof.row .col-lg-12,
.t3-roof.row .col-md-12,
.t3-roof.row .col-sm-12,
.t3-roof.row .col-xs-12 {
    padding: 0px;
}

.t3-sl-roof a {
    color: rgba(255, 255, 255, 0.5);
}

.t3-sl-roof a:hover {
    color: rgba(255, 255, 255, 1);
}

@media only screen and (max-width: 480px) {
    .t3-sl-roof.t3-sl {
        display: block;
    }
}

.preloader-box {
    background: #888888;
}

.preloader-box .preloader4 {
    border-left-color: #555555;
    border-right-color: #555555;
}

.tx-main-menu {
    background-color: #888888;
}

.navbar-default .navbar-nav>li>a {
    color: #fff;
}

.navbar-default .navbar-nav>.active>a:hover {
    color: rgba(255, 255, 255, 0.5);
}

.navbar-default .navbar-nav .active,
.navbar-default .navbar-nav .active>a {
    color: white;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
    color: rgba(255, 255, 255, 0.5);
}


.navbar-default .navbar-nav li a,
.navbar-default .navbar-nav li span,
.navbar-default .navbar-nav .open .dropdown-menu>li>span,
.navbar-default .navbar-nav .open .dropdown-menu>li>a,
.navbar-default .navbar-nav>.active>span,
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>span:hover,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>span:focus,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav .open .dropdown-menu>li>span:hover,
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
.navbar-default .navbar-nav .open .dropdown-menu>li>span:focus,
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a {
    color: rgba(255, 255, 255, 0.75) !important;
}

.navbar-default .navbar-nav li a,
.navbar-default .navbar-nav li span,
.navbar-default .navbar-nav .open .dropdown-menu>li>span,
.navbar-default .navbar-nav .open .dropdown-menu>li>a,
.navbar-default .navbar-nav>.active>span,
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>span:hover,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>span:focus,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav .open .dropdown-menu>li>span:hover,
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
.navbar-default .navbar-nav .open .dropdown-menu>li>span:focus,
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:hover {
    color: rgba(255, 255, 255, 0.75) !important;
}

.componentheading {
    padding: 50px 0px;
    text-align: left;
    font-size: 32px;
    font-weight: 500;
    /*color: #006c84;*/
    color: #888888;
    border-top: 1px solid #ddd;
}

#t3-mainbody .container {
    padding-bottom: 50px;
}

#t3-mainbody {
    /*background-color: #dedede;*/
    padding-top: 0px;
    padding-bottom: 0px;
}

footer,
.t3-footer {
    background-color: #888888;
}

.module-title {
    color: #888888;
}

.t3-module {
    /*padding-left: 15px;*/
    margin-bottom: 0px;
}

#main-event {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 100vh;
}

#main-event-bottom {
    padding: 20px;
    margin: 0px;
}

#main-event-countdown #xcd-countdown {
    background: none;
    padding-top: 30px;
}

#main-event-countdown #xcd-countdown .default {
    background: rgba(0, 0, 0, 0.5);
    padding: 10px;
    color: white;
    text-align: center;
}


#main-event-countdown #xcd-countdown .default h3 {
    color: white;
    margin-bottom: 10px;
    padding-bottom: 0px;
}

#main-event-countdown #xcd-countdown .default h2 {
    color: white;
    font-size: 12pt;
}

#main-event-countdown #xcd-display-event p {
    color: #ddd;
}

#main-event-countdown #xcd-display-event span {
    background: none;
    font-size: 30px;
    margin: 0px;
    padding: 0px;
}

#main-event-countdown #xcd-display-event span:not(:first-child) {
    margin-left: 10px;
}

#main-event-countdown .countdown-wrapper {
    padding: 0px;
}

#main-event-countdown .xcd-pretext {}

.com_content.view-category article.item {
    box-shadow: none;
    min-height: 100px;
}

.itemContainer {
    margin-bottom: 40px;
    /*box-shadow: 0px 0px 4px #aaa;*/

}

.catItem-separator {
    margin: 20px 0px;
    border-top: 1px solid #ddd;
}

.catItemView {
    background-color: #ffffff;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    /*box-shadow: 0px 0px 4px #000000;*/
    /*border: 1px solid ##888888;*/
}

.left-event-date {
    background-color: #888888;
    color: white;
    padding: 20px;
}

@media only screen and (max-width: 767px) {
    .central-event-description {
        padding: 20px 0px;
        padding-bottom: 0px;
    }
}

@media only screen and (min-width: 768px) {
    .central-event-description {
        padding: 20px 20px;
        padding-bottom: 0px;
    }
}

.central-event-description .catItemBody {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.right-event-image {
    padding: 0px;
}

.catItemIntroText {
    flex: 1;
}

.event-icons {
    /*height: 50px;*/
    /*border-top: 1px solid #ddd;*/
    padding-top: 20px;
    padding-bottom: 20px;
    /*text-align: right;*/
}

.event-icon {
    margin-left: 16px;
}

.event-icon i {
    color: #e5e5e5 !important;
    font-size: 24px;
}

.event-icon.on i {
    color: #555555 !important;
}

.event-icon.on a:hover i,
.event-icon.on i:hover {
    color: #900000 !important;
}

.event-photogallery {
    display: none;
}

.event-photogallery-thumb {
    width: 240px;
    height: 180px;
    margin: 2px;
}

.catItemIntroText h1 {
    margin: 0px;
    margin-bottom: 10px;
}

.catItemIntroText h2 {
    margin: 0px;
    margin-bottom: 10px;
}

.event_weekday {
    font-size: 16pt;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.8);
}

.event_day {
    font-size: 40pt;
    font-weight: 400;
}

.event_month {
    font-size: 20pt;
    font-weight: 400;
    text-transform: uppercase;
}

.event_year {
    font-size: 10pt;
    font-weight: 300;
}

.event_time_label {
    font-size: 12pt;
    font-weight: 400;
    margin-right: 10px;
    color: rgba(255, 255, 255, 0.8);
}

.event_time {
    font-size: 20pt;
    font-weight: 300;
}

.event_time_block {
    margin-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.4);
}

.event_place_block {
    margin-top: 2px;
    border-top: 1px solid rgba(255, 255, 255, 0.4);
    padding-top: 30px;
}

.event_place_block p {
    color: white;
}

#main-events-slider .qx-slide__content {
    /*margin-left: 5vw;*/
    max-width: 600px;
    /* position: absolute;*/
    /* bottom: 80px;*/
    background-color: rgba(0, 0, 0, 0.5);
    padding: 20px 80px;
}

#main-events-slider .qx-slide__content h1,
#main-events-slider .qx-slide__content h2,
#main-events-slider .qx-slide__content h3,
#main-events-slider .qx-slide__content p {
    color: white;
    /*text-shadow: 0px 0px 8px #000000;*/
}


#main-events-slider .qx-slide__container {}

@media only screen and (max-width: 1600px) {
    #header-logo {
        position: fixed;
        z-index: 1000;
        width: 100vw;
        margin-top: 20px;
    }

    #header-logo img {
        width: 200px;

    }

    #main-events-slider .qx-slide__content h1 {
        font-size: 48pt;
        margin: 0px;
    }

    #main-events-slider .qx-slide__content h2 {
        font-size: 24pt;
        margin: 0px;
        margin-bottom: 10px;
        color: #ccc;
    }

    #main-events-slider .qx-slide__content p {
        font-size: 12pt;
        margin: 0px;
    }

}

@media only screen and (min-width: 1601px) {
    #header-logo {
        position: fixed;
        z-index: 1000;
        width: 100vw;
        margin-top: 50px;
    }

    #header-logo img {
        width: 400px;

    }

    #main-events-slider .qx-slide__content h1 {
        font-size: 48pt;
        margin: 0px;
    }

    #main-events-slider .qx-slide__content h2 {
        font-size: 24pt;
        margin: 0px;
        margin-bottom: 10px;
        color: #ccc;
    }

    #main-events-slider .qx-slide__content p {
        font-size: 16pt;
        margin: 0px;
    }

}

.chisiamo-icons img {
    width: 100px;
}

.affreschi-giotto-title h3,
.affreschi-giotto-title .qx-slide__content {
    text-shadow: 0px 0px 6px #000;
}

.giotto-eventi-title h1 {
    /*box-sizing: content-box;*/
    padding: 10px;
    margin: 0px;
    color: white;
    background-color: #1f66b4;
}



#informativa-cookie-link a:hover {
    color: #000;
}

.t3-megamenu .mega-nav>li>a,
.t3-megamenu .dropdown-menu .mega-nav>li>a {
    color: #666666 !important;
}

.dragonDoroForm .iniziativa_field input {
    display: inline;
    height: 20px;
    width: auto;
}


.dragonDoroForm .iniziativa_field label {
    font-weight: normal;
    width: 200px;
}

.dragonDoroForm .iniziativa_field label:first-child {
    margin-bottom: 20px;
}

.dragonDoroForm #field14 {
    width: 100%;
    height: 200px;
}

.dragonDoroForm .vis_mandatory {
    visibility: hidden;
    /* display: none; */
}

.dragonDoroForm .dragondoro2023_submit {
    background-color: #900000;
    border: none;
    color: white;
    padding: 20px 40px;
    font-weight: bold;
    border-radius: 4px;
}

.dragonDoroForm .dragondoro2023_submit:hover {
    transform: scale(1.1, 1.1);
}

.dragonDoroForm .vis_mandatory::after {
    visibility: visible;
    /* position: absolute;
    top: 0;
    left: 0; */
    position: absolute;
    left: 0;
    content: "I campi contrassegnati con *, sono richiesti";
}

.dragonDoroForm #field29 {
    margin-top: 15px;
}

.alboDoro_title {
    padding: 100px;
}

.dragondoro_albo_person {
    margin: 50px 0px;
}

.dragondoro_albo_person h3 {
    line-height: 1.5 !important;
    text-align: justify !important;
}

@media only screen and (max-width: 767px) {
    .dragonDoroForm .visCSSlabel {
        width: auto;
    }
}

.dragondoro2023hide
{
    height: 0px;
    width: 0px;
}

.iscrizioneForm
{
    padding: 20px;
    background-color: #eaeaea;
}

.iscrizioneForm input
{
    background-color: #ffffff !important;

}

.iscrizioneForm #field67
{
    background-color: #900000 !important;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: center;
}

.iscrizioneForm label
{
    margin-top: 0px;
}

#qx-blurb-9615 img
{
    width: 200px;
}

#qx-blurb-9615 h3,
#qx-blurb-181176 h3
{
    background-color: #900000 !important;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: center;
}

#qx-blurb-41012 h3
{
    background-color: #ffffff !important;
    padding: 10px;
    color: #900000;
    font-weight: bold;
    text-align: center;
}

#qx-blurb-41012 h3:hover
{
    background-color: #f0f0f0 !important;
    padding: 10px;
    color: #900000;
    font-weight: bold;
    text-align: center;
}

.menu_cena_2024
{
    background-color: #286c93;
    padding: 25px;
    border-radius: 5px;
}

.menu_cena_2024 h3,
.menu_cena_2024 p
{
    color: white;
}

.qr-code-donne img
{
  width: 120px;
}