@import url('../canvas/style.css');
/*
Theme Name: The Flitlits Canvas
Theme URI: http://cardiff-web-design.co.uk
Description: canvas child theme - this takes the functionality from the Canvas theme but we put our changes and add code to this.
Author: Chas
Version: 1.
Template: canvas
Tags: */

/*
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles in this file instead of style.css so it
is easier to update the theme. Simply copy an existing style
from style.css to this file, and modify it to your liking. */


/* GLOBAL STYLES
----------------
Add styles beneath this line that you want to be applied across your entire site */

#strong {
font-size: 2em!important;

}

.post-meta {

	display:none;
}
#inner-wrapper {}
	
#content.col-full:after {
    
}
#main-sidebar-container {
   
}
.col-left {
    
}
.header-widget {
    float: right;
    
    clear: none;
    margin: 10px 0 0 0;
}
.header-widget .widget {
   float:right;
   margin: 0;
}
.header-widget .widget p.textwidget {

   float:right;
   
}
.header-widget .widget h2.textwidget {
margin-top:20px;
   float:right;
   padding-right: 0px;
}
#cnss_widget-2 {
margin: 0 0 20px 0;
}
.widget ul li a {
padding: 0;
line-height: 26px;
text-decoration: none;
font-size:18px;
}
.woo-pagination  {
border: none;
background: #840204;
}
.woo-pagination .page-numbers  {
border: none;
background: #840204;
}

.woo-pagination a:visited, .woo-pagination a:active {
border: none;
background: #840204;
}

.tel { text-shadow: 2px 4px #777;
  text-transform: none;
  text-decoration: none;}
 
ul.nav li a, #navigation ul.rss a, #navigation .cart-contents, #navigation ul.rss, #navigation ul.cart .cart_list a {
  text-decoration: none;
  text-transform: uppercase;
  
}


#footer {
    
    border-width: 0px 0px 0px;
    border-style: solid;
   
}
#footer-container {
	
	

}
#footer-widgets-container {
    
}
.custom-menu-location { margin-bottom: 20px; } /* Adding some spacing below the new navigation menu (and other menus with this custom CSS class). */
#navigation { margin-bottom: 15px; } /* Decrease the default spacing below the main navigation. */

/* Footer Menu styling. Source: http://woothemes.zendesk.com/entries/22533218-Add-Custom-Navigation-Menus-in-Canvas */
.custom-menu-location { margin-bottom: 20px; } /* Adding some spacing below the new navigation menu (and other menus with this custom CSS class). */
#navigation { margin-bottom: 15px; } /* Decrease the default spacing below the main navigation. */

/* Center footer menu. Source: http://css-tricks.com/centering-list-items-horizontally-slightly-trickier-than-you-might-think/ */
.custom-menu-location ul.nav { /* Added .custom-menu-location to target just the footer menu while leaving the primary menu along */
 margin-bottom: 0;
 margin-right: 0; /* Changed from 30px to 0 */
 position: relative;
 text-align: center; /* Added */
 width: 100%; /* Changed from 0 to 100% */
}

.custom-menu-location ul.nav li { /* Added .custom-menu-location to target just the footer menu while leaving the primary menu along */
 display: inline-block; /* Added */
 float: none; /* Changed from left to none */
 list-style: none outside none;
 position: relative;
}

.shop_table {
color: #000!important;
}
.cart-subtotal {
color: #000!important;
}
.shipping {
color: #000!important;
}
.order-total {
color: #000!important;
}

/* Home Page from legalizxed
---------------------------------------------*/

/* Carousel */
.home-slider{
    margin-bottom: 30px;
}
.rev_slider_wrapper .tp-rightarrow.default{
    background: url(images/carousel-next.png) no-repeat scroll 0 0 transparent;
    width: 48px;
    height: 48px;
}
.rev_slider_wrapper .tp-leftarrow.default{
    background: url(images/carousel-prev.png) no-repeat scroll 0 0 transparent;
    width: 48px;
    height: 48px;
}
.rev_slider_wrapper .tp-caption.medium_white_bg{
    color: #fff !important;
    background: url(images/carousel-text-box-bg.png) repeat scroll 0 0 transparent !important;
}

.carousel-control{
    top: 50%;
    background: url(images/carousel-prev.png) no-repeat scroll 0 0 transparent;
    border:none;
    color: rgba(0, 0, 0, 0);
    left: 3%;
}
.carousel-control.right{
    background: url(images/carousel-next.png) no-repeat scroll 0 0 transparent;
    right: 3%;
}
.carousel-control:hover{
    color: transparent;
}
.carousel-inner > .item > img{
    margin: 0 auto;
}
.carousel-indicators{
    display:none;
}
.carousel_bottom{
    height: 7px;
    width: 77%;
    background: #E2E2E2;
    bottom: 3px;
    position: relative;
    margin: 0 auto;
}
.carousel_text_box{
    font-size: 1.733em;
    line-height: 1.333em;
    font-family: 'Merriweather', serif;
    color: #fff;
    background: url(images/carousel-text-box-bg.png) repeat scroll 0 0 transparent;
    position: absolute;
    bottom: 10%;
    left: 13%;
    padding: 1em;
}

/* Big heading legalized*/
h1.hero_heading{
    font-size: 1.867em;
    color: #494949;
    font-weight: normal;
    background: url(images/separator.png) no-repeat scroll 0 bottom rgba(0, 0, 0, 0);
    padding-bottom: 1em;
    margin-top: 1.5em;
    margin-bottom: 2em;
}
h1.hero_heading span{
    color: #d25555;
}

.part_home{
    margin: 10px 0;
}
/* Fancybox fix */
.fancybox-close{
    border: none !important;
}
.fancybox-overlay-fixed{
    z-index: 9888 !important;
}
.fancybox-opened{
    z-index: 9999 !important;
}

.more-link{
    background: #515151;
    color: #fff;
    float: left;
    line-height: 13px;
    display: block;
    margin-top: 20px;
    font-family: 'Merriweather', serif;
    font-weight: 700;
    font-size: 11px;
    padding: 8px 13px;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
}
.more-link:hover{
    color: #FFF;
    background: #696969;
}


.blank_separator{
    display: block;
    margin-top: 3em;
}
.home .blank_separator {
    margin-top:0;
}
.wooslider {
    margin: 0px 0px 60px;
    background: none repeat scroll 0% 0% #C9C3DB;
    border: 4px solid #C9C3DB;
    position: relative;
    border-radius: 4px;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
	
}

.entry img, img.thumbnail {
  background: none;
  border: medium none;
  padding: 5px;
}
.page .title {
    font: bold 24px/1.1em "Merriweather",arial,sans-serif;
    color: #017B3E;
	text-align: center;
	
}
.entry, .page .title {
	margin-top: 20px;
	
    
}


/* DESKTOP STYLES
-----------------
Add styles inside the media query below that you only want to be applied to the desktop layout of your site */
@media only screen and (min-width: 768px) {
	/* Desktop styles go below this line */


	
}


@media only screen and (max-width: 768px) { 
/* mobile styles go below this line */ 
#navigation {

background: #C9C3DB; }
#navigation h3 {
font-size: 1.2em;
padding: 0.7em 1em;
color:#227B3E;
text-transform:uppercase;
font-family: 'Merriweather', serif;
}
.nav li{ 
width:100%; 
text-align: left; 
background: #C9C3DB;
color: #227B3E;
font-family: 'Merriweather', serif;
} 
ul.nav li ul li a {
	
    background: none repeat scroll 0% 0% #C9C3DB !important;
    color: #EEEE22!important;
}
ul.nav li.current_page_item a, ul.nav li.current_page_parent a, ul.nav li.current-menu-ancestor a, ul.nav li.current-cat a, ul.nav li.current-menu-item a {
background: none repeat scroll 0% 0% #C9C3DB;
color: #227B3E;
}

ul.nav li a {
    padding: 0.5em 1em;
    display: block;
    color: #512271;
	font-size: 1.2em;
}

}