/****
ALL DISPLAY WIDTH
****/
#site-header {
  position: fixed;
  z-index: 800;
  transition: all linear 0.5s;
  width: 100vw;
}

#site-header img,
#hamburger {
  transition: all linear 0.5s;
}

.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 1);
  border: 0;
}

/*****************
HAMBURGER
******************/
button.navbar-toggler {
  display: none;
}

#block-mobilemenu div,
#block-mobilemenu span {
  cursor: pointer;
}

#hamburger {
  display: none;
  position: relative;
  padding: 5px;
  width: 40px;
  height: 43px;
  z-index: 990;
  cursor: pointer;
}

#hamburger .hambugerline {
  display: block;
  width: 30px;
  height: 3px;
  background: #fff;
  margin-bottom: 6px;
  margin-top: 6px;
  border-radius: 4px;
  transition: 0.3s linear all;
}

#hamburger.clicked .hambugerline {
  background-color: #fff;
  transition: 0.3s linear all;
}

#hamburger.clicked .hambugerline.line1 {
  transform: rotate(45deg) translateY(12px) translateX(7px);
}

#hamburger.clicked .hambugerline.line2 {
  transform: rotate(-45deg) translateY(0px) translateX(-5px);
}

#hamburger.clicked .hambugerline.line3 {
  opacity: 0;
}

/* fine  copia emerald */
@media (min-width: 992px) {
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    z-index: 11;
    top: 45px;
    transition: all linear 0.5s;
  }

  .dropdown-item:first-child {
    padding-top: 15px;
    transition: all linear 0.5s;
  }

  .scrolledmenu .navbar-expand-lg .navbar-nav .dropdown-menu {
    padding-top: 15px;
    top: 45px;
    transition: all linear 0.5s;
  }

  .scrolledmenu .dropdown-item:first-child {
    padding-top: 0;
    transition: all linear 0.5s;
  }

  #block-linkedin {
    margin-left: 0.5rem;
  }
}

@media (min-width: 1200px) {
  #site-header {
    width: 100%;
    height: 120px;
    top: 0;
    vertical-align: baseline;
    display: block;
    margin: 0;
    padding: 0;
    transition: 0.5s linear all;
  }

  .scrolledmenu #site-header {
    height: 80px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    transition: 0.5s linear all;
  }

  .user-logged-in #site-header {
    top: 90px;
  }

  .navbar {
    padding: 0 130px;
  }

  ul.nav li.dropdown:hover>ul.dropdown-menu {
    display: block;
  }

  ul.nav li.dropdown:hover .dropdown-toggle::after {
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent;
    color: #379AD5;
  }

  .scrolledmenu #site-header img {
    max-width: 150px;
  }

  .path-frontpage nav.bg-primary {
    background-color: rgba(255, 255, 255, 0) !important;
    transition: all linear 0.5s;
  }

  .path-frontpage.scrolledmenu nav.bg-primary {
    background-color: #1c2c36 !important;
  }

  .path-frontpage .dropdown-menu {
    background-color: rgba(255, 255, 255, 0);
  }
}

@media (max-width: 1440px) {}

@media (max-width: 1366px) {

  #block-litd-content::before,
  #block-views-block-prodotti-altri-prodotti::before {
    width: 20%;
  }

  h1.title {
    padding: 40px 15px;
  }
}

@media (max-width: 1280px) {

  .node--type-page article::before, .node--type-pagina-tecnica article::before, .node--type-servizi article::before,
  .page-node-14 #block-webform::before {
    width: 15%;
  }

  h1.title {
    padding: 30px 15px;
  }
}

@media (max-width: 1199px) {

  .paragraph--type--immagine-a-sinistra-testo-a-dest img,
  .paragraph--type--testo-a-sinistra-immagine-a-dest img {
    margin-bottom: 30px;
  }
}

@media (max-width: 1024px) {

  .node--type-page article::before, .node--type-pagina-tecnica article::before, .node--type-servizi article::before,
  .page-node-14 #block-webform::before {
    background: url(/sites/default/files/2020-08/tratto-singolo.png) 135px 0 repeat-y;
    width: 15%;
  }

  #block-coprogettazionemadeinitaly .row,
  #block-diamantecbn .row {
    padding: 60px 30px;
  }

  #hallerbos-div .row {
    margin: 0;
    padding: 90px 30px;
    align-items: center;
  }

  #views-bootstrap-prodotti-prodotti-sezione {
    padding: 30px 0;
  }
}

@media (max-width: 991px) {
  #hamburger {
    /* display: block; */
  }

  button.navbar-toggler {
    display: block;
  }

  #CollapsingNavbar {
    background: rgb(28, 44, 54);
    position: absolute;
    top: 100px;
    width: 100%;
    left: 0px;
    padding-left: 25px;
    z-index: 50;
    padding-bottom: 15px;
  }


  #block-languageswitcher .nav-link {
    padding-left: 0;
  }

  .dropdown-toggle::after {
    display: inline-block;
    position: absolute;
    right: 40px;
  }

  li.menu-item--expanded>a::after {
    content: '';
    border: solid #379AD5;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    position: absolute;
  }

  li.menu-item--expanded.show>a::after {
    content: '';
    border: solid #379AD5;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    /*    right: 30px; */
    color: #379AD5;
  }

  ul.dropdown-menu li.dropdown-item:last-child a {
    margin-bottom: 30px;
  }

  .dropdown-menu li a, .dropdown-menu.show li a {
    padding: 7px 15px;
  }

  .dropdown-menu li a,
  .dropdown-menu.show li a,
  .dropdown-menu.show li a:active,
  .dropdown-menu.show li a:focus,
  .dropdown-menu.show li a:target {
    white-space: normal;
    float: left;
    width: 100%;
    height: auto;
    word-wrap: break-word;
    padding-left: 15px;
    background: url(/sites/default/files/2020-08/tratto-singolo.png) 0 0 repeat-y;
  }

  #block-views-block-slideshow-homepage-slideshow .slide-text,
  .homepage-slides .slide-text {
    left: 60px;
  }

  h2 {
    font-size: 1.5rem;
  }

  #block-coprogettazionemadeinitaly .row,
  #block-diamantecbn .row {
    padding: 60px 10px;
  }

  #hallerbos-div .row {
    margin: 0;
    padding: 90px 30px;
  }

  h1.title {
    padding: 15px 15px;
  }

  #block-views-block-prodotti-altri-prodotti .views-field-title {
    margin: 0;
  }

  .dropdown-menu {
    margin: 0;
  }

  #block-litd-main-menu li.nav-item:last-child {}

  .dropdown-menu::before {
    background: none;
  }

  #block-languageswitcher {
    padding: .5rem 0;
    margin-bottom: 10px;
  }

  .node--type-page article::before, .node--type-pagina-tecnica article::before, .node--type-servizi article::before, .page-node-14 #block-webform::before {
    background: url(/sites/default/files/2020-08/tratto-singolo.png) 30px 0 repeat-y;
    width: 15%;
  }

  .field--name-field-paragrafi>.field__item .paragraph--type--solo-testo>div {
    padding: 15px 100px;
  }

  .paragraph--type--immagine-a-sinistra-testo-a-dest .col-dx {
    padding-right: 15px;
  }

  .paragraph--type--testo-a-sinistra-immagine-a-dest .col-sx {
    padding-left: 15px;
  }

  footer {
    padding: 0;
    margin: 30px 0;
  }

  #block-litd-content::before {
    background: url(/sites/default/files/2020-08/tratto-singolo.png) 30px 0 repeat-y;
  }

  #block-views-block-prodotti-altri-prodotti::before {
    background: url(/sites/default/files/2020-08/tratto-bianco.png) 30px 0 repeat-y;
  }

  #block-views-block-prodotti-altri-prodotti>.content {
    padding: 90px 60px;
  }

  #block-views-block-prodotti-altri-prodotti .views-field-title {
    margin-bottom: 15px;
  }

  body:not(.path-frontpage) #main-wrapper .field--name-body,
  .paragraph--type--immagine-a-sinistra-testo-a-dest .field--name-field-testo,
  .paragraph--type--testo-a-sinistra-immagine-a-dest .field--name-field-testo {
    padding: 60px;
  }

  .field--name-field-paragrafi>.field__item .paragraph--type--solo-testo>div {
    padding: 15px 60px;
  }

  .paragraph--type--paragraph-modal {
    margin: 5px 0 0 60px;
    padding: 3px 0;
  }

  .modal-dialog {
    max-width: 700px;
  }

  #block-litd-content::before, #block-views-block-prodotti-altri-prodotti::before {
    width: 5%;
  }

  /* resolve excess width */
  .path-frontpage #page-wrapper {
    overflow-x: hidden;
  }
}

@media (max-width: 575px) {
.path-frontpage #block-views-block-prodotti-vista-prodotti,
.path-frontpage #views-bootstrap-prodotti-pagine-base-in-evidenza,
.path-frontpage #block-views-block-prodotti-in-evidenza .view-content,
.path-frontpage #views-bootstrap-prodotti-prodotti-sezione,
.path-frontpage #views-bootstrap-prodotti-prodotti-in-evidenza,
.path-frontpage #hallerbos-div::before {
  background-image: none;
}

.path-frontpage #views-bootstrap-prodotti-pagine-base-in-evidenza .product-item {
  margin-left: -30px;
  margin-right: -30px;
}

.path-frontpage .product-views #views-bootstrap-prodotti-pagine-base-in-evidenza * {
  text-align: left;
}

  #page-wrapper {
    max-width: 100vw;
    overflow-x: hidden;
  }

  #hamburger {
    /* display: block; */
  }

  button.navbar-toggler {
    display: block;
  }

  button.navbar-toggler:focus {
    outline: 0 dotted;
    outline: 0 auto -webkit-focus-ring-color;
}

  /* navigation */
  .scrolledmenu #site-header img {
    max-width: 120px;
  }

  #navbar-main {
    position: relative;
    z-index: 10000!important;
  }

  #navbar-main.opened {
    z-index: 99;
  }

  #hamburger {
    left: 0;
  }

  #CollapsingNavbar {
    position: inherit;
    top: 0;
    height: 100vh;
    transition: all linear 0s;
  }

  #navbar-main.opened #CollapsingNavbar {
    height: 100vh;
  }

  #block-languageswitcher .nav-link {
    padding: 0;
    padding-right: 0.5rem;
  }

  .dropdown-item {
    padding: 0;
  }

  .dropdown-toggle::after {
    display: inline-block;
    position: absolute;
    right: 30px;
  }

  ul:not(.dropdown-menu) li a {
    font-size: 1.5rem;
  }

  ul.dropdown-menu li.dropdown-item a {
    font-size: 1rem;
  }

  .dropdown-menu li a, .dropdown-menu.show li a, .dropdown-menu.show li a:active, .dropdown-menu.show li a:focus, .dropdown-menu.show li a:target {
    background: url(/sites/default/files/2020-09/trattini.png) 0 0 repeat-y;
  }

  /* end of navigation */
  #block-node-helpers-immagine-di-testata img {
    background-color: #1c2c36;
  }

  #header_img #block-views-block-slideshow-homepage-slideshow,
  #header_img .homepage-slides {
    height: 100vh;
    overflow-x: hidden;
  }

  #header_img #block-views-block-slideshow-homepage-slideshow span.field-content,
  #header_img .homepage-slides span.field-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  #header_img #block-views-block-slideshow-homepage-slideshow .slide-img,
  #header_img .homepage-slides .slide-img {
    max-width: 100vw;
    overflow-x: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  #header_img #block-views-block-slideshow-homepage-slideshow .slide-img img,
  #header_img .homepage-slides .slide-img img {
    max-width: none;
    max-height: none;
    height: 100vh;
    width: auto;
  }

  #block-views-block-slideshow-homepage-slideshow .slide-text,
  .homepage-slides .slide-text {
    top: 60%;
    left: 30px;
  }

  #block-views-block-slideshow-homepage-slideshow .slide-title h2,
  .homepage-slides .slide-text h2 {
    font-size: 2rem;
  }

  h1 {
    font-size: 1.8rem;
  }

  .tratto {
    position: absolute;
    bottom: 0;
    left: 0;
    transform: none;
    height: 90px;
    width: 10%;
    /* background: url(/sites/default/files/2020-08/tratto-singolo.png) 30px 0 repeat-y; */
    background: url(/sites/default/files/2020-09/trattini.png) 30px 0 repeat-y;
  }

  .product-views .product-item {
    margin-bottom: 15px;
  }

  #block-coprogettazionemadeinitaly::before,
  #block-diamantecbn::before {
    width: 10%;
  }

  #block-coprogettazionemadeinitaly .title,
  #block-diamantecbn .title {
    margin: 10px 0;
  }

  #block-node-helpers-immagine-di-testata .views-field-field-cover-image {
    max-width: 100vw;
    overflow-x: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  #block-node-helpers-immagine-di-testata .views-field-field-cover-image img {
    max-width: none;
    max-height: none;
    height: 450px;
    width: auto;
  }

  .product-views .view-header h2 {
    text-align: left;
    padding: 25px;
  }

  .product-views .row {
    margin: 0 -15px;
  }

  #views-bootstrap-prodotti-prodotti-in-evidenza .col-12,
  #views-bootstrap-prodotti-prodotti-in-evidenza2 .col-12 {
    margin: 0 -15px;
    padding: 0;
    max-width: none;
    width: 100%;
  }

  #views-bootstrap-prodotti-prodotti-in-evidenza .col-12 img,
  #views-bootstrap-prodotti-prodotti-in-evidenza2 .col-12 img {
    max-width: none;
    width: 100%;
  }

  .product-views .product-title {
    left: 45px;
  }

  #views-bootstrap-prodotti-prodotti-in-evidenza,
  #hallerbos-div::before {
    background: url(/sites/default/files/2020-09/trattini.png) 30px 0 repeat-y;
    z-index: 2;
  }

  .path-frontpage #main-wrapper {
    background: url() 30px 0 repeat-y;
  }

  #block-views-block-prodotti-vista-prodotti,
  #block-views-block-prodotti-prodotti-sezione {
    background: none;
    position: relative;
  }

  #block-views-block-prodotti-vista-prodotti:before,
  #block-views-block-prodotti-prodotti-sezione:before {
    content: "";
    position: absolute;
    /* background: url(/sites/default/files/2020-09/trattini.png) 30px 0 repeat-y;
    width: 10%;
    height: 100%; */
    background: none;
    width: 0;
  }

  .node--type-sezione article .field--name-body p {
    margin: 0;
  }

  #views-bootstrap-prodotti-prodotti-sezione {
    padding: 0;
    background: none;
  }

  #block-coprogettazionemadeinitaly,
  #block-diamantecbn {
    background: #fff;
  }

  #block-coprogettazionemadeinitaly::before,
  #block-diamantecbn::before {
    background: url("/sites/default/files/2020-09/trattini-bianchi.png") 30px 0 repeat-y;
    z-index: 1;
  }

  #block-coprogettazionemadeinitaly p,
  #block-diamantecbn p {
    font-size: 0.75rem;
  }

  #block-coprogettazionemadeinitaly .row,
  #block-diamantecbn .row {
    background-color: rgba(255, 255, 255, 0);
  }

  #block-coprogettazionemadeinitaly .col-12,
  #block-diamantecbn .col-12 {
    margin: 15px 0;
    background-color: #379AD5;
  }

  #block-coprogettazionemadeinitaly .row,
  #block-diamantecbn .row {
    margin: 0 -15px;
  }

  .coprogettazione,
  .madeinitaly {
    padding: 15px;
    padding-left: 40px;
  }

  #hallerbos-div .row {
    flex-direction: column-reverse;
  }

  #hallerbos-div h4 {
    margin-bottom: 30px;
  }

  #hallerbos-div .row p {
    font-size: 0.75rem;
  }

  .breadcrumb {
    padding: 30px;
    justify-content: flex-start;
    margin: 0;
    padding-bottom: 15px;
  }

  h1.title {
    text-align: left;
    padding: 30px;
    padding-top: 15px;
  }

  body:not(.path-frontpage) #main-wrapper .field--name-body, .paragraph--type--immagine-a-sinistra-testo-a-dest .field--name-field-testo, .paragraph--type--testo-a-sinistra-immagine-a-dest .field--name-field-testo,
  .field--name-field-paragrafi>.field__item .paragraph--type--solo-testo>div {
    padding: 0;
    /* padding-left: 50px; */
    padding-left: 15px;
    padding-right: 15px;
  }

  .paragraph--type--immagine-a-sinistra-testo-a-dest>.row, .paragraph--type--testo-a-sinistra-immagine-a-dest>.row,
  .paragraph--type--immagine-a-sinistra-testo-a-dest .col-sm-12, .paragraph--type--testo-a-sinistra-immagine-a-dest .col-sm-12 {
    padding: 0
  }

  .paragraph--type--paragraph-modal {
    margin: 0 30px;
    padding: 0;
  }

  .paragraph--type--paragraph-modal a.click-text {
    padding: 5px 10px;
    margin: 20px;
  }

  .field--name-field-paragrafi>.field__item:nth-child(even) .paragraph:not(.paragraph--type--paragraph-modal) {
    padding: 0;
    padding-top: 60px;
  }

  #block-views-block-prodotti-altri-prodotti>.content {
    padding: 60px;
  }

  footer p {
    font-size: 0.75rem;
  }

  footer p i {
    font-size: 1rem;
    margin-right: 5px;
  }

  #copy-inner {
    font-size: 0.75rem;
  }

  #block-litd-content::before, #block-views-block-prodotti-altri-prodotti::before {
    width: 0;
  }

  #block-views-block-prodotti-altri-prodotti::before {
    /* background: url(/sites/default/files/2020-09/trattini-bianchi.png) 30px 0 repeat-y; */
    background: none;
  }

  .modal-dialog {}

  table {
    font-size: 0.75rem;
  }

  .node--type-page article::before, .node--type-pagina-tecnica article::before, .node--type-servizi article::before, .node--type-sezione article::before, .page-node-14 #block-webform::before {
    /* background: url(/sites/default/files/2020-09/trattini.png) 30px 0 repeat-y;
    width: 10%; */
    width: 0;
    background: none;
  }

  /* contatti */
  .page-node-14 #block-webform>.content {
    padding: 0;
  }

  .page-node-14 iframe {
    margin: 30px 0;
  }

  #edit-col-sx {
    margin-top: 30px;
  }

  #block-webform .col-12 {
    padding: 0;
    padding-right: 15px;
    padding-left: 50px;
  }

  #sliding-popup {
    max-width: 100vw;
  }

}

@media (max-width: 320px) {}