/*
Theme Name:     Rainbow Wellness
Author:         3 little penguins
Author URI:     http://www.3littlepenguins.com/
Template:       canvas
Version:        1.0
*/



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


/* =Theme customization starts here
-------------------------------------------------------------- */
/*.clinik-container {
    position: relative;
    padding-bottom: 85%;
    height: 0;
    overflow: hidden;
}
.clinik-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
*/


body {
	background: url('images/bgd-top.jpg') no-repeat top center; 
	background-size: contain;
}

/* ----------------------------*/
/* 	HEADER
/* ----------------------------*/

/* hide lower nav */
nav#navigation.col-full {display: none !important;}
/* center logo */
#logo { float: none; margin: -160px auto 0; width: 237px; }
/* style top nav */
#top-nav {text-transform: uppercase;}
#top ul.nav {/*left: 20%;*/text-align: center;}
/* remove padding*/
header#header {padding-bottom: 0;}

#top {
	background: rgba(100,34,131,0.0);
}
#top ul.nav li a {
	font-size: 0.85em;
	font-weight: 100;
	padding: 0.5em 10px !important;
	/*font-size: 0.95em;
	font-weight: 100;
	padding: 0.5em 15px !important;*/
}
#top ul.nav > li a:hover, #top ul.nav li.current_page_item a {
	background: rgba(100,34,131,0.6);
	color:#fff;
	text-decoration: underline;
}
#top ul.nav ul {
	background: #b195c6;
	border: 1px solid #D0B2E7;
}
#top ul.nav ul li a {
	color: #FFFFFF !important;
	text-align: left;
}
#top ul.nav > li:hover, #top ul.nav li.current-menu-ancestor a {
	background: #5D356F;
	color: #fff;
}
/* social icons */
#connect h3 { display: none; }
#connect p { display: none; }
#connect .social { text-align: right; }
.header-widget {
	float: right;
	width: 20%;
	clear: none;
	margin: -150px -35px;
}
#connect .social a.facebook:before {
	content: '\e003';
	background: #b195c6;
	color: #fff;
}

/* ----------------------------*/ 
/* 	CONTENT AREA
/* ----------------------------*/

#inner-wrapper {
	margin-top: 140px;
}
.jess-home{
   width: 154px;
   height: 154px;
   -webkit-border-radius: 77px;
   -moz-border-radius: 77px;
   -ms-border-radius: 77px;
   -o-border-radius: 77px;
    border-radius: 77px;
}

.image { 
   position: relative; 
   width: 100%; /* for IE 6 */
   margin-bottom: 50px !important;
}
/* main nav box labels */
.box-label { 
   position: absolute;
	top: 75%;
	left: 0;
	margin: auto;
	width: 100%;
	font-size: 19px;
	color: #fff;
	text-align: center;
}
span.box-label:hover {
	color:#FFFF33;
}
/* Give the slider some space */
#rev_slider_1_1_wrapper.rev_slider_wrapper{
	margin-bottom: 40px !important;
}

.cat-item.current-cat a {
	color: #5D356F;
}


/* ----------------------------*/ 
/* 	TEXT TWEAKS
/* ----------------------------*/

.entry p, p {font: 200 15px/25px "Muli", sans-serif; margin: 20px 0; text-align: justify;}
.purple-text {color:#B295C6;}
.fancy-text, .page .title, .page-title {font: 300 31px/36px "Sacramento", cursive;}
a:hover {color:#FF33FF;}
.italic {font-style:italic;font-weight: 300;}
/*#main ul, #main ol {
	background-color: #EAE4F1;
}*/
.entry ul, .entry ol {
	margin: 0 0px 15px 0px;
	padding: 25px 30px;
}
ul li {
	padding: 5px 0px;
}
.widget h3 {
	font: italic 15px/1.2em 'Muli', arial, sans-serif;
	color: #b295c6;
}
.widget ul {
	list-style-type: none;
	font-size: 13px;
}
/*ul.products li.product {
	margin-right: 10%;
}*/
a.button.add_to_cart_button {
font-size: 80%;
}
.related.products h2 {
	font-family: "Sacramento", cursive;
	font-size: 2.5em;
}
.stock { display: none; }
/* ----------------------------*/ 
/* 	FORM TWEAKS
/* ----------------------------*/
label.gfield_label {
	font-family: 'Muli', sans-serif;
	font-weight: normal !important;
	font-style: italic;
	color: #b195c6;
	text-align: right;
}
.gform_wrapper input,.gform_wrapper textarea {
	padding: 5px;
	background: #EDE7F1;
	border-color: #EDE7F1;
	border-width: 0;
	border-style: solid;
	margin-bottom: 10px;
	border-radius: 0;
	font-size: 1.5em;
	color: #666;
	font-family: inherit;
}
.gform_wrapper .left_label input.medium, .gform_wrapper .left_label select.medium {
	width: 63%;
}
.gform_wrapper ul {
	background-color: #ffffff;
}
a.button, a.comment-reply-link, #commentform #submit, .submit, input[type=submit], input.button, button.button, #wrapper .woo-sc-button
{
	background: #b195c6;
}

/* ----------------------------/* 
/* 	FOOTER
/* ----------------------------/* 

/* MailChimp sign up */
.boxed-layout #footer-widgets {
	background: url('images/bgd-newsletter.jpg') no-repeat bottom left;
	background-size: cover;
	padding-right: 0;
}
#footer-widgets{
	padding-bottom: 0;
}
#footer-widgets .block {
	padding-top: 0;
	padding-bottom: 0;
	max-height: 45px;
}
.footer-widget-1 .sixcol-three {
	font-size: 19px;
	padding-top: 0px;
	padding-bottom: 20px;
	font: 300 19px/27px "Muli", Helvetica, sans-serif;
}
#footer-widgets input[type=text] {
	border:none;
	width: 110px;
	height:20px;
}
#footer-widgets input[type=submit] {margin: 1px 30%;}
.mc4wp-alert {
	background: #B35AEF;
	padding: 12px;
	z-index: 5000;
	float: right;
	margin-top: -140px;
}


#footer, #footer p {text-align: center;}
#footer a:link, .footer-widget-1 {color: #fff;}
#footer a:link:hover, #footer a:link:visited {color: #b195c6;}


#copyright-footer{text-align:center;margin: 10px 20px;}
.copyright {margin-right: 50px;}
.boxed-layout #footer {
	background: url('images/bgd-btm.jpg') no-repeat bottom center;
	background-size: cover;
	border-top:0;
	padding-left: 0;
	padding-right: 0;
	min-height: 350px;
	margin-top:-160px;
	padding-top: 160px;
}


@media only screen and (max-width: 767px){
	body{text-align: center;}
	#logo {float: none; margin: -40px auto 0; width: 200px;}
	/*#shiftnav-toggle-main{width: 15%;}
	span.shiftnav-main-toggle-content.shiftnav-toggle-main-block {display:none;}*/
	.boxed-layout #footer {min-height: 35px;}
	.copyright {margin:0 10px;}
	.fancy-text, .page .title {font: 300 41px/56px "Sacramento", cursive;}
	.header-widget {display: none;}
	.gform_wrapper .left_label input.medium, .gform_wrapper .left_label select.medium {width: 50%;}
	label.gfield_label {text-align: left;}
}