/*

Theme Name: Yusef Child

Description: Child theme for the Yusef

Author: Devkinz

Template: Yusef

*/



@import url("../Yusef/style.css");





/**********custom css*************/

body{
min-height: 800px !important ;

position: relative !important ;

line-height:32px !important ;

font-size :13px !important;

color:#fff !important;

}

#entries .post-title, #entries .post-title a, #entries .post-title a:active{

line-height:26px !important ;

}

.index-img{

    display: block;

    margin:  auto;

}

.abt-img{
border:1px solid #e3e3e3;

padding:4px;

margin-right:10px;

margin-bottom:10px;

}

.client-img {

border:1px solid #e3e3e3;

padding:2px;

margin-right:20px;

}

.client-list li{

display:inline;

list-style:none;

}

.restore-img{



border:1px solid #e3e3e3;

padding:4px;

margin-right:10px;

margin-bottom:10px;

}

.service-img{



border:1px solid #e3e3e3;

padding:4px;

margin-right:10px;

margin-bottom:10px;

}

#slidecaption{

display:none important;}

.slider-caption{

display:none important; }



.home-video-option{

	position: absolute;

	width: 450px;

	height: auto;

	top: 130px;

	right:15px;

	background: rgba(0, 0, 0, 0.5);

	padding: 15px;

	border-radius: 10px 10px 0 0;

}

.home-upperfooter-area{
	position: fixed;
	bottom: 56px;
	background: rgba(255, 255, 255, 0.9);
	width: 99%;
	right: 0;
	padding: 0 10px;
	text-align: center;
}

.connect-with	h4{
	color: #000 !important;
	font-size: 18px;
	padding: 5px 0;
	text-transform: uppercase;
	letter-spacing: 5px;
	border-bottom: 2px solid #C4302B;
	margin: 10px 0;
	display: inline-block;
}

.connect-with ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

.connect-with ul li{
	display: inline-block;
	margin: 0 3px;
}
.logo-box img {
	width: 100px;
	display: inline-block;
	vertical-align: middle;
        padding: 0 20px;
}
.yusef-quote h3{
	color: #000 !important;
	padding: 5px 0 10px 0;
	font-size: 14px;
}

.previous-services{
	position: fixed;
	left: 0;
	bottom: 56px;
	width: 100%;
	background: rgba(255, 255, 255, 0.91);
}

.previous-services h2{
	color: #000 !important;
	font-size: 22px;
	text-align: center;
	padding: 5px 0;
}

.previous-services ul{
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
}

.previous-services ul li{
	display: inline-block;
	margin: 0 5px;
}

.previous-services ul li img{
	border: 1px solid #000;
	width: 98%;
}

@media (max-width: 1024px){
	.home-video-option{
		top: inherit;
		bottom: 223px;
	}
}

@media screen and (max-width:800px) and (max-height:600px) {
	.home-video-option{
		display: block;
		top: inherit;
		bottom: 56px;
		height: 238px;
	}
	.home-upperfooter-area{
		display: none;
	}
}

@media (max-width: 768px){

	.home-video-option{
		width: 41%;
		bottom: 240px;
		height: 168px;
		top: inherit;
	}
	.home-upperfooter-area{
		
	}
}

@media (max-width: 736px){

	.home-video-option, .home-upperfooter-area{
		display: none;
	}

}

@media (max-width: 600px){

	.home-video-option, .home-upperfooter-area{
		width: 90%;
		display: none;
	}

}

@media screen and (max-width:600px) and (max-height:800px) {
	.home-video-option{
		display: block;
		top: inherit;
		bottom: 56px;
		height: 238px;
	}
}

@media (max-width: 568px){

	.home-video-option, .home-upperfooter-area{
		display: none;
	}
	.previous-services ul li{
		width: 10%;
	}

}



@media (max-width: 480px){
	.home-video-option{
		display: block;
	}

	.home-upperfooter-area{
		display: none;
	}

}


@media (max-width: 414px){

	.home-video-option{
		display: block;
		width: 85%;
		height: 184px;
		top: inherit;
		bottom: 56px;
	}

}

@media (max-width: 384px){

	.home-video-option{

		display: block;

		width: 92%;

		height: 197px;

		right: 0;

	}

}



@media (max-width: 320px){

	.home-video-option{

		height: 164px;

	}

}

@media (max-width:319px){

	.home-upperfooter-area, .home-video-option{

		display: none;

	}

}

.foot-left{

float:left;

color:#fff !important;

}

.foot-right{

float:right;



}

.foot-right a{

color:#fff !important;

margin-left:5px !important;

padding-right:5px !important;

}

#main{

background-color:rgba(0,0,0,0.92) !important;

}

body.page-id-156 #wrap #main #entries h2.page-title, body.page-id-2538 #wrap #main #entries h2.page-title, body.page-id-2541 #wrap #main #entries h2.page-title, body.page-id-2542 #wrap #main #entries h2.page-title, body.page-id-2543 #wrap #main #entries h2.page-title, body.page-id-2548 #wrap #main #entries h2.page-title, body.page-id-2550 #wrap #main #entries h2.page-title, body.page-id-2351 #wrap #main #entries h2.page-title{
	text-align: center;
}

body.page-id-156 #wrap #main, body.page-id-2538 #wrap #main, body.page-id-2541 #wrap #main, body.page-id-2542 #wrap #main, body.page-id-2543 #wrap #main, body.page-id-2548 #wrap #main, body.page-id-2550 #wrap #main, body.page-id-2351 #wrap #main{
	margin-bottom: 250px;
}

body.page-id-156 #wrap #main{
	margin-top: 100px;
}

body.page-id-2538 #wrap #main{
	margin-top: 130px;
}

body.page-id-2541 #wrap #main{
	margin-top: 130px;
}

body.page-id-2542 #wrap #main{
	margin-top: 150px;
}

body.page-id-2548 #wrap #main{
	margin-top: 60px;
}

body.page-id-2543 #wrap #main{
	margin-top: 60px;
}

body.page-id-2550 #wrap #main{
	margin-top: 40px;
}

#entries h2.page-title{
color:#fff !important;
}

h1, h2, h3, h4, h5, h6, #entries h3.post-title, #entries h3.post-title a, #entries h3.post-title a:active, .special-heading, #entries h2.page-title, #portfolio .folio-box h3.folio-title, #portfolio .folio-box h3.folio-title a, #portfolio .folio-box h3.folio-title:active{

color:#fff !important;}



#woo-cart a, #woo-cart a:active {

    color: #000000 !important;

    display: inline-block !important;

    font: bold 11px Arial,sans-serif !important;

    padding-top: 4px !important;

    text-shadow: 1px 1px 0 #878787 !important;

}

ul.dottedlist li, ul.dashedlist li, ul.linelist li, ul.checklist li, ul.bulletlist li, ul.arrowlist li{

color:#fff !important;

}

.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{

color:#fff !important;

}

#sidebar ul li, #sidebar ul li a, #sidebar ul li a:active{

color:#fff!important;

}

.logo-box img {
width: 100px;
vertical-align: middle;
padding: 0 20px;
}