/*
Theme Name: Vedic Valley_Courtyard child
Version: 1.0
Description: A child theme of Courtyard
Template: courtyard
*/

@import url("../courtyard/style.css");

/*--------------------------------------------------------------
# language switcher display horizontal in the footer centered
--------------------------------------------------------------*/
.lang-item {
    display: inline;
}
.site-footer  {
	text-align: center;

}
.site-info {
display:inline-block;}

.site-info  li {	
    border-width: 1px;
	border-color: #7f7d82;
	border-right-style: solid;
	border-left-style: solid;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 0;
	padding-bottom: 0;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.pt-header  {
	text-align: center;

}
	      .vvlogo {
	display:inline-block;
    width: 177px; 
    height: 50px;
  background-image: url("https://vedikvalley.com/wp-content/uploads/icons/vedic_valley_logo_small.png"); 
  background-color: none; 
  background-position: center; 
  background-repeat: no-repeat; 
  background-size: cover; }

    @media screen and (max-width: 820px){
	.vvlogo {
	display:inline-block;
    width: 49px; 
    height: 49px;
  background-image: url("https://vedikvalley.com/wp-content/uploads/icons/vedic_valley_logo_icon.png"); 
  background-color: none; 
  background-position: center; 
  background-repeat: no-repeat; 
  background-size: cover; }
    }

    @media screen and (min-width: 1100px){
       .vvlogo {
	display:inline-block;
    width: 380px; 
    height: 138px;
      background-image: url("https://vedikvalley.com/wp-content/uploads/icons/vedic_valley_logo-big.png"); 
  background-color: none; 
  background-position: center; 
  background-repeat: no-repeat; 
  background-size: cover; }
    }

/* Desktop*/

.pt-header-sep {
	background: #fab506;
}
.pt-navbar {
	background: #fab506;
}
.pt-home-navbar {
	background: transparent;
}
/*--------------------------------------------------------------
## Logo
--------------------------------------------------------------*/
.pt-logo {
	padding: 15px 0;
}

.pt-home-navbar .pt-logo {
	padding: 40px 0;
}

.pt-logo img {
	margin-right: 15px;
	float: left;
	/*max-height: 56px;*/
	display: inline-block;
}

.pt-home-navbar .pt-primary-logo img,
a.pt-secondary-logo img,
.pt-home-navbar h1:hover a.pt-secondary-logo img,
.pt-front-page-navbar a.pt-secondary-logo img {
	visibility: hidden;
	opacity: 0;
	width: 0;
}

.pt-home-navbar h1:hover .pt-primary-logo img,
a.pt-secondary-logo-show img,
.pt-home-navbar  a.pt-secondary-logo img {
	width: auto;
	opacity: 1;
	visibility: visible;
}

a.pt-secondary-logo {
	padding-right: 15px;
	margin-left: -15px;
}

.pt-logo h1 {
	margin: 0;
	display: flex;
	align-items: center;
}

.pt-logo a {
	text-decoration: none;
}

.pt-logo .site-title a {
	color: #673ab7;
}

.pt-home-navbar .pt-logo .site-title a {
	color: #fff;
}

.pt-logo .site-title:hover a {
	color: #512da8;
}

.pt-logo .site-title {
	display: inline-block;
	font-family: 'Courgette', cursive;
	font-size: 36px;
	line-height: 1em;
	padding: 11px 0;
}

.pt-front-page-logo .site-title {
	color: #fff;
	margin-left: -15px;
}

.pt-logo p {
	margin: 10px 0 0;
	font-size: 13px;
	letter-spacing: .025em;
	line-height: 1em;
	color: #757575;
}

.pt-logo a:hover {
	color: #673ab7;
}

/*--------------------------------------------------------------
# Menu
--------------------------------------------------------------*/
.pt-menu-wrap {
	position: relative;
}

.pt-home-navbar .pt-menu-wrap {
	padding: 25px 0;
}

.pt-menu {
	font-weight: 500;
}

.pt-menu li,
.pt-menu li a,
.pt-menu li ul,
.menu-item-has-children {
	-webkit-transition: all .35s ease;
	-moz-transition: all .35s ease;
	-o-transition: all .35s ease;
	transition: all .35s ease;
}

.pt-menu ul {
	margin: 0;
	padding: 0;
	text-align: right !important;
}

.pt-menu li {
	font-weight: 400;
	font-size: 14px;
	line-height: 1em;
	letter-spacing: .035em;
	color: #fff;
	display: inline-block;
	text-transform: uppercase;
}

.pt-menu .menu > ul {
	padding: 0 10px;
	text-align: left;
}

.pt-menu li {
	position: relative;
	display: inline-block;
}

.pt-menu li a {
	color: #616161;
	text-decoration: none;
	padding: 38px 0 36px 24px;
	display: block;
}

.pt-home-navbar .pt-menu li a {
	color: #fff;
}

.pt-menu .pt-cart {
	margin-left: 20px;
	position: relative;
	color: #616161;
}

.pt-menu .pt-cart .pt-cart-value {
	display: block;
	position: absolute;
	top: -8px;
	right: -20px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	color: #fff;
	font-size: 12px;
	line-height: 1.8em;
	text-align: center;
}

.pt-menu li.lang-item-first {
	margin-left: 24px;
}

.pt-menu li.lang-item a {
	padding: 38px 0 36px 8px;
}

.pt-menu li:hover > a,
.pt-menu li.current-menu-item a,
.pt-home-navbar li.current-menu-item a {
	color: #673ab7;
}

.pt-menu li ul {
	position: absolute;
	z-index: 99999;
	top: 150%;
	display: block;
	visibility: hidden;
	text-align: left !important;
	width: 220px;
	max-width: 500%;
	opacity: 0;
}

.pt-menu li li ul {
	top: 50%;
	left: 100%;
}

.pt-menu li li.page_item_has_children > a:after,
.pt-menu li li.menu-item-has-children > a:after {
	font-family: 'FontAwesome';
	position: absolute;
	top: 14px;
	right: 5px;
	width: 16px;
	height: 24px;
	content: '\f105';
	text-align: center;
}

.pt-menu li:hover > ul {
	top: 100%;
	visibility: visible;
	opacity: 1;
	background: #fff;
	border: 1px solid rgba(33,33,33,.085);
}

.pt-menu li li:hover > ul {
	top: -1px;
}

.pt-menu li ul li {
	display: block;
	border-bottom: 1px solid rgba(33,33,33,.085);
	line-height: 1.5em;
}

.pt-home-navbar .pt-menu li li a {
	color: #616161;
}

.pt-home-navbar .pt-menu li li:hover > a {
	color: #673ab7;
}

.pt-menu li ul li:last-of-type {
	border-bottom: 0;
}

.pt-menu li li a {
	position: relative;
	padding: 12px 20px;
	color: #616161;
}

.pt-menu-sm {
	display: none;
}

.pt-menu-sm,
.pt-cart-sm {
	position: absolute;
	top: 43px;
	right: 0;
	background: #fff;
	text-align: center;
	color: #616161;
	font-size: 24px;
	cursor: pointer;
}

.pt-cart-sm {
	right: 70px;
	display: none;
	padding: 18px 32px 7px 10px;
	font-size: 16px;
	background: transparent;
}

.pt-cart-sm a {
	position: relative;
	color: #616161;
}

.pt-cart-sm .pt-cart-value {
	position: absolute;
	top: -8px;
	right: -22px;
	margin-left: 10px;
	width: 22px;
	height: 22px;
	border-radius: 50%;

	font-size: 11px;
	line-height: 2.2em;
	color: #fff;
}

.pt-home-navbar .pt-menu-sm,
.pt-home-navbar .pt-cart-sm {
	top: 43px !important;
}

.pt-navbar .pt-menu-sm,
.pt-navbar .pt-cart-sm {
	top: 19px;
	box-shadow: 0 0 6px rgba(33,33,33,.2);
}

.pt-navbar .pt-cart-sm {
	box-shadow: none;
}

.pt-menu-sm .fa {
	padding: 13px 15px;
}

.pt-menu-sm:hover {
	color: #673ab7;
}

.pt-menu-sm-wrap {
	position: fixed;
	top: 0;
	left: 0;
	bottom:0;
	overflow-y: scroll;
	overflow-x: hidden;
	width: 100%;
	min-height: 100%;
	opacity: 0;
	visibility: hidden;
	background: rgba(33,33,33,.95);
	text-align: left;
	cursor: auto;
}

.pt-menu-sm-wrap.pt-show {
	opacity: 1;
	visibility: visible;
}

.pt-menu-sm-wrap .fa {
	position: absolute;
	top: 20px;
	right: 20px;
	padding: 13px 15px;
	border: 1px solid rgba(255,255,255,.5);
	text-align: center;
	color: #fff;
	font-size: 20px;
	cursor: pointer;
}

.pt-menu-sm-wrap .fa:hover {
	background: #fff;
	color: #616161;
}

.pt-menu-sm-wrap ul {
	padding: 0;
	width: 80%;
	margin: 30px auto;
}

.pt-menu-sm-wrap li {
	font-weight: 400;
	font-size: 16px;
	line-height: 1em;
	letter-spacing: .035em;
	color: #fff;
	text-transform: uppercase;
	list-style: none;
}

.pt-menu-sm-wrap li a {
	-webkit-transition: all .35s ease;
	transition: all .35s ease;
	color: #fff;
	text-decoration: none;
	padding: 15px 0;
	display: block;
	border-bottom: 1px solid rgba(255,255,255,.2);
}

.pt-menu-sm-wrap li a:hover {
	background: rgba(255,255,255,.2);
	padding: 15px;
	border-color: transparent;
}

.pt-menu-sm-wrap ul ul {
	padding: 0;
	margin: 0;
	width: 100%;
}

.pt-menu-sm-wrap ul ul li:nth-last-of-type(1) {
	border: 0;
}

.pt-menu-sm-wrap ul ul li a {
	padding-left: 20px;
}

.pt-menu-sm-wrap ul ul li a:hover {
	padding-left: 25px;
}

.pt-menu-sm-wrap ul ul ul li a {
	padding-left: 40px;
}

.pt-menu-sm-wrap ul ul ul li a:hover {
	padding-left: 55px;
}

.pt-menu-sm-wrap ul ul ul ul li a {
	padding-left: 60px;
}

.pt-menu-sm-wrap ul ul ul ul li a:hover {
	padding-left: 75px;
}