/*!
Theme Name: Helter Child
Theme URI: http://www.helter.it
Author: Letizia Tasselli
Author URI: http://www.helter.it/contatti
Description: Tema child di Helter
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: helter-child
Template: helter
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

*/

@-webkit-viewport {width: device-width;}
@-moz-viewport {width: device-width;}
@-ms-viewport {width: device-width; }
@-o-viewport {width: device-width; }
@viewport {width: device-width;}
@-moz-document url-prefix() {html{ overflow-x: hidden;}} 
* {padding: 0; margin: 0;}
html {overflow-x: hidden; scroll-behavior: smooth;-webkit-overflow-scrolling: touch;}
/*html,body {width: 100%; height: 100%; margin: 0em; padding: 0em; -webkit-overflow-scrolling: touch;}*/
body {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-family:"proxima-nova";
}
body {overflow-x: hidden;}
.clearfix {clear: both}
img {height: auto;max-width: 100%;}
.displayed {margin: 0 auto; display:block; max-width: 100%; width:100%}
a {-o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;color:#000; font-weight: bold;}
a:hover {color: #F3253D; text-decoration:none;}
.ac {text-align: center !important;}
.ar {text-align:right;}
.anchor {display: block;position: relative;top: -150px;visibility: hidden;}
p{margin-bottom: 0px;}
a,li,ul{/*color: #fff;*/list-style-type: none;/*line-height: 30px;*/font-weight: normal;}

/*SEARCH*/
form.search-form {padding-top: 20px;}
span.screen-reader-text {display: none;}
li.astm-search-menu.is-menu.popup.menu-item {    float: right; margin-top: 10px;}

/*HEADER*/
header {border-top:8px solid #359931; background-color:#fff}
.site-title {width: 450px;}
.header-wrapper {max-width:1180px; margin: 0 auto;padding: 5px 0 !important}
nav.navbar.navbar-expand-md.p-0 {border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc}
.social-icon-header{max-width: 50px;}

/*SLIDESHOW*/
.immagine-slideshow {padding:200px 0; background: linear-gradient(90deg, rgba(199, 30, 38, 0.8) 50%, transparent 50%);}
h1.slideshow {text-transform:uppercase; font-family: proxima-nova, sans-serif;font-weight: 700; color:#fff; line-height: 1em; margin-bottom:25px; }
h6.slideshow {text-transform:uppercase; font-family: proxima-nova, sans-serif;font-weight: 700; color:#fff;}
a.button_slideshow {border:2px solid #fff; border-radius:30px; text-transform:uppercase; font-size:0.8em; padding: 10px 15px; color:#fff; margin-top: 15px; font-weight:bold !important;}
.background-slideshow {background: linear-gradient(90deg, rgba(199, 30, 38, 0.8) 50%, transparent 50%); position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
a.left.carousel-control, a.right.carousel-control {display:none}

/*MENU MOBILE*/
div#responsive-menu-pro-container {margin-top: 80px;}
#responsive-menu-pro-container #responsive-menu-pro li.responsive-menu-pro-item a .responsive-menu-pro-subarrow {right: 15px !important;}
#responsive-menu-pro-container #responsive-menu-pro ul.responsive-menu-pro-submenu-depth-1 a.responsive-menu-pro-item-link {padding-left: 0 !important;}
/*GRIGLIA*/
.mw-1180 {max-width:1180px; margin: 0 auto; width:100%;}
.band {padding: 50px 25px; }
.band-top-bottom{padding-top: 25px; padding-bottom: 25px;}
.container-inside {padding: 15px 25px 50px 25px}
.container-inside-top {padding: 25px}

/*TYPO*/
p {font-family: proxima-nova, sans-serif;}
h1 {font-weight:bold;}
h2{font-family: proxima-nova, sans-serif;font-weight: bold;}
h3{font-family: proxima-nova, sans-serif;text-transform: uppercase;font-size: 1.4em;font-weight: bold;}
h4 {font-family: proxima-nova, sans-serif;font-weight: bold;}
h4 a, h4.related-title.feed-post a {font-weight: bold;}
h5 {font-size: 1.8rem; font-family: proxima-nova, sans-serif;font-weight: bold;}
h6 {font-weight:bold; color:#359931; text-transform:uppercase;margin-bottom: -2px;font-size: 0.9em;}
h6.big {font-weight:bold; color:#359931; font-size: 1.2em; text-transform:none; color:#000; font-weight:400;}
blockquote{font-family: proxima-nova, sans-serif;font-weight: bold;font-size: 1.2em;}
h1.titolo-interno {text-align: left; margin-top: 25px; text-transform: uppercase;font-size: 2.1em; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 5px;}
.tt {text-transform:uppercase; color:#359931; font-weight:bold;}
/*HOME FEED*/
h6.category-name a{text-transform: uppercase; display:inline-block; color: #369b31; font-size:0.85em; font-weight:bold; margin-bottom:5px}
h1.article-title a {font-weight: 700;font-size: 0.65em;line-height: 0.75em !important; margin-top: 15px;}
h1.article-title {line-height: 0.75em;margin-top: 10px;}
.single-post-container h1.article-title {
    line-height: 1.1em !important;
    margin-top: 20px;
}

a.thumb.home-thumb img {margin-bottom:10px !important}
h5.related-title.feed-post.agenda {
    text-transform: none;font-family: proxima-nova, sans-serif;
    font-size: 1.15em;
    font-weight: 800;
    margin: 3px 0 3px 0;
}

/*shadow-shortcut*/
.box-shortcut{transition: box-shadow .3s; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; border-top-right-radius: 15px; border-top-left-radius: 15px;}
.box-shortcut:hover {box-shadow: 0 0 11px rgba(33,33,33,.2); background-color: #fff;}
h6.section-title {border-bottom:5px solid #359931; font-size:1.2em; max-width:150px; text-transform:none; padding-bottom: 5px;}
.bb {border-bottom: 1px solid #dee2e6;}
.title-box {padding-bottom:20px}


/*BUTTON*/
a.button {border: 1px solid #359931; border-radius:50px; padding:15px;}
a.esecutivo-bio-link {text-align: center; color:  #359931;font-weight: bold; text-align: center; font-size: 0.9em; margin-top: 5px; display: block;}
a.esecutivo-bio-link:hover {color: #206e1d}
.link {color: #359931;cursor: pointer;font-weight: 600;text-decoration: none;}
.link:hover {color: #22761f}

.link--arrowed {
  display: inline-block;
  height: 2rem;
  line-height: 3rem !important;}

.link--arrowed .arrow-icon {color:#0061a1;
  position: relative;
  top: -1px;
  transition: transform 0.3s ease;
  vertical-align: middle;
}
.link--arrowed .arrow-icon--circle {
  transition: stroke-dashoffset 0.3s ease;
  stroke-dasharray: 95;
  stroke-dashoffset: 95;
}
.link--arrowed:hover .arrow-icon {
  transform: translate3d(5px, 0, 0);
}
.link--arrowed:hover .arrow-icon--circle {
  stroke-dashoffset: 0;
}

.button-white {border: 2px solid #fff;border-radius: 50px;padding: 10px 102px;color: #fff !important;font-family: proxima-nova, sans-serif;font-weight: bold;font-size: 0.9rem; text-transform: uppercase ;}
.button-white:hover{background-color: #8b151a;}

/*GDPR*/
div#cookie-law-info-bar {padding: 50px !important;}
a#cookie_action_close_header, .cli-style-v2 .cli-bar-btn_container .cli-plugin-button {font-weight: bold;padding: 20px 30px;border-radius: 30px; }
a#cookie_action_close_header_reject {text-decoration: none;font-weight: bold;font-size: 14px; margin:0 20px !important}
.cli-tab-footer .wt-cli-privacy-accept-btn {border-radius: 30px !important; font-weight: bold !important; padding: 15px !important;}

/*COLOR*/
.white{color: #fff;}
.green{color: #359931;}
.red{color: #F3253D;}

/*BREADCRUMBS*/
p#breadcrumbs {background-color:#fff; margin-bottom:0; display: inline; border-top-left-radius:5px; border-top-right-radius:5px;padding:15px;font-size: 0.8em;}
span.breadcrumb_last {font-weight:bold; color:#359931; text-transform:uppercase;}
.header-breadcrumb {padding:15px 0 12px 0;}

/*BIOGRAFIE*/
hr {border-top: 1px solid #dee2e6 !important;    margin: 25px 0 !important;}
.header-mini {padding-top:100px;}
.entry-content.post-content-biografie {max-width:1180px; width:100%; margin:0 auto; padding:50px 35px 50px 0; background-color:#fff}
.single-biografie, .post-type-archive,  .page-template-agenda {background-color:#f3f3f3}
img.displayed.biografia-foto {border-radius:10px; border:8px solid #f3f3f3 }
.border-right {border-right: 1px solid #dee2e6; padding-right:35px}
.border-right-ipad {border-right: 1px solid #dee2e6; padding-right:35px}
.biografia-paragrafo {padding-right:35px}
.didascalia-bio {text-align:center; font-size:0.8em; margin-top:5px;}
.excerpt-bio, .excerpt-feed-news {display: inline-block;
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
  max-height: 3.6em;
  line-height: 1.6em;}
.excerpt-container {
    margin-bottom: -15px !important;
}
.excerpt-container::after {
  content: "[...]"; display:block;
  font-style: italic;
    top: -15px !important;
    position: relative;
    z-index: 10000;
}

  /*ULTIME NEWS*/ 
  .img-post{margin-top: 20px;  width: 400px;  height: 200px;  overflow: hidden;border-radius: 10px;}

  h6.post-categories { color: #359931; text-transform: uppercase;}

  .band-news{margin-top: 20px;margin-bottom: 30px;}

  .button-news{background-color: #369b31;padding: 10px 30px;border-radius: 20px;color: #fff;text-transform: uppercase;font-weight: bold;font-size: 0.8em;font-family: proxima-nova, sans-serif;float: right;}
.post-thumb-sidebar {min-height: 120px; border-radius: 3px;}
/* AGENDA */
.fa-map-marker-alt:before {color: #666666 !important;content: "\f3c5";}
.fa-calendar-alt:before {color:#666666; font-size: 0.9em;}
span.data_evento, .location {color: #666666;font-size: 0.9em; font-weight: 500;}
.location {border-top:1px dashed #dee2e6; padding-top:8px; margin-top:12px}

.data-evento {border-bottom:1px dashed #dee2e6; padding-bottom:8px; margin-bottom:8px}

div.excerpt-feed-news > img {display:none;}
.related-thumb img, img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {border-radius:10px; display: block; width: 100%;}
div.excerpt-feed-news {font-size:0.9em; margin-bottom:5px;}
h4.related-title.feed-post {margin-bottom:2px; margin-top:3px; }
h6.side-title a {text-transform: none;font-weight: 600;padding: 5px 0 !important;clear: both;display: block;}

.prev-posts-link {float: left;font-size: 0.9em;}
.next-posts-link {float:right;    font-size: 0.9em;}

h1.article-title {font-size:2em}
h6.sidebar-title {border-bottom: 1px solid #dee2e6;  margin-bottom: 10px; padding: 5px 0;}

/*Band Newsletter grigio*/
.band-light-grey{background-color: #f2f2f2;}
.band-newsletter-50{padding: 50px;}

/*form mailup*/
.band-form{display: block;width: 100%;padding: 10px 0;border-radius: 30px;padding-left: 30px;box-shadow: none;margin-bottom: 10px; border: 2px solid #359931;
font-family: proxima-nova, sans-serif;}
.button-form{border: 2px solid #359931;
    border-radius: 30px;
    color: #fff;
    background-color: #359931;
    font-family: proxima-nova, sans-serif;
    font-weight: bold;
    font-size: 1rem;
    width: 100%;
    padding: 10px;}

.button-form:hover{background-color: #eaf4ea;}

/*Band Giani*/
.band-giani{padding: 50px;}
.bg-band-giani{ background: #f00a15;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #c0232b, #f00a15);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #c0232b, #f00a15); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.giani-image{margin-bottom: -50px;margin-top: -77px;}

/*band telegram*/
.band-telegram{padding: 20px; background-color: #08a2ef;}
.telegram-icon-color{max-width: 50px; float: left; margin-right: 20px;}
.button-telegram{border-radius: 30px;padding: 10px 102px;color: #0b89c8;background-color: #b7e3fa;font-family: proxima-nova, sans-serif;font-weight: bold;font-size: 1rem; display:block; text-align:center;}
.button-telegram:hover{background-color: #d3eefc;color: #0b89c8;}

/*band tesseramento*/
.occhi-nuovi {max-width: 165px;}
.tesseramento{text-decoration: underline;text-decoration-color: #F3253D;}
.disegno{text-align: center;display: block;margin-left: auto;margin-right: auto;}


/*FOOTER*/
.bg-pre-footer{background: #444444; color: #fff; padding: 40px;}
.bg-footer {background-color: #373737;padding: 60px;color: #fff;}
.button-footer-grey{background-color: #535353;padding: 10px 40px;text-align: center;color: #fff;display: block;margin-left: auto;margin-right: auto;max-width: 100%; border-radius:30px; font-weight:bold}
.button-footer-grey:hover{background-color: #979797; color: #fff;}
.social-icon-footer{max-width: 70px;}


/*CONTATTI*/
.header-contatti{background-image: url(/images/pd-toscana-header-contatti.jpg); padding: 200px;}
.title-coo {margin-bottom:10px; font-size:18px;}

/*SEARCH PAGE*/
.search-list{
border-bottom: 5px solid #359931;font-size: 1em;text-transform: none;padding-bottom: 5px;margin-bottom: 20px;}
.is-highlight {background-color: #ffec1c !important;padding: 0px 10px;border-radius: 20px;
}

/*Scuola Futura 2023*/
.header-scuola-futura {
    padding-top: 400px;
}
 
@media screen and (max-width: 1200px) {
header {padding: 0 35px}
.entry-content.post-content-biografie {padding: 50px 35px;}
p#breadcrumbs {padding: 15px 15px 15px 15px; margin-left: 20px;}
h1.titolo-interno {margin-left: 20px;}
.breadcrumbs{display: none;}
}

@media screen and (max-width: 991px) {
.border-right-ipad {border-right: 0 solid transparent; padding-right:0}
.title-coo {margin-top:50px; }
.header-breadcrumb {
    margin-left: 35px;
}
.header-mini {
    padding-top: 150px;
}
h1.titolo-interno {margin-left: 0;}
.band-mob {padding-right:55px; padding-left: 55px;}
.bio-corpo {padding-right: 35px; padding-left: 35px;}
h4 {font-size: 1.3em;    line-height: 1em;padding-bottom: 5px !important;}
}



@media screen and (max-width: 768px) {
.sidebar {display: none;}
img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {margin-bottom: 15px !important;}
.agenda-thumb > img {display:none}
.border-right {border-right: 0 solid transparent !important;padding-right: 0;}
img.displayed.biografia-foto {max-width:50%; margin-top:10px}
.mob-eletti {padding:10px 0 0 0 }
}


@media screen and (max-width: 575px) {
.background-slideshow {background: linear-gradient(
90deg, rgba(199, 30, 38, 0.8) 100%, transparent 100%);}
nav.navbar.navbar-expand-md.p-0 {display: none;}

.acm{text-align: center !important;}
.telegram-icon-color {float: none;max-width: 50px;display: block;margin-left: auto;margin-right: auto;padding-bottom: 20px;}
.text-telegram-band{text-align: center;padding-bottom: 20px;}
.button-telegram{display: block; text-align: center;}
h1.white {font-size: 2.1em;}
h2.white {font-size: 1.5rem;}
.giani-image {margin-top: 50px;}
.button-white {padding: 10px 72px;}
.occhi-nuovi{max-width: 140px; text-align: center; display: block; margin-left: auto; margin-right: auto;}
h1.green.tesseramento {font-size: 27px;}
.disegno {margin-top: 50px;}
.news-mobile{font-size: 20px;text-align: center;}
.button-footer-grey{max-width: 100%; margin-top: 25px;}
.social-icon-footer {max-width: 50px;}
.m30mo{margin-top: 30px; margin-bottom: 30px;}

	a,li,ul{height: 100%;}

	
	
	
}