/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/



/* redigera footer widgets */

.footer3widget
{
 
  line-height: 2!important;

}

.footer1widget
{
 
  line-height: 2.5!important;

}

/* Ta bort padding när man sätter bakgrundsfärg på en sektion */

.et-db #et-boc .et-l .et_pb_with_background .et_pb_row {
   
    width: 100% !important;
}


/* Centrera text i knapp på contact form */

.et-db #et-boc .et-l .dvppl_cf7_styler_0 .wpcf7-form input[type=submit] 

{
    text-align: center !important;

}


/* redigera font awesome i DIVI */

.fa-circle-check {
    padding-right: 25px !important;
    color: red !important;
 
  }

  .fa-solid.fa-clock {
    padding-right: 25px !important;
    color: red !important;
 
  }

.fa-solid.fa-user-group {
    padding-right: 25px !important;
    color: red !important;
 
  }

.fa-solid.fa-circle-chevron-right {
    padding-right: 25px !important;
    color: red !important;
 
  }

  .fa-regular.fa-circle-right {
    padding-right: 25px !important;
    color: red !important;
 
  }

.fa-solid.fa-angle-right{
    padding-right: 25px !important;
    color: red !important;
 
  }

.fa-solid.fa-check{
    padding-right: 25px !important;
    color: red !important;
 
  }


/* contact form */

.et-db #et-boc .et-l .dvppl_cf7_styler_0 .dipe-cf7-container .wpcf7 input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]), .et-db #et-boc .et-l .dvppl_cf7_styler_0 .dipe-cf7-container .wpcf7 select, .et-db #et-boc .et-l .dvppl_cf7_styler_0 .dipe-cf7-container .wpcf7 textarea {
    margin-bottom: 10px !important;
}

























/* Ändra text under bilder */

.wp-caption .wp-caption-text {
    font-size: 14px!important;
    text-align: center!important;
    font-style: oblique!important;
    padding-top: 10px!important;
}


/* gör rubrikerna responsiva */


@media screen and (min-width: 352px){
  html{
    font-size: 12px!important;
  }
}
@media screen and (min-width: 500px){
  html{
    font-size: 12px!important;
  }
}
@media screen and (min-width: 570px){
  html{
    font-size: 13px!important;
  }
}
@media screen and (min-width: 620px){
  html{
    font-size: 14px!important;
  }
}
@media screen and (min-width: 680px){
  html{
    font-size: 14px!important;
  }
}
@media screen and (min-width: 720px){
  html{
    font-size: 15px!important;
  }
}
@media screen and (min-width: 800px){
  html{
    font-size: 15.5px!important;
  }
}
@media screen and (min-width: 860px){
  html{
    font-size: 16px!important;
  }
}
@media screen and (min-width: 925px){
  html{
    font-size: 16.5px!important;
  }  

}
@media screen and (min-width: 970px){
  html{
    font-size: 17px!important;
  }
}
@media screen and (min-width: 1050px){
  html{
    font-size: 18px!important;
  }
}
@media screen and (min-width: 1900px){
  html{
    font-size: 19px!important;
  }
}

/* ändra padding på dragspel */





/* redigera text högst upp på sidan */

   .customtext_id_06

   {

       font-size: 1.6rem!important;
    font-weight: 500!important;
    font-family: 'Roboto', sans-serif!important;
    line-height: 1.2em;
    margin-bottom: 10px!important;

    }

/* redigera footer widgets */

.footer3widget
{
 
  line-height: 2!important;

}

.footer1widget
{
 
  line-height: 2.5!important;

}

/* contact form 7 */

.columnwidth
{
 
  max-width: 750px!important;
  margin: auto!important;

}


.wpform2
{
 
  max-width: 450px!important;
  float: none!important;
  margin: auto!important;
  width: 100%!important;


}

.wpform-field

{
    margin: auto!important;
    max-width: 440px!important;

}


 .fa-check {
    color: green;
    padding-right: 12px;
  }

  .fa-angle-down {
    color: #578a12;
    padding-left: 10px;
    font-size: 18px!important;
  }

  .fa-angle-right {
    color: #578a12;
    padding-right: 10px;
    font-size: 18px!important;
  }

  .fa-angle-left {
    color: #578a12;
    padding-left: 10px;
    font-size: 18px!important;
  }

.fa-thumbs-up {
    color: #3d87c6;
    padding-right: 10px;
    font-size: 18px!important;
  }

.fa-check-circle {
    color: #ffffff!important;
    padding-right: 10px;
    font-size: 26px!important;
    vertical-align: middle!important;
  }

  /* header image */

.site-header .header-image {
    
    top: 5px!important;
    position: absolute!important;
    left: 8px!important;
}

/* change menu */

.main-navigation .main-nav ul li a {
    font-family: 'Fira Sans', sans-serif!important;
    font-size: 16px!important;
    font-weight: 400!important;
}

.inside-header {
    margin-top: 17px!important;
    margin-right: 10px!important;
    margin-left: 10px!important;
}


.main-navigation .main-nav ul li a {

    margin-top: 30px!important;
    margin-bottom: 2px!important;
}

.main-navigation .main-nav ul ul {
    padding: 10px 10px 20px 15px!important;
    -webkit-border-radius:2px!important;
   -moz-border-radius:2px!important;
   border-radius:2px!important;

}

.main-navigation .main-nav ul ul li a {
    margin-top: 0px!important;
    line-height: 15px!important;

}

.main-navigation .main-nav ul ul li:hover>a {
    text-decoration: underline!important;

}

.main-navigation .main-nav ul ul li li a{
    
    line-height: 15px!important;
    
}

.main-navigation .main-nav ul>li>a
{
   -webkit-border-radius:2px!important;
   -moz-border-radius:2px!important;
   border-radius:2px!important;

}

.mobile-header-navigation .mobile-header-logo img {
    height: 77px!important;
    position: absolute!important;
    top: -6px!important;
}


#mobile-header>.inside-navigation {

    height: 45px!important;
    position: initial!important;
}

.mobile-header-logo #mobile-header .menu-toggle {
    position: absolute!important;
    top: 28px!important;
    right: -11px!important;
    color: transparent!important;
    background-color: transparent!important;
    background-image: url(https://www.hlr-experten.se/wp-content/uploads/menuitem.svg)!important;
    background-repeat: no-repeat!important;
    background-size: 26px!important;
}

.nav-float-right .is_stuck.main-navigation {
    padding-top: 0px!important;
    padding-bottom: 17px!important;
}


.main-navigation.toggled .main-nav>ul {
    display: block!important;
    top: 57px!important;
}

.main-navigation.slideout-navigation .main-nav > ul > li > a {
  
}

#generate-slideout-menu.main-navigation .main-nav ul ul {

    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1)!important;
  
}

#generate-slideout-menu .slideout-menu .menu-item-has-children>a:first-child, #generate-slideout-menu .slideout-menu .page_item_has_children>a:first-child {
  
}

.slideout-navigation.main-navigation .main-nav ul li a {
    font-size: 18px!important;
   font-weight: 700!important;
    padding-left:15px!important;
    padding-top: 5px!important;
    padding-bottom: 5px!important;
    border-bottom: 1px solid #b9b9b9!important;
    margin-top: 5px!important;
}



.slideout-navigation.main-navigation .main-nav ul ul li li a {
    font-size: 16px!important;
    font-weight: 400!important;
    position: relative!important;
    left: 5px!important;
    border-bottom: 0px!important;
    padding-top: 10px!important;
    padding-bottom: 10px!important;
  
}

.slideout-navigation.main-navigation .main-nav ul ul li a {

    padding-left: 0px!important;
    padding-right: 20px!important;
    padding-top: 10px!important;
    padding-bottom: 10px!important;
    font-size: 17px!important;
    font-weight: 400!important;
    border-bottom: 0px!important;
  
}



.slideout-navigation.main-navigation .main-nav {

    padding-top: 0px!important;
    max-height: 600px!important;
    width: 100%!important;
    overflow-y: scroll!important;
    margin-top:-9px;
  
}

.menu-toggle:before {
    font-size: 25px!important;
}

.main-navigation .main-nav ul ul ul {
    padding: 15px 10px 25px 5px!important;
    -webkit-border-radius:2px!important;
   -moz-border-radius:2px!important;
   border-radius:2px!important;
   border-style: solid!important;
    border-width: 0 0 0 10px!important;
    border-color: #a3170d!important;
}

.main-navigation .navigation-logo img {
    height: 77px!important;
    padding: 4px!important;
    left: 15px!important;
    margin-bottom: -18px!important;
    max-width: none!important;
}

.main-navigation .main-nav ul li  {
   
    top: 8px!important;
}

.slideout-navigation.main-navigation .main-nav ul ul ul {

   border-radius:0px!important;
   border-style: none!important;
   top:-10px!important;
   left:0px!important;
   padding: 10px 0px 10px 5px!important;
 
  
}
/* style 1025px widht */

@media (max-width: 1025px) {
  .main-navigation .menu-toggle,
  .main-navigation .mobile-bar-items,
  .sidebar-nav-mobile:not(#sticky-placeholder) {
    display: block;
  }

  .main-navigation ul,
  .gen-sidebar-nav {
    display: none;
  }

  [class*="nav-float-"] .site-header .inside-header > * {
    float: none;
    clear: both;
  }

button.menu-toggle  {
    background-color: transparent!important;
    color: transparent!important;
    width: 60px!important;
    border: 0!important;
    text-align: center!important;
    background-image: url(https://www.hlr-experten.se/wp-content/uploads/menuitem.svg)!important;
    background-repeat: no-repeat!important;
    background-size: 26px!important;
    top: 14px!important;
    right: -21px!important;
    position: absolute!important;
}

.site-header {

    height: 74px!important;
}

.nav-float-right .is_stuck.main-navigation button.menu-toggle {
    top: 40px!important;
    right: -10px!important;
    
}

}

/* end style 1025px widht */


.sticky-enabled .main-navigation.is_stuck {

box-shadow: 0px 3px 3px -2px rgba(0,0,0,0.2)!important;

}