/*
 Theme Name: djoliver_de-childtheme
 Theme URI: https://djoliver.ch/
 Description: Child Theme
 Author URI: https://djoliver.ch/
 Template: Divi
 Version: 1.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Tags: Divi Child Theme
*/

/*
You can start adding your own styles here. Use !important to overwrite styles if needed. */

@font-face {
	font-family: 'ElegantIcons';
	src:url('fonts/ElegantIcons.eot');
	src:url('fonts/ElegantIcons.eot?#iefix') format('embedded-opentype'),
		url('fonts/ElegantIcons.woff') format('woff'),
		url('fonts/ElegantIcons.ttf') format('truetype'),
		url('fonts/ElegantIcons.svg#ElegantIcons') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
	font-family: 'ElegantIcons';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
small {
    font-size: smaller;
} 
.et_pb_portfolio_item .et_overlay {
z-index: 6;
}
 
.et_pb_fullwidth_portfolio .et_pb_portfolio_image h3 {
display: inline-block;
position: relative;
z-index: 6;
}
 
.et_pb_portfolio_item .et_pb_portfolio_image:hover:after {
content:"";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 5;
display: block;
}
.et_pb_portfolio_item:nth-child(even) .et_overlay {
z-index: 6;
}

.et_pb_portfolio_item:nth-child(even) .et_pb_portfolio_image h3 {
display: inline-block;
position: relative;
z-index: 6;
}
.et_overlay::before {
    content: "";
    display: none;
    font-size: 32px;
    left: 50%;
    margin: -14px 0 0 -14px;
    position: absolute;
    top: 55%;
    transition: all 0.4s ease 0s;
}

.et_pb_portfolio_item:nth-child(even) .et_pb_portfolio_image:hover:after {
content:"";
display:none;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 5;
display: block;
}
#content div.sharedaddy, #main div.sharedaddy, div.sharedaddy {
    clear: both;
    padding: 20px 0;
}