/**
* Variables
USO: color: var(--theme-color);
*/
:root {
  --title-color: #39a89a;
  --text-color: #333;
  --primary-color: #3377e0;
  --second-color: #39a89a;
  --red-color: #c63726;
}

/***
FONT
***/

/*** HIND ***/
@font-face {
  font-family: 'hind_r';
  src: url('../font/hind/Hind-Regular.ttf');
}
@font-face {
  font-family: 'hind_b';
  src: url('../font/hind/Hind-Bold.ttf');
}
@font-face {
  font-family: 'hind_l';
  src: url('../font/hind/Hind-Light.ttf');
}
@font-face {
  font-family: 'hind_m';
  src: url('../font/hind/Hind-Medium.ttf');
}
@font-face {
  font-family: 'hind_s';
  src: url('../font/hind/Hind-SemiBold.ttf');
}

/******BODY*********/
body{
  font-family: 'Hind', sans-serif;
  font-size:1.1rem;
}
/*****SET H*****/
h1,h2,h3,h4,h5,h6 {
  font-family: 'Hind', sans-serif;
  font-weight: 300;
  color: var(--title-color) ;
  margin-top: 0;
  line-height: 1.2!important;
}
h1{
  font-size: 50px;
}
h2{
  font-size: 40px;
}
h3{
  font-size: 35px;
}
h4{
  font-size: 30px;
}
h4{
  font-size: 25px;
}
h5{
  font-size: 20px;
}
h6{
  font-size: 20px;
}

/*****SET PARAGRAPH*****/
p {
  font-family: 'Hind', sans-serif;
  font-size: 18px;
  color:  var(--text-color);
  margin: 10px 0px !important;
  display: block;
  overflow: hidden;
  font-weight: 500!important;
}

/****SET LINK ****/
a{
  text-decoration: none !important;
  color: #3377e0 !important;
  font-weight: 600;
}
a:hover{
  text-decoration: underline !important;
  font-weight: 600;
}
ul.sf-menu a, ul.sf-menu span.nolink{
  font-weight: bold;
}
.btn{
  border-radius: 50px;
  font-weight: 700!important;
  text-transform: uppercase!important;
  padding:10px 20px;
  text-decoration: none!important;
}
.btn:hover{
  text-decoration: none!important;
}
.btn-primary{
  color:#fff!important;
  background-color:var(--primary-color);
  border-color: var(--primary-color);
}
.btn-primary:hover{
  color:#fff!important;
  background-color:#588ad7;
  border-color: #588ad7;
}

.btn-second{
  color:#fff!important;
  background-color:var(--second-color);
  border-color: var(--second-color);
}
.btn-second:hover{
  color:#fff!important;
  background-color:#196b66;
  border-color: #196b66;
}

.btn-alternative{
  color:#fff;
  font-weight: 500px;
  background-color:var(--red-color);
  border-color: var(--red-color);
}
.btn-alternative:hover{
  color:#fff;
  font-weight: 500px;
  background-color:#d04635;
  border-color: #d04635;
}
/****OTHER STYLE***/
.bg_principale{
  background-color: var(--primary-color)
}
/**SLIDE***/

#slider p, #slider h3, #slider h1{
  color: white!important;
}
#slider h3, #slider h1{
  margin-bottom: 20px!important;
}
#slider p{
  margin-bottom: 40px!important;
}
/*#slider .container{
padding-top:250px;
padding-bottom:250px;
}*/

.overlay_slider{
  opacity: 0.5;
  height: 100%;
  width: 100%;
  background: #000000;
  position: absolute;

}

/**Banner first**/
#banner_first .container, #banner_third .container{
  padding-top: 70px;
  padding-bottom: 70px;
}

/***Banner Second***/
#banner_second .banner_2_padding{
  padding-top: 150px;
  padding-bottom: 150px;
  padding-left: 80px;
  padding-right: 130px;
}

.overlay_banner_second{
  opacity: 0.7;
  /*height: 500px;*/
  height: 100%;
  width: 100%;
  background: white;
  position: absolute;
}

.overlay_banner_news{
  opacity: 0.7;
  /*height: 500px;*/
  height: 100%;
  width: 100%;
  background: whitesmoke;
  position: absolute;
}

.data_soci{
  opacity: 1;
  color: #333!important;
  background-color:#eee;
  padding:3px;
  line-height:1rem; 
  text-transform: uppercase;
  font-size:12px!important;
  text-align: center;
  display: inline-block;
  margin-right:10px;
}

.overlay_banner_news_soci{
  opacity: 1;
  color: #333!important;
  padding:3px;
  line-height:1rem; 
  text-transform: uppercase;
  font-size:12px!important;
  text-align: center;
  display: inline-block;
}

.articolo_socio__tema div, .articolo_socio__data div{
  display: inline-block;
}


#banner_second p{
  color: white;
}

/***PUBBLICAZIONI***/
.overlay_pubblicazioni{
  opacity: 0.5;
  height: 100%;
  width: 100%;
  background: var(--primary-color);
  position: absolute;
}

#pubblicazioni h2{
  color: white;
}
.block_pubblicazione{
  background: white;
  text-align: center;
  padding: 20px 40px;
  display: table;
  height: 200px;
  overflow: hidden;
  width: 100%;
}
.pubblicazione_center{
  display: table-cell; vertical-align: middle;
}
.border-top_pubblicazioni{
  width: 90%;
  height: 3px;

}
.container_border_pubb{
  justify-content: center;
  display: flex;
  margin-top: 5px;
}

.block_pubblicazione_hover{
  padding: 20px 40px;
  background: red;
  text-align: center;
  display: table; height: 200px; overflow: hidden;
  width: 100%
}
.pubblicazione_hover_center{
  display: table-cell; vertical-align: middle;
}
.border_top_pubb{
  border-top: 4px solid var(--red-color);
}

/** NEWS***/
.img_news{
  width: 100%;
  height: 250px;
  object-fit: cover;

}
.padding_block_news{
  padding: 0px 20px;
}

.block_news_style{
  box-shadow: 0 0 5px rgb(103 103 103 / 42%);
}
.bg-light-grey{
  background-color: whitesmoke;
}
/***SOCIO***/
.img_socio{
  width: 100%;
  height: 300px;
  object-fit: cover;
}
.block_socio_hover{
  background-color: #041528;
  height: 300px;
  display: table;
  overflow: hidden;
  width: 100%;
  text-align: center
}

.counter_number{
  font-size: 40px
}

.overlay_soci{
  opacity: 0.5;
  height: 100%;
  width: 100%;
  background: #fff;
  position: absolute;
}

/***EVENTI ISCOCAFFE***/
.anteprima_image{
  width: 100px;
  height: 100px;
  object-fit: cover;
  border-radius: 100px;
}

.border_bottom_eventi{
  border-bottom: 2px solid #39a89a;
}

.focus_post{
  border-bottom: 4px solid #39a89a;
}

.post_isocaffe{
  width: 500px;
  height: 450px;
  background: white;
  margin-top: 50px;
  margin-left: -50px;
  padding:50px;
}

.div_isocaffe{
  height: 250px;
  overflow: scroll;
}

/***PARTNER***/
.img_partner{
  width: 150px!important;
  height: 150px;
  border-radius: 150px;
  display: initial!important;
}
.owl-stage-outer .center img{
opacity:1
}
.block_socio img{
  opacity:0.7
}
.owl-prev span{
  position: absolute;
  left: -40px;
  font-size: 70px;
  color: #3377e0;
  top: 100px;
}
.owl-next span{
  position: absolute;
  right: -40px;
  font-size: 70px;
  color: #3377e0;
  top: 100px;
}

/**FOOTER***/
footer a{
  text-decoration: none!important;
  color: white!important;
  font-weight: 500;
}
footer a:hover{
  text-decoration: underline!important;
  color: white;
}
footer h4{
  color:white;
}
footer p{
  color:white!important;
  margin: 5px 0px!important;
  font-size: 16px;
}
/***FORM****/
input,textarea, select{
  /*width: 90%!important;*/
  border: 1px solid var(--second-color)!important;
  color:#333;

}
select{
  padding: 0.5rem;
  width: 100%;

}
#edit-actions-submit{
  background-color: var(--second-color);
  width: 300px !important;
  margin-top: 20px;

}

/*OTHER*/

.text-green{
  color: var(--title-color)
}
.text-grey{
  color: var(--text-color)
}
#block-isoc-template-content ul{
  list-style-type: circle;
}
ul{
  margin-bottom: 0px!important;
}
ul li a{

  color: var(--text-color)!important;
  text-decoration: none;
  font-weight: 400;
}
input[type="submit"]{
  background-color: #39a89a;
  border-color: #39a89a !important;
  /*margin-top: 20px;*/
  border-radius: 50px;
}
.page-user-register .js-form-item .description{
  font-size: 13px;
  color: #fff;
  font-weight: 500;
}
label{
  margin: 0px;
}
.js-form-item{
  margin-bottom: 10px;
}

#dati_evento h5{
  font-weight: 500;
  margin-bottom: 15px
}
#dati_evento .info_evento{
  color:var(--text-color);
  font-size: 18px;
}
.socio_individuale__price div:first-child {
  float: left;
  margin-right: 10px;
}
.socio_individuale__price{
  margin-bottom: 20px;
}
.prodotto_socio_form{
  background-color: #3377e0;
  padding: 20px;
  border-radius: 5px;
  box-shadow: 1px 1px 20px #ccc;
  color: white;
}
.socio_individuale__variations input{
  width: 100%!important ;
}

table, tr, td{
  border: 0px solid #ccc !important;
}
td{
  border: 1px solid #ccc !important;
}
th{
  background: #fff;
  border: 0px solid #ccc !important;
  padding: 10px;
}
td{
  padding: 10px;
}
.cart-form input[type="submit"]{
  width: auto !important;
  padding: 10px 20px !important;
}
.checkout-pane-payment-information{
  border: 1px solid #ccc;
  padding: 20px;
  border-radius: 10px;
}
.layout-region-checkout-secondary{
  border: 1px solid #ccc;
  padding: 20px;
  border-radius: 10px;
}
.alert_carrello, .checkout-complete__payment-instructions{
  padding: 20px;
  background: #d6e6ff96;
  border-radius: 10px;
}
.js-quickedit-page-title{
  color: var(--text-color);
  font-weight: 500;
}
.bg-light-blue{
  background: #d6e6ff96;

}
#edit-group-chiede-di-poter-aderire-i span{
  font-size: 18px!important;
}

#edit-group-chiede-di-poter-aderire-i legend{
  line-height: 1;
  margin-bottom: 10px;
}
#edit-group-chiede-di-poter-aderire-i .form-checkbox{
  width: auto!important;
}


/*ANIMATION BLOCCHI PUBB*/

.test_animated:hover{
  transform: translateY(-10px);
  transform: scale(1.1);

}
.js-quickedit-page-title{
  color:#fff!important;
}

#block-pagetitle h1{
  color: white;
  font-weight: 400;
}
#edit-field-anno-socio-wrapper{
  display: none;
}


/*MENU*/
/*#block-isoc-template-main-menu ul{
display: inline-flex;
}*/
.menu-item{
  padding-right: 20px;
}
/*MENU*/
.height-800{
  height: 800px;
}
.height-300{
  height: 300px;
}
.login_button{
  padding: 5px 10px!important;
  font-weight: 400!important;
  font-size: 14px!important;
}

.container-form{
  padding: 50px;
  margin-top: -100px;
  position: relative;
  background: white;
  border-radius: 20px;
  box-shadow: 0px 0px 10px #ccc;
  margin-bottom: 50px;
}
button, [type="button"], [type="reset"], [type="submit"]{
  padding: 7px 15px;
}
.box_shad{
  box-shadow: 1px 1px 20px #ccc;
}
.box_profile{
  z-index: 9999;
  position: relative;
  height: 300px;
  width: 290px;
  padding: 20px;
  box-shadow: 1px 1px 20px #ccc;
}
.box_img_profile{
  position: absolute;
  right: 0px;
  bottom: 0px;
}
.test{
  font-weight: 600;
  font-size: 25px;
  line-height: 0.8cm;
  background: #041628;
  color: #fff;
  width: auto !important;
  display: inline-block;
  padding-right: 20px;
  margin-bottom: 10px;
  padding-left: 3px;
}
input. select{
  color:#333;
}
#header{
  background:#fff!important;
}
.sf-depth-1 > ul{
  position: absolute!important;
  top: 42px!important;
  left: 10px!important;
}
/*ul.sf-menu.sf-style-default li:hover, ul.sf-menu.sf-style-default li.sfHover, ul.sf-menu.sf-style-default a.is-active, ul.sf-menu.sf-style-default a:focus, ul.sf-menu.sf-style-default a:hover, ul.sf-menu.sf-style-default span.nolink:hover*/
ul.sf-menu.sf-style-default li, ul.sf-menu.sf-style-default.sf-navbar, .superfish-main > li, .superfish-main > li:hover, ul.sf-menu.sf-style-default li:hover{
  background: white;
}
ul.sf-menu.sf-style-default li li, ul.sf-menu.sf-style-default.sf-navbar > li > ul{
  background-color: white;
}
.sf-depth-2 a{
  border-bottom: 2px solid #3377e0;
}
.sf-depth-1 ul a:hover{
  background: #3377e0!important;
  color: white!important;
}
.sf-depth-1 > a, ul.sf-menu.sf-style-default li:hover, ul.sf-menu.sf-style-default li.sfHover, ul.sf-menu.sf-style-default a.is-active, ul.sf-menu.sf-style-default a:focus, ul.sf-menu.sf-style-default a:hover, ul.sf-menu.sf-style-default span.nolink:hover{
  background: #fff;
}
.sf-depth-1 > a:hover, ul.sf-menu.sf-style-default li a:hover{
  background: #efefef;
}

li span{
  padding: 0.75em 1em!important;
}

#superfish-main{
  display: -webkit-inline-box;
}
#navbarSupportedContent > div{
  width: 100%;

}
ul.sf-menu.sf-vertical li{
  padding-right: 10px;
  width: auto;
}
ul.sf-menu.sf-vertical{
  margin-left:80px;
}

ul.sf-menu.sf-vertical a:hover{
  text-decoration: none!important;
}

.sf-depth-1 ul li{
  width: 100%!important;
  padding-right: 0px!important;
}

#slider_quaderni img{
  width: auto!important;
}
.copertina_quaderno{
  background: #eaeaea;
  text-align: center;
  padding: 20px;
}
.box-shadow-quaderni{
  box-shadow: 1px 1px 20px #ccc
}
.title_label_quad{
  color: #333;
  text-transform: uppercase;
  font-size: 18px;
}
.count-text{
  font-weight: 300;
  font-size: 18px;
}

.count_box{
  background: #589affa8;
  /* padding: 10px 40px; */
  border-radius: 100px;
  width: 200px;
  height: 200px;
  padding: 25px;
}

.count_box_notext{
  width: 120px;
  height: 120px;
  padding-top: 32px;
  background: #589affa8;
  border-radius: 100px;
}
.center_box{
  justify-content: center;
  display: flex;
}
.style_text_news{
  position: relative;
  z-index: 9999;
}
.pager__item{
  display: inline;
  background:  #3377e0b0;
  margin-left: 10px;
  border-radius: 19px;
  width: 40px;
  height: 40px;
  float: left;
  padding-top: 9px;
}
.pager__item--active{
  background: #3377e0 ;
}
.pager__items{
  justify-content: center;
  display: flex;
}
.pager__item a{
  display: inline-block;
color: white!important;
font-weight: 500;
}.pager__item--first,   .pager__item--next, .pager__item--last{
  width: 100px;
}
.pager__item--previous{
      width: 150px;
}
#edit-coupon-redemption{
  display: none;
}
.profile_image{
  width: 300px;
height: 300px;
object-fit: cover;
border-radius: 300px;
}
.videobcg {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  height:auto;
  width:auto;
  z-index: -100;
}
.video_sfondo{
  position: relative;
  height:auto;
  width:100%;
  overflow: hidden;
}
#youtubechannel-list{
      height: 55px!important;
}
.btn_edit_admin{
  position: absolute;
margin-top: 10px;
padding: 5px 10px!important;
font-size: 13px!important;
text-transform: uppercase;
border-radius: 10px;
background: grey;
border-color: grey;
box-shadow: 0 0 5px rgb(103 103 103 / 42%);
right: 10px;
    z-index: 99999999;
}

.btn_edit_admin_blocco{
  height: 37px;
width: auto;
padding: 5px 10px;
border-radius: 10px;
background: grey;
border-color: grey;
position: absolute;
font-size: 13px!important;
text-transform: uppercase;
box-shadow: 0 0 5px rgb(103 103 103 / 42%);
}
.webform-submission-contact-node-4-form #edit-privacy--description{
  font-size: 15px;
    margin-top: 10px;
    color: black;
    font-weight: 400;
    margin-left: 23px;
}
#profile_info{
  font-size: 17px;
  color: green;
  margin-top: 50px!important;
}
.op-8{
  opacity:0.8
}

.user_menu{
  box-shadow: 1px 1px 20px #ccc;
  background: lightgrey;
  padding-left: 20px;
  padding-right: 20px;
  position: absolute;
  z-index: 999;
  margin-top: 5px;

}
.user_menu p{
  padding-left: 10px;
  padding-right: 10px;
  border-bottom: 2px solid #3377e0;
}
.text_hover_socio{
  position: absolute;
margin-top: -35px;
z-index: 999999;
background: #3377e0a1;
width: 100%;
padding-top: 9px;
padding-bottom: 5px;
line-height: 0px;
font-size: 18px;
}
.text_hover_socio a{
  color: white!important;
}
.block_socio {
  text-align: center
}
.blocchi_soci:hover img{
  opacity:1
}
.blocchi_soci:hover .text_hover_socio{
      background: #3377e0;
}
#edit-group-anagrafica- .fieldset-wrapper, #edit-group-elenco-socio .fieldset-wrapper, #edit-group-chiede-di-poter-aderire-i .fieldset-wrapper {
  border: 1px solid white;
padding: 20px;
border-radius: 5px;

}
#edit-field-ho-letto-e-accetto-l-infor-value--description a{
  color: white!important;
text-decoration: underline!important;
}
#edit-field-stampa-elenco-soci--wrapper .fieldset-wrapper{
  border:none;
  padding: 0px;
}

#edit-field-stampa-elenco-soci--wrapper legend{
  font-size: 1rem;
}
.find-more-button, .agree-button{
  border-radius: 50px;
padding: 10px 20px;
font-weight: 500;
background: #39a89a;
}
.decline-button{
  border-radius: 50px;
padding: 10px 20px;
font-weight: 500;
background: #041527;
}
.eu-cookie-compliance-banner {
  padding:20px;
}.eu-cookie-compliance-message p {
    font-size: 14px;
    display: inline;
}
.page-diventa-socio-individuale .messages--status {
    left: 5%;
    top: 200px;
    background-color: #8dbe51;
    border-color: #73a03c;
    position: fixed;
    width: 90%;
    z-index: 999;
    padding: 30px;
    font-size: 20px;
color:white;
}

.js-form-type-vertical-tabs{
	display:none!important;
}

.field--type-datetime h4{
  font-size:16px!important;
  color:#111!important;
  font-weight: normal;
}

.box-articolo-socio{
  min-height: 320px;
}

#views-exposed-form-elenco-articoli-dei-soci-page-1 .form-item{
  float:left;
  width: 25%;
  margin-right:20px;
}

#views-exposed-form-elenco-articoli-dei-soci-page-1{
  overflow:hidden;
  margin-bottom:30px;
}

#views-exposed-form-elenco-articoli-dei-soci-page-1 #edit-actions{
  margin-top:40px;
}

.box-articoli-soci img{
  width:30px;
  height:30px;
  border-radius:100%;
}
.box-pagina-articoli-soci img{
  width:100%;
  border-radius:100%;
}