/* 
 Theme Name:     Familydemic
 Author:         Familydemic
 Author URI:     http://martynahofman.pl
 Template:       Divi
 Version:        1.0
 Description:   A Child Theme built using the elegantmarketplace.com Child theme maker
Developed by Andrew Palmer for Elegant Marketplace www.elegantmarketplace.com Free to use and duplicate as many times as you like
 Wordpress Version: 5.4.6
*/ 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 

@media only screen and (max-width: 980px) { 
#logo {
height: 45%!important;
max-height: 100%!important;
width: auto!important;
max-width: 100%!important;
}
	
.et_pb_team_member_image {
width: 220px!important;
height: 220px!important;
}	
	
.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;
}
.et_mobile_menu {
    overflow: scroll !important;
    max-height: 83vh;
}
}

@media only screen and (min-width: 981px) { 
#logo {
height: 65%!important;
max-height: 100%!important;
width: auto!important;
max-width: 100%!important;
}
}
	
.et_pb_team_member_image {
width: 220px!important;
height: 220px!important;
}

#footer-bottom {
background-color: #3e0060!important;
display: none!important;	
}

header.et-l.et-l--header {
    z-index: 99999!important;
    position: relative!important;
}

.mobile_nav.opened .mobile_menu_bar:before {
    content: "\4d"!important;
}

.mobile_nav.opened .mobile_menu_bar::before {
	transition: all .4s ease!important;
	transform: rotate(90deg)!important;
	display: block!important;
}

.et_mobile_menu {
box-shadow: 0 2px 20px 2px rgba(0, 0, 0, 0.1)!important;
width: 112%!important;
margin-left: -6%!important;
border-top: 0px!important;
}

.mobile_menu_bar:before {
color: #bf2368!important;
font-size: 42px!important;
}

.et_mobile_menu li a {
font-size: 20px!important;
letter-spacing: 0px!important;
}

.wp-dark-mode-side-toggle-wrap .wp-dark-mode-side-toggle:hover {
background: #151819!important;	
}	

html.wp-dark-mode-active .wp-dark-mode-toggle {
background: #2a2f33!important;
}

html.wp-dark-mode-active .wp-dark-mode-toggle {
background: #2a2f33!important;
}