/*
	Theme Name: Grenada Child
	Theme URI: http://clapat.ro/themes/grenada-wordpress/
	Description: Responsive Wordpress Theme
	Template: grenada
	Version: 1.0
	Author: You
	Author URI: http://your site
	License: Themeforest
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Tags: four-columns, custom-background, custom-colors, featured-images, full-width-template, theme-options
	Text Domain: grenada-child
*/


/*------------------------------------------------------------------

Add here your own styles
-------------------------------------------------------------------*/

.fa-square-twitter:before {content:"\f099";}
.fa-square-instagram:before {content:"\f16d";}
.fa-square-youtube:before {content:"\f167";}

.socials .fa {font-size:20px;}

div .item.z_featured:nth-child(2) {padding-left:5px;} /*fix for AJAX formatting of first portfolio items*/

	/* .page-id-2701 #hero-caption {display:none!important;}
	.page-id-2701 #hero-styles {margin: 0 auto 200px auto!important;} */
	@media only screen and (max-width: 1400px) {	.slide-title {font-size:60px;}}
	@media only screen and (max-width: 1100px) {	.slide-title {font-size:50px;}}
	@media only screen and (max-width: 768px) {	.swiper-slide {width:100%!important;}}
	
#hero-caption.about-header {padding-bottom:40px;}

@media only screen and (max-width: 1024px) {
		#hero-caption.about-header {padding-bottom:30px;}
}
	
	#rotate-device {display:none!important;}
	ul#menu-main-menu.flexnav.sm-screen a {
		letter-spacing: 20px;
	}
	
	#portfolio-wrap .hero-title:first-child {	margin-top: 200px;}
	
	/* .hidehero {display:none!important;} */
	
	/* #poo {width:100%;display:block;} */
	
	.item {	display: inline-block!important;width: calc(50% - 42px)!important;}
	
	li {color: #999!important;}
	
	.portfolio-show-more {letter-spacing:2px;font-size:12px;color: #ffec00!important;}
	
	.preloader-wrap {z-index: 5000;}
	
	
	
@media only screen and (max-width: 1024px) {	
	.item {width: calc(50% - 22px)!important;}}
	
@media only screen and (max-width: 479px) {
	.item {width: calc(50% - 2px)!important;}
	.item {margin: 50px 0px 100px 0px;}
}