/*
 Theme Name:     Childtheme
 Description:    Child theme based on Divi
 Author:         First Vision
 Author URI:     https://www.firstvision.se
 Template:       Divi
 Version:        1.0
*/
@media (max-width: 980px) {
  .et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header {
    position: fixed !important; }
  .et_mobile_menu {
    overflow: scroll !important;
    max-height: 83vh; }
  li.menuPhone {
    margin-left: 0 !important; }
  .et_pb_text_0_tb_footer .et_pb_text_inner {
    text-align: center !important; } }

@media (max-width: 640px) {
  .tjanster .et_pb_column {
    width: 100% !important;
    margin-right: 0 !important; } }

/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(/wp-content/themes/Childtheme/fonts/mem5YaGs126MiZpBA-UN_r8OUuhpKKSTjw.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url(/wp-content/themes/Childtheme/fonts/mem8YaGs126MiZpBA-UFVZ0bf8pkAg.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(/wp-content/themes/Childtheme/fonts/mem5YaGs126MiZpBA-UN7rgOUuhpKKSTjw.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@media screen and (min-resolution: 120dpi) {
  body {
    zoom: 0.8; } }

.tjanster .et_pb_blurb_description {
  display: block;
  display: -webkit-box;
  max-width: 100%;
  height: 180px;
  margin: 0 auto;
  font-size: 18px;
  line-height: 1.4em;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; }

body {
  font-family: "Open Sans", Arial, sans-serif !important;
  font-weight: 400 !important;
  font-size: 18px !important; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Open Sans", Arial, sans-serif !important;
  font-weight: 700 !important; }

h1 {
  font-size: 2.257em !important; }

h2 {
  font-size: 1.769em !important; }

h3 {
  font-size: 1.377em !important; }

h4 {
  font-size: 1.133em !important; }

h5, h6 {
  font-size: 1em !important; }

#top-menu li {
  font-size: 16px !important;
  font-weight: 400 !important; }

#top-menu li.current-menu-item > a {
  color: #515CA6 !important; }

.fbc-page .fbc-wrap .fbc-items li:first-child {
  padding-left: 0; }

.fbc-page .fbc-wrap .fbc-items li.active {
  font-weight: 600; }

.fbc-page .fbc-wrap .fbc-items li a:hover {
  text-decoration: underline; }

li.menuPhone {
  margin-left: 40px; }

li.menuPhone a:before {
  content: "\e090";
  font-family: "ETModules";
  font-size: 18px;
  display: inline-block;
  position: relative;
  top: 2px;
  left: -5px; }

.et-l--footer li.menuPhone {
  display: none !important; }

#et_search_icon:hover, #top-menu li.current-menu-ancestor > a, #top-menu li.current-menu-item > a, .bottom-nav li.current-menu-item > a, .comment-reply-link, .entry-summary p.price ins, .et-social-icon a:hover, .et_password_protected_form .et_submit_button, .footer-widget h4, .form-submit .et_pb_button, .mobile_menu_bar:after, .mobile_menu_bar:before, .nav-single a, .posted_in a, .woocommerce #content div.product p.price, .woocommerce #content div.product span.price, .woocommerce #content input.button, .woocommerce #content input.button.alt, .woocommerce #content input.button.alt:hover, .woocommerce #content input.button:hover, .woocommerce #respond input#submit, .woocommerce #respond input#submit.alt, .woocommerce #respond input#submit.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce-page #content div.product p.price, .woocommerce-page #content div.product span.price, .woocommerce-page #content input.button, .woocommerce-page #content input.button.alt, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit, .woocommerce-page #respond input#submit.alt, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page .star-rating span:before, .woocommerce-page a.button, .woocommerce-page a.button.alt, .woocommerce-page a.button.alt:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button, .woocommerce-page button.button.alt, .woocommerce-page button.button.alt.disabled, .woocommerce-page button.button.alt.disabled:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page button.button:hover, .woocommerce-page div.product p.price, .woocommerce-page div.product span.price, .woocommerce-page input.button, .woocommerce-page input.button.alt, .woocommerce-page input.button.alt:hover, .woocommerce-page input.button:hover, .woocommerce .star-rating span:before, .woocommerce a.button, .woocommerce a.button.alt, .woocommerce a.button.alt:hover, .woocommerce a.button:hover, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:hover, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce input.button, .woocommerce input.button.alt, .woocommerce input.button.alt:hover, .woocommerce input.button:hover, .wp-pagenavi a:hover, .wp-pagenavi span.current {
  color: #0473AE; }

.nav li ul {
  position: absolute;
  padding: 20px 0;
  z-index: 9999;
  width: 240px;
  background: #fff;
  visibility: hidden;
  opacity: 0;
  border-top: 3px solid #0473AE;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  -webkit-transform: translateZ(0);
  text-align: left; }

.et_mobile_menu {
  position: absolute;
  left: 0;
  padding: 5%;
  background: #fff;
  width: 100%;
  visibility: visible;
  opacity: 1;
  display: none;
  z-index: 9999;
  border-top: 3px solid #0473AE;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); }

#logo {
  /* Global values */
  image-rendering: initial; }

.readmore {
  background: #101820 !important;
  border: none !important;
  color: #fff !important;
  padding: 10px 25px;
  transition: all 0.4s ease; }

.readmore:hover {
  background: rgba(0, 0, 0, 0.7) !important;
  border: none !important;
  color: #fff !important;
  padding: 10px 25px;
  transition: all 0.4s ease; }

.tjanster .et_pb_blurb_container {
  padding: 0 20px 20px 20px; }

#menu-huvudmeny li {
  display: block;
  width: 100%; }

.vertical-flex {
  display: flex;
  flex-direction: column;
  justify-content: center; }

#et_pb_contact_form_0 input, #et_pb_contact_form_0 textarea {
  border: 1px solid #ddd; }

/* Personal */
.staff .et_pb_column_1 {
  margin-right: 1% !important; }

.staff .et_pb_column_3 {
  margin-right: 1% !important; }

.staff .mail:before {
  content: "\e076";
  font-family: ETmodules;
  margin-right: 5px;
  position: relative;
  top: 2px; }

.staff .mail a {
  color: #666; }
  .staff .mail a:hover {
    color: #000;
    text-decoration: underline; }

.staff .phone:before {
  content: "\e090";
  font-family: ETmodules;
  margin-right: 5px;
  position: relative;
  top: 2px; }

.staff .phone a {
  color: #666; }
  .staff .phone a:hover {
    color: #000;
    text-decoration: underline; }

.et_pb_text_2_tb_footer a {
  color: #fff !important; }
  .et_pb_text_2_tb_footer a:hover {
    color: #fff !important;
    text-decoration: underline; }
