/*
 Theme Name:   Divi Child
 Theme URI:    http://elegantthemes.com/
 Description:  Divi Child Theme
 Author:       ElegantThemes
 Author URI:   http://elegantthemes.com
 Template:     Divi
 Version:      0.1.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags: responsive-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, featured-images, full-width-template, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready
 Text Domain:  divi-child-theme
*/

/* ==== Add your own styles below this line ====
 * -------------------------------------------- */

@media only screen and (max-width: 760px) {

  
  /* Show the hamburger icon */
.sh-hb-icon, .et_pb_sidebar_0_tb_body  > a:before {
    content: '\61';
    font-family: 'ETMODULES';
    font-size: 35px;
    color: #7d7d7d;
  }
  
  /* Change the hamburger icon color on hover */
 .sh-hb-icon a:hover:before {
    color: #7d7d7d;
  }
}

/* Change the main menu text into icons*/


.menu-kundeservice > a:before {
    font-family: 'ETMODULES';
	content: '\e076';
    text-align: center;
	vertical-align: middle;
    margin-right: 10px;
    margin-left: -10px;
    color: 	#7b7b7b;
    font-size: 1.5em;
    transition: all .3s ease;
}
.menu-webshop  > a:before {
    font-family: 'ETMODULES';
	content: '\e07a';
    text-align: center;
	vertical-align: middle;
    margin-right: 10px;
    margin-left: -10px;
    color: 	#7b7b7b;
    font-size: 1.5em;
    transition: all .3s ease;
}

/*put an icon besides the main menu text*/

.menu-konto > a:before {
    font-family: 'ETMODULES';
    content: '\e08a';
    text-align: center;
    vertical-align: middle;
    margin-right: 10px;
    margin-left: -10px;
    color: #7b7b7b;
    font-size: 1.5em;
    transition: all .3s ease;
}

.menu-handelbetingelser > a:before {
    font-family: 'ETMODULES';
    content: '\e059';
    text-align: center;
    vertical-align: middle;
    margin-right: 10px;
    margin-left: -10px;
    color: #7b7b7b;
    font-size: 1.5em;
    transition: all .3s ease;
	
}
/*add icon to Divi main menu sub items*/
.sub-os a:before {
    font-family: 'ETMODULES';
    content: '\24';
    text-align: center;
    vertical-align: middle;
    margin-right: 10px;
    margin-left: -10px;
    color: #2cba6c;
    font-size: 1em;
    transition: all .3s ease;
}

.sub-kontakt a:before {
    font-family: 'ETMODULES';
    content: '\24';
    text-align: center;
    vertical-align: middle;
    margin-right: 10px;
    margin-left: -10px;
    color: #2cba6c;
    font-size: 1em;
    transition: all .3s ease;
}

.sub-privat a:before {
    font-family: 'ETMODULES';
    content: '\24';
    text-align: center;
    vertical-align: middle;
    margin-right: 10px;
    margin-left: -10px;
    color: #2cba6c;
    font-size: 1em;
    transition: all .3s ease;
}

.sub-handel a:before {
    font-family: 'ETMODULES';
    content: '\24';
    text-align: center;
    vertical-align: middle;
    margin-right: 10px;
    margin-left: -10px;
    color: #2cba6c;
    font-size: 1em;
    transition: all .3s ease;
}
/*change color and position of submenu icon on hover*/
.sub-os a:hover:before {
    margin-left: -10px;
    color: #e03574 !important;
}
.sub-kontakt a:hover:before {
    margin-left: -10px;
    color: #e03574 !important;
    transition: all .3s ease;
}

.sub-privat a:hover:before {
    margin-left: -10px;
    color: #e03574 !important;
    transition: all .3s ease;
}
.sub-handel a:hover:before {
    margin-left: -10px;
    color: #e03574 !important;
    transition: all .3s ease;
}