/* Custom Theme CSS */



.woocommerce-cart #laybylink{

    position: absolute;

    top: 0;

    right: 20px;

    margin: 18px;

    font-size: 1.2em;

}



.woocommerce-cart div.woocommerce form>table:first-of-type {

    width: 100%

}



.woocommerce-cart div.woocommerce form>table:first-of-type tr {

    background: white;

}



.woocommerce-cart div.woocommerce form>table:first-of-type h4{

    text-align: center;

}



#opt_table_first tr:first-of-type td {

    padding-top: 18px;

}





#opt_table_first {

    border: none;

}



.woocommerce #payment div.payment_box, .woocommerce-page #payment div.payment_box {

    background: #CACACA;

    color: #4d4d4d;

}



.woocommerce #payment div.payment_box:after, .woocommerce-page #payment div.payment_box:after {

    border-bottom-color: #CACACA;

}



.temp-hide {

    display: none;

}



header#masthead section#site-branding div.logo-column a#logo img {

    max-height: initial;

}



.home section article>.page>.row {

    padding:0;

}



.no-text-shadow { text-shadow: none!important; }



/* special boxes on homepgae - grey text is difficult to read */

#vc_special_box_wrapper {

    color: white;

    text-shadow: 0 0 3px black;

}



.blog .post-data-column{

    display:none;

}



body.blog #primary, body.archive #primary, body.search-results #primary {

    background: none;

}



 /* use the css below if the main menu has only one row of links. if you add enough links to make it 2 or more rows, comment this css out

 @media only screen and (min-width: 59.15em) {.header-style-v3 .top-bar {margin-top: 59px;}}

 */

 

.widget_shopping_cart .buttons a, .woo-mini-cart-container .widget_shopping_cart_content .buttons a {

    width: 50%;

}

 

/*

    header nav .main-menu>li>a {

        font-size: 15px;

        padding-bottom: 16px!important;

    }

    

    header nav .main-menu {

        max-width: 550px;

    }

*/



header nav .main-menu {

    width: 100vW;

    max-width: 1015px;

    padding-left: 4%; /* 14% just seems to look good. if more menu items are added or renamed, this will haveto change */

    padding-top: 9px;

}



.header-style-v3 .top-bar {

    margin-top: 32px!important;

}



header nav .main-menu>li>a {

    font-size: 15px;

}



@media only screen and (min-width: 768px) {

#site-branding .logo-column {

    margin-top: -15px;

}

}



footer h3.widget-title {

    text-align: center;

}



.widget_fbw_id {

    text-align: center;

}



#wpcc_currency_from, #wpcc_currency_to {

		size: 10px;

	}

	

@media only screen and (min-width: 945px){

    #header_search_widget {

     float: right;

      margin-top: -17px;

      padding: 0px;

      width: 200px;

  /*

    right: calc( -50vW + 518px );

    position: absolute;

    width: calc( 50vW - 410px );

    max-width: 200px;

    top: 114px;

  */

  

   }

    .home .top-bar{ height: 15px; }

    

}

@media only screen and (max-width: 945px){

    #header_search_widget {

        padding-top: 5px;

         margin-bottom: -5px;

    }

}



@media only screen and (max-width: 490px){

    .hide-lt-490 { display: none; }

}





#pp_course_9 {

                position: relative;

                top: 0px;

		margin-top: 0px;

		padding-top: 0px;

		height: 20px;

}





#pp_course_9 {

	margin-top: 0px;

}





/* To change colour of cart button : */

.single_add_to_cart_button.secondary.button.alt {

                background-color: #99CC00;        

}



#menu-main-menu-new, #masthead {

    

  background-color: #151515;

}



#menu-main-menu-new {

    

    background-color: black;

    height: 20px;

}





.testimonial-text, .testimonial-text em {

  font-size: 12px;

  color: #FFF;

  }

//* doesn't work:

#logo {

    align: left;

}

*/



/* for FC-Elements jquery */

#fc-element-box1, #fc-element-box2 ,#fc-element-box3 ,#fc-element-box4, #fc-element-box5 {

	width: 300px;

	height: 200px;

	background: #ddd;

	border: grey solid 1px;

	text-align: justify;

	position: absolute;

	margin-left: -75px;

	margin-top: -50px;

	left: 50%;

	top: 50%;

	-moz-border-radius: 1em 4em 1em 4em;

	border-radius: 1em 4em 1em 4em;

	z-index: 20;

	display: none;

	padding: 10px;

	font-family: Tahoma, Geneva, sans-serif;

	font-size: 16px;

	color: #033;

}

#fc-element-box1 {

	margin-left: -675px;

	margin-top: -150px;

	-moz-border-radius: 4em 1em 4em 1em;

	border-radius: 4em 1em 4em 1em;

}

#fc-element-box2 {

	margin-left: -275px;

	margin-top: -150px;

}

/*Fire*/

#fc-element-box3 {

	margin-left: -225px;

	margin-top: 100px;

}

/*Earth*/

#fc-element-box4 {

	margin-left: -475px;

	margin-top: 350px;

	-moz-border-radius: 1em 1em 4em 4em;

	border-radius: 1em 1em 4em 4em;

}

/*Wind*/

#fc-element-box5 {

	margin-left: -725px;

	margin-top: 100px;

	-moz-border-radius: 4em 1em 4em 1em;

	border-radius: 4em 1em 4em 1em;

}



.fb-like-box {

  background-color: #FFF;

}





/* To get a sidebar into the right of the single product page 

div.product {

    float: left;

    margin-right: 30px;

    width: 70%;

} */





.collection-wrapper .term-description {



    border: 1px solid #ddd;

    height: 150px;

    padding: 3px;

    text-align: left;

    overflow: hidden;

}

.collection-wrapper .term-description h1 {

     font-size: 14px;

     line-height: 18px;

     margin-top: 2px;

}



#primary.content .term-description p{

 /* position: relative;

  margin-top: -200px;*/

  text-align: left;

  margin-bottom: 5px;

}



.woocommerce ul.products li.product-category{



    border: 1px solid #ddd;

    height: 383px;

    overflow: hidden;

}





/* Terence - works for contact form but not front page */

/*

.wpcf7 input.wpcf7-text,  .wpcf7 textarea.wpcf7-textarea {

    width: 400px;

    background-color: white;

    padding: 1px;

    color: black;

    }

.wpcf7 textarea.wpcf7-textarea{

    height: 200px;

}

*/

p.stock {

    background-color: #0C9;

}



/* Terence - a fix for entering text on tablet? */

span.wpcf7-form-control-wrap {

	position: inherit !important;

}



.page h1.huge-text {

    font-size: 24px;

    margin-top: 0;

    padding: 5px;

}



.term-description h1 {

   font-size: 20px;          

}

.page-description h1 {

   font-size: 20px;          

}





#product_cat {

  width: 220px;

}



/****************************************Crystal Tables**********************************************/



#emotional, #physical, #zodiac {

	border: none;

	font-family: Arial, Helvetica, sans-serif;

}



#emotional td, #physical td {

	padding: 5px;

	border: thin #B5E4E1 solid;

}

#zodiac tr th {

  /*  background-color: #669999; */

	border: 1px solid #000;

	border-spacing: 0px;

	text-align: center;

	border-collapse:collapse;

}

#zodiac tr td {

	border: 1px solid #000;

	border-spacing: 0px;

	padding: 12px 2px;

	text-align: center;

	border-collapse:collapse;

}

.crystals_h_green {

	color: #009999;

	margin-top: 0;

	padding: 0;

	margin-bottom: 0;

}

.crystals_h_black {

	color: #000;

	margin-top: 0;

	padding: 0;

}



.crystals_left_column {

    background-color: #5FC8C2;

    color: white ;

	width: 160px; 

}



.crystals_right_column {

	background-color: #ECF8F8;

    color: black;

	/*width: 600;*/

}



.textwidget, li {

    list-style-type: none;

}

.fb-like-box {

  color: #000;

  font-weight: bold;

}