/*

Theme Name: Anadi

Theme URI: http://demo.roadthemes.com/anadi/

Author: Roadthemes

Author URI: http://roadthemes.com/

Description:  Anadi is a new WordPress theme for Online Shopping. With this theme, we have presets and different layouts. With drag and drop home page layout manager, we can build many variations of home page layout. We also have ajax cart, wishlist, compare, zoom and fancybox to bring into a modern look of website. Some of amazing features like Revolution Slider, Mega Menu, Visual Composer, Product Tabs & Carousel, Contact Form with Google map will makes your website more attractive.

Version: 1.0

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: one-column, two-columns, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, post-formats, sticky-post, threaded-comments

Text Domain: anadi



This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned with others.

*/



/*------------------------------------------------------------------

[Table of contents]



This theme compiles .less files into .css files. Please open "less" folder to see all LESS file.



1. Theme variables

	1.1 TYPOGRAPHY

	1.2 Colors

		1.2.1 Topbar

		1.2.2 Header

		1.2.3 Footer

		1.2.4 Defined colors

	1.3 BUTTON MIXIN

	1.4 MIXINS

		1.4.1 Opacity

	1.5 CSS3 PROPERTIES

		1.5.1 Drop shadows

		1.5.2 Transitions

		1.5.3 ANIMATION KEYFRAME

		

2. Reset style

	2.1 HTML Elements

		2.1.1 Webkit

		2.1.2 Gecko/Mozilla

		2.1.3 Anchor tag / a

		2.1.4 Image / img

		2.1.5 Heading / h1, h2, h3, h4, h5, h6

		2.1.6 Button / .button, .buttonMixin()

		2.1.7 List / ul, ol

		2.1.8 Table / table

		

3. Global CSS

	3.1 Front page / .row-container

	3.2 Title / .title-1

	3.3 Carousel / .slick-slider

	3.4 Search form / #blogsearchform

	3.5 Categories menu / .categories-menu-wrapper

	3.6 Header / .header-container

		3.6.1 Mega Menu / #mega_main_menu_first

		3.6.2 Logo / .logo.wpb_single_image

		3.6.3 Top bar / .topbar

			3.6.3.1 topbar right link

		3.6.4 custom menu

		3.6.5 language, currency / .switcher

		3.6.6 language switcher style: dropdown / .language

		3.6.7 currency / .currency

		3.6.8 widget product search / .header-search

			3.6.8.1 search without dropdown / .search-without-dropdown

		3.6.9 header middle right / .header-middle-right

		3.6.10 widget shopping cart / .widget_shopping_cart

			

	3.7 Home page / .home

	3.8 Footer / .footer

		3.8.1 footer title / .footer-title

		3.8.2 footer address / .footer-address

		3.8.3 footer menu / .vc_wp_custommenu

		3.8.4 newsletter / .newsletter-wrapper

		3.8.5 social icon / .social-icons

		3.8.6 footer copyright / .footer-copyright

	3.9 Google map / #map

	3.10 Content

		3.10.1 Title and breadcrumb / .title-breadcrumb

		3.10.2 Page content / .page-content

	3.11 Sidebar / .#secondary

		3.11.1 Button in sidebar / .button

		3.11.2 General widget / .widget

		3.11.3 Widget title / .widget-title

		3.11.4 Product list / .product_list_widget

		3.11.5 specific widget

		3.11.6 shop sidebar & blog sidebar



4. Pages CSS

	4.1 Front page / .front-page

	4.2 Full width template / .full-width

	4.3 Default template / .default-page

	4.4 Error 404 page / .error404

	4.5 Blog page / .blog-page

	4.6 About page / .about-page

	4.7 Contact page / .contact-page

	4.8 Service page / .service-page

	4.9 Corporate-counter

	

5. Woocommerce CSS

	5.1 WooCommerce onsale label / .onsale

	5.2 Added to cart popup / .atc-notice-wrapper

	5.3 Quick view / .quickview

	5.4 Shop toolbar / .toobar

	5.5 Pagination / .woocommerce-pagination

	5.6 List products / .shop-products

		5.6.1 Countdown / .count-down

		5.6.2 Product image / .product-image

		5.6.3 Product buttons / .actions

			5.6.3.1 add to cart / .add_to_cart_inline

			5.6.3.2 add to wishlist / .yith-wcwl-add-to-wishlist

			5.6.3.3 add to compare / .compare-button

			5.6.3.4 quickview / .quickviewbtn

	5.7 Product page / .single-product-wrapper	

	5.8 cart page & checkout page / .woocommerce

		5.8.1 my account page / .woocommerce-MyAccount-navigation

	

6. Layouts CSS

	6.1 Page layout / .wrapper

	6.2 Image hover / .image-hover-effect

	6.3 Icon / .icon

	6.4 Slider revolution / .wpb_revslider_element

	6.5 Product carousel / class*='products-carousel'

	6.6 Home tabs / .class*='home-tabs'

	6.7 Blog carousel / .posts-carousel

	6.8 Brands carousel / .brands-carousel

	6.9 Testimonial / .testimonials-container

	6.10 LAYOUT1

	6.11 Lookbook carousel / .lookbook-carousel

	6.12 policy / .policy

	6.13 LAYOUT2

	6.14 LAYOUT3

	6.15 LAYOUT4

	6.16 BRAND INNER

	

7. Responsive CSS



8. Custom CSS

-------------------------------------------------------------------*/



.alignnone {

    margin: 5px 20px 20px 0;

}

.aligncenter,

div.aligncenter {

    display: block;

    margin: 5px auto 5px auto;

}

.alignright {

    float:right;

    margin: 5px 0 20px 20px;

}

.alignleft {

    float: left;

    margin: 5px 20px 20px 0;

}

a img.alignright {

    float: right;

    margin: 5px 0 20px 20px;

}

a img.alignnone {

    margin: 5px 20px 20px 0;

}

a img.alignleft {

    float: left;

    margin: 5px 20px 20px 0;

}

a img.aligncenter {

    display: block;

    margin-left: auto;

    margin-right: auto

}

.wp-caption {

    background: #fff;

	border: none;

    max-width: 96%; /* Image does not overflow the content area */

    padding: 5px 3px 10px;

    text-align: center;

}

.wp-caption.alignnone {

    margin: 5px 20px 20px 0;

}

.wp-caption.alignleft {

    margin: 5px 20px 20px 0;

}

.wp-caption.alignright {

    margin: 5px 0 20px 20px;

}

.wp-caption img {

    border: 0 none;

    height: auto;

    margin: 0;

    max-width: 98.5%;

    padding: 0;

    width: auto;

}

.wp-caption p.wp-caption-text {

    font-size: 12px;

    line-height: 17px;

    margin: 3px 0 0;

    padding: 0 4px 5px;

}

.wp-caption .wp-caption-text,

.gallery-caption,

.entry-caption {

	font-style: italic;

	font-size: 12px;

	line-height: 2;

	color: #757575;

}

/* Text meant only for screen readers. */

.screen-reader-text {

	clip: rect(1px, 1px, 1px, 1px);

	position: absolute !important;

	height: 1px;

	width: 1px;

	overflow: hidden;

}

.screen-reader-text:focus {

	background-color: #f1f1f1;

	border-radius: 3px;

	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);

	clip: auto !important;

	color: #21759b;

	display: block;

	font-size: 14px;

	font-size: 0.875rem;

	font-weight: bold;

	height: auto;

	left: 5px;

	line-height: normal;

	padding: 15px 23px 14px;

	text-decoration: none;

	top: 5px;

	width: auto;

	z-index: 100000; /* Above WP toolbar. */

}

