/*

Theme Name: Hello Theme Child

Description: Tema Child per il tema Hello Theme

Template: hello-elementor

Version: 0.1.0

*/

body {overflow-x: hidden !important}
section {
	padding-right: 15px !important;
    padding-left: 15px !important;
}
section.elementor-section-full_width {
	padding-right: 0px !important;
    padding-left: 0px !important;
}
.page-content a {text-decoration:none}
.menulingue {width: auto !important;}

/* header */
.ehf-header #masthead {position: sticky; top: 0px; }
.hfe-nav-menu-icon {    

    background-color: #C83834;
    display: block;
    width: 35px;
    height: 35px;
    padding: 10px 6px;
    border-radius: 2px;
    -webkit-transition: background-color .5s 
cubic-bezier(0.21, 0.61, 0.35, 1.0);
    -moz-transition: background-color .5s cubic-bezier(0.21, 0.61, 0.35, 1.0);
    -o-transition: background-color .5s cubic-bezier(0.21, 0.61, 0.35, 1.0);
    transition: background-color .5s 
		cubic-bezier(0.21, 0.61, 0.35, 1.0);}
.baricon{
	    width: 100%;
	    background-color: #EEE;
	    height: 2px;
	    margin: auto;
    }
    .baricon + .baricon{
	    margin-top: 5px;
    }
   
    .hfe-nav-menu-icon:hover .baricon{
      background-color: #FFF;
    }
    #masthead .frame{
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }
    #masthead .frame .ef-1{
      display: inline-block;
      font-size: 10px;
      font-weight: 700;
      text-indent: -26px;
      margin-top: 23px;
    }
    #masthead .frame .ef-1 SPAN{
      letter-spacing: 0em !important;
    }
    #masthead .baricon{
      -webkit-transition:  .5s cubic-bezier(0.21, 0.61, 0.35, 1.0);
    	-moz-transition:  .5s cubic-bezier(0.21, 0.61, 0.35, 1.0);
    	-o-transition: .5s cubic-bezier(0.21, 0.61, 0.35, 1.0);
    	transition: .5s cubic-bezier(0.21, 0.61, 0.35, 1.0);
    }
    #masthead.showlogo .baricon{
            width: 0;
      }


.hfe-nav-menu-icon img {width:36px; height:36px; opacity:0}

.hfe-nav-menu-icon svg {opacity:0}
header .hfe-nav-menu__toggle {order:2; padding:12px;}
header ul.hfe-nav-menu {padding:2rem 0}
header .sub-arrow {display:none !important}
header>.elementor-container.elementor-column-gap-default {max-width:none}
header .elementor-column-gap-default {width:100% !important; max-width:none !important}
header .hfe-dropdown-expandible { transition: .5s cubic-bezier(0.21, 0.61, 0.35, 1.0); visibility: visible;  opacity: 1;  height: auto;   overflow: hidden;	max-height:0}
header .hfe-dropdown-expandible.menu-is-active { height: auto;	max-height:1000px}
header .hfe-dropdown-expandible {background-color:#eee; position:relative !important; transition: .5s cubic-bezier(0.21, 0.61, 0.35, 1.0);  top:100%; margin: 0 -15px;}
header .hfe-nav-menu .hfe-menu-item {transition: .5s cubic-bezier(0.21, 0.61, 0.35, 1.0);}
header .hfe-nav-menu .hfe-menu-item {color: #999; border-bottom:0 !important}
header .hfe-nav-menu .rosso .hfe-menu-item {color: #C83834;}
header .hfe-nav-menu .hfe-sub-menu-item {color: #999;}
header .hfe-nav-menu .rosso .hfe-menu-item .hfe-sub-menu-item {color: #999;}
header .hfe-nav-menu .hfe-menu-item:hover {letter-spacing:2px; border-bottom:0 !important}

footer .elementor-social-icon-linkedin-in, footer .elementor-social-icon-vimeo-v, footer .elementor-social-icon-instagram {padding:5px}
footer a:hover {border-bottom:0}

.menulingue{  position: fixed;  bottom: 20px;  left: 20px;  z-index: 998;  border-radius: 4em;  box-shadow: 0 0 7px #999;  background-color: #FFF;  font-weight: 200;}
.menulingue li { display:block; border-bottom: 1px solid #ccc; margin:3px;}
.menulingue li:last-child {border-bottom: 0px}
.menulingue ul {margin: 0;    padding: 0;}
.menulingue A{  display: flex;  flex-direction: column;  align-content: center;  text-align: center;  width: 30px;  height: 30px;  color: #000 !important;  text-transform: uppercase;  justify-content: center;	border-bottom:0;}
.menulingue li.current-lang A{  color: #C83834 !important;  font-weight: 600;}
.menulingue .lang-item a:hover {border-bottom:0}

.galchisiamo img {width:100%}
.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}
.contvideo .elementor-column, .contvideo .elementor-widget {height:100%}
.player {
    background-color: #EEE; 
}
.embed-responsive::before {
    display: block;
    content: "";
}
.embed-responsive-16by9::before {
    padding-top: 56.25%;
}
.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
#overText,#submenu{
  z-index: -1;
  position: absolute;
  width: 100%;
  color: #555;
  font-size: 30px;
  text-align: center;
  top: calc(50vh + 12vw);
  left: 0;
  }
  #submenu{
    top: calc(50vh + 12vw + 40px);
  }
  #overText.showme,
  #submenu.showme{
    z-index: 2;
    }
    .ef-1{
      opacity: 0;
      -webkit-transition: opacity .5s cubic-bezier(0.21, 0.61, 0.35, 1.0);
    	-moz-transition:  opacity .5s cubic-bezier(0.21, 0.61, 0.35, 1.0);
    	-o-transition: opacity .5s cubic-bezier(0.21, 0.61, 0.35, 1.0);
    	transition: opacity .5s cubic-bezier(0.21, 0.61, 0.35, 1.0);
    }
    .ef-1.on{
      opacity: 1;
    }
    .ef-1,
    #overText a,
    #submenu a{
      color: #BABCBE;
      display: inline-block;
      
      white-space: nowrap;
      font-weight: 900;
      text-indent: -100%;
    }
    .play{
      cursor: pointer;
    }
    .ef-1.on:hover > SPAN{
      letter-spacing: 0.1em;
      }
    #overText a.on > SPAN,
    #overText a:hover > SPAN,
    #submenu a:hover > SPAN{
      color: #59595B;
      letter-spacing: 0.1em;
      }
    #submenu a > SPAN,
    #submenu a:hover > SPAN{
      color: #59595B;
      }
    .ef-1 .lx,
    #overText a .lx,
    #submenu a .lx{
      display: inline-block;
      display: inline-block;
      overflow: hidden;
      text-indent: 0;
      }
      .ef-1 .lx > SPAN,
      #overText a .lx > SPAN,
      #submenu a .lx > SPAN{
            transform: translateX(100%);
            -webkit-transform: translateX(100%);
            -mox-transform: translateX(100%);
            -o-transform: translateX(100%);
            display: inline-block;
        }
    .ef-1 .rx,
    #overText a .rx,
    #submenu a .rx{
      position: absolute;
      display: inline-block; 
      overflow: hidden;
      text-indent: 0;
      }
      .ef-1 .rx > SPAN,
      #overText a .rx > SPAN,
      #submenu a .rx > SPAN{
        transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        -mox-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        display: inline-block;
        }
    .ef-1 .lx > SPAN,
    .ef-1 .rx > SPAN,
    #overText a .lx > SPAN,
    #overText a .rx > SPAN,
    #submenu a .lx > SPAN,
    #submenu a .rx > SPAN{
       -webkit-transition: .75s cubic-bezier(0.21, 0.61, 0.35, 1.0);
    	-moz-transition:  .75s cubic-bezier(0.21, 0.61, 0.35, 1.0);
    	-o-transition: .75s cubic-bezier(0.21, 0.61, 0.35, 1.0);
    	transition: .75s cubic-bezier(0.21, 0.61, 0.35, 1.0);
      }
    .ef-1.on .lx > SPAN,
    #overText.showme a .lx > SPAN,
    #submenu.showme a .lx > SPAN{
      transform: translateX(50%);
      -webkit-transform: translateX(50%);
      -mox-transform: translateX(50%);
      -o-transform: translateX(50);
    }
    .ef-1.on .rx > SPAN,
    #overText.showme a .rx > SPAN,
    #submenu.showme a .rx > SPAN{
      transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      -mox-transform: translateX(-50%);
      -o-transform: translateX(-50);
    }
    .ef-1, .ef-1:hover, .ef-1.on:hover{
      color: #FFF !important;
      font-size: 67px;
      cursor: pointer;
      line-height: 1.3;
    }

  
  
#play-button{
  position: fixed;
  z-index: 1;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  white-space: nowrap;
}
.play{
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  z-index: 1;
  top: 0;
  left: 0;
  white-space: nowrap;
  background-color: rgba(0,0,0,.35);
}
.play.off{
  background-color: rgba(0,0,0,0);
  }
.play .cnt,
#play-button .cnt{
  position: absolute;
  text-align: center;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#play-button.hide{
  display: none;
  }

.conlink a {    border-bottom: solid 1px transparent;}
.conlink a:hover {   border-bottom: solid 1px #C83834;}
a {    border-bottom: solid 1px transparent;}
a:hover {   border-bottom: solid 1px #C83834;}

/* news */
.newslist .hfe-post-card {display:flex}
.newslist a {text-decoration:none}
.newslist a:hover {border:0 !important}
.newslist article:hover .hfe-read-more {border-bottom: solid 2px #000 !important;}
.newslist a.hfe-read-more:hover {border-bottom: solid 2px #000 !important;}

.newslist .hfe-post-image {-ms-flex: 0 0 33.333333%;  flex: 0 0 33.333333%;    max-width: 33.333333%; padding:0 15px !important;}
.newslist .hfe-post-content {-ms-flex: 0 0 66.666667%;        flex: 0 0 66.666667%;        max-width: 66.666667%; padding:0 15px !important; display: flex;    flex-direction: column; justify-content: center;    align-items: flex-start;}
.newslist .hfe-post-content .hfe-post-title {order:2; margin-bottom:0.95rem !important}
.newslist .hfe-post-content .hfe-post-meta {order:1; }
.newslist .hfe-post-content .hfe-post-meta .hfe-post-date {text-transform:capitalize}
.newslist .hfe-post-content .hfe-read-more {order:3; border-bottom: solid 2px #C83834;}
.podsnewslist .pods-pagination-label {display:none}
.podsnewslist .pods-pagination {text-align:center}
.podsnewslist .pods-pagination-number {padding: .5rem .75rem; color:#999}
.podsnewslist .pods-pagination-number.pods-pagination-current {background-color: #999; color: #FFF;  border-color: #999;}
.podsnewslist .pods-pagination-advanced {display: inline-flex;    line-height: 16px;    overflow: hidden;}
.podsnewslist .pods-pagination-advanced {border: 1px solid #dee2e6; color:#999; border-radius: .25rem;}
.podsnewslist .pods-pagination-advanced a {}
.podsnewslist .pods-pagination-advanced a:hover {border-bottom-color:transparent; background-color: #e9ecef;}

/* form */
.wpcf7-form .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px;}
.wpcf7-form .col, .wpcf7-form .col-1, .wpcf7-form .col-10, .wpcf7-form .col-11, .wpcf7-form .col-12, .wpcf7-form .col-2, .wpcf7-form .col-3, .wpcf7-form .col-4, .wpcf7-form .col-5, .wpcf7-form .col-6, .wpcf7-form .col-7, .wpcf7-form .col-8, .wpcf7-form .col-9, .wpcf7-form .col-auto, .wpcf7-form .col-lg, .wpcf7-form .col-lg-1, .wpcf7-form .col-lg-10, .wpcf7-form .col-lg-11, .wpcf7-form .col-lg-12, .wpcf7-form .col-lg-2, .wpcf7-form .col-lg-3, .wpcf7-form .col-lg-4, .wpcf7-form .col-lg-5, .wpcf7-form .col-lg-6, .wpcf7-form .col-lg-7, .wpcf7-form .col-lg-8, .wpcf7-form .col-lg-9, .wpcf7-form .col-lg-auto, .wpcf7-form .col-md, .wpcf7-form .col-md-1, .wpcf7-form .col-md-10, .wpcf7-form .col-md-11, .wpcf7-form .col-md-12, .wpcf7-form .col-md-2, .wpcf7-form .col-md-3, .wpcf7-form .col-md-4, .wpcf7-form .col-md-5, .wpcf7-form .col-md-6, .wpcf7-form .col-md-7, .wpcf7-form .col-md-8, .wpcf7-form .col-md-9, .wpcf7-form .col-md-auto, .wpcf7-form .col-sm, .wpcf7-form .col-sm-1, .wpcf7-form .col-sm-10, .wpcf7-form .col-sm-11, .wpcf7-form .col-sm-12, .wpcf7-form .col-sm-2, .wpcf7-form .col-sm-3, .wpcf7-form .col-sm-4, .wpcf7-form .col-sm-5, .wpcf7-form .col-sm-6, .wpcf7-form .col-sm-7, .wpcf7-form .col-sm-8, .wpcf7-form .col-sm-9, .wpcf7-form .col-sm-auto, .wpcf7-form .col-xl, .wpcf7-form .col-xl-1, .wpcf7-form .col-xl-10, .wpcf7-form .col-xl-11, .wpcf7-form .col-xl-12, .wpcf7-form .col-xl-2, .wpcf7-form .col-xl-3, .wpcf7-form .col-xl-4, .wpcf7-form .col-xl-5, .wpcf7-form .col-xl-6, .wpcf7-form .col-xl-7, .wpcf7-form .col-xl-8, .wpcf7-form .col-xl-9, .wpcf7-form .col-xl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px;}
.wpcf7-form .col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
@media (min-width: 768px) { 
	 .wpcf7-form .col-md-6 {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;} 
	 .wpcf7-form .col-md-4 {-ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;} 
	 .wpcf7-form .col-md-12 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
}
.wpcf7-form .mb-3, .wpcf7-form .my-3 { margin-bottom: 1rem !important;}
.wpcf7-form label { display: inline-block; margin-bottom: .5rem;}
.wpcf7-form .form-control { display: block; width: 100%; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;}
.wpcf7-form .form-control:focus { border-color: #777;}
.wpcf7-form .btn { display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; border-radius: .25rem; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;}
.wpcf7-form .btn-frame { color: #fff; background-color: transparent !important; border: solid 3px #c83834 !important; color: #c83834 !important; box-shadow: none !important;}
.wpcf7-form .btn:not(:disabled):not(.disabled) { cursor: pointer;}
.wpcf7-form .btn:focus, .wpcf7-form .btn:hover { text-decoration: none;}
.wpcf7-form .btn-frame:hover { border: solid 3px #000 !important; color: #000 !important;}
.wpcf7-form A { color: #242424; text-decoration: none;}
.wpcf7-form A:hover, .wpcf7-form A:focus, .wpcf7-form A:active, .wpcf7-form .form-control:focus, .wpcf7-form .form-control:active { color: inherit; text-decoration: none; outline: none; box-shadow: none; -webkit-box-shadow: none;}
.wpcf7-form A:hover, .wpcf7-form A:focus, .wpcf7-form A:active { border-color:transparent;}
.wpcf7-form select.form-control:not([size]):not([multiple]) { height: calc(2.25rem + 2px);}
.wpcf7-form .form-check-input { position: absolute; margin-top: .3rem; margin-left: -1.25rem; top: -5px;}
.wpcf7-form input[type=checkbox], .wpcf7-form input[type=radio] { box-sizing: border-box; padding: 0;}

/*.elementor-section-full_width {margin-left:-15px !important; margin-right:-15px !important; }*/
.elementor-section-full_width  section {
	margin-right: 0px !important;
    margin-left: 0px !important;
}

.d-none {display: none !important;}

#cookie-bar {background: rgba(0,0,0,.8); font-size: 11px; color: #777; height:auto; min-height:24px; line-height:24px; text-align:center; padding:2px 0; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 9}
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;}
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {margin:0; padding:0;}
#cookie-bar a {color: #ffffff; display:inline-block; border-radius:3px; text-decoration:none; padding:0 6px; margin-left:8px;}
/*#cookie-bar .cb-enable {background:#007700;}*/
#cookie-bar .cb-enable:hover {background:#009900;}
#cookie-bar .cb-disable {background:#990000;}
#cookie-bar .cb-disable:hover {background:#bb0000;}
/*#cookie-bar .cb-policy {background:#0033bb;}*/
#cookie-bar .cb-policy:hover {background:#0055dd;}

@media (min-width: 768px) {
    .d-md-inline {
        display: inline !important;
    }
}
@media (max-width: 992px) {
    .ef-1, .ef-1:hover, .ef-1.on:hover {
        color: #FFF !important;
        font-size: 50px;
    }
	
    .hfe-posts-grid {
        grid-template-columns: repeat(1, 1fr) !important; ;
    }

}

@media screen and (max-width: 770px){
 
	body{font-size: 13px !important;}
	footer{	margin-bottom: 100px;}
	.elementor-section-full_width {padding-left:0px !important; padding-right:0px !important; }
	p {font-size: 18px;}
	footer p {font-size: 13px;}
	header .hfe-dropdown-expandible {    width: calc(100% + 30px) !important; margin: 0 -15px !important;}
	.hfe-menu-item, .hfe-sub-menu-item {padding-top: 6px !important;    padding-bottom: 6px !important;}
	.elementor-widget__width-auto {margin-left:0px !important; margin-right:0px !important; }
	.lista-artisti .elementor-column.elementor-col-25, .lista-artisti .elementor-column[data-col="25"] {width: 33%;}
	#content.type-artist {max-width:none}
}
@media screen and (max-width: 500px){
	.elementor-col-100 .elementor-widget-wrap {margin-left:0px !important; margin-right:0px !important; padding-left:0px !important; padding-right:0px !important;}
	.elementor-col-100 .elementor-widget-wrap .elementor-widget-heading {margin-left:0px !important; margin-right:0px !important; padding-left:0px !important; padding-right:0px !important;}
	h1.elementor-heading-title  {overflow-wrap: break-word;}	
    .lista-artisti .elementor-column.elementor-col-25, .lista-artisti .elementor-column[data-col="25"] {width: 100%;}
	.newslist .hfe-post-image, .newslist .hfe-post-content {    -ms-flex: 0 0 100%;    flex: 0 0 100%;    max-width: 100%;}
	.newslist .hfe-post-card { flex-wrap: wrap;}
	.newslist .hfe-post-image {margin-bottom: 15px;}
}