/*---------------------------------------------------------------------------------

 Theme Name:   Workfamrec
 Theme URI:    
 Description:  
 Author:       Martyna Hofman
 Author URI:   http://www.martynahofman.pl
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/

@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;
}

.flag {
margin-bottom: 50px!important;
	}	
	
.icon-flag {
margin-right: 10px!important;
margin-top: 5px;
}	
	
.box-flag {
text-align: center!important;
margin-left: 50px!important;	
}
	
.txt-flag {
text-align: left!important;
}	

.university {
text-align: center!important;	
margin-bottom: 40px!important;
margin-left: 80px!important;	
}
	
}

@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: #7E4EA5!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;
}

.et_pb_number_counter .et_pb_number_counter h3 {
margin-top: 0px!important;	
padding-top: 10px!important;		
}

.et_pb_post a.more-link {
  	color: #2c3238;
	font-family: 'Baloo 2';
	font-weight: 700;
	font-size: 14px;
	background: transparent;
	border: 2px solid #702f90;
	padding: .5em 1.3em;
	margin-top: 20px;
	border-radius: 20px;
	text-transform: uppercase;
	display: inline-block;
	transition: all 0.3s ease-in-out;
}


/*style the Divi blog link text as a button on hover*/

.et_pb_post a.more-link:hover {
	background: transparent;
	color: #bf2368;
	border: 2px solid rgba(0,0,0,0.1);
	transition: all 0.3s ease-in-out;
}

.ds-icon-search .et_pb_searchform:before,
.widget_search::before {
    content: '\55';
    position: absolute;
    font-family: 'ETModules';
    z-index: 1;
    right: 0;
    font-size: 20px;
    padding: 10px 20px 8px 20px;
}

/*blog pagination*/

.et_pb_blog_grid .pagination > .alignleft a:before {
    content: 'Older Posts';
    visibility: visible;
}
.et_pb_blog_grid .pagination > .alignleft a {
    visibility: collapse;
}
.et_pb_blog_grid .pagination > .alignright a:before {
    content: 'Newer Posts';
    visibility: visible;
}
.et_pb_blog_grid .pagination > .alignright a {
    visibility: collapse;
}

/*stanowisko flaga*/
.icon-flag {
position: relative;	
float: left;
width: 25px;
height: 25px;
margin-right: 10px;
margin-top: 5px;
}

.box-flag {
position: absolute;	
float: left;
display: block;	
width: 100%;	
}

.university {
position: absolute;	
margin-top: 50px;	
}

.txt-flag {
position: absolute;
margin-left: 35px;	
}

#main-header {
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.0) !important;
    -moz-box-shadow: 0 1px 0 rgba(0,0,0,.0) !important;
    box-shadow: 0 1px 0 rgba(0,0,0,.0) !important;
}

#main-header.et-fixed-header {
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.0) !important;
    -moz-box-shadow: 0 1px 0 rgba(0,0,0,.0) !important;
    box-shadow: 0 1px 0 rgba(0,0,0,.0) !important;
}

.et_pb_member_social_links .et_pb_facebook_icon:before {
    content: '\e107'!important;
	font-size: 26px!important;

}