@import './bootstrap/bootstrap.scss';
@import './partial/variables';
@import './partial/mixins';
@import './partial/header';
@import './partial/footer';
@import './partial/home';
@import './partial/modal';
@import './partial/companyList';
@import './partial/postProject';
@import './partial/myProfile';
@import './partial/projectDetails';
@import './partial/aboutUs';
@import './partial/faq';
@import './partial/articles';
@import './partial/getverified';
@import './partial/categories';
@import './partial/companyinfo';
@import './partial/coupon';
@import './partial/helpSupport';
@import './partial/caculator';

// Fonts CDN
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');

html {
    min-height: 100%;
}

body {
    position: relative;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    font-family: 'Poppins';
}

a {
    text-decoration: none;
}

a,
.btn,
button,
:after,
:before,
path {
    @include fpTransition;
}

p {
    color: $textPink;
    font-weight: $fontRegular;
}

p,
a {
    @media only screen and (max-width: $xs_575) {
        font-size: 14px;
    }
}

ul {
    padding-left: 0;
}

* {
    letter-spacing: -2%;
}

// Change Selection Colors
*::selection {
    background: $bgPurple;
    color: $textBlack;
}

*::-moz-selection {
    background: $bgPurple;
    color: $textBlack;
}

*::-webkit-selection {
    background: $bgPurple;
    color: $textBlack;
}

textarea {
    &.form-control {
        padding-top: 15px;
        min-height: 150px;
    }
}

// Container Width
.container-xl {
    max-width: 100%;

    @media only screen and (min-width: $xl_1301) {
        max-width: 1300px;
    }

    @media only screen and (min-width: $xl_1400) {
        max-width: 1350px;
    }

    @media only screen and (min-width: $xl_1601) {
        max-width: 1600px;
    }
}

.container-fluid {
    @media only screen and (min-width: $xl_1921) {
        max-width: 1900px;
    }
}

// Common Spacing
.fp-ptb-120 {
    @include fpPtb120;
}

.fp-pt-120 {
    @include fpPt120;
}

.fp-pb-120 {
    @include fpPb120;
}

// Common Button
.fp-cmn-btn {
    @include fpCommonFillButton;
}

.fp-black-btn {
    @include fpCommonFillButton;
    @include fpCommonBlackButton;
}

.fp-white-btn {
    @include fpCommonWhiteButton;
}

.fp-cmn-brdr-btn {
    @include fpCommonFillButton;
    @include fpCommonBorderButton;
}

.fp-link-btn {
    @include fpCommonLinkButton;
}

// Common Input Feilds
.form-control {
    @include fpFormControl;
}

.form-select {
    @include fpFormControl;
}

// Common Heading
.fp-head-80 {
    @include fpHead80;
}

.fp-head-40 {
    @include fpHead40;
}

.fp-head-28 {
    @include fpHead28;
}

.fp-head-24 {
    @include fpHead24;
}

.fp-head-20 {
    @include fpHead20;
}

.fp-head-18 {
    @include fpHead18;
}

// Common Icons
.fp-icon {
    @include fpIcon;
}

.fp-ic-group {
    position: relative;

    .form-control {
        padding-right: 40px;
    }
}

// Common Head
.fp-cmn-head {
    @include fpCommonHead;
}

// Common Badges
.fp-badge {
    @include fpBadge;
}

// Common CheckBoxes
.fp-checkbox {
    @include fpCheckBox;
}