/*
Theme Name: Procraft Ghana
Theme URI: https://webathand.com
Author: MG
Author URI: https://webathand.com
Description: https://webathand.com
Template: betheme
Version: 1.6.2
*/
/* menu */

.brandlist li{
	font-size: 16px !important;
	color: #626262;
}
.brandlist a{	
	text-decoration: underline
}
.maintxt {	
	text-align: justify;
	color: #626262;
}
.maintxt a{	
	text-decoration: underline;
	color: #626262;
}

#Top_bar .logo {
    float: left;
   margin: 0 30px 0 20px; 
	 /*background: #d5af83; */
    background: #fff;
}
.margin-down{
	margin-top:10px;
}
.get_in_touch {
    width: 250px !important;
    padding: 10px !important;
    position: relative;
}
@media screen and (max-width: 600px) {
  .hide-on-mobile {
    visibility: hidden;
    clear: both;
    display: none;
  }
}

.gallery.masonry .gallery-item .image_frame {
    margin-bottom: 0;
    margin: 5px;
}

.dpost-footer{
	width: 100%;
	padding: 45px 0px;
	background-color: #6a0606;
	text-align: center;
}
.dpost-footer li{
	display: inline-block !important;
	list-style: none;
	padding: 5px 15px;
	font-weight: bold;
	color: #fff !important;
}
.dpost-footer h3{
	color: #fff !important;
}
.dpost-footer li a{
	color: #fff !important;
}
/* Grid, Masonry, Masonry Hover */
			.portfolio_group.grid.col-2 .portfolio-item,
			.portfolio_group.masonry.col-2 .portfolio-item,
			.portfolio_group.masonry-hover.col-2 .portfolio-item,
			.portfolio_group.masonry-minimal.col-2 .portfolio-item { width: 100% !important;}
/* Masonry hover */
	.portfolio_group.masonry-hover .portfolio-item { width: 100% !important; margin: 0px  !important; position: relative;  }
	.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper { position: relative; overflow: hidden; }
	.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc { opacity: 0; position: absolute; left: 0; top: 0; background-color: rgba(0,0,0,.65); height: 100%; width: 100%; padding: 10% 10% 50px; box-sizing: border-box; z-index:2; }
	.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc h3:after { content: ""; display: block; margin: 15px auto; width: 50px; height: 2px; background: #fff; }
	.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc h3 a { color: #fff; }
	.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .desc-inner {text-align: center; height: 100%; overflow: hidden; color: #fff; }
	.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper { bottom: 18px; box-sizing: border-box; left: 0; padding: 0 7% 0 8%; position: absolute; width: 100%; }
	.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.zoom,
	.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.link,
	.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.external { font-size: 25px; color: #fff; position: relative; top: 0; }
	.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.zoom {  }
	.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.link { float: right; }
	.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.external {}
	.portfolio_group.masonry-hover .portfolio-item .image-wrapper { line-height: 0; }

		.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc.bg-light h3 a,
		.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc.bg-light .desc-inner,
		.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc.bg-light .links-wrappper a { color: #444; }
		.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc.bg-light h3:after { background: #ff9900  !important; }

	.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper:hover .hover-desc { opacity: 1; }
	.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a:hover.zoom,
	.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a:hover.link,
	.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a:hover.external { top: -3px; }

	.portfolio_group.masonry-hover .portfolio-item.no-thumbnail .masonry-hover-wrapper .hover-desc { padding: 10%; }
	.portfolio_group.masonry-hover .portfolio-item.no-thumbnail .masonry-hover-wrapper { overflow: visible; }
	.portfolio_group.masonry-hover .portfolio-item.no-thumbnail .masonry-hover-wrapper .hover-desc { position: static; opacity: 1; }
	.portfolio_group.masonry-hover .portfolio-item.no-thumbnail .masonry-hover-wrapper .hover-desc .desc-inner { margin-bottom: 15px; }
	.portfolio_group.masonry-hover .portfolio-item.no-thumbnail .masonry-hover-wrapper .hover-desc .links-wrappper { position: static; padding: 0; margin-top: 30px; }
	.portfolio_group.masonry-hover .portfolio-item.no-thumbnail .masonry-hover-wrapper .hover-desc .links-wrappper a.zoom { display:none; }

		/* Animation */
		.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.zoom,
		.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.link,
		.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.external,
		.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }