/**
 * All of the CSS for your public-facing functionality should be included in this file.
 *
 * The file is enqueued from inc/frontend/class-frontend.php.
 */

@font-face {
    font-family: Iransans;
    src: url('../../../assets/fonts/Iransans/IRANSansWeb_Light.woff2') format('woff');
    src: url('../../../assets/fonts/Iransans/IRANSansWeb_Light.woff2') format('woff');
    src: url('../../../assets/fonts/Iransans/IRANSansWeb_Light.ttf') format('truetype');
}

@font-face {
    font-family: Iransans-Bold;
    src: url('../../../assets/fonts/Iransans-Bold/IRANSansWeb_Bold.woff') format('woff');
    src: url('../../../assets/fonts/Iransans-Bold/IRANSansWeb_Bold.woff2') format('woff');
    src: url('../../../assets/fonts/Iransans-Bold/IRANSansWeb_Bold.ttf') format('truetype');
}

@font-face {
    font-family: Iransans-FaNum;
    src: url('../../../assets/fonts/Iransans-FaNum/IRANSansWeb(FaNum).woff') format('woff');
    src: url('../../../assets/fonts/Iransans-FaNum/IRANSansWeb(FaNum).woff2') format('woff');
    src: url('../../../assets/fonts/Iransans-FaNum/IRANSansWeb(FaNum).ttf') format('truetype');
}

.mgw-div-container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.mgw-div-container-fluid label,.mgw-div-container-fluid input[type~="text"],.mgw-div-container-fluid select,.mgw-div-container-fluid option,.mgw-div-container-fluid textarea,.mgw-div-container-fluid span {
    font-family: Iransans, serif !important;
}

.mgw-div-container-fluid h1,.mgw-div-container-fluid h2,.mgw-div-container-fluid h3,.mgw-div-container-fluid h4,.mgw-div-container-fluid h5,.mgw-div-container-fluid h6,.mgw-div-container-fluid input[type~="submit"] {
    font-family: Iransans-Bold, serif !important;
}

.mgw-div-row {
    margin-right: -15px;
    margin-left: -15px;
}

.mgw-div-col-2 {
    width: calc(1/6*100% - 2px);
}

.mgw-div-col-8 {
    width: calc(2/3*100% - 2px);
}

.mgw-div-col-4 {
    width: calc(1/3*100% - 2px);
}

.mgw-div-col-2, .mgw-div-col-4, .mgw-div-col-8 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    display: inline-block;
}

#mgw-payment input.is_number {
    text-align: left;
    font-family: Iransans-FaNum, serif !important;
}

.mgw-label {
    font-size: 1.2em !important;
}

.mgw-button {
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
    background: #263238 !important;
}

.mgw-notice {
    text-align: center;
    padding: 20px;
    border-radius: 6px;
    border: 2px solid;
    font-weight: bold;
}

.mgw-error {
    background: #e57373;
    border-color: #f44336 !important;
    color: #000;
}

.mgw-success {
    background: #DCE775;
    border-color: #CDDC39 !important;
    color: #000;
}