/*

Theme Name: Hello Elementor Child

Description: Hello Elementor Child is a child theme of Hello Elementor

Author: WEB Express AB

Template: hello-elementor

Version: 1.0.0

*/

h1.entry-title {
  display: none !important;
}

.main-menu .elementor-nav-menu {
  gap: 20px;
}

.main-menu .menu-item.current-menu-item {
  background: transparent;
  box-shadow: none;
	border: none;
}

.main-menu .menu-item {
  background: #c5093b;
	border: solid 2px #c5093b;
  border-radius: 40px;
  box-shadow: 0px 6px 6px 0px #0000001a;
}
.main-menu .menu-item:hover {
	border: solid 2px #4C041A!important;
}
.main-menu .sub-menu {
  background-color: #c5093b !important;
  border-radius: 20px;
  margin-top: 10px !important;
}

.main-menu .sub-menu .menu-item {
  background: transparent;
  border-radius: 0px;
  box-shadow: none;
	border: none;
}



.main-menu .sub-menu .menu-item .elementor-sub-item {
  font-size: 14px;
  font-weight: 600 !important;
}

.main-menu .sub-menu .menu-item .elementor-sub-item:hover {
  background: transparent;
  text-decoration: underline;
		border: none!important;
}

.button-shadow a {
  box-shadow: 0px 6px 6px 0px #0000001a !important;
}

.box-shadow {
  box-shadow: 0px 6px 6px 0px #0000001a !important;
}

.main-menu .elementor-sub-item.elementor-item-active {
  background: transparent;
  box-shadow: none;
  text-decoration: underline;


}
.main-menu .sub-menu .menu-item:hover {
	border: none!important;
}

.menu-item .menu-item-type-post_type .menu-item-object-page .current-menu-item .page_item .page-item-677 .current_page_item .current-menu-ancestor .current-menu-parent .current_page_parent .current_page_ancestor .menu-item-has-children .menu-item-679:hover {
	border: none!important;
}
.main-menu .elementor-nav-menu .sub-arrow .e-font-icon-svg.fa-svg-chevron-down {
  height: 1em;
  width: 1em;
}

.post-button .elementor-post__read-more-wrapper {
  padding: 20px 0 20px 0;
}

.post-button .elementor-post__read-more {
  background: #c5093b;
  border-radius: 40px;
  padding: 10px 40px;
  box-shadow: 0px 6px 6px 0px #0000001a;
  margin: 0 0 20px 0;
}

.HowItWorksBoxScroll {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    cursor: grab;
    user-select: none;
  }

  .HowItWorksBoxScroll::-webkit-scrollbar {
    display: none; /* Chrome, Safari */
  }

  /* Hindra att menyobjekt bryter rad */
  .HowItWorksBoxScroll > .e-child {
    flex: 0 0 auto !important;
    width: 450px !important; /* eller behåll 353px */
    max-width: none !important;
  }

  .HowItWorksBoxScroll.HowItWorksBoxScroll-our-collaborations > .e-child {
    width: 240px !important; /* eller behåll 353px */
  }

.salesforceFormBigDiv {
	display: flex; flex-wrap: wrap; gap: 20px;
}

.salesforceFormSmallDiv {
	flex: 1 1 45%;
}
.salesforceFormBtnDiv {
	flex: 1 1 100%
}

.inputFormTitel {
	width: 48.5%!important;
}
}

.inputForm {
  background-color: #E3E3E3!important;
  border: none!important;
  padding: 12px!important;
  border-radius: 15px!important;
  box-shadow:
    inset 0px 6px 6px rgba(0, 0, 0, 0.05)!important,
    inset 0px 4px 4px rgba(0, 0, 0, 0.05)!important;
  transition: background-color 0.2s ease!important;
}

.inputForm:hover {
  background-color: #D8D8D8 !important;
}



.inputFormTitel:hover {
	background-color: #D8D8D8!important;
}

.labelForm {
	font-weight: 600; font-family: Outfit; size: 18px; color: #222222; padding: 10px 5px
}

.formBtnDarkRed {
	border: 2px solid #4C041A!important;
}

.formBtnDarkRed:hover {
	border: 2px solid #C5093B!important;
}
.formBtnRed {
	border: 2px solid #C5093B!important;
}
.formBtnRed:hover {
border: 2px solid #4C041A!important;
}

.formBtnWhite {
	border: 2px solid #C5093B!important;
}

.formBtnWhite:hover {
	border: 2px solid #F6F6F6!important;
}

.formBtn {
	padding-top: 10px!important;
	padding-bottom: 10px!important;
}

.contactContainer {
	align-items: center!important;
	justify-content: space-between!important;
}
.blogContainer .elementor-post__excerpt {
	margin-top: 5px!important;
}

@media (max-width: 767px) {
  .button-mobile {
    width: 100%;
  }
  .button-mobile a {
    width: 100%;
  }
	  .HowItWorksBoxScroll > .e-child {
    width: 250px !important; /* eller behåll 353px */
  
  }
		.main-menu .menu-item {
	border: none!important;
}
	.main-menu .menu-item:hover {
	border: none!important;
}
}


@media (max-width: 1024px) {
  .main-menu .menu-item {
    background: transparent;
    border-radius: 0px;
    box-shadow: none;
  }

  .main-menu
    .elementor-nav-menu--dropdown
    .elementor-item.elementor-item-active,
  .main-menu .elementor-nav-menu--dropdown .elementor-item.highlighted,
  .main-menu .elementor-nav-menu--dropdown .elementor-item:hover {
    background: transparent;
    box-shadow: none;
  }

  /* Gör nav scrollbart horisontellt */
  .box-scroll {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    cursor: grab;
    user-select: none;
  }

  .box-scroll::-webkit-scrollbar {
    display: none; /* Chrome, Safari */
  }

  /* Hindra att menyobjekt bryter rad */
  .box-scroll > .e-child {
    flex: 0 0 auto !important;
    width: 280px !important; /* eller behåll 353px */
    max-width: none !important;
  }

  .box-scroll.box-scroll-our-collaborations > .e-child {
    width: 240px !important; /* eller behåll 353px */
  }

  .main-menu .elementor-nav-menu--dropdown {
    background: linear-gradient(180deg, #4c041a 0%, #c5093b 100%);
    border-radius: 0 0 20px 20px;
    padding: 5px 0 20px 0;
    border-top: 1px solid #fff;
  }
	/*Salesforce form*/
	.salesforceFormBigDiv {
	display: flex; flex-direction: column; gap: 20px;
}

.salesforceFormSmallDiv {
	flex: 1;
}
	.inputFormTitel {
	width: 100%!important;
}
	.formBtn {
		width: 100%!important;
	}

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

  /* Gör nav scrollbart horisontellt */
  .box-scroll-location {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    cursor: grab;
    user-select: none;
  }

  .box-scroll::-webkit-scrollbar {
    display: none; /* Chrome, Safari */
  }

  /* Hindra att menyobjekt bryter rad */
  .box-scroll-location > .e-child {
    flex: 0 0 auto !important;
    width: 280px !important; /* eller behåll 353px */
    max-width: none !important;
  }

  .box-scroll.box-scroll-our-collaborations > .e-child {
    width: 240px !important; /* eller behåll 353px */
  }


}