/* 
  Cer css
*/
.highlighted {margin-top: 100px;}
.page-node-2 .highlighted {margin-top: 0px;}
.navbar-brand img.logo-cer {
    height: 90px;
    width:auto;
}
.overlay {
    z-index:9;
}
.view-header .headerImg {
    position: relative;
}
.banner-wrapper {position: relative;}
.banner-text {
    z-index:9;
    position: absolute;
    bottom:0;
    left:0;
    right: 0;
    padding: 40px 20px;
}
.navbar a.nav-link {
    color: #3b3b3b;
    transition: all .2s ease;
}
#navbar-main { box-shadow: 0px 1px 8px 0px rgba(130, 181, 145, 0.8);}
.navbar-expand-lg .navbar-collapse {
    justify-content: space-between;
}
.navbar .nav-item a.nav-link:hover, .navbar li.active a.nav-link  {
    color: white;
    background: #82B591; 
}
a.btn-secondary,.btn-secondary a {
    color: white;
}
a.btn-secondary:hover, .btn-secondary a:hover {
    color: white;
}

#page,body  {
    overflow-x: hidden;
}
.navbar-toggler {
    padding:0;
    border: none;
}
.navbar-toggler .line {
    height: 4px;
    width: 35px;
    background: #82B591;
    margin-bottom: 4px;
    display: block;
}
.offcanvas-header .btn-close {
    background-color: #82B591;
    border-radius: 0;
    margin-top: 10px;
}
.view-header .logo80 {
    transform: translate(-50%);
    z-index:9;
}
.block-content-blocco_home {
    margin-top: 100px;
}
.site-footer .block {
    border: none;
    margin-bottom: 0;
}
.site-footer .block p {
    font-size: 16px;
}
.site-footer__bottom {
    margin-top: 15px;
}
.sidebar h2 {
    margin: 0 0 0.5em;
    border-bottom: 1px solid #82B591;
}
#block-cer-contattisidebar {
    background: none;
}
#block-cer-contattisidebar .field--name-body, #block-cer-contattisidebar .field--name-body a {
    font-size: 16px;
    word-break: break-all;
    color: #3b3b3b;
    text-decoration: none;    
}
#block-cer-contattisidebar .field--name-body a:hover {
    text-decoration: underline;
}
.ico-cer {
    color: #82B591;margin-right: 3px;
    font-weight: bold!important;
}
/*menu profilo utente*/
.ceraccountnav a {
    background: #D82229;
    padding: 6px 12px;
    color: #ffffff !Important;
    border-radius: 5px;
    margin: 0 3px;
}
/**/
.nav.primary.nav-tabs .nav-link {
  color: #000;
}
.nav.primary.nav-tabs .nav-link.active {
    background: #c0dac8;
    color: #000;
    font-weight: 600;
}
/**/
#block-cer-content {
    background: rgba(130, 181, 145, 0.5);
    border-radius: 10px;
    padding: 20px 10px;
    margin: 20px 0;
}
#block-cer-content label {
    font-weight: 600;
}
#block-cer-content .form-check-label {font-weight: normal;}
/*#block-cer-content input {
    background: #f5f5f5;
}*/

/***/
.webform-actions {text-align: center}
.webform-actions .webform-button--submit {
    width: 250px;
    font-weight: 600;
}
#edit-terms-of-service {
   -webkit-appearance: none;
  -moz-appearance: none;
  background-color: white;
  height: 15px;
  width: 15px; 
  position: relative;
}
#edit-terms-of-service[type="checkbox"]:checked::after {
  content: "\f00c";
  font-family: 'FontAwesome';
  color: #D82229;
  position: absolute;
  top: -8px;
  left: -2px;
  font-size: 20px;
}
.form-type-webform-terms-of-service a {
    color: #3b3b3b;
}
#webform-terms-of-service-terms_of_service--description 
.webform-terms-of-service-details--content {
    max-height: 600px;
}
@media all and (max-width: 768px) {
    .navbar-brand img.logo-cer {
        height: 50px;
        width: auto;
    }
    .banner-text {
        padding: 20px 30px;
    }
    .banner-text img.image-style-logo-header {
      height: 100px;
      width: auto;
    }
    .view-header .views-field-field-header-img img {
        height: 45vh;
        object-fit: cover;
    }
    .h1home {font-size: 30px;}
    .h1home span {font-size: 60px;}
   .page-node-4 #sidebar_first {
        order:2!important;
    }
    .page-node-4 #content {
        order:1!important;
    }
}
@media all and (max-width: 992px) {
    .view-header .position-relative {
        height: auto;
    }
   .width100 {height: auto;}
   .navbar-nav .nav-item {
       max-width: 85%;
   }
    .navbar-nav .nav-item a {
      padding-left: 10px;
   }
}
@media (min-width: 992px) {
    .navbar-expand-lg .offcanvas .offcanvas-body {
        justify-content: space-evenly;
    }
    #block-cer-contattisidebar {
        margin-top: 100px;
    }
}
@media (max-width: 396px) {
    .ceraccountnav {
        display: grid;
        row-gap: 8px;
    }
}
/* *** *** *** *** webform general *** *** *** *** */
span.fieldset-legend,
.js-form-item label:not(.form-check-label),
.field--type-datetime label.label {
    font-family: "Alef", sans-serif;
    font-weight: 600;
    color: #18262A;
    font-size: 17px;
    margin-bottom: 10px;
}


/* *** *** *** *** aderisci alla cer *** *** *** *** */
.edit-field-confermo {
    display: flex;
}
.edit-field-confermo .js-form-item.js-form-type-radio.radio.form-check.js-form-item-field-confermo.form-item-field-confermo {
    margin: 0 10px;
}
/*#containertes {
    background: #fff;
}*/

#nomeutentepassword,
#datianagrafici,
#contatti,
.view-scheda-adesione {
    border: 1px solid #fff;
    padding: 1rem 0.855rem;
    border-radius: 5px;
}
.dataTitle {
    text-align: center;
}
input#edit-field-codice-fiscale-0-value {
    text-transform: uppercase;
}
#edit-field-confermo {
    display: flex;
    column-gap: 20px;
}
/*.imp {
    visibility: hidden;
    position: relative;
}
.imp::after {
    visibility: visible;
    position: absolute;
    left: 0;
    top: 0;
    width: 60vw;
}
.imp.imp1::after {
    content:'a versare la quota sociale, la quale sarà decurtata dal primo rimborso annuo previsto dall’incentivo;';
}
.imp.imp2::after {
    content:'a rispettare lo statuto sociale e il regolamento interno, che dichiara di possedere e conoscere integralmente;';
}
.imp.imp3::after {
    content:'ad accettare le deliberazioni assunte dagli organi sociali;';
}
.imp.imp4::after {
    content:'a partecipare in modo attivo e costruttivo al raggiungimento degli scopi sociali della Cooperativa anche attraverso la partecipazione alle riunioni che verranno indette;';
}*/

#edit-field-si-impegna > div.js-form-item.js-form-type-checkbox.checkbox.form-check.mb-3.js-form-item-field-si-impegna-impegno-4.form-item-field-si-impegna-impegno-4 > label::after {
    content: 'partecipazione alle riunioni che verranno indette;';
}
/* *** *** *** *** visualizza profilo *** *** *** *** */
.profile .field__label {
    font-family: "Alef", sans-serif;
    font-size: 18px;
    font-weight: 600;
}
.profile .field__item {
    font-size: 15px;
    background-color: transparent !important;
    padding: 0!important;
}
/* *** *** *** *** visualizza scheda adesione *** *** *** *** */ 
.view-scheda-adesione tbody,
.view-scheda-adesione tbody tr {
    background: transparent;
}
th.views-field {
    font-family: "Alef", sans-serif;
    font-weight: 600;
    background-color: transparent !important;
    font-style: normal;
    color: #0C0F10;
    border: 0;
}
td.views-field {
    padding: 0.25rem 1rem;
    border-radius: 0rem;
    background: transparent;
    margin: 1.25rem 0;
    color: #0C0F10;
    font-style: normal;
    border: 0;
}
/* *** *** *** *** adesioni *** *** *** *** */
.view-adesioni td {
    background: #fff!important;
    min-width: 16rem;
    border-radius: 0;
}
.csv-feed .feed-icon {
    background-image: url(../images/csv.png);
    padding: 15px 30px;
    margin-top: 10px;
    border-radius: 5px;
    background-position: center;
    background-size: cover;
    min-width: 5rem;
    height: auto;
}


/* ** ** ** ** ** query ** ** ** ** ** ** */
@media (min-width: 820px) {
    /* *** *** *** *** aderisci alla cer *** *** *** *** */
    div#nomecognome {
        grid-template-columns: 1fr 1fr;
        column-gap: 20px;
    }
    div#nascita #edit-field-nata-o-a-0-address {
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 20px;
    }
    div#nascita #edit-field-nata-o-a-0-address-container0 {
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 20px;
    }
    div#natoil {
        display: grid;
        grid-template-columns: 1fr 3fr;
        column-gap: 20px;
    }
    div#edit-field-residente-0-address {
        display: grid;
        grid-template-columns: 1fr 2fr 3fr;
        column-gap: 20px;
    }
    div#edit-field-residente-0-address-container1 {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        column-gap: 20px
    }
    div#codicefiscale {
        grid-template-columns: 2fr 1fr;
        column-gap: 20px;
    }
    
    div#telefono {
        grid-template-columns: 1fr 1fr;
        column-gap: 20px;
    }
    div#mailpec {
        grid-template-columns: 1fr 1fr;
        column-gap: 20px;
    }
    div#edit-field-confermo {
        grid-template-columns: 1fr 1fr;
        column-gap: 20px;
        display: grid;
    }
    #block-certrasimeno-content div#edit-actions {
        text-align: center;
    }
    div#dichiarazioni {
        font-size: 15px;
        border: 1px solid #fff;
        padding: 2rem 0.855rem;
        border-radius: 5px;
        margin-bottom: 1.855rem!important;
    }
    /* *** *** *** *** scheda adesione *** *** *** *** */
    #nomeutentepassword #edit-account {
        grid-template-columns: 1fr 1fr;
        column-gap: 20px;
        display: grid;
    }
    #edit-schedacontainer,
    #edit-persona-fisica,
    #edit-persona-giuridica {
        border: 1px solid #fff;
        padding: 2rem 0.855rem;;
        border-radius: 5px;
    }
    #edit-nazione-di-nascita-pf .fieldset-wrapper {
        grid-template-columns: 2fr 1fr;
        column-gap: 20px;
        display: grid;
    }
    #edit-indirizzobox .fieldset-wrapper {
        grid-template-columns: 1fr 1fr 1fr;
        column-gap: 20px;
        display: grid;
    }
    #edit-residenzabox .fieldset-wrapper {
        grid-template-columns: 1fr 1fr 1fr;
        column-gap: 20px;
        display: grid;
    }
    #edit-indirizzoslbox .fieldset-wrapper {
        grid-template-columns: 1fr 1fr 1fr;
        column-gap: 20px;
        display: grid;
    }
    #edit-indirizzoslpgbox .fieldset-wrapper {
        grid-template-columns: 1fr 1fr 1fr;
        column-gap: 20px;
        display: grid;
    }
    #edit-nazionefirmbox .fieldset-wrapper {
        grid-template-columns: 1fr 1fr 1fr;
        column-gap: 20px;
        display: grid;
    }
    #edit-flexbox-03 {
        grid-template-columns: 1fr 2fr;
        column-gap: 20px;
    }
    /* *** *** *** *** visualizza profilo *** *** *** *** */
    .user-logged-in .profile #nascita {
        grid-template-columns: 1fr 1fr;
        column-gap: 20px;
    }
    .field--name-field-codice-fiscale .field__item {
        text-transform: uppercase;
    }
    /* *** *** *** *** visualizza scheda adesione *** *** *** *** */
}
@media (min-width: 851px) {
    .site-footer__top .region {
        width: 100%;
    }
}
@media (min-width: 560px) {
    .site-footer__top .region {
        width: 100%;
    }
}
@media (max-width: 560px) {
    .containerbg .h3.text.text-light {
        font-size: 20px;
    }
    .containerbg .h1.text.text-light {
        font-size: 28px;
    }
}

@media (min-width: 768px) {
    .cerbackground {
        background-image: url('/themes/custom/certrasimeno/images/ctbackgroundvertical_rgb.jpg');
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% 100%;
    }
    h1.text-big {
        font-size: 3.5rem !important;
        font-weight: 900;
    }
}
@media (max-width: 768px) {
    .cerbackground {
        background-image: url('/themes/custom/certrasimeno/images/ctbackgroundvertical_rgb.jpg');
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
}
@media (max-width: 768px) and (orientation: portrait) {
    section.row.region.region-featured-bottom-third.d-flex {
        flex-direction: column;
        text-align: center;
    }
    section.row.region.region-featured-bottom-third.d-flex img {
        margin: 15px 0px;
    }
}
@media (max-width: 992px) {
    #navbar-main > div {
        flex-wrap: wrap;
        justify-content: flex-start;
    }
}
.user-logged-in .user-form #datianagrafici,
.user-logged-in .user-form #dichiarazioni {
    display: none!important;
}