/*
Theme Name: Ralfmitsch
Theme URI: www.ralphmitsch.com
Description: Ralfmitsch
Author: studiowaterloo
Author URI: www.studiowaterloo.nl
Template: Divi
Version: 3.5
*/

/* Generated by Orbisius Child Theme Creator (http://orbisius.com/products/wordpress-plugins/orbisius-child-theme-creator/) on Sat, 02 Jun 2018 10:32:47 +0000 */ 
/* The plugin now uses the recommended approach for loading the css files.*/


.et_pb_text_inner h1:hover a {color: black!important;}
h1:hover a {color: black!important;}
.project h1 a {color: white!important;}
.project h1:hover a {color: white!important;}



@media all and (max-width: 980px){
    
    /* change logo positioning and set its height */
    .et_header_style_left  header#main-header .logo_container,
    .et_header_style_left .logo_container {
        position: absolute;
        height: 55px;
width: 100%;
        max-height:55px;
        padding: 0;
left:3%;
top: 5px;
right:0;
        text-align: left;
    }
    
    /* align the menu "hamburger" */
    .et_header_style_left .mobile_menu_bar {
        position: absolute;
        top: 13px;
        right: 0px;
    }
   
}






.socialmenu {
position: absolute !important; right:20px;top:14px;z-index: 1000000 !important;
}
.socialmenu .socialiconsright li{
display: inline;
margin-left: 10px;
}
.socialmenu .socialiconsright li img{
height: 22px;
vertical-align: middle;
}
.socialmenu .socialiconsright li img.socimg {
margin-right: 20px !important;
}
.socialmenu .foto {width: 44px !important;height: 44px !important;}


@media (max-width: 980px) {

	.socialmenu {
		display: none !important;
	}  

}
/*
#top-menu li {
height: 30px !important;
overflow: hidden;
}
#top-menu a {
padding: 5px;
}
#top-menu .current_page_item a {
    color: white !important;
background-color:black !important;
padding: 5px;
}
*/


#et_mobile_nav_menu #mobile_menu li a {
padding: 15px 10px 15px 20px !important;
margin:0 !important;
text-transform: lowercase;
font-size: 130%;
color: #767c81 !important;
border-bottom-color: #444 !important;
font-weight: 400;
}

.mobile_nav.opened .mobile_menu_bar::before {
opacity: 0.4;
}

#et_mobile_nav_menu #mobile_menu {
padding: 0px;
}
#et_mobile_nav_menu #mobile_menu li:first-child {
margin-top:-20px !important;
}

.extramenusocial .menu-social-container ul#menu-social {
display: inline-block !important;
margin: 10px -3px 0px 3px;
text-align: center;
padding: 0px !important;
}

.extramenusocial .menu-social-container ul#menu-social li.menu-item-type-custom {
display: inline-block !important;
margin-left: 0px;
text-align: left;
padding-left: 0px !important;
}
.extramenusocial .menu-social-container ul#menu-social li.menu-item-type-custom:last-child {
display: none !important;
}
.extramenusocial .menu-social-container ul#menu-social li.menu-item-type-custom a {
border: 0px none transparent !important;
margin:0;
padding:0;
}
.extramenusocial .menu-social-container ul#menu-social li.menu-item-type-custom img{
height: 28px;
vertical-align: middle;
display: inline-block !important;
}












/*  css oud  */





h1 {
    font-family: ApexSansMediumTRegular, Arial, Helvetica, sans-serif;
    color: #fff;
    font-size: 32px;
    line-height: 68px;
    vertical-align: baseline;
    margin-bottom: 20px;
    margin-left: 36px;
	    text-transform: lowercase;

}

.wit {border-radius:15px!important;max-width: 850!important;
}
.wit h1{margin-left: 0px!important;    margin-bottom: 5px!important;
}

.wit h1 a{text-decoration: none!important;}

.wit a{text-decoration: underline;}

.wit img{margin-top: 20px!important;}


.witproject {border-radius:15px!important;max-width: 850!important;
}
.witproject h1{margin-left: 0px!important;    margin-bottom: 5px!important;
}

.witproject h1 a{text-decoration: none!important;}

.witproject a{text-decoration: underline;}
.witproject img{margin-top: 20px!important;}
.et_pb_sidebar_0.et_pb_widget_area {min-width:246px!important;
max-width:246px!important;
z-index:111110!important;
position:absolute;
right:0px;
}



.zijnavigatie {min-width: 325px;}
  
.element-is-sticky{left: 80%!important;width:325px; }



#footer-bottom .container{
margin-right: 2.773%; 
margin-left: 2.773%; 
width:94.454%!important;
max-width: 94.454%;
}


/*This controls your active link color */
.widget_nav_menu ul li.current-menu-item a {
    color: white!important;
 background-color:black;
padding:5px 5px 5px 5px;
}


@media (min-device-height: 667px) and (min-device-width: 375px) and (-webkit-min-device-pixel-ratio: 3) {

.wit {left:10px;width: 350px!important}

}

@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait)
  {
	  
	  

	  
	  
#logo {
height: 20px; /*change this to adjust the size*/
max-height: 20px !important; /* change this to adjust the size */
margin-top: -10px;
}
	
	.wit h1{margin-left: 0px!important;    margin-bottom: 15px!important;
}
	
.wit {left:3%;width: 94%!important;;}
.witproject {left:3%;width: 94%!important;}



.pri {float: none; margin-left:10px;
	margin-left: 33%;}

.wit h1{line-height: 36px!important}
.wit h1 a{text-decoration: none!important;}


	
	
	
}

.pri {float:right;}
.pri a{color:black;font-weight: 400;}

@media all and (max-width: 980px) {



.witproject h1{margin-left: 0px!important;    margin-bottom: 24px!important;line-height: 36px!important;
}

.witproject h1 a{text-decoration: none!important;}


}


@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 567px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape){ 
	  .wit {margin-left:3%;width: 94%!important;}
	  .witproject {margin-left:3%;width: 94%!important;}
	  

}


@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
	  
 .wit {margin-left:10px;max-width: 630px!important;}
 
 .witproject {margin-left:10px;max-width: 630px!important;}


}










/*  css oud  */