/*
Theme Name: Wedoshops
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Wedoshops
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/
/* Add your custom styles here */
/*------------------------------------*\
    Breakpoints

    Usage eg.:

    @include bp(largetablet) {
        height: 500px !important;
    }

\*------------------------------------*/
/*------------------------------------*\
    Fonts
\*------------------------------------*/
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*------------------------------------*\
    Navigation
\*------------------------------------*/
header ul.elementor-nav-menu li.menu-item.current-menu-item {
  border: 1px solid #000000;
  border-radius: 30px;
}
header ul.elementor-nav-menu li.menu-item:hover {
  opacity: 0.5;
}
@media (max-width: 767px) {
  header .desktopnav {
    display: none !important;
  }
}
@media (min-width: 768px) {
  header .mobilenav {
    display: none !important;
  }
}

/*------------------------------------*\
 Hamburger
\*------------------------------------*/
#offcanvasmenu-toggle {
  display: inline-block;
  height: 30px;
  width: 30px;
  cursor: pointer;
  border: 0;
}
#offcanvasmenu-toggle .mobile-menu-toggle-icon {
  border: 0;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.3s;
  transition-timing-function: linear;
  position: relative;
  width: 30px;
  height: 2px;
  background-color: #000;
  display: block;
  top: 15px;
}
#offcanvasmenu-toggle .mobile-menu-toggle-icon:before, #offcanvasmenu-toggle .mobile-menu-toggle-icon:after {
  content: "";
  width: 30px;
  height: 2px;
  background-color: #000;
  transition-property: transform;
  transition-duration: 0.25s;
  transition-timing-function: ease;
  position: absolute;
  right: 0;
}
#offcanvasmenu-toggle .mobile-menu-toggle-icon:before {
  top: -8px;
}
#offcanvasmenu-toggle .mobile-menu-toggle-icon:after {
  top: 8px;
}

/*------------------------------------*\
    Padded container
\*------------------------------------*/
.e-con.paddedsection {
  padding-top: 30px;
  padding-bottom: 30px;
}
@media (min-width: 768px) {
  .e-con.paddedsection {
    padding-bottom: 50px;
    padding-top: 50px;
  }
}
@media (min-width: 1200px) {
  .e-con.paddedsection {
    padding-bottom: 75px;
    padding-top: 75px;
  }
}

.e-con.paddedsection_top {
  padding-top: 30px;
}
@media (min-width: 768px) {
  .e-con.paddedsection_top {
    padding-top: 50px;
  }
}
@media (min-width: 1200px) {
  .e-con.paddedsection_top {
    padding-top: 75px;
  }
}

.e-con.paddedsection_bottom {
  padding-bottom: 30px;
}
@media (min-width: 768px) {
  .e-con.paddedsection_bottom {
    padding-bottom: 35px;
  }
}
@media (min-width: 1200px) {
  .e-con.paddedsection_bottom {
    padding-bottom: 50px;
  }
}

.e-con.paddedsection_hero {
  padding-top: 100px;
  padding-bottom: 30px;
}
@media (min-width: 768px) {
  .e-con.paddedsection_hero {
    padding-bottom: 75px;
    padding-top: 100px;
  }
}
@media (min-width: 1200px) {
  .e-con.paddedsection_hero {
    padding-bottom: 75px;
    padding-top: 175px;
  }
}

.e-con.paddedsection_hero_largeimage {
  padding-top: 100px;
  padding-bottom: 30px;
}
@media (min-width: 768px) {
  .e-con.paddedsection_hero_largeimage {
    padding-top: 200px;
    padding-bottom: 75px;
  }
}
@media (min-width: 1200px) {
  .e-con.paddedsection_hero_largeimage {
    padding-top: 300px;
    padding-bottom: 75px;
  }
}

/*------------------------------------*\
    Last P no margin
\*------------------------------------*/
.lastnospace p:last-child {
  margin-bottom: 0;
}

/*------------------------------------*\
    Bleed
\*------------------------------------*/
#main .bleed {
  padding-right: 0;
  padding-left: 0;
  max-width: unset;
}
#main .bleed .elementor-widget-image {
  overflow: hidden;
}
#main .bleed .elementor-widget-image img {
  width: 100%;
  max-width: calc(50vw + 660px);
  margin-right: -20px;
}
@media (max-width: 767px) {
  #main .bleed .elementor-widget-image img {
    max-width: calc(50vw + 660px);
    width: calc(100% + 10px) !important;
  }
}

.darkstyle {
  background: #000;
  /* Case item */
  /*div[data-elementor-type="header"]{
  	ul.elementor-nav-menu{
  	  li.menu-item{
  		&.current-menu-item{
  		  border: 1px solid #ffffff!important;
  		}
  	  }
  	}

    }
  */
}
.darkstyle .logo svg path {
  fill: #fff;
}
.darkstyle header .elementor-element .elementor-widget-nav-menu nav ul.elementor-nav-menu .menu-item a {
  color: #fff;
}
.darkstyle header #offcanvasmenu-toggle .mobile-menu-toggle-icon {
  background-color: #fff;
}
.darkstyle header #offcanvasmenu-toggle .mobile-menu-toggle-icon:before, .darkstyle header #offcanvasmenu-toggle .mobile-menu-toggle-icon:after {
  background-color: #fff;
}
.darkstyle footer {
  color: #fff;
}
.darkstyle footer a {
  color: #fff;
  transition: 0.2s ease-in-out;
}
.darkstyle footer a:hover {
  opacity: 0.5;
}
.darkstyle footer .elementor-element .elementor-widget-nav-menu nav ul.elementor-nav-menu .menu-item a {
  color: #fff;
  transition: 0.2s ease-in-out;
}
.darkstyle footer .elementor-element .elementor-widget-nav-menu nav ul.elementor-nav-menu .menu-item a:hover {
  opacity: 0.5;
}
.darkstyle .caseitem .elementor-widget-theme-post-title .elementor-heading-title {
  color: #fff;
}

@media (max-width: 575px) {
  .kl-private-reset-css-Xuajs1[data-testid=form-row] {
    display: flex;
    flex-direction: column !important;
    gap: 10px;
  }
  .kl-private-reset-css-Xuajs1[data-testid=form-row] > div {
    width: 100%;
    padding: 0 !important;
  }
  .kl-private-reset-css-Xuajs1[data-testid=form-row] > div button {
    width: 100%;
  }
}
/* Overrides */
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
  background-color: #000000 !important;
  border-color: #000000 !important;
}

#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive {
  border-color: transparent;
  border-bottom: 1px solid #000000 !important;
  color: #000000 !important;
}

#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {
  background-color: #000000 !important;
  border: 2px solid #000000 !important;
}

#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink:hover {
  color: #000000 !important;
}

/*# sourceMappingURL=style.css.map */
