/*
Copyright (C) 2017 Aeonsoft
www.aeonsoft.it
All rights reserved.
*/
/* 
    Created on : Jul 14, 2016, 8:50:05 AM
    Author     : ramon
*/

body {
    padding-top: 0px;
}

body { 
    background-attachment: fixed;
    background-repeat: no-repeat;  
    background-position: center;
    background-color: #386CD2;
}

/***************************************************************/
/* MOBILE */

@media (max-width: 480px) {
    .h1, h1 {
        font-size: 2rem;
    }

    .h2, h2 {
        font-size: 1.7rem;
    }

    .h3, h3 {
        font-size: 1.55rem;
    }
}

/***************************************************************/

#site-container {
    background: white;
}


#site-container footer {
    text-align: center;
    color: #6d7680;
    font-size: 15px;
}

#site-container footer a {
    color: #6d7680;
}
#site-container footer a:hover {
    color: #4285f4;
}

#site-container footer .part1,
#site-container footer .part2,
#site-container footer .part3 {
    background-color: #f7f7f7;
    padding: 10px;
}

#site-container footer .part4,
#site-container footer .part5 {
    padding: 10px;
}

#site-container footer .part2 .fab {
    font-size: 60px;
}

#site-container footer .part2 .fa-youtube-square {
    color: #ff0000;
}
#site-container footer .part2 .fa-facebook-square {
    color: #4267b1;
}
#site-container footer .part2 .fa-linkedin {
    color: #0077b5;
}
#site-container footer .part2 .icon {
    float: left;
    margin-right: 10px;
}
#site-container footer .part2 .content {
    text-align: left;
}
#site-container footer .part2 .youtube {
    width: 180px;
}
#site-container footer .part2 .youtube .title {
    margin-bottom: 10px;
}
#site-container footer .part2 .youtube .title a {
    color: #202123;
}
#site-container footer .part2 .facebook .title {
    margin-bottom: 6px;
}
#site-container footer .part2 .facebook .title a {
    color: #4267b1;
}
#site-container footer .part2 .description {
    margin-bottom: 0px;
}

#site-container footer .part4 {
    background-color: #eeeeee;
    padding: 10px;
    text-align: left;
}
#site-container footer .part4 ul {
    list-style-type: circle;
}

#site-container footer .part5 {
    color: #202124;
    font-size: 15px;
}
#site-container footer .part5 .fa-instagram,
#site-container footer .part5 .fa-twitter {
    color: #ffffff;
    width: 1em;
    height: 1em;
    position: relative;
    display: block;
    font-weight: 400;
    text-align: center;
}

#site-container footer .part5 .social-icon {
    display: inline-block;
    line-height: 1;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    font-size: 26px;
    padding: .5em;
    margin-right: 5px;
    cursor: pointer;
    border-radius: 10%;
    vertical-align: top;
}
#site-container footer .part5 .social-icon-instagram {
    background-color: #000000;
}
#site-container footer .part5 .social-icon-twitter {
    background-color: #1da1f2;
}

.container-bandi-view {
    max-width: 1000px;
    width: auto;
}

#site-content {
    padding: 0 10px;
}

#site-container {
    padding-right: 0px;
    padding-left: 0px;
}

.bando-list .bando-description {
    font-size: 0.9rem;
}

.bando-list .list-group-odd {
    background-color: #eeeeee;
}

.bando-list img,
.bando-list iframe,
.bando-details .bando-info-description img,
.bando-details .bando-info-description iframe {
    margin: auto;
    display: block;
}

@media (max-width: 480px) {
    .bando-list img,
    .bando-details .bando-info-description img {
        width: 100%;
        height: 100%;
    }

    .bando-list iframe,
    .bando-details .bando-info-description iframe[src*="youtube.com"] {
        width: 100%;
        height: 100%;
        aspect-ratio: 16 / 9;
    }

    .bando-list iframe.responsive-sm-multi-iframe,
    .bando-details .bando-info-description iframe.responsive-sm-multi-iframe {
        width: 100%;
    }

}
@media (min-width: 481px) and (max-width: 640px) {
    .bando-list img,
    .bando-details .bando-info-description img {
        max-width: 560px;
        /*I removed this, because it squashes the image*/
        /*max-height: 315px;*/
    }

    .bando-list iframe,
    .bando-details .bando-info-description iframe {
        max-width: 560px;
    }
}
@media (min-width: 641px) {
    .bando-details .bando-info-description img {
        max-width: 640px;
        /*I removed this, because it squashes the image*/
        /*max-height: 360px;*/
    }

    .bando-list img,
    .bando-list iframe,
    .bando-details .bando-info-description iframe {
        max-width: 600px;
    }
}



#region-help, #region-name {
    text-align: center;
}
#region-help {
    color: #06C;
}
#region-help i {
    color: #900;
}
#region-list {
    text-align: justify;
    line-height: 1.5rem;
}


/********************************************************************************/
/* HEADER */

.navbar-inverse {
    /*background-color: white;*/
}

#logo-text {
    background-color: #f6ec11;
    border-radius: 10px;
}

#logo-text h3 {
    color: #001ab4;
    font-weight: bold;
    text-align: center;
    font-family: 'Oswald';
    margin: 5px 10px;
}


#header-menu, #menu-menu-principale {
    width: 100%;
    height: auto;
    background-color: #4285f4;
}

/**/
.mainNav a {
    font-size: 15px;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

/*1*/
.mainNav a, .bottomNav a {
    font-family: 'Oswald';
}

/**/
.mainNav li a {
    text-transform: uppercase;
    padding: 0 0 0 25px;
    display: block;
    padding-bottom: 7px;
}

/**/
.mainNav li a {
    font-size: 17px;
}

/**/
.mainNav li a {
    padding: 15px 10px 15px 10px;
    color: #ffffff;
}

/*
.mainNav li > ul li a {
    text-transform: none;
    height: 22px;
    padding: 8px 10px 8px 15px;
    text-align: left;
    font-size: 13px;
    line-height: 25px;
    color: #ebebeb;
}

.mainNav li > ul li a {
    background-color: #039;
    height: auto;
    font-size: 13px;
    padding: 4px 10px 4px 15px;
}
*/
.mainNav li a:hover {
    background: #f9e905;
    color: #000000 !important; 
}
/*
.mainNav li > ul li a:hover {
    border: none;
}

.topNav li > ul li a:hover, .mainNav li > ul li a:hover, .error_msg, readmore, a:hover, .single-content ul.tabs li a:hover, .single-content ul.tabs li a.active, h5.toggle a:hover, .flex-caption a:hover, .single-content a {
    color: #0064a2;
}

.mainNav li > ul li a:hover {
    color: #CFF;
}
*/

/**/
.mainNav li {
    float: left;
    position: relative;
    list-style-type: none;
    list-style-image: none;
}

/**/
.mainNav li {
    /*background: #4285f4;*/
    margin: 2px 0px 2px 0px;
}

/**/
.mainNav {
    /*float: right;*/
    padding-bottom: 0px;
    /*margin: 0 !important;*/
}

/**/
.mainNav {
    text-align: justify;
    /*float: left;*/
}






/*
.mainNav li > ul li {
    width: 180px;
    padding: 0;
    position: relative;
}
.mainNav li > ul, .mainNav li > ul li {
    width: 190px;
}
.mainNav li > ul li {
    margin: 0px 2px 2px 2px;
}




.mainNav ul {
    list-style-type: none;
    list-style-image: none;
}
.mainNav li ul {
    display: none;
    margin: 0 !important;
}
.mainNav li>ul {
    height: auto;
    width: auto;
    background: #222;
    padding: 0;
}
.mainNav li>ul {
    background: none;
}
*/


@media (max-width: 480px) {
    #site-logo img {
        width: 100%;
        height: auto;
        padding-right: 0px;
        padding-left: 0px;
    }

    .navbar-brand {
        margin: 0px;
    }
}

@media only screen and (max-width: 959px){
    #site-logo, #logo-text {
        margin: 3px auto;
    }

    .mainNav {
        height: auto;
    }
}

@media only screen and (min-width: 960px){
    #logo-text {
        margin-right: 16px;
        height: 132px;
        padding: 5px 5px;
    }

    #logo-text h3 {
        width: 178px;
        letter-spacing: 1px;
        font-size: 26px;
        line-height: 28px;
    }
}

/********************************************************************************/

.bandi-registration-card  {
    font-size: 20px;
    text-align: center;
}

.bandi-registration-card .card-header {
    font-size: 2rem;
    font-weight: bold;
    color: white;
}

.bandi-registration-card .card {
    border-width: 2px;
    border-radius: 10px;
    border-color: #0000ff;
}

.bandi-registration-card .card-deck .card {
    margin-left: 10px;
    margin-right: 10px;
}

.bandi-registration-card .card .card-body {
    padding: 10px;
}

.bandi-registration-card .card .card-title {
    font-size: 1.1rem;
    font-weight: bold;
    color: #ff6d00;
    text-align: center;
}

.bandi-registration-card .card .card-text {
    text-align: center;
}

.bandi-registration-card .card img {
    height: 115px;
    padding-bottom: 20px;
}

.bandi-registration-card .card .btn {
    color: white;
    font-size: 1rem;
}

.bandi-registration-card .card-privato .btn {
    background-color: #ff6d00;
}
.bandi-registration-card .card-professionista .btn {
    background-color: #29c200;
}
.bandi-registration-card .card-azienda .btn {
    background-color: #f4ec0b;
    color: black;
}

.card-deck {
    margin: 10px auto;
}


/***********************************************************************************************/
/*  Clickday  */

.inail-clickday-home-button {
    line-height: 2.5;
}

.inail-clickday-text-001 {
    color: red;
    font-weight: bold;
    font-size: 20px;
}

.inail-clickday-text-002 {
    color: red;
    font-weight: bold;
    font-size: 20px;
}

.inail-clickday-text-003 {
    color: red;
    font-weight: bold;
    font-size: 12px;
}

/***********************************************************************************************/

.btn-contributiregione-color1 {
    background-color: #f9e905;
    border-color: #f9e905;
}

.btn-contributiregione-color1:hover {
    background-color: #e0d200;
    border-color: #d9cb04;
}

.show>.btn-contributiregione-color1.dropdown-toggle {
    background-color: #e0d200;
    border-color: #d9cb04;
}

/***********************************************************************************************/

.register-box,
.login-box {
    margin-top: -20px;
    border: #4285f4 1px solid;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 5px 5px 5px #dedede;
}

.alert-bandi-info-message {
    color: #333377;
    font-size: 20px;
    background-color: #F2DEDE;
    border-color: #ff0000!important;
    border: dashed;
    margin-top: 30px;
    margin-bottom: 30px;
}

/***********************************************************************************************/

@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    /*
    #user-sidebar {
        display: none;
    }
    */
    #user-topbar {
        display: block;
    }
}

@media only screen and (min-width: 768px) {
    /* For desktop: */
    /*
    #user-sidebar {
        display: block;
    }
    */
    #user-topbar {
        display: none;
    }
}