/*
 Theme Name:   Margherita Coppolino (Maya Child)
 Theme URI:    http://themeforest.net/item/mayashop-a-flexible-responsive-ecommerce-theme/2189918
 Description:  Margherita Coppolino Maya Shop Child Theme
 Author:       Oley Media Group
 Author URI:   http://oleymedia.com
 Template:     maya
 Version:      1.0.0
 Text Domain:  maya-child
*/

/*=Reset Existing Styles & Colours
*******************************************************/

/*=Logo
*******************************************************/
#logo a.logo-text::before {
    content: url('/wp-content/uploads/2016/02/MargheritaCoppolino_Logo.png');
	vertical-align: text-bottom;
    margin-right: 1%;
}
#logo a.logo-text {
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	margin-bottom: 0;
}

/*=Homepage slider
*******************************************************/
.slider-minilayers-static p.short-text {
    bottom: 0;
    padding-right: 10%;
}
.tp-caption img {
    border: #FFF 10px solid;
}
.home-products .products li.first {
    clear: none;
}
.home-products .products li.last {
    margin-right: initial!important;
    padding-right: initial!important;
}
.home-products .products li:nth-child(4) {
    margin-right: 0 !important;
    padding-right: 0 !important;

}

/*=General
*******************************************************/
a.ext-link::after {
    content: "\f08e";
    font-family: FontAwesome;
    margin-left: 1%;
    vertical-align: bottom;
}

/*=Sidebars
*******************************************************/
#text-3 li::before {
    content: "\f006";
    font-family: FontAwesome;
    margin-right: 1%;
}

/*=Responsive CSS
*******************************************************/
@media screen and (max-width: 1170px) {

}

/*=iPad Mini - Landscape (width=1024px)
*******************************************************/
@media (max-width: 1024px) {
	
}

/*=iPad Mini - Portrait (width=768px)
*******************************************************/
@media (max-width: 768px) {

}
@media (max-width: 767px) {

}

@media (max-width: 620px) {
	#content, #sidebar {
		width: 100%;
	}
}
/*=iPhone 5 - Landscape (width=568px)
*******************************************************/
@media (max-width: 568px) {
	#logo a.logo-text {
		font-size: 7vw;
		margin-bottom: 1em;
	}
	#header #searchform {
		display: none;
	}
	#content, #sidebar {
		width: 100%;
	}
	
}

/*=iPhone 5 - Portrait (width=320px)
*******************************************************/
@media (max-width: 320px) {

}