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

	Theme Name: Hebes
	Theme URI: http://themeforest.net/user/zytheme
	Description: Hebes is a pixel perfect creative ecommerce html5 tempalte  based on designed with great attention to details, flexibility and performance. It is ultra professional, smooth and sleek, with a clean modern layout.
	Author: zytheme
	Author URI: http://themeforest.net/user/zytheme
	Version: 1.0

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

/*!
// Contents
// ------------------------------------------------>

 1.  Global Styles
 2.  Typography
 3.	 Color
 4.	 Align
 5.	 Grid
 6.	 Blockquotes
 7.	 Background
 8.	 Breadcrumbs
 9.	 Buttons
 10. Forms
 11. Icons
 12. List
 13. Media
 14. Tabs
 15. Accordions
 16. Pagination
 17. Alerts
 18. Backtop
 19. Range
 20. Icon Box
 21. Misc
 22. Modals
 23. Tables
 24. Heading
 25. Loading
 26. Header
 27. Menu
 28. Modue
 29. Testimonial
 30. Feature
 31. Call To Action
 32. Counter
 33. Blog
 34. Categories
 35. Contact
 36. Sidebar
 37. Footer
 38. 404
 39. Soon
 40. Clients
 41. Divider
 42. Banners
 43. Services
 44. About
 45. Products
 46. Register
 47. Page Title
 48. Collection
 49. Instagram
 50. Deals
 51. Slider
 52. Popup Modal
 53. Landing

/*------------------------------------*\
    #GLOBAL STYLES
\*------------------------------------*/

/*
WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use 
the custom.css file to add your styles. You can copy a style from this file and paste it in 
custom.css and it will override the style in this file. You have been warned! :)
*/

body,
html {
    overflow-x: hidden;
}

html {
    font-size: $font-size-base;
}

body {
    background-color: $color-white;
    font-family: $font-body;
    font-size: $font-size-base;
    font-weight: 400;
    color: $color-body;
    line-height: $line-height-base;
    margin: 0;
    padding-right: 0 !important;
}

.wrapper {
    background-color: $color-white;
}

.wrapper-boxed {
    padding: 0 70px;
}
.wrapper-parallax {
    margin-bottom: 335px;
    position: relative;
    z-index: 50;
}


* {
    outline: none;
}

::-moz-selection {
    text-shadow: none;
}

::selection {
    background-color: $color-theme;
    color: $color-white;
    text-shadow: none;
}

a {
    @include transition( .3s ease);
    color: $color-theme;
}

a:hover {
    color: darken($color-theme, 10%);
    text-decoration: none;
}

a:focus {
    color: darken($color-theme, 10%);
    outline: none;
    text-decoration: none;
}

a:active {
    color: darken($color-theme, 10%);
    outline: none;
    text-decoration: none;
}

textarea {
    resize: none
}

button.btn {
    margin-bottom: 0
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn.focus:active,
.btn.active.focus {
    outline: none
}

.modal-backdrop {
    z-index: 1020;
    background-color: rgba(34, 34, 34, 0.95);
}

.fullscreen {
    height: 100vh !important;
}
button {
    border: none;
    outline: none;
    background: none;
    padding: 0;
}


.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn.focus:active,
.btn.active.focus,
button:focus {
    outline: none;
    @include prefix(box-shadow,none, moz webkit);
}

/* Custom, iPhone Retina */

@media only screen and (min-width: 320px) and (max-width: 767px) {
    .wrapper-boxed {
        padding: 0;
    }
}

/* Small Devices, Tablets */

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .wrapper-boxed {
        padding: 0;
    }
}

/* Medium Devices, Desktops */

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

    .fullscreen {
        height: auto !important;
    }
}