/*
 Theme Name:   Suarez Child
 Theme URI:    http://themeforest.net/user/CMSSuperHeroes/portfolio
 Description:  In 2014, Creating a magazine website with WordPress has never been easier.
 Author:       Cmssuperheroes Team
 Author URI:   http://cmssuperheroes.com/
 Template:     wp_suarez
 Version:      1.0.0
 Tags:         black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
 Text Domain:  wp_suarez_child
*/


/*
-------------------------------------------------------------- */
/**************************************
fonts
**************************************/

@font-face {
	font-family: 'Gotham';
	src: url('/wp-content/themes/wp_suarez_child/fonts/Gotham-Light.eot');
	src: url('/wp-content/themes/wp_suarez_child/fonts/Gotham-Light.eot?#iefix') format('embedded-opentype'),
		url('/wp-content/themes/wp_suarez_child/fonts/Gotham-Light.woff') format('woff'),
		url('/wp-content/themes/wp_suarez_child/fonts/Gotham-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Gotham';
	src: url('/wp-content/themes/wp_suarez_child/fonts/Gotham-Book.eot');
	src: url('/wp-content/themes/wp_suarez_child/fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'),
		url('/wp-content/themes/wp_suarez_child/fonts/Gotham-Book.woff') format('woff'),
		url('/wp-content/themes/wp_suarez_child/fonts/Gotham-Book.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}


@font-face {
	font-family: 'Gotham';
	src: url('/wp-content/themes/wp_suarez_child/fonts/Gotham-Medium.eot');
	src: url('/wp-content/themes/wp_suarez_child/fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'),
		url('/wp-content/themes/wp_suarez_child/fonts/Gotham-Medium.woff') format('woff'),
		url('/wp-content/themes/wp_suarez_child/fonts/Gotham-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Gotham';
	src: url('/wp-content/themes/wp_suarez_child/fonts/Gotham-Bold.eot');
	src: url('/wp-content/themes/wp_suarez_child/fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'),
		url('/wp-content/themes/wp_suarez_child/fonts/Gotham-Bold.woff') format('woff'),
		url('/wp-content/themes/wp_suarez_child/fonts/Gotham-Bold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}

@font-face {
  font-family: 'icomoon';
  src:  url('/wp-content/themes/wp_suarez_child/fonts/icomoon.eot?mu129u');
  src:  url('/wp-content/themes/wp_suarez_child/fonts/icomoon.eot?mu129u#iefix') format('embedded-opentype'),
    url('/wp-content/themes/wp_suarez_child/fonts/icomoon.ttf?mu129u') format('truetype'),
    url('/wp-content/themes/wp_suarez_child/fonts/icomoon.woff?mu129u') format('woff'),
    url('/wp-content/themes/wp_suarez_child/fonts/icomoon.svg?mu129u#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'houzz';
  src: url('/wp-content/themes/wp_suarez_child/fonts/houzz.ttf?p3a5wb') format('truetype');
  font-weight: normal;
  font-style: normal;
}

.houzz{
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'houzz' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.houzz:before {
  content: "\e911";
}





[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: middle;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-building:before {
  content: "\e900";
}
.icon-home:before {
  content: "\e901";
}
.icon-house .path1:before {
  content: "\e902";
  color: rgb(246, 148, 102);
}
.icon-house .path2:before {
  content: "\e903";
  margin-left: -1em;
  color: rgb(255, 150, 100);
}
.icon-idea:before {
  content: "\e904";
}
.icon-list:before {
  content: "\e905";
}
.icon-memo:before {
  content: "\e906";
}
.icon-phone:before {
  content: "\e907";
}
.icon-play:before {
  content: "\e908";
}
.icon-email:before {
  content: "\e909";
}
.icon-map:before {
  content: "\e90a";
}

.gray-circle{
	background-color: #F5F4F5;
	border-radius: 50%;
	padding: 10px;
}

body{
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body, h1, h2, h3, h4, h5, h6, p{
	font-family: 'Gotham';
	font-weight: normal;
	font-style: normal;
}
h1{font-weight: 500 !important;}
h2, h3, h4, h5{ font-weight: 600;}

p{ font-weight: 400;}


/**************************************
colors
**************************************/
/* 
pinkorange : #FF9664;  e0865a
java: #1FBEC9;  1b98a1

text : #9B9B9B;

*/

/**************************************
overwrite
**************************************/
.vc_column_container:not(.vc_col-sm-12){
    padding-left: 15px;
    padding-right: 15px;
}

.vc_column_container.vc_col-sm-12, .vc_column_container>.vc_column-inner{
	padding-left: 0px;
    padding-right: 0px;
}


/**************************************
text
**************************************/
h1, h2, h3, h4, h5, h6 { text-transform: unset; }
.text-pinkorange{
	color: #FF9664;
}
.text-java{
	color: #1FBEC9 !important;
}
.text-white{
	color: #fff;
}
.text-medium{
	font-weight: 500;
}

.text-bold{
	font-weight: 600;
}

.text-center{
	text-align: center;
}

.text-left{
	text-align: left;
}

.text-xs{
	font-size: 11px;
	line-height: 16px;
	font-weight: 500;
}
/*list*/
.page-home .list-check li:before{
	color: #1FBEC9;
}
.list-check li{
	padding-left: 27px;
	margin-bottom: 10px;
}
.list-check li{
	position: relative;
}
.list-check li:before{
  content: "\e905";
  font-family: 'icomoon' !important;
  color: #FF9664;
  font-size: 16px;
  position: absolute;
  left: 0px;
}


.pt-10{
	padding-top: 10px;
	display: inline-block;
}

/**************************************
form
**************************************/

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #1FBEC9;
  font-weight: 600;
  font-size: 12px;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #1FBEC9;
  font-weight: 600;
  font-size: 12px;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #1FBEC9;
  font-weight: 600;
  font-size: 12px;
}
:-moz-placeholder { /* Firefox 18- */
  color: #1FBEC9;
  font-weight: 600;
  font-size: 12px;
}


/**************************************
button
**************************************/
a.h4l-btn, div.h4l-btn{
	display: inline-block;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 1.5px;
	padding: 10px 24px;
	font-weight: 600;
}


a.h4l-btn-pinkorange .icon-phone{
	font-size: 25px;
}

a.h4l-readmore{
	display: inline-block;
	font-size: 10px;
	line-height: 14px;
	padding: 8px 18px;
	font-weight: 600;
	background-color: #fff;
	color: #FF9664;
	text-transform: uppercase;
}

a.h4l-btn-pinkorange, div.h4l-btn-pinkorange{
	background-color: #FF9664;
	color: #fff !important;
}


/**************************************
Footer
**************************************/

footer{
	margin-top: 100px;
}

.footer-bottom li.icon a, .cs-social.style-3 > li > a:hover{
	color: #1FBEC9 !important;
}

.footer-top {
	text-align: center;
}

.footer-bottom .cs-social{
	display: inline-block;
	margin-right: 20px !important;
}



/**************************************
pages
**************************************/

/*home*/
.homeLatest .vc_column_container:not(.vc_col-sm-12){
	padding-left: 0 !important;
	padding-right: 30px !important;
}
.latestprojectThumb{
	max-width: 380px;
}

.results{
	background-color: #1FBEC9;
	text-align: center;
	color: #fff;
}

.connectWithUs{
	background-color:#f7f7f7; 
	padding: 20px; 
	display: inline-block;
}

.rev_slider h1{
	font-size: 52px;
}
.rev_slider h2{
	font-size: 22px;
	line-height: 28px;
	color: #ffffff;
}
.cs-social.style-1 > li.icon > a, .cs-social.style-2 > li.icon > a, .cs-social.style-3 > li.icon > a{
	background-color: #fff;
}

.social-icons ul li{
	float: left;
	margin-right: 10px;
}

.social-icons ul li.icon a{
	display: inline-block;
	text-align: center;
	background-color: #1FBEC9;
	color: #fff;
	border-radius: 50%;
	width: 50px; height: 50px;
	font-size: 30px;
	line-height: 60px;
}
/* traditional-specialist */

body.page-traditional-specialist [class^="icon-"]{
	font-size: 60px;
	color: #FF9664;
}


body.page-contact h6{
	font-weight: 600;
	text-transform: none;
}

.teamcircleWrap{
	width: 850px;
	margin: 0 auto; 
}
.team-circle{
	display: table;
	border: 2px solid #1FBEC9;
	color: #1FBEC9;
	font-weight: 600;
	font-size: 14px;
	height: 110px; width: 110px;
	border-radius: 50%;
	float: left;
	margin-right: 30px;
	position: relative;
}


.team-circle div{
	display: table-cell;
  	vertical-align: middle;
}

.team-circle:after{
    content: "\f067";
    font: normal normal normal 14px/1 FontAwesome;
    top: 43px;
    position: absolute;
    left: 118px;
}

.team-circle:last-child:after{
	content: "";
}

/* about */
.cshero-testimonial-description{
	padding-top: 30px;
}

.cshero-testimonial-image{
	margin-right: 20px;
}

.cshero-testimonial-image img{
	max-width: 116px;
	width: 100%;
	height: auto;
}

/*blog , NEWS*/
.blog-grid-wrap .cs-blog .cs-blog-date{
	color: #9B9B9B;
	font-weight: 400;
	text-transform: uppercase;
}

.blog-grid-wrap .cs-blog .cs-blog-header .cs-blog-title, .cs-blog-title-inner, .blog-modern-wrap .cs-blog-meta .cs-blog-title, .single-post-inner .cs-entry-title{
	margin-bottom: 0;
}

.cs-blog-header{
	border-bottom: 1px solid #eee;
}
.cs-blog{
	border-bottom: none;
}
.cs-blog-content{
	margin-top: 20px;
}

.cs-blog-content .wpb_row{
	margin-left: 0;
	margin-right: 0;
}

.cs-blog .cs-blog-content .readmore{
	float: none;
}
.cs-blog .cs-blog-content .readmore a{
	color: #ffffff;
	font-size: 10px;
	font-weight: 600;
	background-color: #FF9664;
	padding: 8px 18px;
}

.page-news .titleWrap{
	width: 60%; float: left;
}
.page-news .socialWrap{
	width: 38%; float: right;
}
.page-news .post-share{
	text-align: right;
}
.page-news .post-share .fa{
	color: #FF9664;
	font-size: 17px;
	margin-right: 16px;
}

body.news.single-post #cs-page-title-wrapper{
	background-image: url('/wp-content/uploads/2014/12/news1.jpg');
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center  center;
}

#cs-page-title-wrapper .page-title { text-transform: unset; }

.socialWrap .cs-blog-favorite, .socialWrap .cs-blog-comments{display: none;}
.single-post-inner .cs-entry-title{
	font-weight: 600;
	font-size: 20px;
	line-height: 36px;
	color: #1FBEC9;
}
.cs-blog .cs-blog-meta .cs-blog-info li{
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
}
.single-post-wrap .post-navigation{
	border-top: none;
	padding-top: 0;
}
.post-details-footer .share-box .fa{
	color: #FF9664;
	font-size: 17px;
	margin-right: 16px;
}

.post-details-footer .post-share:before, .cshero-social-list:before{
	content: 'SHARE';
	color: #FF9664;
	font-weight: 600;
	margin-right: 30px;

}
.cshero-social-list:before{
	margin-right: 10px;
}
.single-post-wrap .navigation .nav-links a{
	color: #1FBEC9;
	font-weight: 600;
	font-size: 14px;
}

.sub-menu .sub-menu, #menu-item-16115 ul{
	display: none !important;
}

.cshero-dropdown ul.sub-menu li.menu-item-has-children:not(.group) > a:after{
	content: '';
}



/*
Gallery
*/

.page-photo-gallery  .wpb_single_image{
	position: relative;
}
.page-photo-gallery h2.wpb_singleimage_heading{
	position: absolute;
	bottom: 0px; left: 0;
	color: #fff;
	font-size: 14px;
	padding: 7px 20px;
	background-color: #FF9664;
	font-weight: 500;
	margin: 0;
}

/*portfolio*/
.cs-portfolio-text > .wpb_row{
	margin-left: 0!important;
	margin-right: 0!important;
}
.single-portfolio-thumbnail img, .afterpicWrap img{
	/*max-width: 532px;*/
	height: auto;
}
.cs-portfolio-thumbnail .overlay {
    background: rgba(30,190,201,0.6);
}

.portfolio-filter li.active span, .portfolio-filter li:hover span{
	color: #1FBEC9;
}

.cs-portfolio-content-wrap{
	color: #ffffff;
	font-weight: bold;
}

.cs-portfolio-content-wrap .viewproject span{
	display: inline-block;
	border: 2px solid #ffffff;
	padding: 5px 12px 3px;
	margin-top: 10px;
}




.cshero-shortcode article img.before{
    position: absolute;
    top: 0;
    left: 0;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}

.cshero-shortcode article:hover img.before{
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=1)";
    filter: alpha(opacity=1);
    opacity: 1;
}

/* portfolio - detail */
.cs-portfolio-content .cs-blog-title-inner{
	font-size: 16px;
	margin: 0 0 0 0;
	padding: 0 0 0px 0;
	border-bottom: none;
}

.cs-portfolio-content{
	margin-bottom: 0;
}

.cs-portfolio-sidebar .cs-portfolio-info{
	border: none;
}

.cs-portfolio-sidebar .cs-portfolio-info .cs-portfolio-info-item{
	padding: 5px 0;
}

.cs-portfolio-sidebar .cs-portfolio-info .cs-portfolio-info-item + .cs-portfolio-info-item{
	border-top: none;
}

.projects-afterpics img{
	margin-top: 12px;
}

.afterpicWrap:first-child, .beforepic{
	position: relative;
}

.afterpicWrap:first-child:after{
	background-color: #FF9664;
	color: #ffffff;
	display: inline-block;
	padding: 9px 16px 7px;
	content: 'AFTER';
	position: absolute;
	bottom: 0; left: 0;
	letter-spacing: 0.5px; 
	font-weight: 500;
}

.beforepic:after{
	background-color: #FF9664;
	color: #ffffff;
	display: inline-block;
	padding: 9px 16px 7px;
	content: 'BEFORE';
	position: absolute;
	bottom: 0; left: 0;
	letter-spacing: 0.5px; 
	font-weight: 500;
}

#back_to_top span{
	color: #fff;
}


.single-portfolio .cs-page-title{
	background-image: url(/wp-content/uploads/2017/06/nbg-project.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}


/*testimonials*/
.bx-pager-inner li .bx-pager-link{
	border: 1px solid #fff;
	background-color: #FF9664;
}

.bx-pager-inner li .bx-pager-link.active{
	    border-color: #fff !important;
	background-color: #fff;
}

.cshero-testimonial-content{
	padding-left: 170px;
}

blockquote > p:before {
  content: "";
}
blockquote > p:after {
  content: "";
}

blockquote > p{
	border-left: 5px solid #1FBEC9;
	padding: 30px 55px;
}


/*flexslider*/
.flexslider{
	-o-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 0px !important;
    border: none !important;
    overflow: hidden;
}

.flex-direction-nav a{
	color: rgba(255,255,255,.5) !important;
}

.flex-direction-nav a:hover{ 
	color: rgba(255,255,255,9) !important;
}

.vc_pagination-color-grey.vc_pagination-style-outline .vc_active .vc_pagination-trigger{
	background-color: #FF9664;
}
.vc_pagination-color-grey.vc_pagination-style-outline .vc_pagination-trigger{
	border-color: #FF9664;
}
.vc_general.vc_pagination .vc_pagination-trigger{
	width: 16px;
	height: 16px;
}

/*.ba-tag{

}*/

/*.beforeAfter .vc_gitem-animated-block {
	position: relative;
}*/

.ba-tag{
	position: absolute;
	bottom: 0px; left: 0;
	background-color: #FF9664;
	color: #ffffff;
	z-index: 9999;
	
    padding: 7px 20px;
    
}
.ba-tag p{
	margin: 0!important;
	font-size: 14px;
	font-weight: 500;
    text-transform: uppercase;
}


/*form*/
/*.fileUpload {
    position: relative;
    overflow: hidden;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}*/

div.wpcf7-mail-sent-ok{
	border: 2px solid #1FBEC9;
}


/* responsive */

@media screen and (min-width: 1200px) {
	.homeLatest .wpb_single_image img{
		max-width: 380px;
	}
}


@media screen and (max-width: 1200px) {
  .results p{
    min-height: 74px;
  }
}


@media screen and (max-width: 978px) {
  .results p{
    min-height: 96px;
  }
}

@media screen and (max-width: 768px) {
  .footer-bottom .textwidget, .footer-bottom .text-right{
    text-align: center !important;
  }
  .results p{
    min-height: 1px;
  }

  body.home .latest h3, body.home .latest .wpb_wrapper p, body.home .latest time.rpwe-time, body.home .latest .rpwe-summary, body.home .latest .vc_single_image-wrapper  {
	text-align: center;
	display: block;
  }

  body.home .latest .rpwe-summary{
  	margin-bottom: 35px;
  }
  body.home .latest .rpwe-alignleft{
  	float: none;
  }
  .homeLatest .vc_column_container:not(.vc_col-sm-12){
  	padding-left: 30px !important;
  }

  .rpwe-block a{
  	display: block !important;
  	text-align: center;
  }

  .rpwe-thumb{
  	margin: 0 !important;
  }

	/*about*/
	.testimonial-layout3 article{
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
	/*project*/
	.portfolio-filter li{
		display: block;
		padding: 0;
	}

	body.single-portfolio h4.cs-blog-title-inner{
		margin-top: 20px;
	}

	.post-navigation{
		padding-left:20px !important; 
		padding-right: 20px !important;
	}

	/*review*/
	.vc_tta-panel-body .wpb_content_element{
		margin-bottom: 0;
	}

	.vc_tta-panel-body .wpb_row [class*="vc_col-"]{
		padding-top: 0 !important;
	}

	.vc_tta-panel-body h5{
		margin: 20px 0 !important; 
	}

	/*news*/
	.page-news .titleWrap, .page-news .socialWrap{
		width: 100%;
		float: none;
	}
	.page-news .post-share{
		text-align: left;
	}

	/*contact*/
	.form-name{
		margin-bottom: 20px;
	}

	.wpcf7{
		padding: 20px;
	}

	/*footer*/
	.footer-bottom .footer-bottom-2{
		margin-top: 10px;
	}
}


@media screen and (max-width: 600px) {
	.cshero-testimonial-image.left{
		float: none;
	}
	.cshero-testimonial-content{
		padding-left: 0;
	}
}

div.ppt{
	display: none !important;
}


.ba-tag{
	display: none;
}
body.page-before-after .ba-tag{
	display: inline-block;
}

/*****************************************************************/
/**** SS 2018-01-31 **********************************************/
/**** Resize the feature image of a post *************************/
.cs-blog-item .cs-blog-thumbnail img {
    height: 300px !important;
    object-fit: cover;   
}

/* Increase the size of the font for the news article on the home page */
.rpwe-block h3 { font-size: 2em !important; }