\/*
Theme Name: ilvolo-child
Description: Child Theme for "Ristorante Il Volo"
Author: Web Shop Boys
Template: ilvolo
Version: 1.0
*/

@import url("../ilvolo/style.css");

@font-face {
 font-family: "FontAwesome";
 src: url("fonts/fontawesome-webfont.eot?v=4.7.0");
 src: url("fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
 font-weight: normal;
 font-style: normal;
}

/* SEO */

#head_title {
 position: absolute;
 top: -1000px;
}

/* *** */

ul {
    margin-top: 2%;
    margin-left: 10px;
}

.et_pb_scroll_top.et-pb-icon {
    background: #5C0120;
}

.et_pb_scroll_top:before {
    color: #FFF;
}

.rounded {
    border-radius: 10px;
}

.rounded-top {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.rounded-bottom {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.wp-bottom-menu-item {
    padding-top: 15px;
}

.wp-bottom-menu-item i {
    font-style: normal !important;
}

/* HEADER */

.mobile_menu_bar:before {
    content: url(images/menu-icon-white.png);
}

#et-top-navigation {
    width: 100%;
    float: left;
}

#et-info {
    width: 100% !important;
}

#et-info-address:before {
    font-family: "ETmodules" !important;
    content: "\e01d";
    padding-right: 5px;
}

.et-social-icon-awesome {
    font-family: "FontAwesome" !important;
}

.et_header_style_fullscreen .et_slide_menu_top ul.et-social-icons {
    width: 100%;
}

.et_slide_menu_top ul.et-social-icons li {
    margin: 0 25px 25px !important;
}

#et-info-address {
    width: 100%;
    display: inline-block;
}

.et-social-icon-awesome span {
    display: none;
}

.et-social-tripadvisor a.icon:before {
    content: "\F262";
}

.home #top-header .et-social-icon a, .home #top-header .et-social-icon-awesome a {
    padding: 0;
}

#top-menu {
    margin-top: 0;
    margin-left: 0;
}

#top-header #et-info {
    padding: 13px 0;
}

#top-header #et-info a {
    font-weight: 500;
}

#top-header .container {
    padding: 0;
}

#top-header .et-social-icons li {
    margin: 0 8px;
}

#top-menu li li a {
    text-transform: uppercase;
}

.et-fixed-header #top-menu li.current-menu-ancestor>a, .et-fixed-header #top-menu li.current-menu-item>a, .et-fixed-header #top-menu li.current_page_item>a {
    color: #FFF !important;
}

#lang-selector {
    float: left;
}

#lang-selector ul li a span {
    text-transform: uppercase;
}

#main-header {
    background: transparent !important;
    box-shadow: none;
    position: absolute;
}

.et_pb_fullscreen_menu_opened .et_mobile_menu li {
    margin-bottom: 20px;
}

#main-header .container {
    width: 100%;
}

.form-link {
    font-weight: bold;
    color: #222;
}

.form-link:hover {
    color: #fef7dc;
}

#ricette-button {
    width: 100%;
    text-align: center;
}

.home-more-red {
    background-color: #5C0120;
    border-radius: 10px;
}

.home-more-red, .home-more-red h3 {
    color: #FFF;
}

.home-more h3 {
    font-weight: 700;
}

#ricette-slide h2 {
    font-weight: 700;
}

.prenota-button {
    display: none;
}

.home .prenota-button {
    top: -22px;
    display: inline-block;
}

.prenota-button, #et-top-navigation .et_pb_button:hover {
    float: right;
    background-color: transparent !important;
    border: 1px solid #FFF !important;
    color: #FFF !important;
    letter-spacing: 1px;
    font-weight: 600;
    text-transform: uppercase;
    border-color: #FFF !important;
    margin-top: 0;
}

#logo {
    display: none !important;
}

/* HOME SLIDER */

#home-slider .et_pb_slide {
  padding: 18.5% 0 !important;
}

#home-slider .et_pb_fullwidth_image {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 30%;
    z-index: 99999;
}

#home-slider .et_pb_fullwidth_image img {
    max-width: 550px;
}


/* HOME GALLERIA */

#home-galleria .et_pb_row {
    width: 100%;
}

#home-galleria .et_pb_column_1_4 {
    width: 25%;
    margin: 0;
}

/* RICETTA */

#ricetta .titolo-ricetta .et_pb_column {
    background-color: #000;
}

#ricetta .titolo-ricetta h2 {
    color: #FFF !important;
}

#ricetta .et_pb_post_title.et_pb_featured_bg {
    padding: 8% !important;
    opacity: 0.6;
}

#ricetta #desc-breve,
#ricetta #ingredienti {
    padding: 2% 1% !important;
}

#ricetta #tempo-preparazione:before {
    font-family: "ETmodules" !important;
    content: "\7d";
    font-size: 30px;
    float: left;
    padding-right: 10px;
}

#ricetta #tempo-preparazione .et_pb_text:before {
    content:"PREPARAZIONE";
    font-size: 20px;
    font-weight: bold;
    float: left;
    padding-right: 10px;
}

#ricetta #difficolta:before {
    font-family: "ETmodules" !important;
    content: "\e0e1";
    font-size: 30px;
    float: left;
    padding-right: 10px;
}

#ricetta #difficolta .et_pb_text:before {
    content:"DIFFICOLTÀ";
    font-size: 20px;
    font-weight: bold;
    float: left;
    padding-right: 10px;
}

#preparazione-ricetta {
    margin-top: 50px;
}

#preparazione-ricetta .step {
    border-bottom: 1px solid #000;
    padding: 2% 0;
}

#referenze-ricetta {
    margin-top: 25px;
}

#referenze-ricetta a {
    color: #5C0120;
}

#elenco-ricette {
    margin-bottom: 25px;
}

#elenco-ricette .category-ricette {
    margin: 0 5px !important;
}

#elenco-ricette .category-ricette h2 {
    font-size: 150%;
    font-weight: bold;
    color: #5C0120;
}

#elenco-ricette .category-ricette a.more-link {
    color: #5C0120;
    float: right;
    margin-top: 25px;
    text-transform: uppercase;
}

#home-servizi a {
    color: #222;
    font-weight: 600;
}

.footer-main-contacts,
.footer-main-contacts a {
    color: #fef7dc !important;
}

.footer-indicazioni h3,
.footer-orari h3 {
    color: #fef7dc !important;
    font-weight: bold;
    margin-bottom: 25px;
}

#pagina-titolo h2 {
    text-transform: uppercase;
}

#footer-bottom .et-social-icon a,
#footer-bottom .et-social-icon-awesome a {
    color: #fef7dc !important;
}

/* ilvolo */

.et_pb_team_member h4 {
    padding-top: 7px;
    font-weight: 700;
    text-transform: uppercase;
}

.et_pb_member_position {
    background-color: #222;
    color: #fef7dc;
    margin-bottom: 10px;
    font-weight: 500;
    text-transform: uppercase;
}

.elenco-collaboratori {
    background-color: #fef7dc;
    padding: 1% !important;
    margin: 2% auto;
}

.elenco-collaboratori h3 {
    margin: 1% auto 0.5%;
}

/* PRENOTAZIONI */

#prenotazioni .et_pb_column_single {
    padding-top: 0;
}

#prenotazioni #immagini-cerimonie {
    background-color: #5C0120;
    padding: 25px 25px 0;
    margin-bottom: 50px;
}

#prenotazioni .singola-cerimonia-img {
    margin-bottom: 25px;
}

#prenotazioni .prenotazioni-info {
    font-size: 22px;
    padding: 0 2% 6% 0;
}

.prenotazioni-info a {
    color: #222;
    font-weight: 700;
    text-decoration: underline;
}

.prenotazioni-info a:hover {
    text-decoration: none;
}

#prenotazioni-form {
   padding-right: 3%;
}

#prenotazioni-form label {
    font-weight: 600;
    text-transform: uppercase;
 }

#prenotazioni-form input,
#prenotazioni-form select,
#prenotazioni-form textarea {
    width: 100%;
    padding: 1%;
    border: none;
    background-color: #EEE;
    border: 1px solid #5C0120;
}

#prenotazioni-form input[type="checkbox"] {
    width: auto;
    padding: 2%;
}

.wpcf7-list-item-label {
    text-transform: none;
    font-size: 90%;
}

#prenotazioni-form input[type="submit"] {
    width: 100%;
    padding: 2%;
    background-color: #222;
    color: #fef7dc;
    text-transform: uppercase;
    cursor: pointer;
}

#prenotazioni-form input[type="submit"]:hover {
    background-color: #fef7dc;
    color: #222;
}

.wpcf7 form.sent .wpcf7-response-output {
	background-color: #46b450; /* Green */
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
	background-color: #dc3232; /* Red */
    color: #FFF;
}

.wpcf7 form.spam .wpcf7-response-output {
	background-color: #f56e28; /* Orange */
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
	background-color: #ffb900; /* Yellow */
}

.wpcf7-spinner {
    margin: 10px auto 0;
}

span.richiesto {
    color: #5C0120;
    font-weight: 700;
}

#ricette-slide h2.et_pb_slide_title a {
    text-transform: uppercase;
}

#ricetta .titolo-ricetta {
    width: 100% !important;
    padding-top: 0;
}

/* COME RAGGIUNGERCI */

.singola-indicazione {
    margin-bottom: 20px;
}

.singola-indicazione h4 {
    margin-top: 15px;
}

.orari, .disabili {
    background-color: #5C0120;
    color: #FFF;
    padding: 5%;
    border-radius: 10px;
}

.orari h3, .disabili h3 {
    color: #FFF;
    font-weight: bold;
}



@media all and (min-width: 981px) {

ul.et-social-icons {
    margin-top: 0;
}

#main-header {
    width: 88%;
    margin: 0 6%;
}

#main-footer ul.et-social-icons {
    position: relative;
    bottom: 10px;
}

.et_header_style_centered.et_hide_fixed_logo #main-header.et-fixed-header .logo_container {
    height: 5.5px !important;
}

#main-header .nav li ul a {
    color: #222222 !important;
}

.mobile_menu_bar {
    position: relative;
    left: 50px;
}

.nav li ul {
    width: 410px;
    left: 0;
    border-radius: 10px;
}

#top-menu .menu-item-has-children>a:first-child:after, #et-secondary-nav .menu-item-has-children>a:first-child:after {
    right: -18px;
    top: 10px;
}

#top-menu li li a {
    width: 375px;
    padding: 5px 0;
}

.et-social-icon a.icon:before {
    font-size: 30px;
}

.et-social-icon-awesome a.icon:before {
    font-size: 35px;
}

.et_header_style_centered #top-menu>li>a {
    padding: 10px 0 !important;
    text-transform: uppercase;
}

.et_header_style_slide #et-top-navigation {
    padding: 40px 40px 40px 0 !important;
}

#top-menu li {
    padding: 0 22px !important;
}

#menu-item-62 {
    padding-right: 34px !important;
}

#top-menu li.current-menu-item, .current-menu-parent {
    background-color: #5C0120;
    color: #222;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.home-piatti-gallery {
    pointer-events: none !important;
}

.et-pb-controllers {
    display: none;
}

.et_pb_gutters1 .et_pb_column_2_3 {
    width: 63.667%;
    margin-right: 3%;
}

.et_pb_column_2_3 .et_pb_row_inner {
    padding: 4.2415% 0 0 0;
}

.et_pb_slides .et_pb_container {
    max-height: 300px;
}

#news {
    min-height: 5q00px;
}

.intro .et_pb_text_inner {
    padding-top: 2%;
}

.home-more {
    padding: 5% 10%;
}

.et_pb_column_1_3 .et_pb_slide_description {
    padding-bottom: 14%;
}

.et_pb_slide_content {
    margin: 7% 0;
}

#ricette-slide .et_pb_button {
    text-transform: uppercase;
}

#ricette-slide .et_pb_button::after {
    position: absolute;
    top: 5px;
}

#tempi-attesa {
    padding: 1% 0;
}

#home-prestazioni {
    margin: 3% auto;
}

.et_pb_gutters1 .et_pb_column_1_4 {
    width: 22%;
    margin-right: 3%;
}

#ilvolo {
    margin-bottom: 2%;
}

#ilvolo .et_pb_column_1_4 {
    width: 23%;
    margin-right: 2%;
    margin-bottom: 2%;
}

#ricetta #tempo-preparazione .et_pb_text:before {
    margin-bottom: 50px;
}

.step .et_pb_text {
    padding-right: 20px;
}

.indicazioni {
    margin-bottom: 50px;
}

.orari, .disabili {
    margin-bottom: 50px !important;
}

#home-instagram {
    padding: 2%;
}

#footer-contacts {
    padding: 0 0 1%;
    font-size: 90%;
}

.footer-main-contacts,
.footer-main-contacts-title {
    padding: 2% 0 !important;
}


.footer-menu ul {
    padding-left: 15px;
    list-style: disc;
    color: #FFF;
}

.footer-link-menu {
    margin-left: 20px;
}

#pagina-titolo {
    position: relative;
    top: -185px;
    z-index: 9999;
}

#pagina-titolo h2 {
    font-size: 300%;
    font-weight: 500;
}

#servizi .intro-servizi {
    margin-bottom: 2%;
}

#servizi .intro-servizi h3 {
    font-weight: bold;
}

#servizi .et_pb_button {
    width: 100%;
    text-transform: uppercase;
    text-align: center;
    font-weight: 500;
    margin-bottom: 15px;
}

.servizio-short {
    padding: 5% 2% 20%;
}

.servizio-desc {
    padding: 3%;
}

.servizio-full .servizio-desc {
    padding: 2%;
}

.servizi-list-row {
    margin-bottom: 2%;
}

.servizi-list-row img {
    margin-bottom: 10px;
}

.servizio-full .et_pb_image {
    margin: 10px;
}

#servizio .et_pb_button {
    text-transform: uppercase;
    margin-left: 3%;
}

.servizio-full .et_pb_button {
    margin-left: 2% !important;
}

.dott-list-row {
    margin-bottom: 2%;
}

.et_pb_team_member_image {
    float: left;
    padding: 0 10px 0 0;
    margin: 0 !important;
}

.et_pb_team_member {
    padding: 0 2%;
}

.intro-ilvolo .et_pb_text_inner {
    padding: 0 2% 2%;
}

.come-intro {
    padding-bottom: 3% !important;
}

#menu-link-utili li {
    display: inline-block !important;
}

#menu-link-utili li a {
    float: right;
}

}

@media all and (max-width: 980px) {

#main-content {
    position: relative;
}

#et-secondary-nav, #et-secondary-menu {
    display: inline-block !important;
}

#top-header .container,
#main-header .container {
    width: 96%;
}

.et_header_style_centered .et_mobile_menu {
    top: 39px;
    border: none !important;
    padding: 1%;
    margin: 0;
}

#et-info-phone, #et-info-address {
    display: none;
}

#top-header .et-social-icon a, #top-header .et-social-icon-awesome a {
    font-size: 19px;
}

#et-secondary-menu .et-social-icons {
    margin-right: 0;
}

.et_header_style_centered #logo {
    max-height: 125px;
}

.home .prenota-button,
.prenota-button {
    top: -53px;
    right: 35px;
}

.home-more {
    margin-bottom: 4% !important;
}

.et_header_style_fullscreen .et_slide_in_menu_container a,
.et_header_style_fullscreen .et_slide_menu_top ul.et-social-icons a {
    font-size: 35px;
}

.orari, .disabili {
    margin: 25px auto !important;
}

#footer-bottom .et-social-icons {
    margin: 10px 0 25px !important;
}

.footer-indicazioni {
    padding-top: 45px;
}

.footer-orari {
    margin: 10px 0 30px !important;
}

.et_mobile_menu li li {
    padding-left: 0;
}

.et_mobile_menu li li a {
    font-size: 95%;
}

.home-more {
    padding: 2%;
}

#prenotazioni .prenotazioni-info {
    padding-top: 6%;
}

#intro-ricette {
    margin-bottom: 5%;
}

.et_pb_post_slider_image_top .et_pb_slide_image {
    width: 90%;
    margin-top: 4% !important;
}

#home-prestazioni .et_pb_image {
    text-align: center;
    max-width: 35%;
    margin: 0 auto 5%;
}

#home-servizi {
    text-align: center;
    padding: 3%;
}

#footer-contacts .indirizzo a::before {
    height: 40px;
}

.footer-link-menu {
    margin-left: 30px;
}

#servizi .et_pb_button {
    width: 100%;
    text-transform: uppercase;
    text-align: center;
    font-weight: 500;
    margin-bottom: 15px;
}

#pagina-titolo {
    width: 100%;
    position: absolute;
    top: 80px;
    z-index: 9999;
}

#pagina-titolo h2 {
    font-size: 30px !important;
}

#servizi,
#dottori {
    margin-top: 20px;
}

#ilvolo {
    margin-bottom: 20px;
}

#servizi .et_pb_row {
    padding: 0;
}

#servizi .et_pb_image {
    margin: 0 10% 10% 0;
}

.servizio-short {
    padding: 5% 2% 15%;
}

.servizio-title h3 {
    padding: 3% 2%;
    margin-bottom: 3%;
}

#servizio .servizio-desc {
    padding: 2%;
}

#servizio .et_pb_button {
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    margin: 3% 0 7%;
}

#servizio .et_pb_image {
    max-width: 60%;
    margin: 0 auto 2%;
    text-align: center;
}

#home-galleria .et_pb_row {
    margin-bottom: 0;
    padding-bottom: 0;
}

#home-galleria .et_pb_column_1_4 {
    width: 50%;
    margin: 0%;
}

.et_pb_team_member_image {
    margin: 0 auto !important;
}

h4.et_pb_module_header,
.et_pb_member_position {
    text-align: center;
}

.et_pb_team_member_description {
    margin-bottom: 10%;
}

#ilvolo .et_pb_row {
    padding: 0;
}

#ilvolo .et_pb_image {
    margin: 2%;
}

#tempo-preparazione,
#difficolta {
    width: 45%;
    margin: 0 2.5%;
}

#difficolta {
    margin-top: 50px !important;
}

#tempo-preparazione .et_pb_text_inner,
#difficolta .et_pb_text_inner {
    float: right;
    text-align: right;
}

.intro .et_pb_text_inner, .intro-ilvolo .et_pb_text_inner,
.come-intro .et_pb_text_inner {
    font-size: 18px;
}

#prenotazioni-form {
    padding-right: 0;
}

.indicazioni .come, 
.indicazioni .orari {
    padding: 2%;
}

.disabili {
    width: 100%;
    margin: 0 auto 20px;
}

.disabili .et_pb_text_inner {
    width: 80%;
    margin: 0 auto;
    text-align: center;
}

#documenti .titolo-cat-doc {
    margin-top: 3%;
}

#prenotazioni {
    margin: 0 auto 3%;
    padding-top: 0;
}

#prenotazioni-form input {
    height: 40px;
}

.et_header_style_centered #main-header .mobile_nav {
    background-color: rgba(29, 27, 27, 0.15);
}

.et_header_style_centered #main-header .mobile_nav span.select_page {
    visibility: hidden;
}

#footer-bottom .et-social-icons li {
    margin: 0 15px;
}

#footer-bottom .et-social-icons li a:before {
    font-size: 35px;
}

}

@media all and (max-width: 768px) {

#et-info {
    display: none !important;
}

#footer-contacts .et_pb_row {
    width: 90%;
    padding: 0;
}

#pagina-titolo {
    top: 57px;
}

#et-secondary-menu {
    width: 100%;
    text-align: right;
    margin: 10px auto;
}

#ingredienti {
    margin-top: 50px;
}

#ingredienti li {
    text-align: left;
}

#tempo-preparazione,
#difficolta {
    width: 100%;
    margin: 0;
}

#home-slider .et_pb_fullwidth_image img {
    max-width: 400px;
}

.et_pb_post_slider_image_top .et_pb_slide_image {
    margin-top: 50px !important;
}

#ricetta .et_pb_post_title.et_pb_featured_bg {
    padding: 16% 8% 8% !important;
}

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

.et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li>a,
.et_pb_gutters1 .et_pb_row_1-6_1-6_1-6_1-2>.et_pb_column.et_pb_column_1_6,
#menu-link-utili {
    width: 100%;
}

.et_pb_slide_image, .et_pb_slide_video {
    display: inline !important;
}

#footer-contacts .et_pb_image {
    text-align: center;
}

#footer-contacts .indirizzo a::before, #footer-contacts .telefono a::before, #footer-contacts .email a::before {
    display: none;
}

#footer-contacts .contatti {
    text-align: center;
    margin: 5% auto 10%;
}

.footer-link-menu {
    margin-left: 0;
}

.et_pb_menu .et_pb_menu__menu, .et_pb_menu .et_pb_menu__menu>nav, .et_pb_menu .et_pb_menu__menu>nav>ul {
    display: inline-block !important;
}

    
}

@media all and (max-width: 479px) {

#et-secondary-menu {
    width: 100%;
}

#home-slider .et_pb_slide {
    padding: 40% 0 !important;
}

.footer-indicazioni {
    padding: 20px 0;
}

.footer-map {
    margin-top: 50px !important;
}

#top-header .et-social-icons {
    float: right !important;
}

#home-servizi {
    line-height: 22px;
}

#home-slider .et_pb_fullwidth_image img {
    max-width: 250px;
}

#footer-contacts .et_pb_row_4 {
    padding: 0;
}

#footer-contacts .footer-menu {
    text-align: center;
    margin: 5% auto 10%;
}

#footer-contacts .footer-menu ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
}

#footer-info {
    width: 85%;
    margin: 0 auto;
}

#servizi .et_pb_image {
    margin: 0;
}

.servizio-short {
    padding: 5% 2%;
}

.servizio-info {
    margin-bottom: 50px !important;
}

#pagina-titolo {
    position: relative;
    top: 0;
}

#pagina-titolo h2 {
    color: #222 !important;
    font-size: 22px !important;
    font-weight: bold;
}

#documenti .et_pb_row {
    padding: 0;
}

#documenti .documento-singolo {
    padding: 3%;
    margin-bottom: 25px !important;
}

#documenti .titolo-cat-doc {
    padding: 3%;
    margin-bottom: 6%;
}

    
}

@media all and (max-width: 320px) {


}

/* CUSTOMS */

@media all and (min-width: 981px) and (max-width: 1280px) {

#footer-contacts,
.footer-menu ul.et-menu li a {
    font-size: 75%;
}

#footer-contacts .et_pb_row {
    width: 98%;
}

}