/* //PIGO This affects the color of the blog titles on the Main Blog page */
html .ui--blog .ui--content-box-header h1, html .ui--blog .ui--content-box-header h2, html .ui--blog .ui--content-box-header h3, html .ui--blog .ui--content-box-header h4, html .ui--blog .ui--content-box-header h5, html .ui--blog .ui--content-box-header h6 {
  color: #fffdfd !important;
}


/* //PIGO This affects single product information tabs */
html #page-wrap .ui--tabs-mini > .ui--tabs-header .ui--tabs-titles > li a, html #page-wrap .ui--tabs-mini > .ui--tabs-header .ui--tabs-titles > li a:hover {
  color: #000000 !important;

}

html #page-wrap .ui--tabs-mini > .ui--tabs-header .ui--tabs-titles > li.active a, html #page-wrap .ui--tabs-mini > .ui--tabs-header .ui--tabs-titles > li.active a:hover {
  color: #000000 !important;
	border: solid 1px !important;
  border-radius: 5px;
}




/* //PIGO Pagination color for the Blog page BEGINS */
.ui--pagination > li > a, .ui--pagination > li > span {
  display: block;
  padding: 8px 10px;
  line-height: 18px !important;
  text-decoration: none !important;
  white-space: nowrap;
  color: #FFF !important;
}

.ui--pagination > li.ui--pagination-current-item span {
  font-weight: 700;
  color: #FFF !important;
  padding: 12px 15px !important;
}
/* //PIGO Pagination color for the Blog page ENDS */


/* //PIGO Date display on the Main Blog page */
.ui--blog-date .ui--blog-date-day {
  display: block;
  text-align: center;
  padding: 6px 0;
  position: relative;
  margin: -1px -1px 0;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  background-image: none !important;
  background-color: #B5B0A982 !important;
  color: #000;
}

.ui--blog-date .ui--blog-date-month > span {
  display: block;
  color: #FBFBFB !important;
}



/* //PIGO Titles for the Product thumbs */
html .ui--content-box-header, html .ui--content-box-header h1, html .ui--content-box-header h2, html .ui--content-box-header h3, html .ui--content-box-header h4, html .ui--content-box-header h5, html .ui--content-box-header h6, html .ui--content-box-header a h1, html .ui--content-box-header a h2, html .ui--content-box-header a h3, html .ui--content-box-header a h4, html .ui--content-box-header a h5, html .ui--content-box-header a h6 {
  color: #FFFFFF !important;
}

/* //PIGO Animated Details button for the Product thumbs */
.ui--content-box .ui--content-box-overlay .ui--content-box-overlay-button-icon, .ui--content-box .ui--content-box-overlay .ui--content-box-overlay-button-text {
  padding-right: 8px;
  color: #000 !important;
}


/* //PIGO This prevents the Quick View button from overlapping
the Product Thumbnail title bars */

.ui--content-box-media {
    overflow: hidden !important;

}


/* //PIGO IMPORTANT: This CSS should only be used when the 
navigation menu position is set to display on the right side of the logo.
This keeps the Navigation bleeding into the Logo.

This CSS moves the navigation menu below the logo on tablets that have
resolution of 1024px in both landscape or horizontal positions.

We also move the Revolution Slider down to avoid overlap by 
the navigation menu by going to the Rev Slider settings -->
position --> Margin Top  */


/*
@media ( max-width: 1024px ) {
    #logo img, #logo-desktop { 
           max-width: 100% !important; 
   }
     nav#navigation {
           margin: 5px 0 0 0;
           position: absolute;
           left: 0;
           top: 90%;
           width: 100%;
           background-color: normal !important;
   }
     html #header-container-background {
           border-bottom: 1px solid #ae04d4;
           padding-bottom: 50px !important;
   }
*/



#titlebar {
         /* 
            border-bottom: 1px solid #ebebeb;
            position: relative;
            background-color: #f9f9f9;
            background-position: center center;
            background-repeat: no-repeat;
            image-rendering: optimizeQuality;
            padding-top: 20px !important;
	    */
   }
}




/**************************************************/

/* //PIGO IMPORTANT: This CSS should only be used when the 
background of the website is NOT white. */


/* //PIGO This makes the Mobile Menu wider and the 
background black on mobile phones */

@media (max-width:767px) {
#header-navigation li a {
    position: relative;
    background-color: #000 !important;
    width: 100% !important;
  }
}





/*This CSS styles the WooCommerce Login & Registration Forms */


.woocommerce form.login, .woocommerce form.checkout_coupon, .woocommerce form.register, .woocommerce-page form.login, .woocommerce-page form.checkout_coupon, .woocommerce-page form.register {
    text-align: left;
    background-color: #000;
    line-height: -1000px !important;
    color: #E4ADF5 !important;
    font-weight: bold !important;
}


.ui--gradient-grey {
background-image: linear-gradient(to bottom,#6c6c6c,#2A2A2A) !important;
}


.ui--box, .ui--box-alias, .woocommerce-message, .woocommerce-info, .woocommerce-error {
    border: 1px solid #575454 !important;
}


.woocommerce form.login .form-actions, .woocommerce form.checkout_coupon .form-actions, .woocommerce form.register .form-actions, .woocommerce form .form-actions {
    border-top: 1px solid #826f87 !important;
    padding: 12px 20px;
    line-height: 32px;
    background-color: #000 !important;
}




/* //PIGO This CSS styles the WooCommerce Login & 
Registration Form Buttons  */

.btn {
    display: inline-block;
    *display: inline;
    padding: 5px 16px;
    margin-bottom: 0;
    *margin-left: .3em;
    font-size: 12px;
    line-height: 20px;
    color: #FFFFFF !important;
    text-align: center;
    text-shadow: none !important;
    vertical-align: middle;
    cursor: pointer;
    background-color: none !important; 
}


.woocommerce form.login .form-actions .btn, .woocommerce form.checkout_coupon .form-actions .btn, .woocommerce form.register .form-actions .btn {
    margin-bottom: 0;
    margin-right: 0;
    background-color: none !important;
    color: #FFF !important;
}



.btn-yellow, .btn-yellow:hover, .btn-yellow:focus, .btn-yellow:active, .btn-yellow.active, .btn-yellow.disabled, .btn-yellow[disabled] {
    color: #F9F9F9 !important;
    background-color: #41044e !important;
    background-position: 0 -5px !important;
}




/* //PIGO This affects the WooCommerce Login, Registration and Account form Titles*/

.woocommerce form .form-header-title {
    margin-top: 0;
    margin-bottom: 0;
    text-shadow: none !important;
}



/* //PIGO This affects the WooCommerce Error message */

.ui--box, .ui--box-alias, .woocommerce-message, .woocommerce-info, .woocommerce-error {
    border: 2px solid #575454 !important;
    background-color: #FFFFFF !important;
}


/**************************************************/



/* //PIGO This affects the vertical space between the 
WooCommerce Login text fields */

.row-fluid, .ui-row .row {
    width: 100%;
    *zoom: 1;
    margin-top: 10px !important;
}




/* //PIGO This makes the Success or Cancellation for the 
Bookly plugin text white against a black background*/

.ab-booking-form {
    font-size: 15px !important;
    color: #fefefe !important;
}

/* //PIGO This gets rid of the text shadow for
the Next and Back buttons for the Bookly plugin*/

.ab-service-step .ab-right {
    float: right !important;
    text-shadow: none !important;
}



/* Left and right padding on Mobile Phones BEGINS */

@media (max-width: 767px) {
    #the-content > .ui-row { 
	  padding-left: 30px !important; 
	  padding-right: 30px !important; 
	}
}

@media (max-width: 767px) {
    #page-content { 
	  padding-left: 20px !important; 
	  padding-right: 20px !important; 
	}
}

@media (max-width: 767px) {
.row-fluid {
    width: 88% !important;	 
    padding-left: 20px !important; 
	padding-right: 20px !important;  
   }
}

/* Left and right padding on Mobile Phones ENDS */



/* //PIGO this affects the Call for Price label on the 
Single Product page */ 

h2.price.woocommerce-page-price{
 color:#FFFFFF !important; 
 background-color:#0072b0 !important;
 width:200px !important;
 padding: 3px 20px !important;
 border-radius:5px !important; 
 border: solid 1px #CCCCCC !important;
}








.ui--custom-menu-bar ul > li strong, .ui--custom-menu-bar ul > li > a {
    color: #e7b7a5 !important;
    font-style: italic !important;
    text-shadow: none !important;
    font-weight: bold !important;
}




.ui--custom-menu-bar .ui--type-splitted ul{
    background-image: linear-gradient(to bottom,#c9c5c5,#B1B1B1) !important;
    text-shadow: none !important;
}



.ui--custom-menu-bar ul > li > span {
    color: #989797 !important;
    text-shadow: none !important;
}

.ui--custom-menu-bar {
    margin-bottom: 50px !important;
    line-height: 0;
    overflow: hidden;
    margin-top: 50px !important;
}



.ui--gradient-grey, .ui--gradient-grey a {
    text-shadow: none !important;
}



.ui--title-border-left, .ui--title-border-right {
    position: absolute;
    width: 2000px;
    height: 0;
    border-top: 0px !important;
    margin-top: -.5px;
    top: 50%;
    display: none;
    border-color: #595656 !important;
    opacity: 1 !important;
}



.ui--blog-metas {
    padding: 6px 0;
    margin-bottom: 50px !important;
    border-top: 1px solid #474646 !important;
    border-bottom: 1px solid #474646 !important;
    margin-top: 70px !important;
}



.ui--gradient-grey-border-bottom, .ui--gradient-grey-border-top {
    border-bottom: 0px solid #dfdfdf !important;
}



.ui--comment-form .form-submit {
    padding: 7px 7px;
    margin: 0 -20px;
    border-top: none !important;
}





/* //PIGO This affects the WPB EDD Carousel Slider */
/* //NOTE: This CSS was optimized for a dark page */

.wpb_eps_item {
    border: 1px solid #444343 !important;
    margin: 4px 4px 0px 4px;
}

.wpb_eps_content {
    padding: 10px !important;
    text-align: center;
}

.wpb_eps_item:hover {
    border-color: #4b4a4b !important;
}

.wpb_eps_pro_title:hover {
    color: #4b4a4b !important;
}

.wpb-eps-carousel .edd-submit:hover, 
.edd-cart-added-alert, .edd-cart-added-alert i, 
.wpb_eps_pro_title a:hover, .wpb_eps_cat a:hover, 
.wpb-eps-carousel.owl-theme .owl-controls 
.owl-buttons div:hover i {
    color: #bebcbf !important;
    font-family: Arial !important;
}



.wpb-eps-carousel .edd-submit, 
.edd-cart-added-alert, .edd-cart-added-alert i, 
.wpb_eps_pro_title a, .wpb_eps_cat a, 
.wpb-eps-carousel.owl-theme .owl-controls 
.owl-buttons div:hover i{
    color: #4b4a4b !important;
    font-family: Arial !important;
}



.edd-submit.button.white:active, 
.edd-submit.button.white:focus, 
.edd-submit.button.white:hover {
    color: #4b4a4b !important;
    background: #d5d4d5 !important;
    border-color: #4b4a4b !important;
    border-radius: 5px !important;
}


.edd-submit.button.white {
    color: #FFFFFF !important;
    background: #000000 !important;
    border-color: #000000 !important;
    border-radius: 5px !important;
}




/* //PIGO This affects the EDD on the Add To Cart page */
/* //NOTE: This CSS was optimized for a dark page */


.edd-cart-meta.edd_subtotal, .edd-cart-meta.edd_total {
    background-color: #2d2d2d;
}


/* //PIGO This affects the EDD on the Purchase History page */
/* //NOTE: This CSS was optimized for a dark page */

#edd_user_history th {
    font-weight: 700;
    background: #000;
}




/* //PIGO This affects the EDD success message on the Register Verification page */
/* //NOTE: This CSS was optimized for a dark page */

.edd_success:not(.edd-alert) {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #b3ce89;
    margin: 20px 0;
    background: #d5eab3;
    color: #567622 !important;
    padding: 6px 8px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.7);
}





/* //PIGO This affects the EDD Checkout page */
/* //NOTE: This CSS was optimized for a dark page */

#edd_checkout_cart th {
    text-align: left;
    border: 1px solid #545454 !important;
    color: #FFFFFF !important;
    padding: .5em 1.387em;
}


#edd_checkout_cart td {
    text-align: left;
    border: 1px solid #545454 !important;
    color: #000000 !important;
    padding: .5em 1.387em;
}


#edd_checkout_cart .edd_cart_header_row th {
    background: #c9c9c9;
    padding: 1.387em;
    color: #3f3f3f !important;
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 21px !important;
    font-size: 21px !important;
    line-height: 40px;
    color: #bcbcbc !important;
    border: 0;
        border-bottom-width: 0px;
        border-bottom-style: none;
        border-bottom-color: currentcolor;
    border-bottom: 1px solid #545454;
}



#edd_checkout_form_wrap span.edd-description {
    color: #dad7d7;
    font-size: 80%;
    display: block;
    margin: 0 0 5px;
}



#edd_checkout_form_wrap fieldset {
    border: 1px solid #545454;
    padding: 1.387em;
    margin: 0 0 21px;
}


#edd_checkout_form_wrap .edd-payment-icons {
    height: 35px;
    display: block;
    margin: 0 0 40px;
}



 .edd_success:not(.edd-alert) {     
   -webkit-border-radius: 2px;     
   -moz-border-radius: 2px;     
   border-radius: 2px;     
   border: 1px solid #b3ce89;     
   margin: 20px 0;     
   background: #d5eab3;     
   color: #51711e !important;     
   padding: 6px 8px;     
   box-shadow: inset 0 1px 0 rgba(255,255,255,.7);     
   font-weight: bold !important; 
 }


#edd_user_history th {
    font-weight: 700;
    background: #FFFFFF !important;
    color: #000000 !important;
}




/* //PIGO This makes the Submit Info text white for the 
embedded Hair Debate Pop-Up on the home page */

html #page-content .section-o6ht1 a {
    color: #fff !important;
    text-decoration: none !important;
}



/* //-------------------------BEGINNING OF ACCORDIAN CSS---------------------------  */

/* //PIGO This affects Accordian Tabs*/

.ui--accordion-item-title {
    position: relative;
    z-index: 3;
    display: block;
    padding: 10px 30px;
    text-decoration: none !important;
    border-bottom: 1px solid #FFFFFF !important;
    border-top: 1px solid #FFFFFF !important;
    outline: 0;
    margin-top: 1px !important; /* PIGO adds space between tabs */
    margin-bottom: 1px !important; /* PIGO adds space between tabs */
}



/* //PIGO This affects Accordian Tabs when in a 
CLOSED state*/

html #page-wrap .ui--accordion-state-closed > .ui--accordion-item-title {
    /*  background-color: #65417b !important;
    background-image: none !important;  
    background-image: -moz-linear-gradient(top, #65417b, #23093a) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#65417b), to(#23093a)) !important;
    background-image: -webkit-linear-gradient(top, #65417b, #23093a) !important;
    background-image: -o-linear-gradient(top, #65417b, #23093a) !important;
    background-image: linear-gradient(to bottom, #65417b, #23093a) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#65417b', endColorstr='#23093a') !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#65417b', endColorstr='#23093a')" !important;
    background-repeat: repeat-x !important;  */
}


/* //PIGO This gets rid of the grey border surrounding the 
Accordian Tabs */

.ui--box  {
    border: 1px solid #CCCCCC !important;
}

/* //-------------------------END OF ACCORDIAN CSS---------------------------  */




/* This affects the Read More button under the blog excerpts */

.more-link .btn {
    margin: 0;
    color: #fff !important;
    font-family: lato, arial, helvetica !important;
    font-weight: bold !important;
    background-color: #e1520f;
    background-image: none !important;
    text-transform: uppercase !important;
    border-radius: 5px !important;
    border: thin solid #000000
}



/* //PIGO This affects the buttons for the Web 2.0 Map Locator  */

.w2dc-content .w2dc-btn-primary {
    color: #FFF !important;
    background-color: #428BCA;
    border-color: #357EBD;
}



/* //PIGO This affects the State Location buttons for the Web 2.0 Map Locator  */

.w2dc-content a {
    color: #FFF !important;
    text-decoration: none;
}




/* //PIGO This affects the Tags for the Web 2.0 Map Locator  */

.w2dc-content .w2dc-label-primary.w2dc-label a, .w2dc-content .w2dc-label-primary.w2dc-label a:hover {
    color: #FFFFFF !important;
}




/* //PIGO This affects the Social Widget for the Web 2.0 Map Locator  */

.w2dc-widget ul, ol {
    padding: 0px;
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
    margin: 0px 0px 0px 0px;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 18px;
        margin-left: 0px;
}



/* //PIGO This affects the Social Icons on the Actual Page for the Web 2.0 Map Locator  */

.w2dc-content .w2dc-share-button a img {
    opacity: 1.0;
}



/* //PIGO This get rid of the Float Left for the Location Thumbnail within the Web 2.0 Map Locator  */

/*
.w2dc-single-listing-logo-wrap {
    float: none !important;
    margin: 0px 20px 20px 0px;
}
*/


/* //PIGO This affects the Title on the Pop-Up Map for the Web 2.0 Map Locator  */

.gm-style div.w2dc-map-info-window-title, .gm-style div.w2dc-map-info-window-title a.w2dc-map-info-window-title-link {
    font-weight: bold !important;
    font-size: 14px !important;
    color: #FFF !important;
}




/* //PIGO This affects the word content on the Pop-Up Map for the Web 2.0 Map Locator  */

.w2dc-map-info-window-content {
    box-sizing: border-box;
    color: #000;
}



/* //PIGO This affects ROUND VECTOR ICON links on Mobile Devices for the Web 2.0 Map Locator  */

.w2dc-figcaption li.w2dc-listing-figcaption-option a span {
    font-size: 24px;
    display: inline-block;
    border: 2px solid transparent;
    border-radius: 50%;
    padding: 5px;
    color:#FFFFFF !important;

}


.w2dc-content .w2dc-glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    /* color:#FFFFFF !important; */
}



/* //PIGO This affects text field content for the Web 2.0 Map Locator  */

.w2dc-field-content {
 margin-left: 5px !important; 
}


/* //PIGO This affects the top margin of the buttons for the Web 2.0 Map Locator  */

.w2dc-btn {
    background-image: none;
    margin-top: 30px !important;
}


/* //PIGO This affects the title on the LISTING TEMPLATE for the Web 2.0 Map Locator  */

header.w2dc-listing-header h2 {
    line-height: 1.5em;
    margin: 35px 0px 10px 0px;
    display: inline-block;
    font-size: 25px !important;
    font-weight: bold !important;
    background-color: #CCC !important;
    padding: 0px 8px !important;
    border-radius: 8px;
}



/* //PIGO This affects the PAGINATION on the LISTING TEMPLATE for the Web 2.0 Map Locator  */

.w2dc-content .w2dc-pagination > li:first-child > a, .w2dc-content .w2dc-pagination > li:first-child > span {
    margin-left: 0px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    font-weight: bold !important;
    font-size: 20px;
}


.w2dc-pagination > li > a, div.w2dc-content .w2dc-pagination > li > a:visited, div.w2dc-content .w2dc-pagination > li > a:focus {
    
    font-weight: bold !important;
    font-size: 20px !important;
    color: #000 !important;
}



/* //PIGO This affects the GRID VIEW ICON on the LISTING TEMPLATE for the Web 2.0 Map Locator  */

a.w2dc-grid-view-btn {
    color: #000 !important;
}





/* //PIGO This affects the Map & Contact Tabs on the INDIVIDUAL SINGLE LOCATION PAGE for the Web 2.0 Map Locator  */

.w2dc-content .w2dc-nav-tabs > li.w2dc-active > a, .w2dc-content .w2dc-nav-tabs > li.w2dc-active > a:hover, .w2dc-content .w2dc-nav-tabs > li.w2dc-active > a:focus {
    color: #BF0A0A !important;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-bottom-color: transparent;
    cursor: default;
    font-weight: bold !important;
}




/* //PIGO This affects the line height and padding for the STORE HOURS for the Web 2.0 Map Locator  */

.w2dc-hours-field{
    font-weight: bold !important;
    padding-bottom: 30px !important;
    margin-top: 30px !important;
    margin-left: 25px !important;
    line-height: 30px !important;
}





/* //PIGO This affects the top and bottom padding for the CATEGORY TAGS for the Web 2.0 Map Locator  */

.w2dc-content .w2dc-label {
    margin: 20px 0px 50px 0px !important;
    font-size: 85%;
    font-weight: bold;
    line-height: 1;
    color: #FFF;
    text-align: center;
    white-space: nowrap;
}

/* -------- PIGO THIS CSS FOR THE LOCATIONS PLUGIN ENDS HERE ---------- */






/* //PIGO This pushes down the Single product image and the Summary down
on the single product pages */

.row-fluid, .ui-row .row {
    width: 100%;
    *zoom: 1;
    margin-top: 50px !important;
}



/* //PIGO This pads the Summary text toward the right
on the single product pages */

.woocommerce div.product div.summary, .woocommerce #content div.product div.summary, .woocommerce-page div.product div.summary, .woocommerce-page #content div.product div.summary {
    margin-bottom: 2em;
    padding-left: 50px;
}




/* //PIGO This affects the contact form submit button */

div.afp_form_wrap .afp-fb-matte-blue {
    color: #FFFFFF !important;
    background-color: #0058b7 !important;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #80aee0), color-stop(10%, #367fce), color-stop(50%, #215287), color-stop(50%, #1e4b7b), color-stop(100%, #2864a4)) !important;
    background-image: -moz-linear-gradient(top, #80aee0 0%, #367fce 10%, #215287 50%, #1e4b7b 50%, #2864a4 100%) !important;
    background-image: linear-gradient(top, #80aee0 0%, #367fce 10%, #215287 50%, #1e4b7b 50%, #2864a4 100%) !important;
    border-color: none !important;
    text-shadow: none !important;
    -moz-box-shadow: rgba(255, 255, 255, 0.359) 0 0 0.1em 1px inset;
    -webkit-box-shadow: rgba(255, 255, 255, 0.359) 0 0 0.1em 1px inset;
    -o-box-shadow: rgba(255, 255, 255, 0.359) 0 0 0.1em 1px inset;
    box-shadow: rgba(255, 255, 255, 0.359) 0 0 0.1em 1px inset;
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    -o-background-clip: padding-box;
    -ms-background-clip: padding-box;
    -khtml-background-clip: padding-box;
    background-clip: padding-box;
}



/* //PIGO This affects the Send Me a Copy text on the contact form */


#afp1_afp_fields label.escts {
    width: auto;
    padding-left: 10px !important;
    margin: -2px 19px 8px 1px !important;
    text-align: right;
    float: left !important;
    font-weight: normal !important;
}





/* //PIGO This pads down the Category title and text
on the Shop Category pages */

div.term-description {

margin-bottom:50px !important;  
margin-top:30px !important;
}




/* -------- PIGO THIS CSS FOR THE EVENTON PLUGIN BEGINS HERE ---------- */


/* //PIGO This styles the font on the panel and pop-ups of the Eventon Calendar pages */

.eventon_events_list .eventon_list_event .evcal_desc .evcal_desc_info, .evo_pop_body .evcal_desc .evcal_desc_info {
    font-size: 13px !important;
    line-height: 120%;
    padding-bottom: 2px;
    opacity: 0.8;
}




/* //PIGO This styles the TITLE font on the panel and pop-ups of the Eventon Calendar pages */

#evcal_list .eventon_list_event .evcal_desc span.evcal_event_title, .eventon_events_list .evcal_event_subtitle {
    line-height: 120%;
    padding-bottom: 3px;
    font-weight: normal;
    opacity: 1 !important;
    letter-spacing: 1px !important;
}





/* //PIGO This styles the Dropdown font on Sorting Options Eventon Calendar pages */

.eventon_filter_dropdown p {
    border-bottom: 1px solid #d9d9d9;
    padding: 5px;
    line-height: 100%;
    margin: 0;
    cursor: pointer;
    display: block;
    border-left: 2px solid transparent;
    color: #000000 !important;
}




/* //PIGO This styles the Buttons for the Sorting Options Eventon Calendar pages */

.eventon_sort_line .eventon_sortval_for_dropdown, .eventon_filter_line .filtering_set_val, .eventon_sort_line .eventon_sf_cur_val p {
    cursor: pointer;
    background: url(../images/select_icon.png) center right no-repeat;
    background-color: #aa2020 !important;
    padding: 1px 6px;
    border-radius: 4px;
    color: #fff;
    font-style: italic;
}



/* //PIGO This styles the Sort By Dropdown font on Sorting Options Eventon Calendar pages */

.evo_srt_options p {
    border-bottom: 1px solid #d9d9d9;
    border-left: 2px solid transparent;
    padding: 5px;
    line-height: 100%;
    margin: 0;
    cursor: pointer;
    display: block;
    color: #000 !important;
}


/*************************************************/


/* //PIGO This affects the Location Description for the Eventon Plugin  */

.eventon_desc_in {
    color: #000 !important;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: bold !important;
    text-align: left;
    text-transform: none;
}




/* //PIGO  This affect the Month Displays on EventON toggle bar*/

.evcal_cblock .evo_date .start em, .evcal_cblock .evo_date .end em{
font-size: 22px !important; 
font-weight: bold !important;
display: block;
margin-left: 0px;
margin-top: 8px;  /*  //PIGO Added margin-top  */
}


/* //PIGO  This affects some text on EventON toggle bar*/

.evcal_desc .evcal_desc3 em i{
color:#000000;  /*  //PIGO  */
}


/* //PIGO  This affects text for getting directions in EventON*/

#evcal_list .evorow.getdirections .evoInput, .evo_pop_body .evorow.getdirections .evoInput{
width:100%;
font-size: 14px;
color:#900;  /* //PIGO */
border: none;
padding: 8px 10px;
margin: 0;
font-weight:bold;
}



 /* //PIGO  Added this width to the code. 
This affects the Get Directions Button for EventON  */

#evcal_list .evorow.getdirections .evcalicon_9, .evo_pop_body .evorow.getdirections .evcalicon_9{
display:inline-block;
cursor:pointer;
position:absolute;
right:0;
top:0;
border:none;
color: #858585;
font-size: 14px;  /* //PIGO  Was 18 px  */
width: 125px;  /* //PIGO  Added this width to the code. This affects the Get Directions Button  */
background: transparent;
height: 100%;
}




/* //PIGO This affects the Close Button on the Pop-Up in EventON */

	.evopopclose{
		position:absolute;
		top:0;right:0;
		z-index:90001;
		margin:-14px -14px 0 0 ;
		color:#FFFFFF !important;  /* //PIGO This affects the Close Button on the Pop-Up */
		background-color:#000;
		border-radius:50%;
		padding:5px;
		height:28px;width:28px;
		text-align:center;
		line-height:90%;
		font-size:28px;
		cursor:pointer;
		font-family: 'Open Sans', sans-serif; font-weight:300;
		box-sizing:content-box;	
		-moz-box-sizing:content-box;
}



/* //PIGO This affects the EventON Skip Months toggle so it stays open */

.evo_j_container{
display:block!important;
margin-bottom: 20px;
}



/* //PIGO This affects the the OPACITY and styling of the Skip Months button */

.evo_cal_above span {
    opacity: 1.0 !important;
    font-weight: bold !important;
    font-family: "arial", "open sans";
    font-size: 12px;
    text-transform: uppercase;
    display: inline-block;
    padding: 3px 4px;
    border-radius: 4px;
    cursor: pointer;
    font-style: italic;
    margin-right: 4px;
    margin-bottom: 20px !important;
}



/* //PIGO This affects the small EventON sorting buttons */

.eventon_sort_line .eventon_sortval_for_dropdown, .eventon_filter_line .filtering_set_val, .eventon_sort_line .eventon_sf_cur_val p {
    cursor: pointer;
    background-color: #BC0F0F !important;
    padding: 1px 6px;
    border-radius: 4px;
    color: #FFF;
    font-style: italic;
}


/* //PIGO This affects the bottom margin of the EventON Skip Months buttons */

.ajde_evcal_calendar .calendar_header .evo_j_dates p.legend {
    margin-bottom: 10px !important;
}



/* //PIGO This affects the button and letters of the EventON Skip Months buttons */
/* //PIGO NEED TO ALTER THIS CSS SO THE HOVER and ACTIVE states will appear too */

.ajde_evcal_calendar .calendar_header .evo_j_dates p a {
    color: #ffffff !important;
    background-color: #655a42 !important;
}



/* //PIGO This affects the top margin of the Main Month Title in EventON */

.ajde_evcal_calendar #evcal_head.calendar_header #evcal_cur, .ajde_evcal_calendar .evcal_month_line p {
    color: #B47D06;
    margin-top: 10px !important;
}


/* //PIGO This affects the top margin of the Round Nav Prev button in EventON */

.ajde_evcal_calendar #evcal_prev {
    margin-left: 15px;
    margin-top: 10px !important;
}


/* //PIGO This affects the top margin of the Round Nav Next button in EventON */

.ajde_evcal_calendar #evcal_next {
    margin-left: 15px;
    margin-top: 10px !important;
}


/* //PIGO This affects the Large Date Tag Block in EventON */

#evcal_list .eventon_list_event .evcal_cblock {
    color: #FFF !important;
    background-color: #b1b0af !important;
    padding-top: 10px !important;
    padding-bottom: 20px !important;
    margin-left: 10px !important;
    margin-top: -7px !important;
    width: 75px !important;
    border-radius: 5px !important;
}


/* //PIGO This affects the font style for the Description Block Tag in EventON */
.evcal_desc span {
    font-family: arial, open sans !important;
    opacity:1.0 !important;




/* -------- PIGO THIS CSS FOR THE EVENTON PLUGIN ENDS HERE ---------- */

.compare {
    background-color: none !important;
    font-weight: bold !important;
    text-transform: none !important;
    padding: 6px 8px !important;
    color: #FFF !important;
    border-radius: 3px  !important;
     padding-top:130px !important;

}

.product_meta {

margin-bottom:50px !important;  
margin-top:50px !important;
}