/*
Theme Name: Hozjan-Artwork Theme
Description: Childtheme für Hozjan Artwork – Wenn Idee auf Kreativität trifft entstehen wunderschöne Geschichten… Als Publisher immer hungrig nach neuen Erfahrungen, neuen Ideen und neuen Herausforderungen. Stets mit dem Ziel, grafische Elemente mit der modernen Zeit zu verbinden.
Author: Benny Hozjan
Author URI: https://www.hozjan.net
Template: Divi
Version: 1.0
Tags: Grafikdesign, Logodesign, Webdesign, Bildbearbeitung, Photoshop-Trainer, Digital Artist
*/

/*  ==================================================================
	SERVICE SEITE CSS ================================================
	==================================================================  */
.post-password-required .et_password_protected_form h1 {
    display: block;
}

.post-password-required .et_password_protected_form {
	width: 25%;
    margin: 0 auto;
    margin-top: 10%;
    background: #fff;
    box-shadow: 0px 0px 120px rgba(0,0,0,.1);
    padding: 60px 40px 80px 50px;
    border-top: 6px solid #7a7a8c;
    border-radius: 5px;
    box-shadow: 0px 30px 50px -6px rgba(64,65,72,0.2);
}


}
	@media only screen and (max-width: 980px) {
		.post-password-required .et_password_protected_form { width: 50%!important; }
	}

	@media only screen and (max-width: 479px) {
		.post-password-required .et_password_protected_form { width: 80%!important; }
	}

.et_password_protected_form .et_submit_button {
	color: #ffffff!important;
    border-width: 0px!important;
    border-radius: 26px;
    letter-spacing: 1px;
    font-size: 13px;
    font-family: 'Nunito Sans',Helvetica,Arial,Lucida,sans-serif!important;
    font-weight: 800!important;
    text-transform: uppercase!important;
    background-color: #7a7a8c;
    padding-top: 15px!important;
    padding-right: 30px!important;
    padding-bottom: 15px!important;
    padding-left: 30px!important;	
}

.et_password_protected_form .et_submit_button:hover {
	background-color: #e50450;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.et_password_protected_form .et_submit_button:after {
	display: none;
}


/*  ==================================================================
	STANDARD CSS =====================================================
	==================================================================  */
.error404 #main-header {display: none;}	
	
i.fab.fa-facebook, 
i.fab.fa-twitter, 
i.fab.fa-linkedin,
i.fab.fa-xing,
i.fab.fa-google-plus, 
i.fab.fa-deviantart, 
i.fab.fa-youtube {
	color:#7a7a8c;
}

a:hover i.fab.fa-facebook, 
a:hover i.fab.fa-twitter, 
a:hover i.fab.fa-linkedin,
a:hover i.fab.fa-xing,
a:hover i.fab.fa-google-plus, 
a:hover i.fab.fa-deviantart, 
a:hover i.fab.fa-youtube{
	color:#404148!important;
	cursor: pointer;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

	@media only screen and (max-width: 980px) {
		.svg-icon { max-width: 50%; }
		}
	@media only screen and (max-width: 479px) {
		.svg-icon { max-width: 80%; }
		}

h1, h2, h3, h4, h5, h6 {
    overflow-wrap: normal;
}

h1:before{
	position: absolute;
	right: 107%;
	top: 50%;
	content: '';
	width: 1000%;
	height: 1px;
	background-color: #e50450!important;
}
.single-project h1:before{
	position: absolute;
	right: 107%;
	top: 50%;
	content: '';
	width: 1000%;
	height: 1px;
	background-color: #ffffff !important;
}

.mfp-title {
	display: none;
}



/*  ==================================================================
	HEADER CSS =======================================================
	==================================================================  */	
.et-fixed-header#main-header:after{
  content: '';
  background: url('https://cdn.hozjan.net/m:0/a:https://www.hozjan.net/wp-content/uploads/2018/05/shadow-line.png') no-repeat;
  -webkit-background-size: 98% 98%;
  -moz-background-size: 98%;
  -o-background-size: 98%;
  background-size: 98%;
  background-position: center;
  left: 0;
  opacity: .2;
  height: 20px;
  position: absolute;
  top: 100%;
  right: 0;
  width: 100%;
  }	
	
	@media screen and (min-width: 40.0625em) {
	  .et-fixed-header #top-menu li a:before {    
	    display: block;    
	    position: absolute;    
	    bottom: 0;    
	    left: 0;    -o-transition: width .25s ease-in;
	    -webkit-transition: width .25s ease-in;
	    transition: width .25s ease-in;    
	    background-color: #404148;    
	    width: 0;    
	    height: 1px;    
	    content: "";
	  }
	  .et-fixed-header #top-menu li a:hover:before {    
	    width: 100%;
	  }
	}

/*	==================================================================
	MOBILE MENU EFFECT ===============================================
	==================================================================  */
	@media only screen and (max-width: 810px) {
	  /* Changes mobile logo to specified image */
	  #logo {
	    content: url("https://cdn.hozjan.net/m:0/a:https://www.hozjan.net/wp-content/uploads/2018/05/Logo-white.svg");
		}
	}

.et_mobile_menu .menu-item-has-children > a { 
	background-color: transparent; 
	}

#main-header .et_mobile_menu li ul.sub-menu.hide { 
	display: none !important; 
	visibility: hidden !important;  
	transition: .7s ease-in-out;
	}

#main-header .et_mobile_menu li ul.sub-menu.visible { 
	display: block !important; 
	visibility: visible !important;
	}

.et_mobile_menu .menu-item-has-children > a:after { 
	font-family: "ETmodules";
	font-size: 24px;
	font-weight: 800;
	content: "3"; 
	position: absolute; 
	right: 55px;
	}

	@media screen and (max-width: 980px) {
		.et_header_style_centered #main-header {
			position: fixed;
		}
		.et_header_style_centered #main-header .mobile_nav {
			background-color: transparent;
		}
		.mobile_nav.closed .select_page {
			display: none;
		}
		.et-fixed-header#main-header {
			background-color: transparent !important;
		}
	}

.et_mobile_menu {
	top: 0;
	left: 0;
	position: fixed;
	z-index: 9998;
	overflow: scroll !important;
	background-color: #f8fbfe!important;
	margin-left: -30px;
	padding: 25% 0;
	height: 100%;
	width: calc( 100% + 60px);
	border-top: none;
	}

.et_mobile_menu li a {
	text-align: center;
	font-size: 1.55em;
	border: 0;
	padding: 5% 0;
	text-transform: uppercase;
	letter-spacing: 3px;
	color: #7a7a8c!important;
	}

.mobile_nav ul#mobile_menu .current_page_item > a {
  	color: #e50450!important;
  	}

.mobile_nav ul#mobile_menu li ul li a {
  	font-size: 1.05em !important;
  	margin: auto;
  	padding-top: 0.2em;
  	}

.et_mobile_menu li a:hover {
  	color: #e50450;
  	-webkit-transition: all .2s ease-in-out;
  	transition: all .2s ease-in-out;
  	}

.mobile_nav.opened .mobile_menu_bar:before {
  	content: "\4d";
  	color: #e50450;
  	}

span.mobile_menu_bar {
	z-index: 9999;
	}

/*	==================================================================
	BLURB-HOVER CSS ==================================================
	==================================================================  */
.blurb-hover .et_pb_blurb_content {
    transition: 0.3s ease-in-out;
}

.blurb-hover .et_pb_blurb_content:hover {
    margin-top: -10px;
    cursor: pointer;
}
/*	==================================================================
	SCROLLBAR CSS ====================================================
	==================================================================  */
::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.3);
	background-color: #f8fbfe;
	}

::-webkit-scrollbar {
	width: 6px;
	background-color: #f8fbfe;
	}

::-webkit-scrollbar-thumb {
	background-color: #e50450;
	}

/*	==================================================================
	TESTIMONIAL SLIDER CSS ===========================================
	==================================================================  */
.testimonial-slider,
.testimonial-slider .et_pb_container {
	height: auto !important;
	}
	
.testimonial-slider,
.testimonial-slider .et_pb_slide {
	max-height: auto;
	}
	
.testimonial-slider .et_pb_slide_description {
	position: relative;
	top: 25%;
	padding-top: 20px !important;
	padding-bottom: 50px !important;
	height: auto !important;
	text-shadow: none;
	}
.testimonial-slider .et_pb_testimonial_portrait {
	display: table-cell;
	float: left;
	position: relative;
	width: 80px !important;
	height: 80px !important;
	margin-right: 40px;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	box-shadow: 0px 20px 40px -6px rgba(64,65,72,0.2);
	}

.testimonial-slider .et-pb-controllers a {
	border-radius: 0;
	}

/*	==================================================================
	COLUMNS CSS ======================================================
	==================================================================  */
.four-columns .et_pb_module {
	float: left;
	width: 25%!important;
	padding: 15px;
	}

	@media only screen and (max-width: 980px) {
		.four-columns .et_pb_module { width: 50%!important; }
	}

	@media only screen and (max-width: 479px) {
		.four-columns .et_pb_module { width: 50%!important; }
	}

.five-columns .et_pb_module {
	float: left;
	width: 20%!important;
	padding: 15px;
	}

	@media only screen and (max-width: 980px) {
		.five-columns .et_pb_module { width: 33%!important; }
	}

	@media only screen and (max-width: 479px) {
		.five-columns .et_pb_module { width: 50%!important; }
	}

/*  ==================================================================
	PARTNER LOGO CSS =================================================
	==================================================================  */
.logo-grey, .logo-client {
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    opacity: .6;
    transition: 0.6s
}
.logo-grey:hover {
	-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
	margin-top: -8px;
	opacity: 1;
}

.logo-client:hover {
	-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
	opacity: 1;
}
/*  ==================================================================
	SINGLE PROJECT CSS ===============================================
	==================================================================  */
.single-project #logo {
	content: url("https://cdn.hozjan.net/m:0/a:https://www.hozjan.net/wp-content/uploads/2018/05/Logo-white.svg");
	}

.single-project .et-fixed-header#main-header #logo {
	content: url("https://cdn.hozjan.net/m:0/a:https://www.hozjan.net/wp-content/uploads/2018/05/Logo.svg");
	}

.single-project .et_pb_section.et_pb_section_first {
    padding-top: 15%;
}

.single-project .et_pb_text h1 {
		margin-top:80px;
	}

@media only screen and (max-width:600px) {
	.single-project .et_pb_text h1 {
		font-size: 1.8em;
		margin-top:80px;
	}
}

@media only screen and (max-width:479px) {
	.single-project .et_pb_text h1 {
		font-size: 1.4em;
		margin-top:80px;
	}
}

/*	==================================================================
	FOOTER CSS =======================================================
	==================================================================  */
#footer-bottom {display: none;}

#bh-footer-li ul li,
#bh-footer-li ul li a,
#bh-footer-li a {
	list-style: none;
	line-height: 1.6em;
	color:#959baf;	
	padding-left: 3px;
	}

i.fas.fa-share-alt, 
i.fas.fa-map-marker-alt, 
i.fas.fa-address-book {color:#9292A0; }

i.far.fa-heart {color: #e50450;}




.et_pb_scroll_top.et-pb-icon:hover {
	background-color:#7a7a8c;
	}
	

.et_pb_scroll_top.et-pb-icon {
bottom: 0;
right: 49%;
-webkit-border-radius: 0;
border-radius: 0;
font-size: 20px;
background-color: #959baf;
padding: 4px 10px;
}

.et_pb_scroll_top.et-visible {
opacity: 1;
-webkit-animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);
-moz-animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);
-o-animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);
animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);
}