body {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.4;
    color: #111;
    background-color: #fff;
}

#main {
    color: #111;
}

#hero {
    background: #eeeeee;
}

ul.sf-menu .sf-sub-indicator {
    opacity:1;
}

/* BLOCCO MENU + BLOCCO LINGUA */
.language-switcher-mobile {
    text-align: center;
    background: #e6e6e6;
    padding: 5px 0 10px 0;
    display: inline-block;
    width: 40%;
}
.woodworking-machinery-mobile-extra {
    font-weight: bold;
}
.woodworking-machinery-mobile-extra a {
    color: #E3E625 !important;
}
.woodworking-machinery-mobile-extra-login {
    position: relative;
    top: -50px;
    border: none;
    left: 50%;
    width: 50%;
}
#block-holy-mainnavigation-2 {
    width: 90%;
    display: inline-block;
}
#block-holy-languageswitcherbootstrap {
    width: 10%;
    display: flex;
    float: right;
    justify-content: center;
    height: 42px;
    background-color: #cccccc;
}
#block-holy-languageswitcherbootstrap li {
    text-align: left;
    padding: 6px 0px 6px 6px;
}
a.sf-depth-1.menuparent.sf-with-ul {
    padding: 1em;
    color: #ffffff;
    font-weight: 600;
}

a.sf-depth-1.menuparent.sf-with-ul {
    padding-right: 2.25em;
}

@media screen and (max-width: 768px) {
    #navbar .block-system-branding-block a .image img {
	width: 80% !important;
    }
}

/* FONT STYLE E BUTTON */
h1 {
    margin: 20px 0px;
    font-size: 3.5rem;
    color: #000000;
}
input, select, textarea {

    height: 4.5rem;
    border-radius: 0;
}
.form-item .description {
    color: #000000;
}
button.btn.btn-default.btn-.dropdown-toggle {
    border: none;
    border-radius: 0;
    margin-top: 4px;
}
ul.dropdown-menu.show {
    border-radius: 0;
    font-size: 9PT;
    width: 120PX;
    transform: translate(-50px, 44px) !important ; 
}

/* MENU' CONTENT ALL SCREEN */
.region-content-bottom .contextual-region .menu .menu-item a {
    padding: 15px 5px;
    display: inline-block;
    font-weight: 500;
    border-bottom: 1px solid #eee;
    width: 100%;
    color:#000000;
}

.region-content-bottom .contextual-region .menu .menu-item a:hover {
    background: #f5f200;
    color:#000000;
    text-decoration:none;
}


/* LOGO */
@media (min-width: 64rem) {

.region-content-bottom .contextual-region .menu {
    column-count: 3;
    }

    #center {
        padding: 1rem 0 8rem 0;
    }
    #header .block-system-branding-block a.logo .image img {
	width: 100%;
	height: auto;
    }
    .form--inline.clearfix {
    	display: flex;
	flex-wrap: nowrap;
    }
    .js-form-item.form-item.js-form-type-textfield.form-type-textfield.js-form-item-keys.form-item-keys.form-no-label {
    	width: 40%;
    }
    form#views-exposed-form-duplicate-of-tassonomia-machinery-page-1 {
    	padding: 0px 20px;
    }
    .views-field.views-field-field-category-image {
    	max-width: 160px;
	margin: 25px auto 10px auto;


    }
}
.views-field.views-field-name {
    text-align: center;
    font-weight: 600;
}
input[type=reset], input[type=submit] {
    background: #101520;
    min-width: 100px;
}
#navbar .block-system-branding-block a .image img {
    width: 100%;
}
#navbar .block-system-branding-block a .title {
    display: none;
}

/* TABLE */
.footable {
    width: 100%;
}
/*----------- MENU + COLONNE -----------*/
/* MENU + COLONNE - Desktop */
ul.sf-menu.sf-style-black {
    float: unset !important;
    background: #000000;
    font-size: 1.4rem;
}
ul.sf-menu a, ul.sf-menu span.nolink {
    padding: 0.75em 1em;
    color: #ffffff;
}
#superfish-main > .sf-no-children a {
     padding: 1em 1em !important;
}
ul.sf-menu li:hover > ul, ul.sf-menu li.sfHover > ul {
    left: 0;
    top: 3em;
}
ul#superfish-main {
    float: unset;
    background: #101520;
    font-size: 1.4rem;
}
span.sf-depth-2.menuparent.nolink {
    color: #000000;
    font-weight: 700;

}
ul.sf-menu .sf-with-ul {
    padding: 15px 2.25em 15px 15px;
}
li.sf-multicolumn-wrapper {
    background: #ffffff;
}
li.sf-multicolumn-wrapper a {
    color: #000000;
    font-weight: 500;
}

li.sf-multicolumn-wrapper a:hover {
    color: #000000;
    font-weight: 500;
    background: #f5f200;
    text-decoration:none;
}
ul.sf-menu.menu {
    margin-bottom: 10px;
    padding: 0;
}
#main-menu-link-contentb514ba93-1fd3-47ac-a7de-d1b0ce0b6922 .sf-multicolumn-column span.nolink {
    display:none !important;	
}
ul.sf-menu li.sf-multicolumn-column {
    margin-top: 10px;
}
@media only screen and (min-width: 992px){
  #menu .navigation > ul.menu > li {
    padding: 10px;
    text-transform: uppercase;
    font-size: 1.5rem;
  }
  #menu .navigation > ul.menu > li.menu-item:hover {
    background: #1379a7;
    color: #FFF;
    box-shadow: 0 0 2px #888;
  }
  #menu .block-menu ul.menu > li > ul.menu {
    /* display: grid !important; */
  }
  #menu .navigation > ul.menu > li:hover > ul {
    column-count: 4;
    margin-top: 10px;
    margin-left: -10px;
    background: #333 !important;
    border: 1px solid #FFF;
    box-shadow: 0px 1px 3px #888;

    /*
    visibility: visible;
    height: 100px;
    opacity: 1;    
    transition: 0.5s all linear;
    transition-delay: 2s;
    */
  }
  #menu .navigation > ul.menu > li > ul {
    column-count: 4;
    margin-top: 10px;
    margin-left: -10px;
    background: #333 !important;
    border: 1px solid #FFF;
    box-shadow: 0px 1px 3px #888;

    /*
    visibility: hidden;
    height: 0;
    opacity: 0;
    transition: 1s all linear;
    transition-delay: 2s;
    */
  }
  #menu .navigation ul.menu > li:nth-child(3) > ul.menu {
    column-count: 3;
    right: auto;
    left: auto;
  }
  #menu .block-menu ul.menu > li:hover > ul.menu > li > a,
  #menu .navigation > ul.menu > li > ul > li > a {
    color: #FFF;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    text-transform: uppercase;
    font-size: 1rem;
  }
  #menu .navigation > ul.menu > li > ul > li > a:hover,
  #menu .navigation > ul.menu > li > ul > li > a > span:hover,
  #menu .navigation > a:hover > span {
    background: #1379a7 !important;
    color: #FFF !important;
  }

/* ALLINEAMENTO INFORMAZIONI AZIENDA - CONTATTI */
.webform-required {
    padding: 5px 0px;
}
#block-holy-webform,
#block-holy-views-block-contact-block-1 {
    display: inline-block;
    vertical-align: top;
    margin-top: 25px;
    min-width:45%;
    max-width:50%;
}
#block-holy-webform {
    margin-left: 25px;
}
.js-form-item.form-item.js-form-type-select.form-type-select.js-form-item-type.form-item-type , .js-form-item.form-item.js-form-type-email.form-type-email.js-form-item-email.form-item-email , .js-form-item.form-item.js-form-type-textfield.form-type-textfield.js-form-item-city.form-item-city ,  .js-form-item.form-item.js-form-type-tel.form-type-tel.js-form-item-phone.form-item-phone {
    width: 49%;
    display: inline-table;
}
.js-form-item .form-select  {
    margin-top: 3px;
}
.clearfix.text-formatted.field.field--name-field-description.field--type-text-long.field--label-above {
    width: 60%;
    display: inline;
    float: left;
    min-height: 250px;
    padding-right: 10px;
}
.field--name-field-make, .field--name-field-model , .field--name-field-year , .field--name-field-price, .field--name-field-machinery-category, .field--name-field-machinery-status, .field--name-field-machinery-localization {
    width: 39%;
    display: inline-table;
}
.lightgallery li + li {
    max-width:200px;
}
.block-webform .form-composite > .fieldset-wrapper > .description, .form-item .description {
    margin-left: 5px;
    padding: 5px 0 20px 0;
    /* margin-top: -10px;*/
    color: #000
;
}

/* ADD CONTENT PAGE */
.node ul.node-add li {
    border-bottom: 1px solid #CCC;
    padding: 10px 0;
    list-style: none;
}
.node ul.node-add li a {
    color: blue !important;
}

/* TUTTI I DISPOSITIVI */

.pager .pager__items .pager__item {
    border: none;
    font-size: 2rem;
}

.pager .pager__items {
     border: none;
}

.pager li>a, .pager li>span {
    border-radius: 0px;
    margin: 5px 10px;
    border: 1px solid #333333;
}

.pager .pager__items .pager__item.is-active a {
    background: #f5f200;
}

.pager li>a:focus, .pager li>a:hover {
    background: #f5f200;
}

h2 {
    color: #111;
    font-weight: 600;
    font-size: 3rem;
    margin-bottom:25px;
    margin-top:25px;
}

div#block-holy-webform , div#block-holy-views-block-contact-block-1 {
    background: #f5f5f5;
    padding: 15px 20px 20px 20px;
}
div#block-holy-webform h2, div#block-holy-views-block-contact-block-1 h2 {
    border-bottom: 3px solid #ee8800;
    display: block;
    line-height: 1.5;
    margin-bottom: 25px;
    color: #000000;
}
.view-id-contact span.field-content {
    background: #ee8800;
    padding: 8px;
    margin: 10px 0px;
    display: inline-block;
    border-radius: 4px;
}
.view-id-contact span.field-content a {
    color:#000000 !important;
}
.view-id-contact span.field-content a:hover {
    color:#ffffff !important;
}
.view-subtitle .views-row {
    display: flex;
    flex-direction: row;
    margin-bottom: 10px;
}
.view-subtitle .views-row div{
    padding: 0px 5px 0px 0px;
}
.form-item label {
    margin-bottom: 0.5rem;
    font-size: 1.5rem;
}
.form-select {
    font-size: 1.5rem;
}
textarea#edit-comment {
    min-height: 150px;
}
.webform-submission-form .js-form-item {
    margin: 5px 0px 10px 0px;
}
.placeholder {
    background-color: rgb(50 94 28 / 25%);
    opacity: 1;
}
#main a {
    text-decoration: none;
    color: #000000;
}
.field--name-field-machinery-category .field__items .field__item {
    background: #ee8800;
    padding: 8px;
    display: inline-block;
    border-radius: 4px;
    margin-top: 2px;
    font-weight:600;
}
.field--name-field-machinery-category .field__label {
    padding-top: 8px;
}
div#block-holy-views-block-related-content-block-1 {
    margin-top: 150px;
    border-top: 20px solid #eee;
    padding: 20px 0px 0px 0px;
}
div#block-holy-views-block-related-content-block-1 h2{
    margin-bottom: 40px;
}

/* LIGHTGALLERY */
.lightgallery li {
    list-style-type: none;
    display: inline-block;
}
.lightgallery-wrapper {
    text-align: center;
    border: 1px solid #ddd;
    padding: 20px;
    margin: 20px;
}

/* CONTENT BOTTOM */
#content_bottom {
    background: #f5f5f5;
    padding: 75px 15px;
}



/* FRANCESCO */
/*.view-tassonomia-machinery*/
.machineries .views-view-responsive-grid__item-inner {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 15px 5px;
}
.machineries .views-field.views-field-title {
    width: 100%;
    padding: 10px 2px;
    line-height: 1.4;
    font-size: 16px;
    font-weight: 600;
    min-height: 65px;
}
.machineries .views-field.views-field-title a{
    color: #000000 !important;
}
.machineries .views-field.views-field-field-make {
    width: 67%;
    font-size: 11pt;
    padding: 7px 2px;
    border-bottom: 1px solid #aaa;
    font-weight: 600;
    background: #fafafa;
    color: #000000;
}
.machineries .views-field.views-field-field-year {
    width: 33%;
    font-size: 11pt;
    padding: 7px 2px;
    border-bottom: 1px solid #aaa;
    background: #fafafa;
    color: #000000;
}
.machineries .views-field.views-field-field-model {
    width: 67%;
    font-size: 11pt;
    padding: 7px 2px;
    border-bottom: 1px solid #aaa;
    font-weight: 600;
    background: #fafafa;
    color: #000000;
    margin-bottom: 10px;
}
.machineries .views-field.views-field-field-price {
    width: 33%;
    font-size: 11pt;
    padding: 7px 2px;
    border-bottom: 1px solid #aaa;
    background: #fafafa;
    color: #000000;
    margin-bottom: 10px;
}
.machineries .views-field.views-field-user-picture {
    width: 45%;
    display: block;
    margin: auto;
}
.machineries .views-field.views-field-field-company-name {
    font-size: 10pt;
    font-weight: 600;
    color: #000000;
    padding: 0px 0px 0px 10px;
    width: 55%;
    display: block;
    margin: auto;
}
.machineries span.views-label.views-label-field-year {
    float: left;
    margin-right: 3px;
}
.view-related-content .views-field.views-field-title {
    width: 100%;
    padding: 10px 2px;
    line-height: 1.4;
    font-size: 16px;
    font-weight: 600;
    min-height: 65px;
}
.view-related-content .views-view-responsive-grid__item {
    min-height: 300px;
    border-bottom: 5px solid #333333;
    margin-bottom: 30px;
}
#bannerheader {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    background: #eeeeee;
}
.bannertop {
    padding: 10px;
}
#block-holy-header-banner .field {
    margin-bottom: auto;
}

@media (min-width: 64rem) {

    #menu .block-menu ul.menu {
        flex-wrap: wrap;
    }
    #center #sidebar-second {
        flex: 3.5;
        max-width: 250px;
    }
    #center.sidebar-second #main {
        flex: 11.5;
    }
    #header .region-header {
        align-items: center;
    }
    #center .region-center {
        display: flex;
        gap: 2.5rem;
    }
    .view-tassonomia-machinery .views-view-responsive-grid__item {
    	height: 480px;
    	border-bottom: 5px solid #333333;
    	margin-bottom: 30px;
    }

    .view-woodworking-machinery-by-user .views-view-responsive-grid__item {
    	height: 430px;
    	border-bottom: 5px solid #333333;
    	margin-bottom: 30px;
    }
    .view-tassonomia-machinery .views-field.views-field-title {
    	min-height: 65px;
    }
    #block-holy-francescobanner .clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
    	display: flex;
    	flex-wrap: wrap;
    	justify-content: flex-end;
    }
    #block-holy-francescobanner .clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item div{
    	border:10px solid #eeeeee;
    }

    li.sf-multicolumn-wrapper {
        padding-bottom: 10px !important;
    }
}

@media (min-width: 82rem) {
 .region.region-hero {
    width: 120rem;
    margin: auto;
    }
}

.eu-cookie-compliance-buttons button {
    border-radius: inherit;
    background: #fff;
    font-weight: 300;
    padding: 7px 15px;
}

.eu-cookie-compliance-message {
    padding: 20px 5px;
}