/*
 Theme Name:   ivano-confalone
 Theme URI:    http://ivanoconfalone.com
 Description:  A Child Theme
 Author:       Ivano Confalone
 Author URI:   ivanoconfalone@gmail.com
 Template:     Divi
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/



/* Define font faces */
@font-face {
    font-family: 'MacPawFixel';
    src: url('fonts/FixelText-Regular.woff2') format('woff2'),
         url('fonts/FixelText-Regular.otf') format('otf');
    /* Add other font formats and URLs as needed */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MacPawFixel';
    src: url('fonts/FixelText-Medium.woff2') format('woff2'),
         url('fonts/FixelText-Medium.otf') format('otf');
    /* Add other font formats and URLs as needed */
    font-weight: 500; /* Medium weight */
    font-style: normal;
}

/*
@font-face {
    font-family: 'MacPawFixel';
    src: url('fonts/FixelText-Bold.woff2') format('woff2'),
         url('fonts/FixelText-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
*/

/* see customiser 
body, h1, h2, h3, #home_main_links .et_pb_blurb h4 { 
    font-family: 'MacPawFixel', Arial, sans-serif;
    line-height: 1.3;
    font-weight: 400;
    letter-spacing: -0.3px; 
}

h1, h2, h3 { font-size: 21px;
    line-height: 1.15;
    font-weight: 400;
    letter-spacing: -0.5px;
    text-transform: uppercase; } 


body, p { font-size: 15px; }
*/



ul { line-height: 1.7em !important; } 

/* .mobile_menu_bar:before {
	content: url(images/hamburger-wh.png) !important;
	font-size: 48px !important;
}  */




/* 
body {
    animation: myfadeInAnimation 2s;
} */
@keyframe myfadeInAnimation {
    from {opacity: 0;}
    to {opacity: 1;}
}
@-webkit-keyframes myfadeInAnimation {
    from {opacity: 0;}
    to {opacity: 1;}
}


/* h1, h2, h3 { font-family: 'baskerville-display-pt', 'Times New Roman',serif !important; font-weight: 400 !important; font-style: italic !important; } 

body, h1, h2, h3, #home_main_links .et_pb_blurb h4 { font-family: "acumin-pro",Helvetica,Arial,Lucida,sans-serif !important; font-style:normal !important; font-weight:400 !important; } */










/* animated hamburger divi plugin */
    .mobile_menu_bar.et_pb_header_toggle { width: 60px !important; }
    .et_divi_100_custom_hamburger_menu__icon div { height: 0.350rem !important; }
    .et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon div:before, .et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon div:after { height: 3px !important; }
    
    .et_divi_100_custom_hamburger_menu__icon { width: 2.875rem !important; height: 2.875rem !important; }
    .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child { -webkit-transform: translateY(-0.795rem) rotate(-45deg) !important; transform: translateY(-0.795rem) rotate(-45deg) !important; }

    .et_header_style_fullscreen .et_slide_in_menu_container span.mobile_menu_bar.et_toggle_fullscreen_menu { top: 25px !important; right: 40px !important; }



/* when panels are triggered dim the header - see js code  */
#main-header { transition: opacity 0.3s ease; font-weight: 100; }
#main-header.dimmed { opacity: 0.3; }


/* CUSTOM HEADER LINKS */
.custom-header-menu { position: fixed; top: 20px; right: 26vw; animation: myfadeInAnimation 1s; }
.custom-header-menu-fade-out {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease-in; /* Faster fade-in */ }
  @media (max-width: 980px) {
  .custom-header-menu { transition: opacity 0.6s ease-out; /* Slower fade-out */ }
  }

.custom-header-menu-link { color: #000; letter-spacing: 1px; transition: opacity 0.7s ease-in-out; }
.custom-header-menu > :first-child {
  padding-right: 50px;
}
.custom-header-menu-link:hover { opacity: 0.7; }
.custom-header-menu .bne-panel-trigger-1941:before { top: 2px; left: 90px; }
.custom-header-menu .bne-panel-trigger-2107:before { top: 2px; left: -15px; }



.et_pb_scroll_top.et-pb-icon { 
    padding: 10px;
    webkit-border-top-left-radius: 1px;
    -moz-border-radius-topleft: 1px;
    border-top-left-radius: 1px;
    -webkit-border-bottom-left-radius: 1px;
    -moz-border-radius-bottomleft: 1px;
    border-bottom-left-radius: 1px;
    background: rgba(0, 0, 0, 0.6);
    font-size: 16px;
}
.et_pb_scroll_top.et-pb-icon:hover { background: rgba(0, 0, 0, 0.8); } 
#home_plugin_code.et_pb_module.et_pb_fullwidth_code { padding-top: 0 !important; }
.ytp-chrome-top { display: none !important; }
.noHover { pointer-events: none; }
#home_mobile_section { padding-top: 100px !important; }


/* fix divi menu pop up styles */
.et_slide_in_menu_container.et_pb_fullscreen_menu_opened { overflow: hidden !important; }
.et_header_style_fullscreen .et_slide_in_menu_container { padding-top: 10vw !important; }
.et_header_style_fullscreen ul#mobile_menu_slide { vertical-align: top !important; text-align: left;  padding-left: 20vw; }

/* rotate the close X to match the other styles on website */
/* this is added to the customizer to work  
.et_divi_100_custom_hamburger_menu__icon { height: 2rem !important; } */
.et_divi_100_custom_hamburger_menu__icon--toggled {
  transition: transform 0.3s ease-in-out;
}
.et_divi_100_custom_hamburger_menu__icon--toggled:hover {
  transform: rotate(90deg);
}




/* FOOTER - html is in customizer > footer */
footer#main-footer {  /* position: fixed; bottom: 0; */ width: 100%; }
#footer-info { opacity: 0.7; }
.footer-insta a, .footer-vimeo a {
        text-decoration: none;
        color: inherit; /* Adjust color as needed */ 
        font-size: 1.5em; font-weight: 100 !important; opacity: 1; }



#bne-panels-wrapper .bne-panel-header { box-shadow: none !important; }



/* - scrolling up fade gallery item as they leave viewport - see jquery - */
.ms-sl-selected, .ms-slide, .flyout-menu-tot-numb-slides-shortcode, .et_pb_gallery_items.et_post_gallery > * {
    transition: opacity 0.8s ease-in-out;
    opacity: 1; /* Ensure elements are visible by default */
}
.et_pb_gallery_items.et_post_gallery > * {  max-height: 200px; max-width: 300px; }

/* disable ligthbox divi gallery module - add class .disable-lightbox */
.disable-lightbox a {
    pointer-events: none;
}
.disable-lightbox .et_overlay {
    display: none !important;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------ MASTER SLIDER  ------------------------------------------------------------    */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
.ms-skin-light-2 .ms-nav-prev { background: url(images/arrow-prev.png) no-repeat !important; }
.ms-skin-light-2 .ms-nav-next { background: url(images/arrow-next.png) no-repeat !important; right: 0px !important; }
@media (max-width: 980px) { 
    .ms-skin-light-2 .ms-nav-next { right: -6% !important; }
    .ms-skin-light-2 .ms-nav-prev { left: -2% !important; }
} 
@media (max-width: 767px) { 
    .ms-skin-light-2 .ms-nav-next { opacity: 1 !important; display: block !important; right: 1% !important; top: 110% !important; }
} 
@media (max-width: 500px) { 
    .ms-skin-light-2 .ms-nav-next { right: 0 !important; top: 120% !important; }
}
p.slide-counter { font-size: 0.8em; } /* ADDED IN SLIDER CALLBACKS SETTINGS */

/* ----------------------- CHANGE CURSOR STYLES OVER SLIDER ------------------------------- */
.ms-slide-container:hover { cursor: none !important; } /* remove handgrab cursor */
.cursor-circle {
            width: 40px; /* Adjust size as needed */
            height: 40px;
            border-radius: 50%;
            background-color: rgba(0, 0, 0, 0.1); /* Circle with opacity 0.5 */
            background-image: url('images/grab-cursor-arrow.png'); /* Background image */
            background-size: auto; /* Ensure the image fits within the circle */
            background-repeat: no-repeat; /* Prevent tiling */
            background-position: center; /* Center the image */
            position: absolute;
            pointer-events: none; /* Ensure it doesn't interfere with cursor events */
            display: none; /* Hide initially */
            transition: transform 0.1s ease; /* Add a smooth transition */
            transform-origin: 50% 50%; /* Set the transform origin to the center */
            cursor: none;
        }
.cursor-circle.flip-horizontal {
    transform: scaleX(-1);
}
.master-slider-parent {cursor: none;}
/* 
.ms-slide-container > .ms-slide.ms-sl-selected:first-child + .ms-nav-prev {
    display: none; !important; /* Fallback if adjacent positioning ever matches 
}
*/
/* HAVE NOT USED THIS  */
.return-flyout-menu {
    position: absolute;
    top: 20%;
    right: 0;
    width: 250px; /* Adjust the width as needed */
    height: 250px; /* Adjust the height as needed */
    background: url('images/close_X_bk.png') no-repeat center center;
    background-color: red;
    background-size: contain; /* Adjust to make sure the image fits well */
    cursor: pointer; /* Optional: to indicate it's clickable */
    z-index: 1000; /* Ensure it appears above other elements */
}
/* Optional hover effect */
.return-flyout-menu:hover {
    opacity: 0.8;
}


/* flyout menu button sliding in when reach last slide - code is in masterslider slider' callbacks */
.bne-panel-trigger-1941 {
  right: -110px !important; /* Start hidden off-screen - added 10px to also hide the :before '+' symbol */
  width: 100px;
  transition: right 0.9s ease-in-out;

}
.bne-panel-trigger-1941.visible {
  right: 0 !important; /* Slide into view */
}
#bne-panels-wrapper .panel-trigger.trigger-button { color: #000; font-weight: 100; text-transform: uppercase; font-size: 12px; letter-spacing: 1px; }

.bne-panel-trigger-1941:before, .bne-panel-close:before, .bne-panel-trigger-2107:before {
  content: '+';
  display: inline-block;
  font-size: 18px;
  color: #000; /* Set the initial color */
  transition: transform 0.3s ease, color 0.3s ease; /* Smooth transformation and color transition */
  position: absolute;
  top: 6px; 
  left: -10px; 
}
.bne-panel-trigger-1941:hover:before, .section-flyout-links-mobile-new .et_pb_button_0:hover:before, .custom-header-menu .bne-panel-trigger-2107:hover:before {
  transform: rotate(45deg); /* Rotate to form an 'x' */
  color: #9b9b9b; /* Change color on hover */
}
.bne-panel-trigger-1765/* contact button */,.bne-panel-trigger-1941 { box-shadow: none !important; }


/* in the variant for mobile links must remove the above styles.. */
.section-flyout-links-mobile-new .bne-panel-trigger-1941 { right: 0 !important; width: auto; }
.section-flyout-links-mobile-new .bne-panel-trigger-1941:before { color: #fff; top: 10px; left: 6px; } 



a.et_pb_button.et_pb_button_0.header-button-mobile.bne-panel-trigger-2107:before, .home-button.bne-panel-trigger-1941:before, .home-button.bne-panel-trigger-2107:before { color: #fff; top: 0; left: 0; }


/* flyouts close button custom */
.bne-panel-close:before { font-size: 3em; font-weight: 100; transform: rotate(45deg); color: #999;  } 
svg.bne-icon-svg.bne-icon-close { display: none; }
.bne-panel-close:hover:before, .home-button.bne-panel-trigger-2107:hover:before { transform: rotate(-45deg); } 

/* ALL flyouts close buttons position on panel */
.bne-panel-close   { top: 50px; left: calc(50vw - 20px); z-index: 999; }

/* bio panel */ 
#bne-panel-2600 span.bne-panel-close { top: 20px; left: 200px; z-index: 99999; } 
#bne-panel-2600.bne-panel { z-index: 999999 !important; }/* need to go over slide divi menu */ 
.pushbar_overlay { background: rgba(255, 255, 255, .7) !important; backdrop-filter: blur(3px);  -webkit-backdrop-filter: blur(3px);  } 





/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ---------- FLYOUT PHOTOGRAPHY MENU PAGE #bne-panel-1941 -------------------- */

.et_pb_button.slider-links-flyout-menu { padding-left: 0px !important; }

/*  #bne-panel-1941 .et_pb_row { width: 90% !important; max-width: 1920px !important; }*/
#bne-panel-1941 .et_pb_row { width: 100% !important; }

h3.slide-counter-title-tag { font-size: 16px; }
#bne-panel-1941 h3 { color: #000; }
#bne-panel-1941 h3.slide-counter-title-tag, .overlay { color: #000; }

h3.slide-counter-title-tag:after, .overlay:after {  
    content: "";
    position: absolute;
    top: 3px;
    right: 116px;
    width: 10px; /* Adjust the width as needed */
    height: 10px; /* Adjust the height as needed */
    background: url('images/arrow-next.png') no-repeat center center;
    background-size: contain; /* Adjust to make sure the image fits well */
    cursor: pointer; /* Optional: to indicate it's clickable */
}
.overlay:after { top: 4px; }  

/* - on hover slide in view slideshow - see jquery - */
.flyout-menu-tot-numb-slides-shortcode {
  position: relative;
  overflow: hidden;
  height: 20px; /* Adjust height as needed */
}
.slide-counter-title-tag {
  transition: opacity 0.3s ease-in-out;
}
.overlay {
  position: absolute;
  top: 1px;
  left: 2px;
  width: 100%;
  height: 100%;
  background-color: transparent; /* Adjust color and opacity as needed */
  display: flex;
  justify-content: left;
  align-items: left;

  transform: translateY(100%);
  transition: transform 0.3s ease-in-out;
      font-size: 16px;
}
.flyout-menu-tot-numb-slides-shortcode:hover .slide-counter-title-tag {
  opacity: 0;
}
.flyout-menu-tot-numb-slides-shortcode:hover .overlay {
  transform: translateY(0);
}


/* custom scrollbar in BNE panels opened */
.mCSB_dragger .mCSB_dragger_bar{ background-color: #999 !important;  }
.mCSB_dragger_bar:after { width:10px; height: auto; position: absolute; bottom: -30px; left: -3px;  content: url('images/arr-down-cust-scroll.png');}




/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */


/* blurbs & GRID plugin hovers etc */
.et_pb_module.et_pb_blurb.home_blurb, .tg-item-media-inner { 
	/* filter: url(filters.svg#grayscale); Firefox 3.5+ */
    filter: grayscale(20%); /* IE5+ */
	/* IE10+ */ filter: url("data:image/svg+xml;utf8,#grayscale");
	
    -webkit-filter: grayscale(0.2); /* Webkit Nightlies & Chrome Canary */
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s; 
}
.et_pb_module.et_pb_blurb.home_blurb:hover, .tg-item-media-inner:hover { 
	/* border: white solid 6px; */
	zoom: 1.01; 
	-moz-transform: scale(1.01);
	-webkit-transform: scale(1.01); 
	
	filter: none;
     -webkit-filter: grayscale(0);
     -webkit-transform: scale(1.01);
	
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}





/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------ MEDIA QUERIES ------------------------------------------------------------    */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
@media (min-width: 981px) {
    .et_fullwidth_nav #main-header .container { padding-top: 0; }
    .et_header_style_fullscreen #et-top-navigation { padding-top: 20px !important; }
    
    .home-button.bne-panel-trigger-1941:before { top: 4px; }
    .home-button.bne-panel-trigger-2107:before { top: 4px; left: 20vw; }

	/* #home_main_links.et_pb_section { position:relative; top: -200px; } */
	#home_video_full_w_bg { margin-bottom: -200px !important; }
	#home_main_links.et_pb_section { height: 400px !important; } /* dodgy hack to prevent pushing other sections down when hover blurbs */
	.et_pb_row.music_hd_row { width: 58.5% !important; }

    /* divi gallery for flyout gallery menu */
    .et_pb_module.et_pb_gallery.photography-menu-gallery { width: 700px !important; }

}


@media screen and (min-width: 1280px) { 
    .bne-panel-close { left: 50%; } 
} 

@media screen and (max-width: 1280px) { 
    #home_main_links .et_pb_blurb h4 a { font-size: 24px !important; }
}

@media all and (min-width: 1405px) {
  .photo-description { margin-top: -100px !important; z-index: 999999; background-color: transparent !important; }
  /* .et_pb_module.et_pb_gallery.photography-menu-gallery { width: 900px !important; }*/
  .et_pb_module.et_pb_gallery.photography-menu-gallery { width: 100% !important; }
}


@media all and (min-width: 981px) and (max-width: 1405px) { 
    .masterslider-fullw-section { padding-top: 7% !important; }
}

@media (max-width: 980px) {
    .et_header_style_left #logo { max-width: 40%;  margin-left: -7vw; }
    .mobile_menu_bar.et_pb_header_toggle { width: 50px; }

    .home-button.bne-panel-trigger-2107:before { left: -10px; }

	#home_main_links.et_pb_section { position:relative; top: -80px; }
	.et_pb_row.music_hd_row { width: 95% !important; }
	li#menu-item-1668 { display: none !important; } 
    #footer-info { text-align: left; }

    /* custom header menu */
    .custom-header-menu { top: 30px; }


    /* divi gallery for flyout gallery menu */
    .et_pb_gallery_item.et_pb_grid_item { height: auto !important; margin: 0 1% 3% 0 !important;  }
    .et_pb_module.et_pb_gallery.photography-menu-gallery { width: 760px !important; }
    .et_pb_module.photography-menu-gallery .et_pb_column .et_pb_grid_item { clear: both !important; }


    /* master slider custom */
    p.slide-counter { font-size: 0.7em; }
    /* back to flyout menu in master slider pages */
    .et_pb_module.back-flyout-menu-divi-code-mod { padding-top: 0 !important; }
    .back-flyout-menu-section { top: 60vw !important; left: 94% !important; }


}


@media all and (min-width: 768px) and (max-width: 980px) { 
    .photo-description { padding-left: 5%; }
}




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

    .et_header_style_fullscreen #et-top-navigation .et_toggle_fullscreen_menu { padding-top: 10px; } 


    /* FOOTER - html is in customizer > footer */
    #footer-info { width: 90%; } 
    #footer-bottom .container { width: 100%; max-width: 100%; }

    #footer-info {
    display: flex;
    justify-content: space-between;
    align-items: center; 
    margin-left: 1%; padding-top: 30px; opacity: 0.7; }

    .footer-text { flex: 1; }
    .footer-links { display: flex; gap: 30px; /* Adjust the gap as needed */ }

}


/* TABLETS - MOBILE  */
@media all and (max-width: 767px) {

    /* custom header menu */
    .custom-header-menu { display: none; }

    .et_header_style_fullscreen ul#mobile_menu_slide { vertical-align: top !important; }
    .et_header_style_fullscreen .et_slide_in_menu_container { padding-top: 20vw !important; }


    .et_pb_gallery .et_pb_gallery_items { width: 60% !important; } 
    .et_pb_module.et_pb_gallery.photography-menu-gallery { max-width: 500px !important; }
    /*  .flyout-menu-tot-numb-slides-shortcode { right: 50% !important; } */
  

     /* FOOTER */
    #footer-info {
        flex-direction: column;
        align-items: flex-start;
        padding-top: 20px;
        opacity: 1;
        display: flex !important;
    }
    .footer-text {
        order: 2;
        opacity: 0.2;
    }

    .footer-links {
        text-align: left;
        order: 1;
        flex-direction: column;   
    }
    .footer-vimeo { margin: 20px 0 30px; }

    .footer-insta a,
    .footer-vimeo a {
        font-size: 1.2em;
        margin-top: 50px; 
    }

    /* #home_video_full_w_bg.et_pb_section { background-image: url(https://mauriziocorda.com/wp-content/uploads/2019/02/mobile_vid_home_poster_800.jpg) !important; } */
    #home_main_links .et_pb_blurb.fotografia h4 a { font-size: 18px !important; }
    #home_video_full_w_bg .et_pb_module.et_pb_fullwidth_code { padding-top: 0px !important; }
    .et_header_style_fullscreen .et_slide_in_menu_container .et_mobile_menu li a { font-size: 16px !important; }
    .nest-button-wrapper, .nest-button-three, ul.et_pb_side_nav.et-visible, .flyout-trigger.trigger-right.trigger-button { display: none !important; }

}


/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------ END MEDIA QUERIES ------------------------------------------------------------    */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */






/* menus */
.et_header_style_fullscreen .et_slide_in_menu_container.et_pb_fullscreen_menu_opened { opacity: 1; }
/* .et_header_style_fullscreen .et_slide_in_menu_container { font-size: 16px !important; letter-spacing: 4px; text-transform: uppercase; text-align: left !important; } */
.et_header_style_fullscreen .et_slide_in_menu_container { text-align: left !important; }
/*  .et_slide_in_menu_container { background-color: #eee !important; /*  background-image: linear-gradient(180deg,#000000 2%,#210000 50%)!important; */ }


/* ninja forms */
.ninja-forms-cont { background: transparent;  } 
.ninja-forms-all-fields-wrap { 
    padding: 10px;      
    border: 0px; 
} 
.nf-form-fields-required { display: none !important;  } 
input.ninja-forms-field, textarea.ninja-forms-field {
    background-color: rgba(241,239,232,0.3);
    padding: 12px;
    border: none !important;
    color: #fff !important;
    font-size: 15px !important;   
    font-weight: 400;
    font-family: inherit !important;
	text-transform: uppercase !important;   
}
.nf-field-element select {
    background-color: rgba(241,239,232,0.3) !important; 
    font-size: 15px !important; 
    color: #797979; 
    border: none !important;
    height: 40px !important; 
    text-indent: 3px;
    text-transform: uppercase !important;    
}
@media screen and (max-width: 980px) {
  .nf-field-element select { padding-left: 9px !important; }
}
.nf-field-element select option { font-size: 14px !important; text-indent: 50px; padding: 5px; }
.nf-error-msg { color: #fff !important; font-weight: 400 !important; }
.nf-error .ninja-forms-field { border: 1px solid #d61820 !important; }
.nf-field-container { margin-bottom: 10px !important; }
/* submit */
input#nf-field-4 { border: 3px solid rgba(241,239,232,0.3) !important; width: 150px !important; cursor: pointer; background-color: transparent; margin-top: 10px; margin-bottom: 10px; font-size: 16px !important; color: #fff !important; -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s; }
input#nf-field-4:hover { background-color: rgba(255,255,255,0.4); color: #000 !important; }
a.checkout-button.button.alt.wc-forward, input#place_order.button.alt { width: 80% !important; border: 0px !important; }
label#nf-label-field-7 { font-size: 16px !important; font-weight: 100 !important; }
input.ninja-forms-field::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #7a7979; opacity:1 !important; }
input.ninja-forms-field::-moz-placeholder { /* Firefox 19+ */ color: #666; opacity:1 !important; }
input.ninja-forms-field:-ms-input-placeholder { /* IE 10+ */ color: #666; opacity:1 !important; }
input.ninja-forms-field:-moz-placeholder { /* Firefox 18- */ color: #666; opacity:1 !important; }
/* placeholder transparent on focus */
input.ninja-forms-field:focus::-webkit-input-placeholder, textarea.ninja-forms-field:focus::-webkit-input-placeholder { color:transparent; }
input.ninja-forms-field:focus:-moz-placeholder, textarea.ninja-forms-field:focus:-moz-placeholder { color:transparent; } /* Firefox 18- */
input.ninja-forms-field:focus::-moz-placeholder, textarea.ninja-forms-field:focus::-moz-placeholder { color:transparent; } /* Firefox 19+ */
input.ninja-forms-field:focus:-ms-input-placeholder, textarea.ninja-forms-field:focus:-ms-input-placeholder { color:transparent; } /* IE 8 and older ;) */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */


/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------ GRID PLUGIN ------------------------------------------------------------    */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */



/* the grid plugin */
.tg-grid-wrapper.ivano_cust_the_grid { padding-top: 14%; }
@media (min-width: 768px) {  .tg-grid-wrapper.ivano_cust_the_grid { padding-top: 10%; }
    }
@media all and (max-width: 767px) { .tg-grid-wrapper.ivano_cust_the_grid { padding-top: 30%; }
    }
.tg-item-content-holder { }
.tg-item-media-inner { margin-bottom: 5px !important; }
.vaduz .tg-item-excerpt { font-size: 15px !important; }
.vaduz .tg-item-title, .vaduz .tg-item-title a { font-size: 14px !important; font-weight: 400 !important; letter-spacing: 1px; text-transform: capitalize; }
.tg-item-footer { opacity: 0; }


.tg-item-author, .tg-item-author-name, .tg-item-date, .tg-item-views { display: none !important; }
.tg-item .tg-light i { 
	color: #39ADDF !important;
    fill: #fff !important;
    stroke: #fff !important;
    border-color: #fff !important;
}
.tg-item .tg-light i:hover { opacity: 0.8;  }


.tolb-holder .tolb-close {
-webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s; 
    font-size: 30px; 
    height: 30px !important;
    width: 30px !important; 
    line-height: 25px !important; }

.tolb-holder .tolb-close:hover { transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg); }






/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */


/* IN PAGE BLURB MENUS - INCL MOBILE MENU IN PAGE */
span.music__heading--artist.u-trunc.u-d-block { display: none !important; }
.embed--album .music-detail__track-list, .embed--playlist .music-detail__track-list { min-height: 500px !important;}
.music-detail__track-list {
    margin: 10px 0 0;
	padding: 500px 0 0 300px !important; }

.et_pb_blurb.blurbs_top_links h4.et_pb_module_header { 
	border: 6px solid transparent; 
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s; }
.et_pb_blurb.blurbs_top_links h4.et_pb_module_header:hover { border: 3px solid #fff; }
.et_pb_blurb.blurbs_top_links.non-active h4.et_pb_module_header:after {
	-webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s; }
.et_pb_blurb.blurbs_top_links.non-active h4.et_pb_module_header:hover:after { 
	position: absolute;
    content: "";
    margin: auto;
    top: 80px;
    left: 38%;
    width: 50px;
    height: 50px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    border-right: 6px solid #eaeaea;
    border-bottom: 6px solid #eaeaea;
}

@media screen and (min-width: 641px) and (max-width: 1180px) { 
	#top_links_section.et_pb_section .et_pb_column.et_pb_column_1_3 { width: 33% !important; }
	#top_links_section.et_pb_section .et_pb_blurb h4 a { font-size: 18px !important; }
	.et_pb_blurb.blurbs_top_links.non-active h4.et_pb_module_header:hover:after { 
	top: 100px;
    width: 35px;
    height: 35px; }
}


/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */


/* mobile menu in page - bellows plugin */
#mobile_menu_in_page .et_pb_module.et_pb_fullwidth_code { padding-top: 0px !important; }
i.bellows-subtoggle-icon-expand.fa.fa-chevron-down:before { content: url(images/chevron-down.png) !important; } 
i.bellows-subtoggle-icon-collapse.fa.fa-chevron-up:before { content: url(images/chevron-up.png) !important; }
li.bellows-item-level-1 a.bellows-target:after { content: url(images/chevron-right.png); position: absolute; left: 95%; }
.bellows.bellows-skin-grey-material .bellows-nav .bellows-submenu .bellows-target { border-bottom: 1px solid #151417 !important; }
.bellows.bellows-skin-grey-material .bellows-nav .bellows-item-level-0 > .bellows-target, .bellows.bellows-skin-grey-material .bellows-nav .bellows-item-level-0 > .bellows-custom-content, .bellows.bellows-skin-grey-material .bellows-nav .bellows-submenu { background: transparent !important; }

.bellows.bellows-skin-grey-material .bellows-nav .bellows-submenu .bellows-target:hover { background-color: #230604 !important; } /* red */
.bellows.bellows-skin-grey-material .bellows-nav .bellows-submenu .bellows-target { background-color: rgba(8,58,0,0.2) !important; } /* green */
.bellows.bellows-skin-grey-material { background-color: rgba(0,48,91,0.5) !important;} /* blue */

.bellows.bellows-skin-grey-material .bellows-nav .bellows-target, .bellows.bellows-skin-grey-material .bellows-nav .bellows-custom-content, .bellows.bellows-skin-grey-material .bellows-nav .bellows-submenu .bellows-target { color: #eee !important; font-size: 12px !important; letter-spacing: 4px; font-weight: 400 !important; }

/* mobile homepage bellows menu */
.page-id-1684 .bellows.bellows-skin-grey-material .bellows-nav .bellows-item-level-0>.bellows-target:after {
content: ""; 
width: 50px; 
height: 100%; 
background: rgba(0, 0, 0, 0.3);
z-index: 1; 
position: absolute; 
top: 0; 
right: 0; 
}
.page-id-1684 .bellows.bellows-skin-grey-material .bellows-nav .bellows-item-level-0>.bellows-target:before {
content: url(images/chevron-red-right.png); 
display: inline-block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 12%;
    margin-top: -8px;
    text-align: center;
}


/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

/* INSTAGRAM FEED plugin */
.sbi-owl-nav > div { border-radius: 0px !important; color: rgba(231,76,60,0.5) !important; font-size: 32px !important; }
.sbi_info { display: none !important; }
.sbi_lb-nav a.sbi_lb-prev:hover, .sbi_lb-nav a.sbi_lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=150) !important;
	opacity: 0.5 !important; }
#sb_instagram #sbi_load { text-align: left !important; padding-left: 4px !important; }
.et_pb_module.et_pb_text.home_sub_sect_hd:after { /* INSTAGRAM home section header border-bottom */
	background: rgba(12,113,195,0.3);
    position: absolute;
    z-index: 0;
    content: '';
    height: 5px;
    width: 80%;
    top: 80px;
    left: 60px; }
@media screen and (min-width: 981px) and (max-width: 1080px) { 
	.insta-logo { padding-bottom: 10px; }
	.et_pb_module.et_pb_text.home_sub_sect_hd:after {
	background: rgba(12,113,195,0.3);
    position: absolute;
    z-index: 0;
    content: '';
    height: 5px;
    width: 80%;
    top: 110px;
    left: 10px; }
}


/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */


/* nest plugin 
.nest-content-inner { padding: 0px !important; }
.nest-button-three { 
    color: #ffffff !important;
    background: #1e0000 !important;
    border-width: 8px;
    border-color: #210000 !important;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    letter-spacing: 3px !important;
    text-transform: uppercase;
    font-size: 13px !important; 
	font-weight: 500 !important; 
    padding-left: 2em;
    padding-right: 2em;
    padding-top: 0.5em;
    font-family: 'Lato', Helvetica, Arial, Lucida, sans-serif;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;

    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.nest-button-wrapper { top: 50% !important; right: -50px !important; } 
.nest-button-three::after { background-color: #367a40 !important; 
    -webkit-animation: blink 1s infinite;
    -moz-animation: blink 1s infinite;
    animation: blink 1s infinite; 
}
.nest-close-button::before, .nest-close-button::after { background-color: #eee !important; }
.nest-close-button-three .top-left::before, .nest-close-button-three .top-right::before, .nest-close-button-three .bottom-left::before, .nest-close-button-three .bottom-right::before { background-color: #367a40 !important; }
.nest-close-button-three .top-left, .nest-close-button-three .top-right, .nest-close-button-three .bottom-left, .nest-close-button-three .bottom-right { background-color: #fff !important; }  */
/* @media screen and (max-width: 736px) {
    .nest-button-wrapper, ul.et_pb_side_nav.et-visible { display: none !important; }
} */



/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */



/* CONTACT FORM 7 */
@media only screen and (max-width : 640px) {
input.input.et_pb_contact_captcha { margin-bottom: 30px; } 
}

p.cf7_cust_form { margin: 0 !important; padding: 0 !important; }
input.wpcf7-text, .wpcf7-textarea, .wpcf7-captchar {
	width: 100% !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: rgba(241,239,232,0.3) !important;
 	padding: 16px !important;
    border: none !important;
    color: #7c7c7c !important;
    font-size: 15px !important;   
    font-weight: 400 !important;
    font-family: inherit !important;

	margin-bottom: 8px !important; 
}
.wpcf7-textarea { max-height: 120px !important; }
select.wpcf7-form-control.wpcf7-select { 
	width: 100% !important; 
	background-color: rgba(241,239,232,0.3) !important; 
    font-size: 15px !important; 
    color: #7c7c7c; 
    border: none !important;
    height: 40px !important; 
    text-indent: 3px;
   
    margin-bottom: 8px !important;
}

.wpcf7-submit { border: 1px solid #797979!important; width: 100px !important; cursor: pointer; background-color: transparent; margin-top: 10px; margin-bottom: 10px; font-size: 18px !important; color: #7c7c7c !important; padding-top: 10px !important; padding-bottom: 10px !important; float: left !important; margin-left: 2% !important; }
.wpcf7-submit:hover { background-color: rgba(255,255,255,0.7); color: #000 !important; }

@media only screen 
and (min-width : 981px) {
input.wpcf7-text.half { width: 45% !important; float: left; margin-left: 2%; margin-bottom: 3%; }
input.wpcf7-text, textarea.wpcf7-textarea { margin-bottom: 3%; } 
p.contact_form_7_custom { padding: 0; } 
.wpcf7-submit { float: right; margin-right: 5%; }
div.wpcf7-validation-errors, div.wpcf7-mail-sent-ok { width: 70%; } 
} 
@media only screen and (max-width : 767px) {
	select.wpcf7-form-control.wpcf7-select { width: 100% !important; margin-left: 0 !important; }
}
input.wpcf7-text::-webkit-input-placeholder, textarea.wpcf7-textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #7c7c7c; opacity:1 !important;   text-transform: uppercase !important;   }
input.wpcf7-text::-moz-placeholder, textarea.wpcf7-textarea:-moz-placeholder { /* Firefox 19+ */ color: #7c7c7c; opacity:1 !important;  text-transform: uppercase !important;  }
input.wpcf7-text:-ms-input-placeholder, textarea.wpcf7-textarea::-moz-placeholder { /* IE 10+ */ color: #7c7c7c; opacity:1 !important;  text-transform: uppercase !important;  }
input.wpcf7-text:-moz-placeholder, textarea.wpcf7-textarea:-ms-input-placeholder { /* Firefox 18- */ color: #7c7c7c; opacity:1 !important;  text-transform: uppercase !important;  }

input.wpcf7-text:focus::-webkit-input-placeholder, textarea.wpcf7-textarea:focus::-webkit-input-placeholder { color:transparent; }
input.wpcf7-text:focus:-moz-placeholder, textarea.wpcf7-textarea:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input.wpcf7-text:focus::-moz-placeholder, textarea.wpcf7-textarea:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input.wpcf7-text:focus:-ms-input-placeholder, textarea.wpcf7-textarea:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

div.wpcf7-validation-errors, div.wpcf7-mail-sent-ok {
   border: 2px solid transparent;
   background-color: rgba(255, 255, 255, 0.2);  
}
span.wpcf7-not-valid-tip { display: none; } 
input.wpcf7-not-valid, textarea.wpcf7-not-valid { background: rgba(224,43,32,0.5) !important; }

.vp-controls button.play { display: none !important; }



/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */


#contatti_slide { width:100px; height:100px; background-color:#F30; color:#FFF; text-align:center; font-size:30px;display:none;overflow:hidden;white-space: nowrap; }


/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */


/* BNE FLYOUT PLUGIN */
.flyout-content { padding: 0px !important; }
.bne-flyout-wrapper .bne-icon-svg { fill: transparent !important; } 

.flyout-trigger.trigger-right.trigger-button { 
	color: #ffffff !important;
    background: rgba(0,48,81,0.9) !important;
    border-width: 8px;
    border-color: rgba(0,48,81,0.9) !important;
   /*  border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px; */
    letter-spacing: 2px !important;
    text-transform: uppercase;
    font-size: 10px !important; 
	font-weight: 500 !important; 
    padding-left: 5em;
    padding-right: 1em;
    padding-top: 0.5em;
	padding-bottom: 0.1em;
	font-family: "acumin-pro",Helvetica,Arial,Lucida,sans-serif !important;
}


.bne-flyout-wrapper .bne-icon-close { background-image: url(images/close-flyout-button.png) !important; background-repeat: no-repeat; background-position: 3px 10px;  padding: 20px !important; }





/* PAGINA MUSICA - MENU FOR MUSIC SECTIONS 
.bellows.bellows-skin-grey-material .bellows-nav .bellows-item-level-0 > .bellows-target { border: none !important; }
nav#bellows-main-11 li { background-image: linear-gradient( 40deg, #494949 70%, #1e1e1e 100% ) !important; border: none !important; position: relative; }
.bellows.bellows-skin-grey-material { background: transparent !important; box-shadow: none !important; }
#bellows_navigation_widget-3 { margin: 0 !important; }
@media (min-width: 981px) { 
	.et_pb_widget_area_left { border-right: none !important; }
    ul#menu-musica-sezioni li, nav#bellows-main-11.bellows.bellows-align-full { float: left !important; } 
	nav#bellows-main-11 { max-height: 50px !important; }
	nav#bellows-main-11 li:nth-child(2) { left: 200px; top: -57px; }
	nav#bellows-main-11 li:nth-child(3) { left: 360px; top: -113px; }
	nav#bellows-main-11 li:nth-child(4) { left: 620px; top: -183px; }
}
@media (min-width: 467px) and (max-width: 980px) { 
	#bellows_navigation_widget-3 { width: 40% !important; }
}
@media (max-width: 980px) {
	ul#menu-musica-sezioni li { margin-bottom: 5px !important; }
} */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* slick js */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

/*styles for the 3 slides with centred focus - see js - needs a bit more work
    .hero-home-sect-fw .slick-slide {
      transition: transform 0.3s ease;
      transform-origin: center;
    }
    .hero-home-sect-fw .slick-center {
      transform: scale(2); /* Adjust the scaling factor as needed */
    /*  z-index: 1;
    }
    .hero-home-sect-fw .slick-slide:not(.slick-center) {
      transform: scale(0.9); /* Adjust the scaling factor for non-center slides */
    /*  z-index: 0;
      top: 50px;
    } */

.hero-home-sect-fw { padding-top: 0px !important; }
.hero-home-sect-fw-mobi { padding-top: 50px !important; }

@media (max-width: 980px) {
     .home-hero {
    /* Ensure fixed dimensions for the container */
    height: 100vh; 
    }
   .video-background iframe {
     -webkit-clip-path: inset(0 0 100px 0);  /* Ensure black vimeo wrapper is clipped */
     clip-path: inset(0 0 100px 0);
    } 
} 
@media (min-width: 981px) {
    .home-hero {
    /* Ensure fixed dimensions for the container */
    height: 90vh; 
    }
    .video-background iframe {
     -webkit-clip-path: inset(0 0 230px 0);  /* Ensure black vimeo wrapper is clipped */
     clip-path: inset(0 0 230px 0);
    }
} 

/* add a fadein to transitions */
.slick-slide {
  transition: opacity 1s ease-in-out; /* Adjust the transition duration as desired */
  opacity: 1; /* Initially set the opacity to 0 */
}
.slick-slide.slick-active {
  opacity: 1; /* Set the opacity to 1 for active slides */
}



.vimeo-slick-slide {
    position: relative;
    overflow: hidden;
}

.video-background {
    position: relative;
    top: 0;
    left: 0;
    /* vimeo  width: 120vw; height: 120vh; */
    width: 125vw;
    height: 100vh;
    z-index: -1;
    background-color: white !important;
    /* Set the background color to white */
}

.video-background iframe {
    position: absolute;
    top: 0;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh;
    pointer-events: none;
    z-index: 99;
    background-color: white;/* not working anyway */
}

.thumbnail {
    /* Your existing styles for the thumbnail */
}

.fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed {
    top: 3vw !important; background-color: white !important;/* Set the background color to white */ } 


 /* potential for flyout panel bottom blur - to apply with js to if panel opened 
    #main-footer:before { content: "";
    position: absolute;
    bottom: 80px;
    left:0;
    width: 100%; 
    height: 100px; 
     background: linear-gradient(to bottom, transparent, white);
    backdrop-filter: blur(3px); 
    -webkit-backdrop-filter: blur(3px); 
} */