/* 
Theme Name: Yantra Theme 
Version: 1.0 
Description: Yantra theme for Woo. 
Author: Frissekom
Author URI: https://www.frissekom.nl 
Template: storefront 
*/

#masthead {
	background-image: url('images/pattern.jpg');
	background-position: center top;
	padding-top: 0;
	border-bottom: 2px solid #3c1940;
}

/* Site branding */
.site-header .site-branding {
	margin-top: -30px;
}

.site-header .site-branding img {
	max-width: 200px;
}

/* Primary navigation */
.woocommerce-active .site-header .main-navigation {
	margin: 0;
	width: 100%;
	float: none;
	font-size: 14px;
}

.main-navigation ul:not(.sub-menu) > li > a {
	border-radius: 10px 10px 0 0;
	padding: 10px 20px;
}

.main-navigation ul li.current-menu-item > a {
	background-color: #3c1940;
	color: #fff !important;
}

.main-navigation ul li:hover a {
	background-color: #3c1940;
	color: #fff;
}

.main-navigation ul.sub-menu > li:hover > a {
	background-color: #cdb066 !important;
	color: #3c1940 !important;
}

/* Secondary navigation */
.secondary-navigation {
	width: 100%;
	margin: 0 !important;
	float: right !important;
}

/* Site search */
.woocommerce-active .site-header .site-search {
	float: left;
	width: 45%;
	margin-top: 5px;
	margin-bottom: 0;
}

/* Cart */
#site-header-cart {
	float: right;
}

.site-header-cart .cart-contents {
	margin-top: 5px;
	background-color: #3c1940;
	padding-bottom: 16px;
	color: #fff;
	padding: 10px 16px;
}

/* Footer */
#colophon {
	background-color: #f5f0e4;
  border-top: 4px solid #cbab5c;
}

/* Breadcrumbs */
.storefront-breadcrumb {
	margin-bottom: 0;
}

/* buttons */
button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"], 
.button, 
.widget a.button {
	background-color: #cbab5c;
	border-radius: 5px;
	color: #fff;
}

button:hover, 
input[type="button"]:hover, 
input[type="reset"]:hover, 
input[type="submit"]:hover, 
.button:hover, 
.widget a.button:hover {
	background-color: #3c1940;
	color: #fff;
}

button.alt, 
input[type="button"].alt, 
input[type="reset"].alt, 
input[type="submit"].alt, 
.button.alt, 
.widget-area .widget a.button.alt {
	background-color: #3c1940;
}

.added_to_cart.alt, 
.added_to_cart, 
.widget a.button.checkout {
	background-color: #3c1940;
	color: #fff;
}

.added_to_cart.alt:hover, 
.added_to_cart:hover, 
.widget a.button.checkout:hover {
	background-color: #cbab5c;
}


ul.products li.product img {
    max-height: 150px;
    width: auto;
}

/* Products */
.site-main ul.products li.product {
	transition: 250px box-shadow ease-in;
}
.site-main ul.products li.product:hover {
	box-shadow: 0 0 15px rgba(0,0,0, 0.25);
}

ul.products li.product h2, 
ul.products li.product h3, 
ul.products li.product .woocommerce-loop-product__title {
	min-height: 50px;
	color: #3c1940;
}

ul.products li.product .price {
	font-weight: 700;
	font-family: Merriweather, sans-serif;
	font-size: 18px;
	color: #3c1940;
}

.single-product div.product p.price {
	font-weight: 700;
	font-family: Merriweather, sans-serif;
	font-size: 24px;
	color: #3c1940;
	margin: 15px 0;
}

/* Social media icons */
.secondary-navigation a[href*="dribbble.com"], .secondary-navigation a[href*="facebook.com"], .secondary-navigation a[href*="flickr.com"], .secondary-navigation a[href*="foursquare.com"], .secondary-navigation a[href*="plus.google.com"], .secondary-navigation a[href*="instagram.com"], .secondary-navigation a[href*="linkedin.com"], .secondary-navigation a[href*="pinterest.com"], .secondary-navigation a[href*="reddit.com"], .secondary-navigation a[href*="tumblr.com"], .secondary-navigation a[href*="twitter.com"], .secondary-navigation a[href*="vimeo.com"], .secondary-navigation a[href*="wordpress.com"], .secondary-navigation a[href*="wordpress.org"], .secondary-navigation a[href*="youtube.com"], .secondary-navigation a[href*="mailto:"], .secondary-navigation a[href*="twitch.tv"], .secondary-navigation a[href$="/feed/"] {
  text-indent: -9999px; }

.secondary-navigation a[href*="dribbble.com"]:after, .secondary-navigation a[href*="facebook.com"]:after, .secondary-navigation a[href*="flickr.com"]:after, .secondary-navigation a[href*="foursquare.com"]:after, .secondary-navigation a[href*="plus.google.com"]:after, .secondary-navigation a[href*="instagram.com"]:after, .secondary-navigation a[href*="linkedin.com"]:after, .secondary-navigation a[href*="pinterest.com"]:after, .secondary-navigation a[href*="reddit.com"]:after, .secondary-navigation a[href*="tumblr.com"]:after, .secondary-navigation a[href*="twitter.com"]:after, .secondary-navigation a[href*="vimeo.com"]:after, .secondary-navigation a[href*="wordpress.com"]:after, .secondary-navigation a[href*="wordpress.org"]:after, .secondary-navigation a[href*="youtube.com"]:after, .secondary-navigation a[href*="mailto:"]:after, .secondary-navigation a[href*="twitch.tv"]:after, .secondary-navigation a[href$="/feed/"]:after {
    text-indent: 0;
    display: block;
    float: left; }

.secondary-navigation a[href*="dribbble.com"]:after, .secondary-navigation a[href*="facebook.com"]:after, .secondary-navigation a[href*="flickr.com"]:after, .secondary-navigation a[href*="foursquare.com"]:after, .secondary-navigation a[href*="plus.google.com"]:after, .secondary-navigation a[href*="instagram.com"]:after, .secondary-navigation a[href*="linkedin.com"]:after, .secondary-navigation a[href*="pinterest.com"]:after, .secondary-navigation a[href*="reddit.com"]:after, .secondary-navigation a[href*="tumblr.com"]:after, .secondary-navigation a[href*="twitter.com"]:after, .secondary-navigation a[href*="vimeo.com"]:after, .secondary-navigation a[href*="wordpress.com"]:after, .secondary-navigation a[href*="wordpress.org"]:after, .secondary-navigation a[href*="youtube.com"]:after, .secondary-navigation a[href*="twitch.tv"]:after {
    font-family: "Font Awesome 5 Brands";
    font-weight: 400; }

.secondary-navigation a[href*="mailto:"]:after, .secondary-navigation a[href$="/feed/"]:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900; }

.secondary-navigation a[href$="/feed/"]:after {
  content: "\f09e";
  color: #ff9900; }
.secondary-navigation a[href*="twitch.tv"]:after {
  content: "\f1e8";
  color: #6441A5; }
.secondary-navigation a[href*="mailto:"]:after {
  content: "\f0e0"; }
.secondary-navigation a[href*="youtube.com"]:after {
  content: "\f167";
  color: #bb0000; }
.secondary-navigation a[href*="wordpress.com"]:after, .secondary-navigation a[href*="wordpress.org"]:after {
  content: "\f19a";
  color: #0073aa; }
.secondary-navigation a[href*="vimeo.com"]:after {
  content: "\f194";
  color: #aad450; }
.secondary-navigation a[href*="tumblr.com"]:after {
  content: "\f173";
  color: #32506d; }
.secondary-navigation a[href*="reddit.com"]:after {
  content: "\f231"; }
.secondary-navigation a[href*="twitter.com"]:after {
  content: "\f099";
  color: #00aced; }
.secondary-navigation a[href*="dribbble.com"]:after {
  content: "\f17d";
  color: #ea4c89; }
.secondary-navigation a[href*="facebook.com"]:after {
  content: "\f09a";
  color: #3b5998; }
.secondary-navigation a[href*="flickr.com"]:after {
  content: "\f16e";
  color: #ff0084; }
.secondary-navigation a[href*="foursquare.com"]:after {
  content: "\f180";
  color: #0072b1; }
.secondary-navigation a[href*="plus.google.com"]:after {
  content: "\f0d5";
  color: #dd4b39; }
.secondary-navigation a[href*="instagram.com"]:after {
  content: "\f16d";
  color: #517fa4; }
.secondary-navigation a[href*="linkedin.com"]:after {
  content: "\f0e1";
  color: #007bb6; }
.secondary-navigation a[href*="pinterest.com"]:after {
  content: "\f231";
  color: #cb2027; }