

/*

Theme Name: X &ndash; Child Theme
Theme URI: http://theme.co/x/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to X in this child theme.
Version: 1.0.0
Template: x

*/
.gk-social-buttons a {
    background: #ccc;
    border-radius: 50%;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin: 2px 4px;
    overflow: hidden;
    width: 30px;
}
.gk-social-buttons a:hover {background: #ddd;text-decoration: none;}
.gk-social-buttons a:before {color: #fff; font-family: FontAwesome;content: "\f099";padding: 12px 9px;} 
.gk-social-buttons .icon-fb:before {content: "\f09a";}
.gk-social-buttons .icon-gplus:before {content: "\f0d5";}
.gk-social-buttons a:hover:before {color: #000;} 

.x-recent-posts-content { background:#fff; padding:8px 20px; text-align:center; min-height: 50px; }
.x-recent-posts-content h2 { font-weight:normal; position:relative; margin:0px; padding-bottom:12px; font-size:16px; margin-bottom:8px;}
.x-recent-posts-content h2 a { font-weight:normal; font-size:16px; }
.x-recent-posts-content h2:before { border-bottom: 2px solid #000; bottom: 0;content: ""; height: 2px; left: 48%;  position: absolute;width: 4%;}
.x-recent-posts-content p { line-height:18px; font-size:11px;color:#000;font-family:arial;}

.description { 
	position: absolute;
	bottom: 0px;
	width: 100%;
	z-index: 999;
}

.top-img { 
	background: url(img/top-img-bg.png) no-repeat center top; 
	text-align: center; 
	min-height: 20px; 
	height: 31px;
	padding-top: 10px;
}
.top-img img {
	min-width: 0;
	min-height: 0;
	height: 20px;
	bottom: 7px;
}

.header.fixed, header.fixed_hiding {
	bottom:0!Important;
}

.icon-top {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9999999;
}
.icon-top-img {
	background: url(img/top-img-bg-b.png) no-repeat scroll center top rgba(0, 0, 0, 0); 
	height: 31px;
    text-align: center;
	padding-top: 4px;
}
.icon-top-img img {
    min-width: 0;
    min-height: 0;
    height: 20px;
    top: -7px;
}

article.x-portfolio:hover .icon-top {
	opacity: 0;
}



article.x-portfolio:hover .description {
	opacity: 1;
	-webkit-transition: opacity 0.6s ease;
	transition: opacity 0.6s ease;
}
article.x-portfolio .description {
	opacity: 0;
	-webkit-transition: opacity 0.6s ease;
	transition: opacity 0.6s ease;
}



article.x-portfolio:hover .x-recent-posts-img {
	opacity: 0.3;
	-webkit-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}
article.x-portfolio .x-recent-posts-img {
	opacity: 1;
	-webkit-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}



article.x-portfolio:hover .x-recent-posts-img img {
	-webkit-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
	-webkit-transition: transform 0.3s ease-in;
	transition: transform 0.3s ease-in;
}
article.x-portfolio .x-recent-posts-img img {
	-webkit-transition: transform 0.3s ease-in;
	transition: transform 0.3s ease-in;
}

.single-x-portfolio article.x-portfolio.has-post-thumbnail.hentry{background-color: #f8f8f8;}

.x-recent-posts .x-portfolio .x-recent-posts-img:before {
	content: none;
	line-height: 62px
}
.x-navbar {
	height: 130px;
}

.x-recent-posts article.hentry>.entry-wrap.portfolio-wrap {
	height: 0;
	padding-bottom: 100%;
	position: relative;
}

.x-container.max {
	padding: 0 20px;
}
.x-btn,.button,[type="submit"]{
	display: none;
}
.wpcf7 .wpcf7-submit {
	display: inline-block;
	margin-right: 20px;
}
.x-content-band.vc .wpb_row, .x-content-band.vc .wpb_content_element{
	position: relative;
}
@media (min-width: 1189px){
	.x-navbar .x-nav-wrap .x-nav > li > a{
		font-size: 16px;
	}
}
@media (min-width: 1089px) and (max-width: 1188px){
	.x-navbar .x-nav-wrap .x-nav > li > a{
		font-size: 14px;
	}
}
@media (min-width: 1042px) and (max-width: 1089px){
	.x-navbar .x-nav-wrap .x-nav > li > a{
		font-size: 13px;
	}
}
@media (min-width: 996px) and (max-width: 1041px){
	.x-navbar .x-nav-wrap .x-nav > li > a{
		font-size: 12px;
	}
}
@media (min-width: 979px) and (max-width: 1041px){
	.x-navbar .x-nav-wrap .x-nav > li > a{
		font-size: 11px;
	}
}



/*
#right_fixed {
	-webkit-transition:top 0.2s linear;
	-moz-transition:top 0.2s linear;
	-ms-transition:top 0.2s linear;
	transition:top 0.2s linear;
}
*/

.has-post-thumbnail .entry-wrap{
	padding: 0 30px 0 30px;
}

.popover-image {
	width: 100%;
}

