@import '_vars.scss';
@import 'Misc.scss';
@import 'Inputs.scss';
@import 'SizeAndPositioning.scss';
@import 'Colors.scss';


@font-face {
    font-family: 'Montserrat-Regular';
    src: url('../assets/Fonts/Montserrat/Montserrat-Regular.woff2') format('woff2'), url('../assets/Fonts/Montserrat/Montserrat-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BYekan';
    src: url('../assets/Fonts/BYekan.woff') format('woff'), url('../assets/Fonts/BYekan.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BYekan-Edited';
    src: url('../assets/Fonts/BYekan-Edited.woff') format('woff'), url('../assets/Fonts/BYekan-Edited.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
    color: #5c6873;
    font-family: "BYekan", 'Montserrat-Regular' !important;
    padding: 0px !important;
    margin: 0px !important;
    font-weight: 100;
    font-size: 17px;
}

a {
    transition: 0.2s;
}

a:hover {
    text-decoration: none !important;
}

/* --------------------------------------------------------
                        General :: Begin
-------------------------------------------------------- */

.En-Raleway {
    font-family: 'Raleway', sans-serif;
}

.RTL {
    direction: rtl;
}

.LTR {
    direction: ltr;
}

.RotateX {
    transform: rotate(180deg);
    webkit-transform: rotate(180deg);
}

.Material-Shoadow-SM {
    box-shadow: 0 8px 10px rgba(0, 0, 0, 0.30), 0 4px 3px rgba(0, 0, 0, 0.22);
}

.CoverBG {
    background-size: cover !important;
}

.CubeTransition {
    transition-property: all;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}

.WhiteTheme .WM-SubText {
    background-color: #fff !important;
    color: #000;
}

.WhiteTheme .Notification {
    background-color: transparent !important;
}

[class^='WM-Hover'],
[class*='WM-Hover'] {
    transition: 0.2s;
    cursor: pointer;
}