

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

@font-face {
    font-family:'Bell MT';
    src: url('../fonts/Bell MT Italic.eot');
	src: url('../fonts/Bell MT Italic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Bell MT Italic.woff2') format('woff2'),
		url('../fonts/Bell MT Italic.woff') format('woff'),
		url('../fonts/Bell MT Italic.otf') format('opentype'),
		url('../fonts/Bell MT Italic.svg#Bell MT Italic') format('svg');
    font-weight: 400;
    font-style: italic;
    font-stretch: normal;
    unicode-range: U+0020-02DC;
}

@font-face {
    font-family:'Bell MT';
    src: url('../fonts/Bell MT.eot');
    src: url('../fonts/Bell MT.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Bell MT.woff2') format('woff2'),
        url('../fonts/Bell MT.woff') format('woff'),
        url('../fonts/Bell MT.otf') format('opentype'),
        url('../fonts/Bell MT.svg#Bell MT') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-02DC;
}

@font-face {
    font-family:'Elephant';
    src: url('../fonts/Elephant.eot');
    src: url('../fonts/Elephant.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Elephant.woff2') format('woff2'),
        url('../fonts/Elephant.woff') format('woff'),
        url('../fonts/Elephant.otf') format('opentype'),
        url('../fonts/Elephant.svg#Elephant') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-02DC;
}

@font-face {
    font-family:'Elephant';
    src: url('../fonts/Elephant Italic.eot');
    src: url('../fonts/Elephant Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Elephant Italic.woff2') format('woff2'),
        url('../fonts/Elephant Italic.woff') format('woff'),
        url('../fonts/Elephant Italic.otf') format('opentype'),
        url('../fonts/Elephant Italic.svg#Elephant Italic') format('svg');
    font-weight: 400;
    font-style: italic;
    font-stretch: normal;
    unicode-range: U+0020-02DC;
}

body {
font-family: 'Bell MT', serif;
font-size: 25px;
line-height: 35px;
color: #000;
}

h1,h3,h4,h5 {
    font-family: 'Elephant';
}

h1 {font-style: italic;}
h6 {font-size:28px; margin-bottom: 10px;}

a {color: #ee1c24;}
a:hover {color: #c12e2a; text-decoration: none;}

.btn {
    border-radius: 0;
    border: none;
    font-family: 'Elephant';
    font-style: italic;
    font-size: 30px;
    transition: all 0.2s ease-out;
}
.btn-red {background: #ee1c24; color:#fff;}
/*.btn-wine {background: #4d1240; color:#fff;}
.btn-wine:hover {background: #2f0b27; color:#fff;}*/

.btn-wine {background: transparent; color:#333; border: 1px solid #333;}
.btn-wine:hover {background: #2f0b27; color:#fff;}

.btn-inverse {background: none; border: 1px solid #fff;}
.btn-inverse:hover {background: #fff;}
.btn-lg {padding:20px 60px;}
.btn-md {padding:15px 40px; font-size: 25px;}
.btn-sm {padding:10px 20px; font-size: 18px; margin:10px 0;}

.btn-box {margin: 60px 0;}



/*--navbar--*/

.navbar.navbar-inverse {background: url('../img/background_header_blue.jpg'); min-height: 130px;  transition:all 0.3s ease-out; margin-bottom: 0;}
.home .navbar.navbar-inverse, .wine .navbar.navbar-inverse {
    background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
    transition: background 1s ease-out;
    -webkit- transition: background 1s ease-out;
}

.navbar .container-fluid {padding-left: 30px; padding-right: 30px; transition:all .3s ease-out;}
.navbar-nav {height: 100%;}
.navbar-fixed-top {border-width: 0 !important; z-index: 999999;}
.navbar-brand {height: auto; padding: 20px; transition:all .3s ease-out;}
.navbar-brand .img-responsive {height: 100%; width: 92px; transition:all .2s ease-out;}
ul.navbar-nav, ul.navbar-nav li {margin-bottom: 0;}
.navbar-toggle .icon-bar {background:#fff; height: 3px;}
.navbar-nav>li {transition: all 0.3s ease-out;}
.navbar.navbar-inverse .navbar-nav>li>a {font-size: 18px; color:#fff; font-family: 'Bell MT'; font-style:italic; text-transform: uppercase; transition: all 0.3s ease-out; padding: 55px 10px;}
.navbar-nav>li>a:hover, .nav>li>a:focus {background: transparent; color:#fff;}
.navbar-nav>li.active> a {color: #fff;}

.navbar-toggle {border: none;}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {background: none;}

.navbar-inverse .navbar-toggle:hover .icon-bar {background: #f0f0f0;}

.navbar.navbar-inverse .navbar-nav>li.active>a, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    background: none;
    font-weight: bold;
    box-shadow: none;
    color:#CCAC00;
}

#lang-sel img {height: 20px; margin-top: -5px;}

#search-form {display:none; transition: all .3s ease-out;}

#search-form .gsc-input {background: none !important;}

#search-form .cse .gsc-search-button input.gsc-search-button-v2, #search-form input.gsc-search-button-v2 {
	width: auto;
    height: auto;
    padding: 5px 27px;
    min-width: 13px;
    margin-top: 2px;
}

.wine .scroll {z-index: 99999;}

.wine #section-wine-stories-1 {padding-top: 150px;}

#search-form .gsc-control-cse {border-color: transparent !important; background: transparent !important;}

.gsc-control-cse div {height: 100%;}

input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {
    border-color: #666 !important;
    background-color: #666  !important;
    background-image: none;
    filter: none;
}

.gsc-control-cse .gs-spelling, .gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title * {
    font-size: 16px;
    height: auto;
}


.gsc-search-box {margin-bottom: 0;}

.gsib_a {padding: 0 15px !important;}

.dropdown-menu {
    font-size: 22px;
    border: none;
    box-shadow: none;
    top: 101%;
    font-style: italic;
    padding: 15px;
    border-radius: none;
    opacity: 0;
    transition: all .3s ease-out;
    border-radius: 0;
}

.show-on-hover:hover .dropdown-menu {
    display: block;
    opacity: 1;
}

.affix.navbar.navbar-inverse  {min-height: 60px;}
.home .affix.navbar.navbar-inverse, .wine .affix.navbar.navbar-inverse {
    background: url('../img/background_header_blue.jpg');
    transition: background 1s ease-out;
    -webkit- transition: background 1s ease-out;
}
.affix.navbar.navbar-inverse .navbar-nav>li>a  {padding: 20px 10px;}

.affix.navbar.navbar-inverse .navbar-brand {padding:5px 20px;}
.affix.navbar.navbar-inverse .navbar-brand .img-responsive{height: 50px; width: 50px; transition:all .2s ease-out;}


@media (min-width: 992px) and (max-width: 1199px) {

    .navbar.navbar-inverse .navbar-nav>li>a {font-size: 15px; padding: 55px 8px;}
    .affix.navbar.navbar-inverse .navbar-nav>li>a  {padding: 20px 8px;}

    #lang-sel img {height: 25px;}
}


/*--custom navbar collapse--*/

@media (max-width: 1199px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
        z-index: 999999;
    }
    .navbar-collapse {
        border-top: none;
        box-shadow: none;
    }

    .navbar.navbar-inverse .navbar-nav>li>a, .affix.navbar.navbar-inverse .navbar-nav>li>a {
        font-size: 22px;
        color:#fff;
        padding: 10px 35px;
        text-align: left;
    }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }

    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in, .collapse{
        display:block !important;
    }



    .side-collapse {
      top:0;
      padding-top: 70px;
      bottom:0;
      right:0;
      width:350px;
      position:fixed;
      overflow:hidden;
      transition:width .4s;
      background: url('../img/background_header_blue.jpg');
  }
  .side-collapse.in {
      width:0;
  }

  .scroll {display: none;}

  .dropdown-toggle .caret{display: none;}
}


@media (max-width: 768px;) {
    .side-collapse {
        width: 85%;
    }
}


/*--Section--*/

.section {background: #fff;}

.section-header{font-size:48px; padding-bottom:10px; margin: 0; border-bottom: 5px solid #000;}
.subtitle {font-size:30px; margin-right: 30%; margin-top:0; margin-bottom: 60px; padding-top: 20px; }

.section .row {
    display: flex;
}

.section .text-box {
    padding: 90px;
}

.section .text-box.cit {
    font-style: italic;
}

.section .img-box {
    padding: 0;
    flex: 1;
    background-size: cover;
}

/*--page-head--*/

.page-head {
    text-align: center;
    padding: 250px 0 120px;
    background-size: cover;
}

.page-head h1 {
    font-size: 60px;
    width: auto;
    color:#fff;
    border: none;
    font-style: normal;
}

.page-head h2.head-subtitle {
    text-align: center;
    width: auto;
    color:#fff;
    display: inline-block;
    border-top: 5px solid #fff;
    padding: 20px 40px 0;
    margin-top: 0;
    font-style: italic;

}

@media (max-width: 768px) {
    .page-head h1.section-header.verybig {font-size: 35px;}
}

/*--page-head backgrounds--*/

#azienda-head {background-image: url('../img/azienda-head.jpg');}
#territorio-head {background-image: url('../img/territorio-head.jpg');}
#degustazioni-head {background-image: url('../img/degustazioni-head.jpg');}
#vini-head {background-image: url('../img/vini-head.jpg');}
#estremi-head {background-image: url('../img/estremi-head.jpg');}
#stories-head {background-image: url('../img/stories-head.jpg');}
#press-head {background-image: url('../img/marisa-cuomo-bottiglie-comunicato-stampa.jpg');}
#contatti-head {background-image: url('../img/contatti-head.jpg');}

/*--img-box backgrounds--*/

#img-azienda-home {background-image: url('../img/cantine-scavate-nella-roccia.jpg');}
#img-territorio-home {background-image: url('../img/furore-territorio.jpg');}
#img-degustazioni-home {background-image: url('../img/degustazioni.jpg'); background-position: center;}
#img-vini-estremi-home {background-image: url('../img/vini-estremi.jpg'); background-position: center;}

#img-azienda-azienda {background-image: url('../img/famiglia-cuomo.jpg'); background-position: top center;}
#img-azienda-cantine {background-image: url('../img/cantine-scavate-nella-roccia.jpg');}

#img-roccia-territorio {background-image: url('../img/un-vino-che-sa-di-roccia.jpg'); background-position: center;}
#img-furore-territorio {background-image: url('../img/furore-paese.jpg'); background-position: right;}
#img-unghie-territorio {background-image: url('../img/unghie-di-spazio.jpg');}

#img-degustazioni-first {background-image: url('../img/degustazioni.jpg');}

#img-mani-estremi {background-image: url('../img/vini-estremi.jpg');background-position: center;}
#img-roccia-estremi {background-image: url('../img/roccia.jpg');}

#img-furore-contatti {background-image: url('../img/furore-contatti.jpg'); background-position: center;}

#map {height: 600px;}

@media (min-width: 1200px) and (max-width: 1400px) {
    #img-azienda-home {background-image:url('../img/cantine-scavate-nella-roccia-md.jpg'); background-position: center;}
    #img-territorio-home {background-image: url('../img/furore-territorio-md.jpg');}

}


@media (max-width: 1199px) {

    .section .row {flex-wrap: wrap;}
    .section .text-box {flex: none; order:1;}
    .section .img-box {flex:none; order:2; background-position: center; overflow: hidden;}

    .img-box {height: 500px;}
}

@media (max-width: 992px) {

    body {
        font-family: 'Bell MT', serif;
        font-size: 22px;
        line-height: 27px;
        color: #000;
    }

    h1,h2,h3 {text-align: center;}
    p {text-align: justify;}
    .section-header{font-size:32px;}
    .subtitle {font-size:25px; margin-right: 0; }

    .section .text-box {padding: 20px;}

    #img-mani-estremi {background-position: left;}
}

/*--Carousel--*/

.carousel {position: relative; height: 700px; background: #f0f0f0;}

.carousel img {margin: auto;}

.carousel-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  text-align: center;
  width: 80%;
}

.carousel .left, .carousel .right {color: #000; font-size: 25px;}
.carousel .left {position: absolute; top:50%; left:0;}
.carousel .right {position: absolute; top:50%; right:0;}

.carousel .item {opacity:0; transition: all 0.4s ease-in;}
.carousel .item.active {opacity:1; transition: all 0.4s ease-in;}

.carousel-control {background: none !important;}

.carousel-indicators {bottom:20%;}
.carousel-indicators .active {background: #000;}
.carousel-indicators li {border: 1px solid #000}

#vitigni-carousel .carousel-indicators {bottom:0;}

.carousel h2 {font-size: 30px; margin-top: 30px;}

.carousel p{
    font-size: 20px;
    line-height: 28px;
}

.carousel .caption {
    padding: 0 90px;
}

/*-vini-gallery--*/

#vini-img-box .row {
    display: block;
}

#vini-img-box .img-gallery {
    padding: 10px 0;
}

#vini-img-box .img-gallery .inner{
    background: #f0f0f0;
    padding: 60px 0;
    display: block;
    transition: all 0.3s ease-in;
    color:#000;
}


#vini-img-box .img-gallery .inner:hover{
    opacity:0.6;

}

#vini-img-box .img-gallery .img-responsive {
    margin: auto;
    height: 391px;
}

/*#img-post-carousel {height: 900px;}*/

/*.post-item{
  width: auto;
  height: 600px;
}*/

.press-indicators{
  bottom: 20px!important;
}

@media(max-width: 520px){
  .carousel-inner{
    width: 95%;
  }
  .carousel{
    height: 300px;
  }
}

@media(max-width: 360px){
  .section-header{
    font-size: 30px!important;
  }
  .button-press{
    padding: 10px!important;
  }
}

@media (min-width: 768px) {
    #vini-img-box .img-gallery:nth-of-type(1), #vini-img-box .img-gallery:nth-of-type(4), #vini-img-box .img-gallery:nth-of-type(7){
        padding-left: 0;
    }

    #vini-img-box .img-gallery:nth-of-type(3), #vini-img-box .img-gallery:nth-of-type(6), #vini-img-box .img-gallery:nth-of-type(9){
        padding-right: 0;
    }

    #vini-img-box .img-gallery {
    padding: 10px;
    }

}

@media (min-width: 769px) and (max-width: 992px) {
    #vini-img-box .img-gallery .inner h2 {
        font-size: 24px;
    }
}

@media (max-width: 1199px) {
    #img-vitigni-carousel, #img-medagliere-carousel{height: 900px;}
    #img-medagliere-carousel .carousel-indicators {bottom: 0;}
}
/*--vini-detail--*/

#vini-detail-main {
    margin-top: 90px;
}

#vini-detail-main .container-fluid {padding:0;}
#vini-detail-main .container-fluid .row{margin:0;}


#vini-detail-main .text-box {
    padding: 60px 0;
    font-family: 'Bell MT';
    font-style: normal;
    font-size: 18px;
}

#vini-detail-main .text-box span{
    font-style: italic;
    font-size: 22px;
}

#vini-detail-main .vini-box {
    padding-top: 30px;
    display: block;
}

#vini-detail-main h1.vini-section-header{
    background: #111126;
    color:#fff;
    width: 100%;
    text-align: center;
    padding: 30px 0;
    margin-top: 0;
}

#vini-detail-main h2 {
    margin-top: 0;
}

#vini-detail-main .vini-box .img-responsive {
    margin: auto;
}

#vini-detail-col-r {
    padding: 0 60px;
}

.vini-prize {
  border: 10px solid #000;
  border-image-source: url(../img/cornice.png);
  border-image-slice: 50;
  border-image-width: 30px;
  padding: 30px;
  margin: 60px 0;
  font-style: italic;
}

/*ADD CUSTOM CSS BY FM*/

.text-box p{
  margin: 0;
  font-size: 20px;
  line-height: 26px;
}

.subtitle{
  margin-bottom: 30px;
}

@media(min-width:992px){
  .section .text-box {padding: 30px 60px;}
  .section-header{font-size:44px;}
  .subtitle{font-size: 28px}
}

@media (max-width: 1199px) {
    #vini-detail-main .row {
        display: table;
    }

    #vini-detail-col-r {
        padding: 0 15px;
    }

    #vini-detail-main h2 {
        font-size: 22px;
    }

}

@media (max-width: 767px) {
    #vini-detail-main .vini-box .img-responsive {
        height: auto;
        width:60%;
    }

    #vini-detail-main {
        text-align: center;
    }

    #vini-detail-main h1.vini-section-header {
        font-size: 30px;
        padding: 30px;
    }

}

#contatti-main p {margin-bottom: 60px;}


/*--footer--*/

footer {
    padding: 0;
    background-image: url('../img/footer_background_blue.jpg');
    background-size: cover;
    color: #fff;
    font-style: italic;
}

footer a {color:#f6f6f6;}

footer p {font-size: 22px;}

footer .container-fluid {
    padding-left: 30px;
    padding-right: 30px;
}

footer #contact-info> div {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 0px;
}

footer .footer-bottom-links {text-align: center; padding: 60px 0;}

footer .img-responsive {max-width:270px; margin:auto;}

#footer-logo .img-responsive {max-width: 250px; margin: auto;}

footer .social-icons {
    font-size: 50px;
    margin-top: 60px;
}

footer .social-icons i {margin: 5px;}

#left-footer-col {padding-top:90px;}
#right-footer-col {padding-top:90px; text-align: right;}

#right-footer-col iframe {width: 100% !important;}

.attribution p {text-align: center; font-size: 14px;}

@media (max-width: 1400px) {
    footer h2  {font-size: 25px;}
    #footer-logo .img-responsive {max-width: 100%;}
}

@media (max-width: 992px) {
    footer, footer p {text-align: center;}

    .carousel .item, .carousel .caption {padding: 0 30px;}

}

/*--contact-form--*/

#footer-contact {text-align: center; margin-bottom: 60px; padding: 0 5%;}

#footer-contact h1 {font-size:35px; padding-bottom:10px; margin: 0 0 30px; border-bottom: 2px solid #fff;}

label {font-size:22px; font-weight: 400; margin-bottom: 10px;}

.form-group {overflow: auto; padding: 0;}

.form-control {
    height: 45px;
    font-size: 22px;
}

input.btn {margin-top: 30px;}


#contact-form-out {background: #f0f0f0; text-align: center;}

#contact-form-out #contact-form-deg {padding:30px 0;}

#contact-form-deg .row {display: block;}

/*wine-video-embed*/

.fluid-width-video-wrapper {
    position: static !important;
}

@media (min-width: 1200px) and (min-width: 1400px)  {
    .pretty-embed img{
            height: 100%;
        }
}


@media (max-width: 768px) {
    .pretty-embed img {
        width: auto !important;
        height: 100%;
    }
}


/*new*/

.padd-topbottom{
  padding-top: 50px;
  padding-bottom: 50px;
}

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

.logo-press{
  padding: 30px;
  margin: 0 auto;
  display: block;
  text-align: center;
}

.button-press{
  padding: 15px 50px;
  border: 2px solid #000;
  color: #000;
  transition: .4s;
}

.button-press:hover{
  background: #000;
  color: #fff;
}
