/*



Theme Name: Codeandco



Theme URI: 



Author: The Codeandco Team



Author URI: http://codeandco.ae/







*/







/**



 * Table of Contents:



 *



 * 1.0 - Reset



 * 2.0 - Repeatable Patterns



 * 3.0 - Basic Structure



 * 4.0 - Header



 * 5.0 - Navigation



 * 6.0 - Content



 *   6.1 - Post Thumbnail



 *   6.2 - Entry Header



 *   6.3 - Entry Meta



 *   6.4 - Entry Content



 *   6.5 - Galleries



 *   6.6 - Post Formats



 *   6.7 - Post/Image/Paging Navigation



 *   6.8 - Attachments



 *   6.9 - Archives



 *   6.10 - Contributor Page



 *   6.11 - 404 Page



 *   6.12 - Full-width



 *   6.13 - Singular



 *   6.14 - Comments



 * 7.0 - Sidebar



 *   7.1 - Widgets



 *   7.2 - Content Sidebar Widgets



 * 8.0 - Footer



 * 9.0 - Featured Content



 * 10.0 - Multisite



 * 11.0 - Media Queries



 * 12.0 - Print



 * -----------------------------------------------------------------------------



 */











/**



 * 1.0 Reset



 *



 * Resetting and rebuilding styles have been helped along thanks to the fine



 * work of Eric Meyer, Nicolas Gallagher, Jonathan Neal, and Blueprint.



 *



 * -----------------------------------------------------------------------------



 */



.home #header_wrap {

	opacity: 1!important;

 transition: .3s ease-out;

 -webkit-transition: .3s ease-out;

}

.other-blog-post>li>a>img, .blog-image-wrap img {

	height:auto

}

.blog-more-content-wrap ul li {

	position:relative;

	padding-left:15px;

}

.blog-more-content-wrap ul li:before {

	content: "\f105";

	position:absolute;

	left:0px;

	top:1px;

	font-family: FontAwesome;

	display:inline-block;

	width:15px;

	height:15px;

}

.headline h1 {

	margin-bottom: 0;

	line-height: normal;

	font-size: 75px;

	font-weight: 400;

	position: relative;

	z-index: 2;

}

.bread_crum_ul {

	float: left;

	padding: 0!important;

	margin-left: 15px;

}

.breadcrumbs_main {

	width:100%;

	float:left;

	margin:0px;

	padding:0px;

}

.bread_crum_ul li {

	float: left;

	background: 0 0;

	list-style: none;

	list-style-image: none!important;

}

.bread_crum_ul li a {

	padding: 0;

	color: #CF972F;

	float: left;

}

.bread_crum_ul li a:after {

	content: "\f105";

	font-family: FontAwesome;

	font-size: 20px;

	vertical-align: top;

	margin-left: 10px;

	margin-right: 10px;

	color: #CF972F;

	line-height: 33px;

}

.bread_crum_ul li {

	float: left;

	background: 0 0;

	list-style: none;

	list-style-image: none!important;

}

#header_wrap.opened #contact_info_wrap #contact_info, #header_wrap.show.opened #contact_info_wrap #contact_info {
    height: 30px;
    line-height: 37px;
    margin-top: 0;
    top: -15px;
}



@media (max-width:767px) {

 .headline h1 {

 font-size: 35px !important;

}

 .blog-more-content-wrap img {

 width:100%;

}

}

@media (min-width:800px) {

#header_wrap.opened #contact_info_wrap, #header_wrap.show.opened #contact_info_wrap {

    opacity: 1;

    top: -15px;

}

}

body #navbar{
	top: 0;
	right: 0;
}
#header_wrap.opened #contact_info_wrap #contact_info, #header_wrap.show.opened #contact_info_wrap #contact_info{
    margin-top: -3px;
    
}
#navbar #contact_info .social-media{
	padding-right: 0;	
}
#header_wrap.opened #contact_info_wrap, #header_wrap.show.opened #contact_info_wrap {
    top: 0!important;
}
#navbar #contact_info .social-media{
	padding-right: 0 !important;
}
#header_wrap.opened.scroll #contact_info_wrap{
	top: -15px !important
}
#header_wrap.scroll #contact_info_wrap{

}
@media (max-width:576px) {
	#navbar ul li {
    margin: 0 0 0 0!important;
    display: block;
    text-align: center;
}

}