@import "compass/css3";
@import 'compass/css3/filter';
@import "compass/css3/user-interface";

$break-small: 40.063em;
$break-medium: 64.063em;
$break-large: 75em;
$break-xlarge: 90.063em;

$color1: #222; // black
$color2: rgba(0,0,0,0.1); // light-grey
$color3: #ef2673; // pink
$color4: #eaeaea; // light border

$transition: cubic-bezier(.165, .840, .440, 1);

$social: (
	facebook: #3b5998,
	google: #dd4b39,
	google-plus: #dd4b39,
	linkedin: #007bb6,
	pinterest: #cb2027,
	twitter: #00aced,
	instagram: #3f729b,
	vk: #45668e,
	tumblr: #35465c,
	xing: #cfdc00,
	soundcloud: #f80,
	dribbble: #ea4c89,
	youtube: #e52d27,
	spotify: #7ab800,
	behance: #1769ff,
	deviantart: #4e6252,
	snapchat: #fffc00
);


/*------------------------------------------------------------------
[Table of contents]

0. Foundation
1. General
2. Re-usable Styles
3. Body
4. Header
6. Magnific Popup
7. Custom Checkbox + Radio
8. Post Syling
9. Overlay
10. Sidebar & Widgets
11. Pagination
12. Carousel
13. Snap To Scroll
14. Custom Scrollbar
15. Form Styling
16. Revolution Slider
17. Contact Page
18. 404 Page
19. WP-Specific
20. Mobile Menu
22. Comments
24. Shortcodes
25. Animations
26. Style Switcher
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
Foundation
*/
@import "foundation.scss";

/*------------------------------------------------------------------
General
*/
html {
	min-height: 100vh;
	overflow-y: scroll !important;
}
body {
	color: #545353;
	background: #fff;
	position: static;
	min-height: 100%;
	scroll-behavior: smooth;
	div, dl, dt, dd, ul, ol, li, pre, form, p, blockquote, th, td {
		font-size: inherit;
		font-family: inherit;
	}
	p {
		font-style: normal;
		font-size: 16px;
		font-weight: 400;
		line-height: 1.8;
		margin-bottom: 0.65rem;
	}
	strong {
		font-weight: 600;	
	}
}
figure {
	margin: 0;	
}

a {
	color: $color3;
	outline: 0;
	@extend .transition;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	&:hover {
		color: $color1;	
	}
}
.titlefont {
	font-family: 'Playfair Display', serif;
}
h1, h2, h3, h4, h5, h6 {
	color: $color1;
	text-rendering: auto;
	@extend .titlefont;
}

/*------------------------------------------------------------------
Re-usable Styles
*/
@import "utilities.scss";

/*------------------------------------------------------------------
Body
*/
@import "structure.scss";

/*------------------------------------------------------------------
Page Transition
*/
@import "plugin-animsition.scss";

/*------------------------------------------------------------------
Custom Scroll
*/
@import "plugin-ps.scss";

/*------------------------------------------------------------------
Header
*/
@import "header.scss";

/*------------------------------------------------------------------
Post Syling
*/
@import "postlayouts.scss";

/*------------------------------------------------------------------
Archive / Category / Search Results Syling
*/
@import "archive.scss";

/*------------------------------------------------------------------
Sidebar & Widgets
*/
@import "sidebar.scss";

/*------------------------------------------------------------------
Carousel
*/
@import "carousel.scss";

/*------------------------------------------------------------------
Form Styling
*/
@import "forms.scss";

/*------------------------------------------------------------------
WP-Specific
*/
@import "wpspecific.scss";

/*------------------------------------------------------------------
Author Page
*/
@import "authorpage.scss";

/*------------------------------------------------------------------
Post Gallery
*/
@import "postgallery.scss";

/*------------------------------------------------------------------
Mobile Menu
*/
@import "mobilemenu.scss";

/*------------------------------------------------------------------
Footer
*/
@import "footer.scss";

/*------------------------------------------------------------------
Comments
*/
@import "comments.scss";

/*------------------------------------------------------------------
Shortcodes
*/
@import "shortcodes.scss";

/*------------------------------------------------------------------
404 Page
*/
@import "404.scss";

/*------------------------------------------------------------------
Shop
*/
@import "shop.scss";
@import "woocommerce-cart.scss";
@import "woocommerce-checkout.scss";
@import "woocommerce-myaccount.scss";
@import "woocommerce-single-product.scss";

/*------------------------------------------------------------------
Pagination
*/
@import "pagination.scss";

/*------------------------------------------------------------------
Animations
*/
@import "customanimation.scss";

/*------------------------------------------------------------------
Apple TV effect
*/
@import "atvimage.scss";

/*------------------------------------------------------------------
Selection Share
*/
@import "selectionshare.scss";

/*------------------------------------------------------------------
Magnific Popup
*/
@import "magnific-popup.scss";

/*------------------------------------------------------------------
Style Switcher
*/
@import "styleswitcher.scss";