/*
Theme Name: mb
Author: CM
Version: 1.0.0
Template: dt-the7
*/

p {
  text-align: justify;
}

.top-bar,
.top-bar a:not(.wpml-ls-link):not(.wpml-ls-item-toggle),
.top-bar .mini-nav .customSelect,
.top-bar .mini-nav a:hover,
.header-bottom-bar a {
  color: #4f5052;
}

.masthead .top-bar .mini-contacts i {
  color: #4f5052;
}

header .mini-widgets {
  flex-direction: column;
  justify-content: center;
  align-items: flex-end !important;
}

header .soc-ico {
  margin-right: 0px !important;
}

header .soc-ico a:hover {
  opacity: 0.7 !important;
}

#slider .slick-slide,
#slider .slick-slide>.vc_row>.ult-item-wrap {
  height: 60vh;
  min-height: 400px;
}

#slider .vc_row {
  background-position: center;
  background-size: cover;
  height: 100%;
}

#slider .slick-slide>.vc_row:before {
  /*content: " ";
  background: rgb(0 0 0 / 50%);
  position: absolute;
  z-index: 100;
  width: 100%;
  height: 100%;*/
}

#slider .ult-item-wrap .ult-item-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
}

#slider .ult-item-wrap .ult-item-wrap p {
  position: relative;
  z-index: 200;
  text-align: center;
  color: white;
  font-family: "Cormorant" !important;
  font-size: 2.1em !important;
  letter-spacing: 10px !important;
  line-height: 60px;
}

#slider .ult-item-wrap .ult-item-wrap p:before {
  content: " ";
  position: absolute;
  z-index: -1;
  background: rgba(255, 255, 255, 0.5);
  width: 500px;
  height: 300px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#slider .slick-arrow {
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

#slider:hover .slick-arrow {
  opacity: 0.5;
}

#slider .slick-arrow:hover {
  opacity: 1;
}

#slider .slick-dots {
  position: absolute;
  z-index: 1000;
  bottom: 50px;
  top: initial;
}

#chisiamo h2 {
  color: #4f5052;
  letter-spacing: 5px;
}

#chisiamo h2:after {
  content: "\e611";
  font-family: "ult-silk";
  position: relative;
  margin-left: 15px;
  display: inline-block;
  font-size: 20px;
}

#chisiamo h2:before {
  content: " ";
  display: block;
  width: 100vw;
  height: 1px;
  background: #4f5052;
  position: absolute;
  top: 45px;
  right: 0px;
  margin-right: 20px;
}

/*#chisiamo .dt-btn {
  position: absolute;
  left: -20px;
  margin-top: -35px;
  transform: translateX(-100%);
}
#chisiamo p {
  padding-left: 20%;
}*/

#chisiamo .dt-btn {
  margin-bottom: 30px;
}

#chisiamo p,
#macrocemento p,
#microcemento p,
#contattaci p {
  font-size: 18px;
  font-weight: 100;
  line-height: 25px;
  display: block;
}

#microcemento {
  background-position: right;
}

#microcemento h2 {
  left: 30px;
  position: relative;
  color: #4f5052;
  letter-spacing: 5px;
  display: inline-block;
  margin: 0px;
}

#microcemento h2:after {
  content: " ";
  display: block;
  width: 100vw;
  height: 1px;
  background: #4f5052;
  position: absolute;
  top: 45px;
  left: 0px;
}

#microcemento:before {
  content: " ";
  display: block;
  width: 230px;
  height: 230px;
  position: absolute;
  top: 10px;
  right: -115px;
  border: 1px solid #4f5052;
  border-radius: 100%;
  z-index: 500;
  background: white;
}

#microcemento p {
  color: #4f5052;
}

#microcemento .back-custom:before {
  content: " ";
  display: block;
  width: 80vw;
  height: 100%;
  position: absolute;
  top: 0px;
  right: 0px;
  background: url("/wp-content/uploads/2023/03/microcemento.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}

#macrocemento h2 {
  right: -30px;
  position: relative;
  color: #ebebeb;
  z-index: 100;
  letter-spacing: 5px;
  display: inline-block;
  margin: 0px;
}

#macrocemento h2:after {
  content: " ";
  display: block;
  width: 100vw;
  height: 1px;
  background: #d3d3d3;
  position: absolute;
  top: 45px;
  right: 0px;
}

#macrocemento:before {
  content: " ";
  display: block;
  width: 230px;
  height: 230px;
  position: absolute;
  top: 10px;
  left: -115px;
  border: 1px solid #d3d3d3;
  border-radius: 100%;
  z-index: 500;
  background: #efefef;
}

#macrocemento p {
  color: #ebebeb;
}

#macrocemento .back-custom:before {
  content: " ";
  display: block;
  width: 80vw;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background: url("/wp-content/uploads/2023/03/macrocemento.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}

#gallery h2 {
  color: #4f5052;
  letter-spacing: 5px;
}

#gallery h2:before {
  content: " ";
  display: block;
  width: 100vw;
  height: 1px;
  background: #4f5052;
  position: absolute;
  top: 45px;
  right: 0px;
  margin-right: 20px;
}

#contattaci h2 {
  color: #4f5052;
  letter-spacing: 5px;
}

#contattaci h2:before {
  content: " ";
  display: block;
  width: 100vw;
  height: 1px;
  background: #4f5052;
  position: absolute;
  top: 80px;
  left: 0px;
  margin-left: 15px;
}

#main {
  background: white;
}

.z-1 {
  position: relative;
  z-index: -1;
}

footer * {
  font-size: 14px;
}

footer #block-5 {
  text-align: center !important;
}

footer .widget_presscore-contact-info-widget {
  text-align: right;
}

footer .soc-ico a:before {
  background-color: initial !important;
}

.icon-with-text-shortcode .dt-text-desc {
  padding-left: 60px;
  margin-top: -15px;
}

.wpcf7 textarea {
  height: 100px;
}

.wpcf7 .two-column p {
  width: 49%;
  display: inline-block;
}

.wpcf7 .two-column p:first-of-type {
  margin-right: 7px;
}

.dt-btn.light {
  border-color: #ebebeb !important;
}

.dt-btn.light span {
  color: #ebebeb !important;
}

.dt-btn.light:hover,
.dt-btn.light:active {
  background: #ebebeb !important;
}

.dt-btn.light:hover span,
.dt-btn.light:active span {
  color: #4f5052 !important;
}

.entry-meta.portfolio-categories {
  display: none !important;
}

.sub-nav .menu-item i.fa,
.sub-nav .menu-item i.fas,
.sub-nav .menu-item i.far,
.sub-nav .menu-item i.fab {
  text-align: center;
  width: 1.25em;
}

#chisiamo h2:before {
  top: 80px !important;
}

.homeGallery figure.post-thumbnail {
  height: 350px;
  width: 100%;
  object-fit: cover;
  object-position: bottom !important;
}

.homeGallery .post-entry-content {
  display: none !important;
}

.filter-categories a{
  font-weight: 300 !important;
}

@media screen and (max-width: 767px) {

  /*#chisiamo .dt-btn {
    margin: 0px !important;
    position: relative !important;
    left: initial !important;
    transform: initial !important;
    margin-top: 30px !important;
  }
  #chisiamo p {
    padding-right: initial;
  }*/
  #microcemento:before,
  #macrocemento:before {
    display: none !important;
  }

  #microcemento,
  #macrocemento {
    padding: 0px !important;
  }

  #macrocemento .back-custom:before,
  #microcemento .back-custom:before {
    width: 100%;
  }

  #macrocemento h2:after,
  #microcemento h2:after {
    width: 100%;
  }

  #macrocemento h2:after {
    background: white;
  }

  #contattaci .wpb_single_image {
    text-align: center;
  }

  #chisiamo .wpb_single_image {
    text-align: center;
  }
}