/* LAYOUT */
@import url('webfonts.css');

html, body {
	height: 100%;
}
body{
	background: url('../img/texture.png') fixed #6A0098;
	color: #777;
	font: 16px/22px Verdana, sans-serif;
	font-size: 100%;
	/*position: relative;*/
}


div.pagewrap{
	background: -100px -100px no-repeat  url('../img/logo.png');
	/*background-size: 50%;*/
	/*width:1040px;*/
	/*height:100%;*/
	margin-bottom: 25px;
	/*position:fixed;*/
	margin-top: 10px;
	margin-left: auto;
	background-color: #fff;
	margin-right:auto;
	border-radius: 10px;
	border-top-left-radius: 120px;
	border-bottom-right-radius: 120px;
	padding:10px 5px 5px;
	box-shadow: 0px 0px 20px rgba(255,255,255,0.85);
	/*overflow-y: scroll;*/
}

div.pagehead {
	/*margin-left: 245px;*/
	float:right;
	width:800px;
}
div#leftcol {
	float: left;
	width: 245px;
	min-height: 600px;
	padding: 100px 5px 5px;
}

div#rightcol {
	float: right;
	width: 245px;
	min-height: 600px;
}

div#contentwrapper {
	float: left;
	width: 775px;
	padding:5px;
}
nav#topmenu
{
	margin-left: auto;
	margin-right: auto;
	/*max-width:90%;*/
}

div#infobox {
	float: right;
	/*border: 2px solid #30ca9d;*/
	border-radius: 5px;
	width: 250px;
	margin:0px 15px 10px;
}

#infobox img {
	width:250px;
	height: auto;
}


div#floater {
	float: right;
	border: 1px solid black;
	text-align: center;
}

div#infobox2 {
	float:left;
	border: 1px solid black;
	text-align: center;
}

div.footer {
	/*position: absolute;*/
	bottom: 0px;
	/*border: 1px solid black;*/
	text-align: center;
	margin-bottom: 0px;
	border-radius: 8px;
	padding:0px;
	/*border: 1px solid black;*/
}
.footerblocks {
	/*position:relative;*/
	width: 100%;
	padding:8px;
}
.footerblocks > div {
	float:left;
	box-sizing: border-box;
	/*border-radius: 6px;*/
	min-height: 70px;
	text-align: center;
	width:50%;
	padding: 10px;
	/*border: 1px  solid lightgrey;*/

}



#header{
	text-align: center;
}
.site-title,h1,h2,h3,h4,h5,h6 {
	font-family:  'overlockbold', Verdana, sans-serif;
	color: #934bb1;
}

/*#contentwrapper > p:first-letter {
	font-family:  'overlockbold', Verdana, sans-serif;
	font-size:1.2em;
	float: left;
	vertical-align: top;


}*/
.site-title {
	font-size: 5em;
	line-height: 0.4em;
	text-align: right;
	margin-right:20px;
	margin-top: 20px;
	margin-bottom: 30px;
	/*-webkit-filter: hue-rotate(180deg);*/
}
h1 {
	font-size:3em;
	line-height: 1em;
	text-align: center
}
h2 {
	font-size:1.8em;
	line-height: 1em;
}
.strike {
	text-decoration: line-through;
	margin-right: 5px;
	margin-left: 5px;
}

h3, h4 {
	text-align: center;
	/*color: purple;*/
	/*background-color: #fae;*/
}

h5 {
	font-size:2em;
	line-height: 1em;
	text-align: center
}

h6 {
	font-size:1.5em;
	line-height: 0em;
	text-align: center
}

div.headerbg{
	/*width: 2400px;*/
	/*margin-left: -500px;*/
	/*margin-right:auto;*/
}

.artquote {
	position: absolute;
	display: none;
	top:-10px;
	right:40%;
	z-index: 0;
}

.artquote p {
	font: bold 3em/.71em Times, Georgia, serif;
	color: #934bb1;
	max-width: 450px;
	text-align: center;
	width: 800px;
	opacity:0.350;
	/*clear:both;*/
}

.wm q { color :#b1934b;}



/*Element Styles*/

body {
}


#contentwrapper {
	/*background:blue;*/
}
#infowrapper {
	position: relative;
	overflow:hidden;
	text-align: center;

	/*background-color: #f7e6aa;*/
}
#infowrapper h2 {
	margin:5px;
	/*color: white;*/
}

#infowrapper p {
	margin: 2px 10px;
}
#infowrapper .overlay {
	position:relative;
	height:80px;
	margin-top: -105px;
	background: rgba(180,130,40,0.7);
	padding: 10px;
	font-size: 15px;
	font-weight: bold;
	color : #EEEEEE;
}

#infowrapper img {
	position:relative;

}

#infowrapper a:hover img {
	opacity:0.85;
}

.clearfix {clear:both; }

.specialheader{
	text-align: center;
	color: #FFF;
	background-color: #b1934b;
	border-radius: 8px;
}

ul#menu {
	margin-left: auto;
	margin-right: auto;
	width:100%;
	list-style: none;
}
ul#menu li {
	font: 1.59em bold 'overlockbold';
	display: inline-block;
	box-sizing: border-box;
	float:left;
	width: 15%;
	background-color: #b1934b;
	margin: 0px 2px;
	padding:2px 6px;
	text-align: center;
	border-radius: 8px;
}

ul#menu li:hover {
	background-color: #CA9D30;

}

a {
	text-decoration: none;

}

ul#menu li a {
	color: #EEE;
}

ul#menu li.active a {
	/*color:purple;*/
}

ul.sidemenu {
	list-style: none;
	padding-left: 5px;

}

ul.sidemenu li {
	font: 1.29em bold 'overlockbold';
	/*color: blue;*/
	width: 100%;
	text-align: right;
}


#leftcol img {
	max-width: 235px;
	min-width: 16px;
	margin: 5px;
}

p {
	font-family: 'overlockregular', Verdana, sans-serif;
	font-size:1.23em;
	text-align: justify;
	/*color:#777;*/
}
p.boldpara {
	font-family: 'overlockbold', Verdana, sans-serif;
	text-align: center;
	margin: 20px;
	/*font-size:1.23em;*/
	/*color:#777;*/
}
.price {
	/*margin:2px 15px;*/
	/*width: 900px;*/
	/*margin-left: auto;*/
	margin-right: 5px;
	/*font-size: 12px;*/
	/*box-shadow: 2px 2px 1px rgba(0,0,0,0.324);*/
	text-align: right;
}


/* LIMIT THE WIDTH OF THE DESCRIPTION PARAGRAPH, so it doesn't force the table columns wide */
table.price>tr{
	display:block;
	margin-bottom: 25px;
} 
.price  td {
	vertical-align: top;
}
.price > tr > th {
	padding: 0px 15px;
	/*margin: 3px 10px;*/
	vertical-align: top;
}
td.priceitems {padding: 0px;}


.price th {
	font: 1.3em/1.2em 'overlockbold', Verdana, sans-serif;
	padding:5px;
	background-color: #4bb193;
	text-align: left;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	color: #EEE;
}
.price th.add {
	background-color: #4b9bb1;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
/*	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
*/}
.price th a {
	font-size: 0.85em;
	text-transform:uppercase;
	font-weight: bold;
	color:white;
	float: right;
	display: inline-block;
	margin: 0px 3px;
}

.price .sanskrit {
	float:right;
	text-align: right;
	margin-right: 95px;
}
.price .sanskrit:last-child{
	margin-right: 5px;
}

td p,
th p {
	margin:0px 10px;
}



tr.more {
	border-top: 1px solid #CCC;
	padding:12px;
	margin-bottom: 6px;
}

.price_item {
	width: 100%;
	padding: 0px;

}

.price_item td {
	font: 1.3em/1.2em,  Verdana, sans-serif;
	padding:5px;
	/*background-color: #4bb193;*/
	text-align: center;
	/*border-radius: 8px;*/
	color: #FFF;
}
.duration {
	background-color: #ca9d30;

}
.full_price {
	background-color: #e7c67a;
	font-weight: bold;
	font-size: 1.3em;

}



/*Form Styling*/


form.edit_page {
	padding: 10px;
	background-color: #4bb193;
	text-align: left;
	border-radius: 8px;
	color: #EEE;

}
form.edit_treatment {
	padding: 10px;
	background-color: #4bb193;
	text-align: left;
	border-radius: 8px;
	color: #EEE;

}



form.edit_price {
	width:23%;
	padding: 10px;
	margin: 10px;
	background-color: #ca9d30;
	text-align: left;
	border-radius: 8px;
	color: #EEE;
	float: left;
}
form.add_price {
	width:23%;
	padding: 10px;
	margin: 10px;
	background-color: #e7c67a;
	text-align: left;
	border-radius: 8px;
	color: #EEE;
	float: left;

}


button {
	border: none;
	border-radius: 3px;
	padding:1px 3px;
	float:right;
	margin:2px 0px 2px 0px;
	color: #FFF;
	background-color: transparent;
	font-size: 1.617em;
	/*text-shadow: 0px 0px 8px rgba(256,256,256,0.8);*/
}

button:hover{
	/*background-color: rgba(255,255,255,1);*/
}
/*button.save {color:#68b14b;}
button.delete {color:#b1604b;}
button.add {color:#4b9bb1;}*/
button.save:hover {color:#5dca30;}
button.delete:hover {color:#ca5030;}
button.add:hover {color:#30aaca;}

form.edit_price input,
form.edit_price textarea,
form.edit_price .uneditable-input{
	/*widows: 23%;*/
}


/*#infobox img {
	margin-left: auto;
	margin-right: auto;
	display:block;
}*/
@media screen and (max-width: 1040px) {
	.pagewrap,
	.footerstrip {
		width: 758px;
	}

	nav#topmenu {
		width: 100%;
	}
	div#contentwrapper {
		float: left;
		width: 405px;
		padding:5px;
	}
}

@media screen and (min-width: 1040px) {
	.pagewrap,
	.footerstrip {
		width: 1040px;
	}

	div#contentwrapper {
		float: left;
		width: 775px;
		padding:5px;
	}
}



.footer {
	font-size: 0.7em;
	/*color: #444;*/
	margin: 0px;

}

/*Add by-lines to footer*/
.footerstrip div {
	display: inline-block;
	margin-left: 25px;
}

.footerstrip {
	position: relative;
	margin-left: auto;
	margin-right:auto;
	/*height: 30px;*/
	background-color: #fff;
	border-radius: 6px;
	border-top-left-radius: 16px;
	border-bottom-right-radius: 16px;
	/*padding:5px;*/
	box-shadow: 0px 0px 8px rgba(255,255,255,0.85);
	margin-bottom: 0px;
	/*opacity: 0.95;*/
	/*width: 800px;*/
	font-size: 0.6em;
	line-height: 1.2em;
}
.is-branding-text {
	/*display:block;*/
	float: right;
	/*position: fixed;*/
	/*background-color: rgba(60,40,60,0.2);*/
	/*min-width: 500px;*/
	/*margin:0px 2px;*/
	/*border-radius: 5px;*/
	/*margin-bottom: 25px;*/
	/*position:relative;*/
	margin-top: 2px;
	/*margin-left: auto;*/
	margin-right:25px;
	box-sizing: border-box;
}


.IS {
	font-weight: bold;
	/*font-size:1em;*/
}
.IS a, .IS a:visited {
	color: #6456C8;
}

.IS a:hover {
	color: #7365E7;
}




.dropbtn {
    background-color: #b1934b;
    color: white;
    padding: 16px;
    font-size: 1.617em;
    border: none;
}
.dropdown {
    position: relative;
    display: inline-block;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}
.dropdown-content a:hover {background-color: #ddd}
.dropdown:hover .dropdown-content {
    display: block;
}
.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}