/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** DEPPIG.NU HEADER DESIGN ***************/
#header .header-main {
  background: #fff;
  border-bottom: 1px solid #edf3f8;
}
#masthead .header-inner > .flex-col.hide-for-medium.flex-left.flex-grow {
  justify-content: center;
}
#masthead .header-nav-main.nav > li > a.nav-top-link {
  color: #082b4c;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
  transition: color .2s ease;
}
#masthead .header-nav-main.nav > li:not(.header-search) > a.nav-top-link {
  position: relative;
}
#masthead .header-nav-main.nav > li:not(.header-search) > a.nav-top-link::after {
  content: "";
  position: absolute;
  height: 2px;
  background: #4a9ed9;
  left: 0;
  right: 0;
  bottom: 21px;
  opacity: 0;
  transform: scaleX(.6);
  transform-origin: center;
  transition: opacity .2s ease, transform .2s ease;
}
#masthead .header-nav-main.nav > li.current-menu-item > a.nav-top-link::after,
#masthead .header-nav-main.nav > li.current-menu-ancestor > a.nav-top-link::after {
  opacity: 1;
  transform: scaleX(1);
}
#masthead .header-nav-main.nav > li > a.nav-top-link:hover,
#masthead .header-nav-main.nav > li.active > a.nav-top-link {
  color: #17679d;
}
#masthead .header-search > a.nav-top-link {
  width: 37px;
  min-width: 37px;
  height: 37px;
  min-height: 37px;
  padding: 0;
  margin-left: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #e7f2fb;
  color: #082b4c;
  transition: background .2s ease;
}
#masthead .header-search > a.nav-top-link:hover,
#masthead .header-search > a.nav-top-link:focus-visible {
  background: #d4e9f9;
}
#masthead .top-divider {
  display: none;
}
@media screen and (min-width: 850px) and (max-width: 1199px) {
  #masthead .header-nav-main.nav > li > a.nav-top-link {font-size: 12px;}
  #masthead .header-nav-main.nav > li {margin: 0 4px;}
}
@media screen and (max-width: 849px) {
  #masthead .mobile-nav .header-search > a.nav-top-link {margin-left: 0;}
}


/* Deppig.nu | Header enligt godkänd design */
#header .header-wrapper,
#header .header-main {
  background: #fff;
}
#masthead .header-inner {
  min-height: 76px;
}
#masthead .header-nav-main > li > a.nav-top-link {
  position: relative;
  color: #082b4c;
  font-family: 'Poppins', sans-serif;
  font-size: 13px;
  font-weight: 500;
  text-transform: none;
  letter-spacing: 0;
  transition: color .15s ease;
}
#masthead .header-nav-main > li > a.nav-top-link:hover {
  color: #17679d;
}
#masthead .header-nav-main > li.active:not(.header-search) > a.nav-top-link::after,
#masthead .header-nav-main > li.current-menu-item:not(.header-search) > a.nav-top-link::after {
  content: "";
  position: absolute;
  height: 2px;
  width: calc(100% - 14px);
  left: 7px;
  right: 7px;
  bottom: 9px;
  background-color: #4a9ed9;
  border-radius: 3px;
}
#masthead .header-search > a.nav-top-link {
  display: inline-flex;
  width: 36px;
  height: 36px;
  min-height: 36px;
  padding: 0;
  border-radius: 50%;
  background: #e8f3fb;
  color: #082b4c;
  align-items: center;
  justify-content: center;
  line-height: 1;
  transition: background-color .15s ease;
}
#masthead .header-search > a.nav-top-link:hover,
#masthead .header-search > a.nav-top-link:focus-visible {
  background: #cfe7f8;
}
#masthead .header-search .icon-search {
  font-size: 16px;
}
#masthead .nav-dropdown {
  border: 1px solid #d6e5f1;
  border-radius: 10px;
  box-shadow: 0 12px 35px rgba(8,43,76,.1);
}
@media only screen and (max-width: 48em) {
  #masthead .header-inner {
    min-height: 64px;
  }
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}