/* TEMPLATE STYLES */


/* Necessary for full page carousel*/

html,
body,
header
.view {
    height: 75vh
}

@font-face {
    font-family: "thirsty";
    src: url("../font/thirsty/ThirstyScriptExtraBoldDemo.otf");
}


.extra-margins {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
}

.view {
    background: url("../img/stadio-di-calcio.jpg")no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.half-view {
    height: 50vh !important;
}

.full-view {
    height: 100vh !important;
}

/* Navigation*/

.navbar {
    background-color: transparent;
}

.top-nav-collapse {
    background-color: #0F7BDF;
}

footer.page-footer {
    background-color: #0F7BDF;
}

@media only screen and (max-width: 768px) {
    .navbar {
        background-color: #0F7BDF;
    }
}


/* Carousel*/

.carousel {
    height: 50vh;
}

@media (max-width: 776px) {
    .carousel {
        height: 100vh;
    }
}

.carousel-item {
    height: 100%;
}

.carousel-inner {
    height: 100%;
}

.carousel-item:nth-child(1) {
    background-image: url("../img/stadio-di-calcio.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.4;
}

#carousel-app .carousel-item:nth-child(1) {
    background-image: url("../img/stadio-android.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

#carousel-app .carousel-item:nth-child(2) {
    background-image: url("../img/stadio-ios.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

#carousel-app .carousel-item:nth-child(3) {
    background-image: url("../img/stadio-wp.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}


/*Caption*/

.flex-center {
    color: #fff;
}

.navbar-brand img {
    height: 40px;
    width: 40px;
}

.text-orange {
    color: #F7A10D;
}

.text-blue {
    color: #0F7BDF;
}

.underline-orange {
    border-bottom: 3px solid #F7A10D;
}

.shadow-blue {
    text-shadow: 3px 1px 1px #0F7BDF;
}

.thirsty {
    font-family: "thirsty", sans-serif;
    font-weight: 300;
}

.big-text {
    font-size: 60px;
}

.size-30x30 {
    width: 30px;
    height: 30px;
}

.size-x40 {
    height: 40px;
    width: auto;
    margin-bottom: 3px;
}

.mt-10 {
    margin-top: 30px !important;
}

.p-20 {
    padding: 20px;
}

.text-center {
    text-align: center;
}

.text-silver {
    color: #C0C0C0;
}

.text-gold {
    color: #FFD700;
}

.text-platinum {
    color: #E5E4E2;
}

.bg-offerta {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color;
    border-image: none;
    border-radius: 0;
    border-style: none none none solid;
    border-width: 0 0 0 3px;
    padding: 10px 15px;
    background-color: #eaf6ea !important;
    color: #5cb85c !important;
}

.flag {
    height: 25px;
}